:root{--neon-green:#39ff14;--neon-pink:#f0f;--neon-cyan:#0ff;--bg-dark:#050505;--bg-darker:#000;--text-primary:#ededed;--text-muted:#888;--glass-bg:#0f0f0fb3;--glass-border:#ffffff1a;--glass-blur:blur(12px);--glow-green:0 0 10px #39ff1480, 0 0 20px #39ff1433;--glow-pink:0 0 10px #ff00ff80, 0 0 20px #f0f3;--glow-cyan:0 0 10px #00ffff80, 0 0 20px #0ff3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);background-image:radial-gradient(circle,#0f0f0f80 0%,#050505 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-attachment:fixed;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.app-container{flex-direction:column;min-height:100vh;padding:2rem;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0000005e}h1,h2,h3{text-transform:uppercase;letter-spacing:2px}.neon-text-green{color:var(--neon-green);text-shadow:var(--glow-green)}.neon-text-pink{color:var(--neon-pink);text-shadow:var(--glow-pink)}.neon-text-cyan{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.punk-button{border:2px solid var(--neon-green);color:var(--neon-green);text-transform:uppercase;cursor:pointer;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);background:0 0;padding:.8rem 1.5rem;font-weight:700;transition:all .2s}.punk-button:hover{background:var(--neon-green);color:var(--bg-dark);box-shadow:var(--glow-green)}@keyframes glitch{0%{text-shadow:-2px 0 var(--neon-pink), 2px 0 var(--neon-cyan);transform:translate(0)}25%{text-shadow:-2px 0 var(--neon-pink), 2px 0 var(--neon-cyan);transform:translate(-2px,2px)}50%{text-shadow:2px 0 var(--neon-pink), -2px 0 var(--neon-cyan);transform:translate(2px,-2px)}75%{text-shadow:-2px 0 var(--neon-pink), 2px 0 var(--neon-cyan);transform:translate(-2px,-2px)}to{transform:translate(0)}}.glitch-wrapper{font-weight:700;display:inline-block;position:relative}.glitch-wrapper.high span{animation:.2s infinite glitch}.glitch-wrapper.normal span:hover{animation:.3s infinite glitch}input.punk-input{background:var(--glass-bg);border:1px solid var(--neon-cyan);color:var(--neon-cyan);outline:none;width:100%;margin-bottom:1rem;padding:.8rem 1rem;font-family:inherit;transition:all .2s}input.punk-input:focus{box-shadow:var(--glow-cyan);border-color:var(--neon-green);color:var(--neon-green)}.fade-out{opacity:0;pointer-events:none;transition:opacity .5s}.fade-in{opacity:1;transition:opacity .5s}body:after{content:" ";z-index:9999;pointer-events:none;opacity:.3;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:fixed;inset:0}@keyframes flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.9}15%{opacity:.95}30%{opacity:.98}50%{opacity:.96}80%{opacity:.99}to{opacity:.97}}.crt-flicker{animation:.15s infinite flicker}.vignette{pointer-events:none;z-index:9998;width:100%;height:100%;position:fixed;top:0;left:0;box-shadow:inset 0 0 150px #000000e6}.tilt-1{transform:rotate(-1deg)}.tilt-2{transform:rotate(1.5deg)}.tilt-3{transform:rotate(-.5deg)}.card-hover:hover{z-index:10;box-shadow:0 0 30px #39ff144d;transform:scale(1.02)rotate(0)!important}