@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";.login-container{background:radial-gradient(at bottom,#1b2735 0%,#090a0f 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.cyber-grid-wrapper{display:none}.floating-orb{filter:blur(100px);z-index:1;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute}.login-box{text-align:center;z-index:10;background:0 0;border-radius:20px;flex-direction:column;gap:32px;width:100%;max-width:420px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #00f3ff33}.login-box:before{content:"";background:conic-gradient(from 0deg, transparent 70%, var(--neon-cyan) 80%, var(--neon-magenta) 100%);z-index:-2;width:200%;height:200%;animation:6s linear infinite rotate-laser;position:absolute;top:-50%;left:-50%}.login-box:after{content:"";z-index:-1;background:#080c15f2;border-radius:18px;position:absolute;inset:2px}@keyframes rotate-laser{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-header{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}@keyframes icon-pulse{0%{filter:drop-shadow(0 0 5px var(--neon-cyan))}50%{filter:drop-shadow(0 0 12px var(--neon-cyan))}to{filter:drop-shadow(0 0 5px var(--neon-cyan))}}.login-icon{color:var(--neon-cyan);margin-bottom:10px;animation:6s ease-in-out infinite icon-pulse}.login-header h1{font-family:var(--font-brand);letter-spacing:2px;text-transform:uppercase;margin:0;font-size:28px;font-weight:800;animation:4s infinite alternate text-glitch}@keyframes text-glitch{0%{text-shadow:2px 0 var(--neon-magenta), -2px 0 var(--neon-cyan)}10%{text-shadow:-2px 0 var(--neon-magenta), 2px 0 var(--neon-cyan)}20%{text-shadow:0 0 var(--neon-magenta), 0 0 var(--neon-cyan)}to{text-shadow:0 0 #0000,0 0 #0000}}.subtitle{color:var(--text-muted);letter-spacing:4px;font-size:13px;font-weight:500}.login-form{flex-direction:column;gap:24px;display:flex}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);transition:color .3s;position:absolute;left:12px}.input-group input{width:100%;color:var(--text-main);font-family:var(--font-brand);background:#0006;border:1px solid #ffffff1a;outline:none;padding:14px 14px 14px 45px;font-size:14px;transition:all .3s}.input-border{background:var(--neon-cyan);width:0%;height:2px;box-shadow:0 0 10px var(--neon-cyan);transition:width .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0}.input-group input:focus{background:#00f3ff0d;border-color:#00f3ff4d}.input-group input:focus+.input-border{width:100%}.input-group input:focus~.input-icon{color:var(--neon-cyan);filter:drop-shadow(0 0 5px var(--neon-cyan))}.submit-btn{letter-spacing:4px;margin-top:10px;padding:16px;font-size:16px;font-weight:700}.loading-text{justify-content:center;align-items:center;display:flex}.cursor-blink{margin-left:4px;font-weight:900;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.login-footer{color:var(--text-muted);font-size:11px;font-family:var(--font-brand);letter-spacing:1px;justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.status-dot{background-color:var(--neon-green);width:8px;height:8px;box-shadow:0 0 8px var(--neon-green);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;box-shadow:0 0 12px var(--neon-green);transform:scale(1.1)}to{opacity:.8;transform:scale(.95)}}:root{--bg-deep:#03010b;--bg-panel:#0c0a20a6;--bg-panel-hover:#161238d9;--neon-cyan:#00f3ff;--neon-cyan-dim:#00f3ff4d;--neon-magenta:#ff00ea;--neon-magenta-dim:#ff00ea4d;--neon-violet:#8a2be2;--neon-green:#39ff14;--neon-red:#ff2a2a;--border-cyan:1px solid #00f3ff66;--border-magenta:1px solid #ff00ea66;--border-glass:1px solid #ffffff14;--text-main:#e0f8ff;--text-muted:#849bb4;--text-cyan:#00f3ff;--text-magenta:#ff00ea;--font-brand:"Orbitron", sans-serif;--font-main:"Rajdhani", sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--neon-cyan-dim) transparent;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15%,#8a2be226,#0000 25%),radial-gradient(circle at 85% 30%,#00f3ff1a,#0000 25%);background-attachment:fixed;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:var(--neon-cyan-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px)saturate(180%);border:var(--border-glass);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000005e}.glass-panel:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.bg-grid-pattern{pointer-events:none;z-index:-1;background-image:linear-gradient(90deg,#00f3ff0d 1px,#0000 1px),linear-gradient(#00f3ff0d 1px,#0000 1px);background-size:40px 40px;width:100vw;height:100vh;position:fixed;top:0;left:0}.glow-text-cyan{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan), 0 0 10px var(--neon-cyan)}.glow-text-magenta{color:var(--neon-magenta);text-shadow:0 0 5px var(--neon-magenta), 0 0 10px var(--neon-magenta)}.cyber-btn{border:1px solid var(--neon-cyan-dim);color:var(--neon-cyan);font-family:var(--font-brand);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#00f3ff0d;border-radius:2px;padding:8px 16px;transition:all .2s ease-in-out;position:relative;overflow:hidden}.cyber-btn:hover{border-color:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan-dim), inset 0 0 10px var(--neon-cyan-dim);background:#00f3ff26}.cyber-btn:active{transform:scale(.98)}.cyber-btn.primary,.cyber-btn.active{border-color:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan-dim), inset 0 0 10px var(--neon-cyan-dim);background:#00f3ff33}.page-title{color:var(--text-main);font-family:var(--font-main);align-items:center;gap:8px;margin:0;font-size:24px;font-weight:600;display:flex}.page-title-icon{color:var(--text-muted)}.cyber-input{width:100%;color:var(--text-main);font-family:var(--font-main);background:#0000004d;border:1px solid #00f3ff4d;border-radius:4px;outline:none;padding:10px 12px;font-size:16px;transition:all .2s}.cyber-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f3ff33}select.cyber-input option{background:var(--bg-deep);color:var(--text-main)}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--neon-cyan)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0a!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--neon-cyan)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0a!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--neon-cyan)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0a!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--neon-cyan)!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0a!important}