@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--bg-dark: #0a0a0f;--card-bg: #12121a;--card-border: #1a1a2e;--white: #ffffff;--gray: #6a6a8a;--cyan: #00ffff;--magenta: #ff00ff;--purple: #6b4fbb;--neon-green: #39ff14;--neon-pink: #ff1493;--neon-blue: #00d4ff;--font-pixel: "Press Start 2P", cursive;--font-mono: "VT323", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:var(--font-pixel);background:var(--bg-dark);color:var(--white);image-rendering:pixelated;image-rendering:crisp-edges}@keyframes rgbBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rgbLine{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes cornerPulse{0%,to{border-color:var(--cyan);box-shadow:0 0 5px var(--cyan)}50%{border-color:var(--magenta);box-shadow:0 0 10px var(--magenta)}}@keyframes avatarGlow{0%,to{box-shadow:0 0 10px var(--cyan),0 0 20px #00ffff4d;border-color:var(--cyan)}50%{box-shadow:0 0 15px var(--magenta),0 0 30px #ff00ff4d;border-color:var(--magenta)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes statusPulse{0%,to{box-shadow:0 0 5px var(--neon-green),0 0 10px var(--neon-green);transform:scale(1)}50%{box-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green),0 0 30px var(--neon-green);transform:scale(1.1)}}@keyframes textGlow{0%,to{text-shadow:0 0 10px var(--cyan),0 0 20px var(--cyan),0 0 40px var(--cyan)}50%{text-shadow:0 0 10px var(--magenta),0 0 20px var(--magenta),0 0 40px var(--magenta)}}@keyframes glitchText{0%,94%,to{transform:translate(0)}95%{transform:translate(-2px,1px)}96%{transform:translate(2px,-1px)}97%{transform:translate(-1px,-1px)}98%{transform:translate(1px,1px)}99%{transform:translate(-1px)}}@keyframes statusTextBlink{0%,to{opacity:1}50%{opacity:.5}}@keyframes footerBlink{0%,to{opacity:.5}50%{opacity:1}}@keyframes notificationGlitch{0%{transform:translate(100px) skew(10deg);opacity:0}50%{transform:translate(-10px) skew(-5deg)}to{transform:translate(0) skew(0);opacity:1}}@keyframes notificationPulse{0%,to{box-shadow:0 0 20px var(--neon-green),inset 0 0 20px #39ff141a}50%{box-shadow:0 0 30px var(--neon-green),0 0 50px var(--neon-green),inset 0 0 30px #39ff1433}}@keyframes titleGlow{0%,to{text-shadow:0 0 10px var(--cyan);color:var(--cyan)}50%{text-shadow:0 0 15px var(--magenta);color:var(--magenta)}}.video-bg{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.image-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-2}.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:-1}.bg-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none}.bg-overlay:after{content:"";position:absolute;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.08),rgba(255,255,255,.1),rgba(0,255,255,.08),transparent);animation:crtScanline 10s infinite;pointer-events:none}@keyframes crtScanline{0%,30%{top:-10px;opacity:0}31%{opacity:1}95%{top:100%;opacity:1}96%,to{top:100%;opacity:0}}.loading{font-size:12px;color:var(--cyan);animation:textGlow 2s ease-in-out infinite}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999}.form-input{width:100%;padding:12px;background:#ffffff0d;border:1px solid var(--card-border);color:var(--white);font-family:var(--font-mono);font-size:16px;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--cyan);box-shadow:0 0 10px #0ff3}.form-label{display:block;font-size:8px;color:var(--gray);margin-bottom:8px;letter-spacing:1px}.btn{padding:12px 20px;font-family:var(--font-pixel);font-size:9px;letter-spacing:1px;border:2px solid;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;background:transparent}.btn-primary{border-color:var(--cyan);color:var(--cyan)}.btn-primary:hover{background:var(--cyan);color:var(--bg-dark);box-shadow:0 0 15px var(--cyan)}.btn-secondary{border-color:var(--gray);color:var(--gray)}.btn-secondary:hover{background:var(--gray);color:var(--bg-dark)}.btn-danger{border-color:#ff4655;color:#ff4655}.btn-danger:hover{background:#ff4655;color:var(--white);box-shadow:0 0 15px #ff4655}.btn-small{padding:8px 12px;font-size:7px}.alert{padding:12px 16px;font-size:9px;letter-spacing:1px;margin-bottom:20px;border:1px solid}.alert-success{background:#39ff141a;border-color:var(--neon-green);color:var(--neon-green)}.alert-error{background:#ff46551a;border-color:#ff4655;color:#ff4655}@media (max-width: 768px){.btn{padding:10px 16px;font-size:8px}.btn-small{padding:8px 10px;font-size:7px}.form-input{padding:10px;font-size:14px}.form-label{font-size:7px}.alert{font-size:8px;padding:10px 14px}}@media (max-width: 480px){body{-webkit-text-size-adjust:100%}.btn{padding:12px 14px;font-size:7px;letter-spacing:.5px;min-height:44px}.btn-small{min-height:40px}.form-input{padding:12px;font-size:16px;min-height:44px}.alert{font-size:7px;padding:10px 12px}}@media (hover: none) and (pointer: coarse){.btn:active,.platform-link:active{transform:scale(.98)}}
