@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Press+Start+2P&display=swap";:root{--bg-dark:#0a0a10;--neon-cyan:#0ff;--neon-magenta:#f0f;--neon-green:#39ff14;--neon-red:#f36;--font-pixel:"Press Start 2P", system-ui, sans-serif;--font-mono:"Fira Code", monospace}body{background-color:var(--bg-dark);color:#fff;font-family:var(--font-mono);margin:0;padding:0}.scanlines{pointer-events:none;z-index:9999;opacity:.6;background:linear-gradient(#fff0,#fff0 50%,#0000001a 50%,#0000001a) 0 0/100% 4px;width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3,h4,.pixel-text{font-family:var(--font-pixel);letter-spacing:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-blink{animation:1.2s infinite blink}@keyframes glitch-anim{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-effect{color:var(--neon-red);text-shadow:2px 2px 0 var(--neon-cyan), -2px -2px 0 var(--neon-magenta);animation:.2s cubic-bezier(.25,.46,.45,.94) infinite both glitch-anim}.success-glow{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green), 0 0 20px var(--neon-green)}*{box-sizing:border-box}.arcade-btn{background-color:var(--bg-dark);color:#fff;font-family:var(--font-pixel);cursor:pointer;text-transform:uppercase;border-radius:4px;margin:10px 0;transition:transform .1s,box-shadow .1s,filter .2s;position:relative}.arcade-btn:hover{filter:brightness(1.2)}.arcade-btn:active{transform:translateY(6px)}.arcade-btn.color-cyan{border:2px solid var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);box-shadow:0 6px 0 var(--neon-cyan), 0 0 15px var(--neon-cyan) inset}.arcade-btn.color-cyan:active{box-shadow:0 0px 0 var(--neon-cyan), 0 0 20px var(--neon-cyan) inset}.arcade-btn.color-magenta{border:2px solid var(--neon-magenta);text-shadow:0 0 5px var(--neon-magenta);box-shadow:0 6px 0 var(--neon-magenta), 0 0 15px var(--neon-magenta) inset}.arcade-btn.color-magenta:active{box-shadow:0 0px 0 var(--neon-magenta), 0 0 20px var(--neon-magenta) inset}.arcade-btn.color-green{border:2px solid var(--neon-green);text-shadow:0 0 5px var(--neon-green);box-shadow:0 6px 0 var(--neon-green), 0 0 15px var(--neon-green) inset}.arcade-btn.color-green:active{box-shadow:0 0px 0 var(--neon-green), 0 0 20px var(--neon-green) inset}.arcade-btn.color-red{border:2px solid var(--neon-red);text-shadow:0 0 5px var(--neon-red);box-shadow:0 6px 0 var(--neon-red), 0 0 15px var(--neon-red) inset}.arcade-btn.color-red:active{box-shadow:0 0px 0 var(--neon-red), 0 0 20px var(--neon-red) inset}.arcade-btn.size-sm{padding:8px 16px;font-size:10px}.arcade-btn.size-md{padding:16px 24px;font-size:14px}.arcade-btn.size-lg{padding:24px 32px;font-size:20px}.arcade-btn.full-width{width:100%}.crt-container{background-color:#0a0a10e6;border:1px solid #0ff3;border-radius:12px;width:90%;max-width:800px;margin:0 auto;padding:32px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00ffff1a,0 0 30px #00ffff0d}.crt-container:before{content:"";z-index:10;background:#ffffff1a;height:2px;animation:8s linear infinite crt-refresh;position:absolute;top:0;left:0;right:0;box-shadow:0 4px 10px #00ffff80}@keyframes crt-refresh{0%{transform:translateY(-100%)}10%{transform:translateY(100vh)}to{transform:translateY(100vh)}}
