:root{--bg-deep: #0a0a0f;--bg-surface: #12121a;--bg-elevated: #1a1a2e;--bg-spotlight: #16213e;--neon-pink: #ff2d95;--neon-cyan: #00f0ff;--neon-purple: #b026ff;--neon-yellow: #ffe135;--neon-green: #39ff14;--neon-orange: #ff6b2d;--glow-pink: 0 0 10px #ff2d95, 0 0 40px #ff2d9580, 0 0 80px #ff2d9540;--glow-cyan: 0 0 10px #00f0ff, 0 0 40px #00f0ff80, 0 0 80px #00f0ff40;--glow-purple: 0 0 10px #b026ff, 0 0 40px #b026ff80, 0 0 80px #b026ff40;--glow-yellow: 0 0 10px #ffe135, 0 0 40px #ffe13580, 0 0 80px #ffe13540;--glow-green: 0 0 10px #39ff14, 0 0 40px #39ff1480, 0 0 80px #39ff1440;--glow-orange: 0 0 10px #ff6b2d, 0 0 40px #ff6b2d80, 0 0 80px #ff6b2d40;--text-primary: #eeeef0;--text-secondary: #8888a0;--text-disabled: #44445a;--border-subtle: 1px solid #ffffff10;--border-glow: 1px solid var(--neon-pink);--font-display: "Outfit", "Inter", sans-serif;--font-body: "Inter", "system-ui", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-body);font-size:16px;color:var(--text-primary);background:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.disco-bg{background:radial-gradient(ellipse at 20% 50%,#b026ff08 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,#ff2d9508 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,#00f0ff08 0%,transparent 50%),var(--bg-deep)}.neon-text{color:var(--neon-pink);text-shadow:0 0 7px var(--neon-pink),0 0 20px var(--neon-pink),0 0 42px var(--neon-pink),0 0 82px var(--neon-pink)}.neon-text-shimmer{background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan),var(--neon-purple),var(--neon-pink));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:neon-shimmer 4s linear infinite;filter:drop-shadow(0 0 12px var(--neon-pink))}@keyframes neon-shimmer{0%{background-position:0% 50%}to{background-position:300% 50%}}.btn-primary{background:transparent;color:var(--neon-pink);border:2px solid var(--neon-pink);border-radius:var(--radius-md);padding:12px 32px;font-family:var(--font-display);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .15s ease;box-shadow:0 0 10px #ff2d9540,inset 0 0 10px #ff2d9520}.btn-primary:hover{background:#ff2d9520;box-shadow:0 0 15px #ff2d9580,0 0 40px #ff2d9540,inset 0 0 15px #ff2d9530}.btn-primary:active{transform:scale(.97);box-shadow:0 0 20px #ff2d95aa,0 0 60px #ff2d9560,inset 0 0 20px #ff2d9540}.btn-secondary{background:transparent;color:var(--neon-cyan);border:2px solid var(--neon-cyan);border-radius:var(--radius-md);padding:12px 32px;font-family:var(--font-display);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .15s ease;box-shadow:0 0 10px #00f0ff40,inset 0 0 10px #00f0ff20}.btn-secondary:hover{background:#00f0ff20;box-shadow:0 0 15px #00f0ff80,0 0 40px #00f0ff40,inset 0 0 15px #00f0ff30}.btn-secondary:active{transform:scale(.97)}.btn-pill{background:transparent;color:var(--neon-cyan);border:2px solid var(--neon-cyan);border-radius:var(--radius-full);padding:14px 40px;font-family:var(--font-display);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:3px;cursor:pointer;transition:all .15s ease;box-shadow:0 0 10px #00f0ff30,0 0 30px #00f0ff15,inset 0 0 10px #00f0ff10}.btn-pill:hover{background:#00f0ff15;box-shadow:0 0 15px #00f0ff60,0 0 40px #00f0ff30,inset 0 0 15px #00f0ff20}.card{background:var(--bg-surface);border:1px solid #ffffff08;border-radius:var(--radius-lg);padding:var(--space-5);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-purple),var(--neon-pink),transparent);opacity:.5}.input{background:var(--bg-deep);border:1px solid #ffffff15;border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-family:var(--font-body);font-size:16px;transition:all .15s ease;width:100%}.input:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 10px #00f0ff30,0 0 30px #00f0ff15}.neon-pill{display:inline-flex;align-items:center;padding:8px 24px;border:2px solid var(--neon-cyan);border-radius:var(--radius-full);color:var(--neon-cyan);font-family:var(--font-display);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:3px;box-shadow:0 0 10px #00f0ff30,0 0 30px #00f0ff15,inset 0 0 10px #00f0ff10}.score{font-family:var(--font-mono);font-size:48px;font-weight:700;color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow),0 0 40px #ffe13560}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.5px;border:1px solid}.badge-pink{color:var(--neon-pink);border-color:#ff2d9540;background:#ff2d9510}.badge-cyan{color:var(--neon-cyan);border-color:#00f0ff40;background:#00f0ff10}.badge-green{color:var(--neon-green);border-color:#39ff1440;background:#39ff1410}.nav-arrow{width:48px;height:48px;border:2px solid #ffffff30;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#ffffff60;transition:all .15s ease;background:transparent;cursor:pointer}.nav-arrow:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 10px #00f0ff30}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px var(--neon-pink),0 0 30px #ff2d9540}50%{box-shadow:0 0 20px var(--neon-pink),0 0 60px #ff2d9560}}.pulse{animation:glow-pulse 2s ease-in-out infinite}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.6}}.flicker{animation:neon-flicker 3s infinite}@keyframes arc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disco-floor{background:linear-gradient(90deg,#ff2d95,#ff6b2d,#ffe135,#39ff14,#00f0ff,#b026ff,#ff2d95);height:4px;border-radius:2px}@media(prefers-reduced-motion:reduce){.pulse,.flicker,.neon-text-shimmer,.arc-ring-pink,.arc-ring-cyan,.arc-ring-yellow{animation:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.arc-ring{position:absolute;border-radius:50%;border:3px solid transparent}.arc-ring-pink{width:280px;height:280px;border-top-color:var(--neon-pink);border-right-color:var(--neon-pink);filter:drop-shadow(0 0 6px var(--neon-pink));animation:arc-spin 8s linear infinite}.arc-ring-cyan{width:240px;height:240px;border-bottom-color:var(--neon-cyan);border-left-color:var(--neon-cyan);filter:drop-shadow(0 0 6px var(--neon-cyan));animation:arc-spin 12s linear infinite reverse}.arc-ring-yellow{width:310px;height:310px;border-left-color:var(--neon-yellow);border-top-color:var(--neon-yellow);filter:drop-shadow(0 0 6px var(--neon-yellow));animation:arc-spin 10s linear infinite}.screen-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-5);text-align:center;max-width:420px;margin:0 auto}@media(min-width:480px){.screen-center{max-width:480px}}