:root{--bg-void:#05080e;--bg-primary:#080d17;--bg-surface-1:#0d1626;--bg-surface-2:#132035;--bg-surface-glass:#0d1626bf;--bg-surface-glass-heavy:#080d17e6;--neon-cyan:#00f5ff;--neon-cyan-glow:#00f5ff66;--neon-amber:#ffb800;--neon-amber-glow:#ffb80066;--neon-red:#f36;--neon-red-glow:#f366;--neon-green:#00ff9d;--neon-green-glow:#00ff9d66;--neon-purple:#c084fc;--neon-purple-glow:#c084fc66;--text-main:#e2edf8;--text-dim:#7c98b6;--text-dark:#3f5570;--text-cyan:#00f5ff;--text-amber:#ffb800;--text-red:#f36;--text-green:#00ff9d;--font-display:"Rajdhani", sans-serif;--font-mono:"Share Tech Mono", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--border-subtle:1px solid #00f5ff26;--border-cyan:1px solid var(--neon-cyan);--border-amber:1px solid var(--neon-amber);--border-red:1px solid var(--neon-red);--border-green:1px solid var(--neon-green);--glow-cyan-sm:0 0 10px #00f5ff4d;--glow-cyan-lg:0 0 25px #00f5ff80, inset 0 0 15px #00f5ff33;--glow-amber-sm:0 0 10px #ffb8004d;--glow-amber-lg:0 0 25px #ffb80080;--glow-red-sm:0 0 10px #ff33664d;--glow-red-lg:0 0 25px #ff336680;--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--ease-smooth:cubic-bezier(.16, 1, .3, 1);--ease-reel:cubic-bezier(.25, 1, .5, 1)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-void);width:100%;height:100%;color:var(--text-main);font-family:var(--font-display);letter-spacing:.03em;font-size:16px;line-height:1.4;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.scanlines{pointer-events:none;z-index:999;opacity:.65;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 3px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/6px 100%;position:fixed;inset:0}.vignette{pointer-events:none;z-index:998;background:radial-gradient(circle,#0000 40%,#05080ecc 100%);position:fixed;inset:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface-1)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:var(--radius-sm)}.cyber-btn{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--neon-cyan);color:var(--neon-cyan);cursor:pointer;transition:all .2s var(--ease-smooth);background:#00f5ff1a;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 10px #00f5ff33}.cyber-btn:hover:not(:disabled){background:var(--neon-cyan);color:var(--bg-void);transform:translateY(-1px);box-shadow:0 0 20px #00f5ff99}.cyber-btn:active:not(:disabled){transform:translateY(1px)}.cyber-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--text-dark);color:var(--text-dim);box-shadow:none}.cyber-btn-amber{border-color:var(--neon-amber);color:var(--neon-amber);background:#ffb8001a;box-shadow:0 0 10px #ffb80033}.cyber-btn-amber:hover:not(:disabled){background:var(--neon-amber);color:var(--bg-void);box-shadow:0 0 20px #ffb80099}.cyber-btn-red{border-color:var(--neon-red);color:var(--neon-red);background:#ff33661a;box-shadow:0 0 10px #f363}.cyber-btn-red:hover:not(:disabled){background:var(--neon-red);color:var(--bg-void);box-shadow:0 0 20px #f369}.cyber-btn-green{border-color:var(--neon-green);color:var(--neon-green);background:#00ff9d1a;box-shadow:0 0 10px #00ff9d33}.cyber-btn-green:hover:not(:disabled){background:var(--neon-green);color:var(--bg-void);box-shadow:0 0 20px #00ff9d99}.cyber-card{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid #00f5ff33;position:relative}.cyber-card:before{content:"";background:var(--neon-cyan);width:20px;height:2px;box-shadow:0 0 8px var(--neon-cyan);position:absolute;top:-1px;left:10px}.text-cyan{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan-glow)}.text-amber{color:var(--neon-amber);text-shadow:0 0 8px var(--neon-amber-glow)}.text-red{color:var(--neon-red);text-shadow:0 0 8px var(--neon-red-glow)}.text-green{color:var(--neon-green);text-shadow:0 0 8px var(--neon-green-glow)}.text-purple{color:var(--neon-purple);text-shadow:0 0 8px var(--neon-purple-glow)}.font-mono{font-family:var(--font-mono)}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-hover:hover{animation:.2s cubic-bezier(.25,.46,.45,.94) infinite both glitch}@keyframes screen-shake{0%{transform:translate(0)}20%{transform:translate(-4px,4px)}40%{transform:translate(4px,-4px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(2px,4px)}to{transform:translate(0)}}.shaking{animation:.3s ease-in-out screen-shake}.safe-top{padding-top:max(var(--space-md), env(safe-area-inset-top))}.safe-bottom{padding-bottom:max(var(--space-md), env(safe-area-inset-bottom))}