:root{--neon-cyan:#00f3ff;--neon-pink:#ff007f;--neon-green:#39ff14;--neon-orange:#ffb700;--dark-bg:#060713;--panel-bg:#0a0b1cd9;--panel-border:#00f3ff4d;--text-primary:#e2e8f0;--text-muted:#64748b;--font-cyber:"Orbitron", system-ui, sans-serif;--font-body:"Rajdhani", system-ui, sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--dark-bg);color:var(--text-primary);font-family:var(--font-body);background-image:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,6px 100%;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:18px;display:flex;overflow:hidden}.crt-overlay{z-index:9999;pointer-events:none;opacity:.8;background:linear-gradient(#12101000 50%,#0003 50%) 0 0/100% 3px;width:100vw;height:100vh;position:fixed;top:0;left:0}.glitch-text{font-family:var(--font-cyber);text-transform:uppercase;color:#fff;text-shadow:.05em 0 0 var(--neon-pink), -.025em -.05em 0 var(--neon-cyan), .025em .05em 0 var(--neon-green);font-weight:900;animation:1.5s infinite glitch;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);background:var(--dark-bg);width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-2px 0 var(--neon-pink);clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim;left:2px}.glitch-text:after{text-shadow:-2px 0 var(--neon-cyan);clip:rect(85px, 450px, 140px, 0);animation:5s linear infinite alternate-reverse glitch-anim2;left:-2px}@keyframes glitch{0%{text-shadow:.05em 0 0 var(--neon-pink), -.025em -.05em 0 var(--neon-cyan), .025em .05em 0 var(--neon-green)}14%{text-shadow:.05em 0 0 var(--neon-pink), -.025em -.05em 0 var(--neon-cyan), .025em .05em 0 var(--neon-green)}15%{text-shadow:-.05em -.025em 0 var(--neon-pink), .025em .025em 0 var(--neon-cyan), -.05em -.05em 0 var(--neon-green)}49%{text-shadow:-.05em -.025em 0 var(--neon-pink), .025em .025em 0 var(--neon-cyan), -.05em -.05em 0 var(--neon-green)}50%{text-shadow:.025em .05em 0 var(--neon-pink), .05em 0 0 var(--neon-cyan), 0 -.05em 0 var(--neon-green)}99%{text-shadow:.025em .05em 0 var(--neon-pink), .05em 0 0 var(--neon-cyan), 0 -.05em 0 var(--neon-green)}to{text-shadow:-.025em 0 0 var(--neon-pink), -.025em -.025em 0 var(--neon-cyan), -.025em -.05em 0 var(--neon-green)}}@keyframes glitch-anim{0%{clip:rect(15px, 9999px, 66px, 0)}10%{clip:rect(34px, 9999px, 55px, 0)}20%{clip:rect(81px, 9999px, 120px, 0)}30%{clip:rect(12px, 9999px, 43px, 0)}40%{clip:rect(76px, 9999px, 89px, 0)}50%{clip:rect(5px, 9999px, 34px, 0)}60%{clip:rect(98px, 9999px, 143px, 0)}70%{clip:rect(21px, 9999px, 52px, 0)}80%{clip:rect(87px, 9999px, 102px, 0)}90%{clip:rect(54px, 9999px, 95px, 0)}to{clip:rect(3px, 9999px, 45px, 0)}}@keyframes glitch-anim2{0%{clip:rect(65px, 9999px, 115px, 0)}10%{clip:rect(5px, 9999px, 45px, 0)}20%{clip:rect(98px, 9999px, 143px, 0)}30%{clip:rect(32px, 9999px, 76px, 0)}40%{clip:rect(11px, 9999px, 32px, 0)}50%{clip:rect(87px, 9999px, 120px, 0)}60%{clip:rect(54px, 9999px, 98px, 0)}70%{clip:rect(23px, 9999px, 54px, 0)}80%{clip:rect(102px, 9999px, 134px, 0)}90%{clip:rect(6px, 9999px, 45px, 0)}to{clip:rect(78px, 9999px, 112px, 0)}}.neon-border{border:2px solid var(--neon-cyan);box-shadow:0 0 10px #00f3ff66,inset 0 0 10px #00f3ff33}.neon-border-pink{border:2px solid var(--neon-pink);box-shadow:0 0 10px #ff007f66,inset 0 0 10px #ff007f33}.cyber-btn{font-family:var(--font-cyber);text-transform:uppercase;color:#fff;border:1px solid var(--neon-cyan);cursor:pointer;clip-path:polygon(0 0,90% 0,100% 30%,100% 100%,10% 100%,0 70%);background:0 0;padding:12px 24px;font-weight:700;transition:all .2s;position:relative;overflow:hidden}.cyber-btn:before{content:"";background:var(--neon-cyan);opacity:.1;width:100%;height:100%;transition:all .2s;position:absolute;top:0;left:0}.cyber-btn:hover{color:#000;text-shadow:none;box-shadow:0 0 15px #00f3ffb3}.cyber-btn:hover:before{opacity:1}.cyber-btn:active{transform:scale(.95)}.cyber-btn.pink{border-color:var(--neon-pink)}.cyber-btn.pink:before{background:var(--neon-pink)}.cyber-btn.pink:hover{box-shadow:0 0 15px #ff007fb3}.app-container{background:var(--dark-bg);border:4px double var(--neon-cyan);flex-direction:column;width:1000px;height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #00f3ff33,inset 0 0 30px #00f3ff1a}@media (width<=1050px){.app-container{width:90vw;height:54vw}}@media (width<=768px){.app-container{border:none;width:100vw;height:100vh}}