@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";color:#f8f9fa;cursor:default;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;margin:0;overflow-x:hidden;-webkit-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{line-height:1.6}button{font-feature-settings:inherit;font-family:inherit}code{background-color:#ffffff1a;border-radius:4px;font-family:Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:.2em .4em}::selection{background-color:#40e0d066;color:#fff;text-shadow:0 1px 2px #0000004d}::-moz-selection{background-color:#40e0d066;color:#fff;text-shadow:0 1px 2px #0000004d}:focus-visible{border-radius:4px;box-shadow:0 0 10px #40e0d080;outline:2px solid #40e0d0;outline-offset:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0b14264d;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#40e0d099,#87ceeb99);border:1px solid #ffffff1a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#40e0d0cc,#87ceebcc);box-shadow:0 0 10px #40e0d04d}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--ocean-deep:#0b1426;--ocean-dark:#1a2942;--ocean-medium:#2d4a6b;--ocean-light:#4a7ba7;--ocean-surface:#87ceeb;--sea-foam:#b8ddd8;--coral:#ff6b6b;--tropical-blue:#00d4ff;--jellyfish-glow:#40e0d0;--starfish-orange:orange;--seahorse-purple:#9370db;--pearl:#f8f9fa;--bubble-white:#fffc;--wave-gradient:linear-gradient(135deg,#667eea,#764ba2);--deep-gradient:linear-gradient(135deg,#0b1426,#2d4a6b 50%,#4a7ba7);--playful-gradient:linear-gradient(135deg,#00d4ff,#87ceeb 50%,#b8ddd8);--surface-gradient:linear-gradient(135deg,#87ceeb,#b8ddd8);--fish-gradient:linear-gradient(45deg,#ff6b6b,orange 50%,#40e0d0);--glass-effect:#ffffff1a;--shadow-soft:0 8px 32px #0000001a;--shadow-medium:0 16px 48px #0003;--shadow-glow:0 0 20px #40e0d04d;--border-radius:16px;--border-radius-large:24px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--bounce:cubic-bezier(0.68,-0.55,0.265,1.55)}.full-screen-container{align-items:center;background:linear-gradient(135deg,#0b1426,#2d4a6b 50%,#4a7ba7);background:var(--deep-gradient);background-attachment:fixed;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;justify-content:center;left:0;overflow:auto;position:absolute;top:0;width:100%}.full-screen-container:before{animation:gentle-float 20s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0c16.569 0 30 13.431 30 30S46.569 60 30 60 0 46.569 0 30 13.431 0 30 0zm0 6C16.745 6 6 16.745 6 30s10.745 24 24 24 24-10.745 24-24S43.255 6 30 6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E") repeat}.full-screen-container:after,.full-screen-container:before{content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.full-screen-container:after{animation:bubble-float 25s linear infinite,bubble-drift 30s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#fffc 2px,#0000 0),radial-gradient(circle at 80% 20%,#40e0d099 1px,#0000 0),radial-gradient(circle at 40% 40%,#fffc 1px,#0000 0),radial-gradient(circle at 90% 60%,#ffa50066 1.5px,#0000 0),radial-gradient(circle at 10% 30%,#fffc .5px,#0000 0);background-image:radial-gradient(circle at 20% 80%,var(--bubble-white) 2px,#0000 2px),radial-gradient(circle at 80% 20%,#40e0d099 1px,#0000 1px),radial-gradient(circle at 40% 40%,var(--bubble-white) 1px,#0000 1px),radial-gradient(circle at 90% 60%,#ffa50066 1.5px,#0000 1.5px),radial-gradient(circle at 10% 30%,var(--bubble-white) .5px,#0000 .5px);background-position:0 0,50px 50px,100px 100px,200px 200px,300px 300px;background-size:400px 400px,300px 300px,200px 200px,150px 150px,100px 100px;opacity:.7}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bubble-float{0%{transform:translateY(100vh) rotate(0deg)}to{transform:translateY(-100vh) rotate(1turn)}}@keyframes bubble-drift{0%,to{transform:translateX(0) scale(1)}25%{transform:translateX(-20px) scale(1.1)}50%{transform:translateX(10px) scale(.9)}75%{transform:translateX(-10px) scale(1.05)}}@keyframes bubble-rise{0%{transform:translateY(calc(100vh + 200px)) translateX(0) scale(.8)}25%{transform:translateY(75vh) translateX(10px) scale(1)}50%{transform:translateY(50vh) translateX(-8px) scale(1.1)}75%{transform:translateY(25vh) translateX(12px) scale(1)}to{transform:translateY(-200px) translateX(0) scale(.8)}}@keyframes bubble-rise-wiggle{0%{transform:translateY(calc(100vh + 200px)) translateX(0) scale(.8)}25%{transform:translateY(75vh) translateX(15px) scale(1)}50%{transform:translateY(50vh) translateX(-12px) scale(1.1)}75%{transform:translateY(25vh) translateX(8px) scale(1)}to{transform:translateY(-200px) translateX(0) scale(.8)}}@keyframes seaweed-sway{0%,to{transform:rotate(-5deg) scaleY(1)}50%{transform:rotate(5deg) scaleY(1.05)}}@keyframes wave-ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes bubble-rise-spiral{0%{opacity:0;transform:translateY(120vh) translateX(0) scale(.8) rotate(0deg)}10%{opacity:1;transform:translateY(100vh) translateX(20px) scale(1) rotate(90deg)}25%{opacity:1;transform:translateY(75vh) translateX(-5px) scale(1.05) rotate(180deg)}50%{opacity:1;transform:translateY(45vh) translateX(-15px) scale(1.1) rotate(270deg)}75%{opacity:1;transform:translateY(15vh) translateX(12px) scale(.9) rotate(320deg)}90%{opacity:1;transform:translateY(-10vh) translateX(10px) scale(.6) rotate(350deg)}to{opacity:0;transform:translateY(-20vh) translateX(10px) scale(.4) rotate(1turn)}}@keyframes bubble-rise-figure8{0%{opacity:0;transform:translateY(120vh) translateX(0) scale(.8)}10%{opacity:1;transform:translateY(100vh) translateX(25px) scale(1)}25%{opacity:1;transform:translateY(75vh) translateX(0) scale(1.05)}40%{opacity:1;transform:translateY(55vh) translateX(-20px) scale(1.1)}60%{opacity:1;transform:translateY(35vh) translateX(15px) scale(1.05)}80%{opacity:1;transform:translateY(10vh) translateX(-5px) scale(.9)}90%{opacity:1;transform:translateY(-10vh) translateX(0) scale(.6)}to{opacity:0;transform:translateY(-20vh) translateX(0) scale(.4)}}@keyframes bubble-rise-gentle{0%{opacity:0;transform:translateY(120vh) translateX(0) scale(.8)}10%{opacity:1;transform:translateY(100vh) translateX(8px) scale(1)}25%{opacity:1;transform:translateY(75vh) translateX(-3px) scale(1.02)}50%{opacity:1;transform:translateY(45vh) translateX(-5px) scale(1.05)}75%{opacity:1;transform:translateY(15vh) translateX(4px) scale(.9)}90%{opacity:1;transform:translateY(-10vh) translateX(3px) scale(.6)}to{opacity:0;transform:translateY(-20vh) translateX(3px) scale(.4)}}.bubble{animation:bubble-rise 12s linear infinite;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 30% 30%,#fff,#ffffffe6,#40e0d0cc);border-radius:50%;bottom:-50px;box-shadow:0 0 80px #fffc,0 0 120px #fff9,0 0 160px #40e0d080,inset 0 0 40px #fffc,inset 0 0 20px #40e0d099;filter:brightness(1.3) contrast(1.4) saturate(1.3) drop-shadow(0 0 30px rgba(255,255,255,.8));height:40px;opacity:1;opacity:.8;pointer-events:none;position:fixed;transform:translateX(0);width:40px;will-change:transform,opacity;z-index:1}.bubble,.bubble-small{border:3px solid #fffc}.bubble-small{animation-duration:10s;box-shadow:0 0 60px #fffc,0 0 90px #fff9,0 0 120px #40e0d080,inset 0 0 30px #fffc;filter:brightness(1.3) contrast(1.4) saturate(1.3) drop-shadow(0 0 25px rgba(255,255,255,.8));height:35px;opacity:.75;width:35px}.bubble-medium{animation-duration:14s;box-shadow:0 0 80px #fffc,0 0 120px #fff9,0 0 160px #40e0d080,inset 0 0 40px #fffc;filter:brightness(1.3) contrast(1.4) saturate(1.3) drop-shadow(0 0 35px rgba(255,255,255,.8));height:50px;width:50px}.bubble-large,.bubble-medium{border:4px solid #fffc;opacity:.8}.bubble-large{animation-duration:16s;box-shadow:0 0 100px #fffc,0 0 150px #fff9,0 0 200px #40e0d080,inset 0 0 50px #fffc;filter:brightness(1.3) contrast(1.4) saturate(1.3) drop-shadow(0 0 45px rgba(255,255,255,.8));height:65px;width:65px}.bubble:nth-child(2n),.bubble:nth-child(3n),.bubble:nth-child(4n),.bubble:nth-child(5n),.bubble:nth-child(6n),.bubble:nth-child(7n),.bubble:nth-child(8n),.bubble:nth-child(odd){animation-timing-function:linear}.bubble:nth-child(11n){animation:bubble-rise-spiral 13s linear infinite;border:4px solid #fffc;box-shadow:0 0 100px #fffc,0 0 150px #40e0d099,0 0 200px #87ceeb80,inset 0 0 50px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 40px rgba(255,255,255,.8));opacity:.8;z-index:1}.bubble:nth-child(12n){animation:bubble-rise-figure8 15s linear infinite;border:4px solid #40e0d0cc;box-shadow:0 0 110px #40e0d0cc,0 0 150px #ffffffb3,0 0 190px #add8e699,inset 0 0 55px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 45px rgba(64,224,208,.8));opacity:.75;z-index:1}.bubble:nth-child(13n){animation:bubble-rise-wiggle 11s linear infinite;border:4px solid #87ceebcc;box-shadow:0 0 120px #87ceebcc,0 0 160px #fff9,0 0 200px #40e0d080,inset 0 0 60px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 50px rgba(135,206,235,.8));opacity:.8;z-index:1}.bubble:nth-child(14n){animation:bubble-rise-gentle 9s linear infinite;border:4px solid #add8e6cc;box-shadow:0 0 105px #add8e6cc,0 0 145px #ffffffb3,0 0 185px #40e0d099,inset 0 0 52px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 42px rgba(173,216,230,.8));opacity:.8;z-index:1}.bubble:nth-child(15n){animation:bubble-rise-spiral 18s linear infinite;border:4px solid #fffc;box-shadow:0 0 115px #fffc,0 0 155px #40e0d099,0 0 195px #87ceeb80,inset 0 0 58px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 48px rgba(255,255,255,.8));opacity:.75;z-index:1}.bubble:nth-child(16n){animation:bubble-rise-figure8 14s linear infinite;border:4px solid #40e0d0cc;box-shadow:0 0 108px #40e0d0cc,0 0 148px #ffffffb3,0 0 188px #add8e699,inset 0 0 54px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 46px rgba(64,224,208,.8));opacity:.8;z-index:1}.bubble:nth-child(17n){animation:bubble-rise-wiggle 17s linear infinite;border:4px solid #87ceebcc;box-shadow:0 0 112px #87ceebcc,0 0 152px #fff9,0 0 192px #40e0d080,inset 0 0 56px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 44px rgba(135,206,235,.8));opacity:.75;z-index:1}.bubble:nth-child(18n){animation:bubble-rise-gentle 8s linear infinite}.bubble:nth-child(18n),.bubble:nth-child(19n){border:4px solid #fffc;box-shadow:0 0 95px #fffc,0 0 135px #40e0d0b3,0 0 175px #87ceeb99,inset 0 0 48px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 38px rgba(255,255,255,.8));opacity:.8;z-index:1}.bubble:nth-child(19n){animation:bubble-rise-gentle 7s linear infinite}.bubble:nth-child(20n){animation:bubble-rise-gentle 9s linear infinite}.bubble:nth-child(20n),.bubble:nth-child(21n){border:4px solid #fffc;box-shadow:0 0 95px #fffc,0 0 135px #40e0d0b3,0 0 175px #87ceeb99,inset 0 0 48px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 38px rgba(255,255,255,.8));opacity:.8;z-index:1}.bubble:nth-child(21n){animation:bubble-rise-gentle 10s linear infinite}.bubble:nth-child(22n){animation:bubble-rise-gentle 8s linear infinite;border:4px solid #fffc;box-shadow:0 0 95px #fffc,0 0 135px #40e0d0b3,0 0 175px #87ceeb99,inset 0 0 48px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 38px rgba(255,255,255,.8));opacity:.8;z-index:1}.bubble:nth-child(3n){animation:bubble-rise-wiggle 12s linear infinite;background:radial-gradient(circle at 40% 20%,#40e0d0cc,#ffffffb3,#00d4ff99);border:4px solid #40e0d0cc;box-shadow:0 0 120px #40e0d0cc,0 0 160px #fff9,0 0 200px #00d4ff80,inset 0 0 60px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 50px rgba(64,224,208,.8));opacity:.8}.bubble:nth-child(4n){animation:bubble-rise-gentle 10s linear infinite;background:radial-gradient(circle at 20% 40%,#fffc,#ffffffbf,#add8e699);border:4px solid #fffc;box-shadow:0 0 110px #fffc,0 0 150px #ffffffb3,0 0 190px #add8e699,inset 0 0 55px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 45px rgba(255,255,255,.8));opacity:.8}.bubble:nth-child(5n){animation:bubble-rise-spiral 16s linear infinite;background:radial-gradient(circle at 50% 30%,#87ceebcc,#ffffffb3,#40e0d099);border:4px solid #87ceebcc;box-shadow:0 0 125px #87ceebcc,0 0 165px #fff9,0 0 205px #40e0d080,inset 0 0 65px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 55px rgba(135,206,235,.8));opacity:.75}.bubble:nth-child(6n){animation:bubble-rise-figure8 12s linear infinite;background:radial-gradient(circle at 35% 35%,#fffc,#ffffffb3,#40e0d099);border:4px solid #fffc;box-shadow:0 0 100px #fffc,0 0 140px #fff9,0 0 180px #40e0d080,inset 0 0 50px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 40px rgba(255,255,255,.8));opacity:.8}.bubble:nth-child(7n){animation:bubble-rise-wiggle 18s linear infinite;background:radial-gradient(circle at 60% 40%,#add8e6cc,#ffffffb3,#40e0d099);border:4px solid #add8e6cc;box-shadow:0 0 120px #add8e6cc,0 0 160px #fff9,0 0 200px #40e0d080,inset 0 0 60px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 50px rgba(173,216,230,.8));opacity:.75}.bubble:nth-child(8n){animation:bubble-rise-spiral 13s linear infinite;background:radial-gradient(circle at 25% 25%,#fffc,#00d4ff99,#40e0d080);border:4px solid #fffc;box-shadow:0 0 130px #fffc,0 0 170px #00d4ff99,0 0 210px #40e0d080,inset 0 0 70px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 60px rgba(255,255,255,.8));opacity:.8}.bubble:nth-child(9n){animation:bubble-rise-figure8 14s linear infinite;background:radial-gradient(circle at 45% 55%,#40e0d0cc,#ffffffb3,#add8e699);border:4px solid #40e0d0cc;box-shadow:0 0 135px #40e0d0cc,0 0 175px #ffffffb3,0 0 215px #add8e699,inset 0 0 75px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 55px rgba(64,224,208,.8));opacity:.75}.bubble:nth-child(10n){animation:bubble-rise-wiggle 19s linear infinite;background:radial-gradient(circle at 30% 60%,#add8e6cc,#fffc,#40e0d0b3);border:4px solid #add8e6cc;box-shadow:0 0 140px #add8e6cc,0 0 180px #fffc,0 0 220px #40e0d099,inset 0 0 80px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 65px rgba(173,216,230,.8));opacity:.8}.bubble:nth-child(odd){background:radial-gradient(circle at 30% 30%,#fffc,#ffffffbf,#40e0d0b3);border:4px solid #fffc;box-shadow:0 0 120px #fffc,0 0 160px #40e0d0cc,0 0 200px #87ceeb99,inset 0 0 60px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 50px rgba(255,255,255,.8));opacity:.8}.bubble:nth-child(2n){background:radial-gradient(circle at 40% 40%,#40e0d0cc,#ffffffbf,#add8e6b3);border:4px solid #40e0d0cc;box-shadow:0 0 120px #40e0d0cc,0 0 160px #fffc,0 0 200px #87ceeb99,inset 0 0 60px #fffc;filter:brightness(1.4) contrast(1.5) saturate(1.4) drop-shadow(0 0 55px rgba(64,224,208,.8));opacity:.8}.container{align-items:center;animation:gentle-bob 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-effect);border:1px solid #fff3;border-radius:24px;border-radius:var(--border-radius-large);box-shadow:0 16px 48px #0003,0 0 20px #40e0d04d;box-shadow:var(--shadow-medium),var(--shadow-glow);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:20px;max-width:480px;overflow:hidden;padding:32px;position:relative;text-align:center;width:100%;z-index:10}.container:before{animation:bubble-rise 15s linear infinite;animation-delay:-3s;background:radial-gradient(circle,#ffffff80,#0000);height:6px;left:20%;top:80%;width:6px}.container:after,.container:before{border-radius:50%;content:"";position:absolute;z-index:-1}.container:after{animation:bubble-rise 20s linear infinite;animation-delay:-8s;background:radial-gradient(circle,#ffffff4d,#0000);bottom:85%;height:4px;right:25%;width:4px}@keyframes gentle-bob{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-3px) rotate(.5deg)}66%{transform:translateY(2px) rotate(-.5deg)}}.logo-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;width:100%}.brand-title{-webkit-text-fill-color:#0000;animation:rainbow-shift 3s ease-in-out infinite,title-float 4s ease-in-out infinite;background:linear-gradient(45deg,red,#ff8000 14%,#ff0 28%,#80ff00 42%,#00ff80 56%,#0ff 70%,#0080ff 84%,#8000ff);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;color:#f8f9fa;color:var(--pearl);cursor:default;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0;position:relative;text-align:center;text-shadow:0 4px 8px #0000004d}.brand-title:hover{animation:shimmer 1s ease-in-out infinite,title-float 2s ease-in-out infinite,title-wiggle .5s ease-in-out;transform:scale(1.05)}@keyframes shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes rainbow-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes title-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes title-wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}@keyframes gentle-pulse{0%,to{box-shadow:0 8px 32px #0000001a,0 0 0 0 #40e0d000;box-shadow:var(--shadow-soft),0 0 0 0 #40e0d000}50%{box-shadow:0 8px 32px #0000001a,0 0 20px 5px #40e0d01a;box-shadow:var(--shadow-soft),0 0 20px 5px #40e0d01a}}@keyframes button-bounce{0%,to{transform:translateY(-4px) scale(1.02)}50%{transform:translateY(-6px) scale(1.05)}}@keyframes button-splash{0%{transform:translateY(-1px) scale(.98)}50%{transform:translateY(-2px) scale(1.01)}to{transform:translateY(-1px) scale(.98)}}.version-info{color:#ffffffb3;font-size:.875rem;font-weight:500;margin-top:8px}.connect-button{animation:gentle-pulse 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00d4ff,#87ceeb 50%,#b8ddd8);background:var(--playful-gradient);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 8px 32px #0000001a,0 0 0 0 #40e0d000;box-shadow:var(--shadow-soft),0 0 0 0 #40e0d000;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;max-width:320px;overflow:hidden;padding:16px 24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--bounce);width:100%}.connect-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.connect-button:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s,opacity .6s;width:0}.connect-button:hover:before{left:100%}.connect-button:hover:after{height:300px;opacity:0;width:300px}.connect-button:hover{animation:button-bounce .6s cubic-bezier(.68,-.55,.265,1.55);animation:button-bounce .6s var(--bounce);background:linear-gradient(45deg,#ff6b6b,orange 50%,#40e0d0);background:var(--fish-gradient);box-shadow:0 25px 50px #0000004d,0 0 30px #40e0d066;transform:translateY(-4px) scale(1.02)}.connect-button:active{animation:button-splash .3s ease-out;box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-soft);transform:translateY(-1px) scale(.98)}.status-message{animation:message-float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--border-radius);color:#f8f9fa;color:var(--pearl);font-size:clamp(1.125rem,4vw,1.5rem);font-weight:600;margin-top:24px;padding:16px 24px;position:relative;text-shadow:0 2px 4px #0000004d;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--bounce)}.status-message:hover{background:#40e0d01a;border-color:#40e0d04d;box-shadow:0 8px 25px #40e0d033;transform:scale(1.02)}@keyframes message-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.testnet-banner{animation:pulse-glow 2s ease-in-out infinite,banner-wiggle 5s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,orange 50%,#ff8c42);background:linear-gradient(135deg,var(--coral) 0,var(--starfish-orange) 50%,#ff8c42 100%);border:2px solid #ffffff4d;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-soft);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin:16px 0;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--bounce)}.testnet-banner:hover{animation:pulse-glow .5s ease-in-out infinite,banner-wiggle 1s ease-in-out infinite;transform:scale(1.05) rotate(1deg)}.testnet-banner:before{animation:warning-float 3s ease-in-out infinite;content:"⚠️";left:-20px;position:absolute}.testnet-banner:after{animation:warning-float 3s ease-in-out infinite reverse;content:"🧪";position:absolute;right:-20px}@keyframes pulse-glow{0%,to{box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-soft)}50%{box-shadow:0 8px 32px #ff6b6b66}}@keyframes banner-wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-.5deg)}75%{transform:rotate(.5deg)}}@keyframes warning-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(10deg)}}.testnet-token-id{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#b8ddd8;color:var(--sea-foam);font-size:.875rem;font-weight:600;margin:12px 0;padding:8px 16px;text-align:center}.debug-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--border-radius);color:#fffc;font-family:Monaco,Consolas,monospace;font-size:.75rem;line-height:1.5;margin-top:24px;padding:16px;text-align:left}.debug-panel.testnet{background:#ff6b6b1a;border-color:#ff6b6b4d}.debug-title{color:#b8ddd8;color:var(--sea-foam);display:block;font-weight:700;margin-bottom:8px}@media (max-width:640px){.container{margin:16px;padding:24px}.connect-button,.container{max-width:none}.debug-panel{font-size:.6875rem}}@media (max-width:480px){.container{margin:12px;padding:20px}.brand-title{font-size:2.5rem}}.ocean-decorations{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}.ocean-decorations:before{animation:ocean-life-swim 30s linear infinite;color:#40e0d0;color:var(--jellyfish-glow);content:"🌊 🫧 🌊 🫧 🌊 🫧 🌊 🫧";font-size:2rem;left:-200px;opacity:.2;position:absolute;top:30%;white-space:nowrap}.ocean-decorations:after{animation:ocean-life-swim 40s linear infinite reverse;bottom:20%;content:"🪸 🌿 🌊 🐚 ⭐ 🫧 🌊 🫧";font-size:1.5rem;opacity:.15;position:absolute;right:-200px;white-space:nowrap}@keyframes ocean-life-swim{0%{transform:translateX(-200px)}to{transform:translateX(calc(100vw + 200px))}}.seaweed{animation:seaweed-sway 4s ease-in-out infinite;background:linear-gradient(0deg,#2d4a6b,#b8ddd8);background:linear-gradient(to top,var(--ocean-medium),var(--sea-foam));border-radius:10px;bottom:0;height:100px;opacity:.3;position:fixed;width:20px;z-index:-2}.seaweed:first-child{animation-delay:-1s;height:120px;left:10%}.seaweed:nth-child(2){animation-delay:-2s;height:80px;right:15%}.seaweed:nth-child(3){animation-delay:-.5s;height:110px;left:80%}.jellyfish{animation:jellyfish-float 8s ease-in-out infinite;background:radial-gradient(circle,#40e0d066 30%,#0000 70%);border-radius:50% 50% 70% 70%;height:40px;opacity:.6;position:fixed;right:10%;top:20%;width:40px;z-index:-2}.jellyfish:before{animation:tentacle-sway 2s ease-in-out infinite;background:linear-gradient(180deg,#40e0d04d,#0000);border-radius:2px;bottom:-20px;content:"";height:30px;left:50%;position:absolute;transform:translateX(-50%);width:2px}@keyframes jellyfish-float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(10px) rotate(-3deg)}75%{transform:translateY(-15px) rotate(2deg)}}@keyframes tentacle-sway{0%,to{transform:translateX(-50%) rotate(0deg)}50%{transform:translateX(-50%) rotate(10deg)}}