@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&display=swap";:root{--neon-blue: #00f3ff;--neon-red: #ff0055;--neon-green: #39ff14;--bg-color: #050505;--glass-bg: rgba(0, 20, 40, .7);--border-glow: 0 0 10px var(--neon-blue), 0 0 20px var(--neon-blue);--text-primary: #e0e0e0;--scanline-color: rgba(255, 255, 255, .05)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Share Tech Mono,monospace;overflow:hidden;height:100vh;width:100vw;background-image:radial-gradient(circle at 50% 50%,#0a1f33,#000 70%)}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}body:after{content:"";position:absolute;top:0;left:0;width:100vw;height:100vh;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000}@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-text{animation:glitch 1s infinite;text-shadow:2px 2px var(--neon-red),-2px -2px var(--neon-blue)}.cyber-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--neon-blue);box-shadow:var(--border-glow);padding:2rem;border-radius:5px;position:relative;overflow:hidden}.cyber-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--neon-blue);animation:scan 3s linear infinite}@keyframes scan{0%{top:-10%;opacity:0}50%{opacity:1}to{top:110%;opacity:0}}button{background:transparent;color:var(--neon-blue);border:1px solid var(--neon-blue);padding:10px 20px;font-family:Orbitron,sans-serif;text-transform:uppercase;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;letter-spacing:2px}button:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 20px var(--neon-blue)}button:active{transform:scale(.98)}input{background:#00000080;border:1px solid #334;color:var(--neon-green);padding:10px;font-family:Share Tech Mono,monospace;width:100%;margin-bottom:1rem;outline:none;transition:all .3s}input:focus{border-color:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.container{width:100%;max-width:1200px;margin:0 auto;padding:20px}