:root{--bg: #07060f;--stage: #050410;--card: #15152e;--card2: #1c1940;--cyan: #00e5ff;--pink: #ff2e93;--purple: #b14dff;--gold: #ffd23f;--green: #25e0a0;--text: #fff;--muted: #b9b9d4;--dim: #8a8ab0;--font: "Outfit", "Segoe UI", system-ui, sans-serif;--display: "Unbounded", "Outfit", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--text);font-family:var(--font);min-height:100vh;background:radial-gradient(55% 45% at 50% -8%,rgba(177,77,255,.2),transparent 70%),radial-gradient(45% 35% at 92% 8%,rgba(0,229,255,.13),transparent 70%),radial-gradient(45% 45% at 6% 102%,rgba(255,46,147,.14),transparent 70%),var(--bg);background-attachment:fixed;-webkit-tap-highlight-color:transparent}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wrap{max-width:480px;margin:0 auto;padding:24px 18px;position:relative;z-index:1}h1,h2,h3,.display{font-family:var(--display);letter-spacing:-.5px}button{font-family:inherit;cursor:pointer}.btn{width:100%;padding:15px;border-radius:16px;border:2.5px solid var(--cyan);background:linear-gradient(180deg,var(--card2),var(--card));color:#fff;font-weight:800;font-size:16px;font-family:var(--font);box-shadow:4px 4px #00000080,0 0 16px #00e5ff38;transition:transform .08s ease,box-shadow .15s ease,filter .15s ease}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #00000080,0 0 12px #00e5ff4d}.btn:disabled{border-color:#30304c;color:#5b5b7a;box-shadow:none;background:#101022}.btn-gold{border:none;background:linear-gradient(180deg,#ffe686,var(--gold));color:#181300;box-shadow:4px 4px #00000073,0 0 24px #ffd23f80}.input{width:100%;padding:14px;border-radius:14px;border:2px solid var(--cyan);background:#0c0c1c;color:#fff;font-size:16px;font-family:var(--font)}.input::placeholder{color:#66668a}.input:focus{outline:none;box-shadow:0 0 0 3px #00e5ff38}.join-hero{margin-top:8px;border-radius:20px;padding:16px 15px 15px;background:linear-gradient(180deg,#00e5ff17,#15152e8c);border:2px solid rgba(0,229,255,.5);box-shadow:0 0 34px #00e5ff29,inset 0 0 0 1px #00e5ff0f}.codeField{width:100%;text-align:center;text-transform:uppercase;font-family:var(--display);font-size:30px;font-weight:900;letter-spacing:14px;padding:16px 6px 16px 20px;border-radius:16px;border:2.5px solid var(--cyan);background:#0a0a1a;color:#fff;box-shadow:inset 0 0 24px #00e5ff1a}.codeField::placeholder{color:#33335a;letter-spacing:14px}.codeField:focus{outline:none;box-shadow:0 0 0 4px #00e5ff40,inset 0 0 26px #00e5ff29}.lbl{font-size:12px;letter-spacing:2px;color:var(--cyan);font-weight:800}.pill{display:inline-block;font-weight:900;font-size:13px;padding:5px 13px;border-radius:999px}@keyframes popIn{0%{transform:scale(.4) rotate(-10deg);opacity:0}55%{transform:scale(1.15) rotate(-3deg)}to{transform:scale(1) rotate(-3deg);opacity:1}}@keyframes riseIn{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.rise{animation:riseIn .42s cubic-bezier(.2,.8,.2,1) both}.pop{animation:popIn .5s cubic-bezier(.2,.9,.3,1.3) both}