@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@500;700;900&display=swap";:root{--bg-primary:#030812;--bg-secondary:#061124;--bg-tertiary:#0c1e3a;--color-cyan:#00e5ff;--color-cyan-glow:#00e5ff66;--color-pink:#ff007f;--color-pink-glow:#ff007f66;--color-emerald:#0f8;--color-emerald-glow:#0f86;--color-amber:#fa0;--color-amber-glow:#fa06;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--text-cyan:#7ff5ff;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-tech:"Orbitron", monospace;--glass-bg:#061124a6;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:16px;--tilt-x:0deg;--tilt-y:0deg}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan-glow)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.glass-panel-cyan{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#00e5ff08;border:1px solid #00e5ff26;border-radius:24px;box-shadow:0 8px 32px #00e5ff14}.glass-panel-pink{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#ff007f08;border:1px solid #ff007f26;border-radius:24px;box-shadow:0 8px 32px #ff007f14}.hud-scanline{z-index:10;pointer-events:none;opacity:.4;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.hud-grid{pointer-events:none;z-index:1;background-image:linear-gradient(#00e5ff0d 1px,#0000 1px),linear-gradient(90deg,#00e5ff0d 1px,#0000 1px);background-position:50%;background-size:20px 20px;width:100%;height:100%;position:absolute;top:0;left:0}.tech-title{font-family:var(--font-tech);letter-spacing:.15em;text-transform:uppercase;font-weight:700}.glow-text-cyan{text-shadow:0 0 10px var(--color-cyan-glow), 0 0 20px #00e5ff33}.glow-text-pink{text-shadow:0 0 10px var(--color-pink-glow), 0 0 20px #ff007f33}.cyber-btn{font-family:var(--font-tech);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--color-cyan);color:var(--color-cyan);cursor:pointer;background:#00e5ff14;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 0 12px #00e5ff26}.cyber-btn:hover{background:var(--color-cyan);color:var(--bg-primary);box-shadow:0 0 20px var(--color-cyan-glow);transform:translateY(-2px)}.cyber-btn:active{transform:translateY(0)}.cyber-btn-pink{border-color:var(--color-pink);color:var(--color-pink);background:#ff007f14;box-shadow:0 0 12px #ff007f26}.cyber-btn-pink:hover{background:var(--color-pink);color:#fff;box-shadow:0 0 20px var(--color-pink-glow)}@keyframes neon-pulse{0%,to{opacity:.8;box-shadow:0 0 12px var(--color-cyan-glow)}50%{opacity:1;box-shadow:0 0 24px #00e5ff99}}.animate-pulse-cyan{animation:2s ease-in-out infinite neon-pulse}@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:.3s linear infinite glitch}.sound-wave{align-items:flex-end;gap:3px;height:24px;display:flex}.sound-wave-bar{background:var(--color-cyan);border-radius:99px;width:3px;animation:.8s ease-in-out infinite alternate bounce}.sound-wave-bar:nth-child(2){animation-delay:.15s}.sound-wave-bar:nth-child(3){animation-delay:.3s}.sound-wave-bar:nth-child(4){animation-delay:.45s}.sound-wave-bar:nth-child(5){animation-delay:.6s}@keyframes bounce{0%{height:4px}to{height:22px}}@keyframes matched-glow{0%{opacity:0;filter:blur(10px);transform:scale(.9)}50%{opacity:.8;filter:blur(2px)}to{opacity:0;filter:blur(20px);transform:scale(1.1)}}.match-ring{border:2px solid var(--color-cyan);border-radius:50%;width:250px;height:250px;animation:1.5s ease-out infinite matched-glow;position:absolute}.match-ring:nth-child(2){border-color:var(--color-pink);animation-delay:.5s}