.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-grid{background-image:linear-gradient(#00f3ff08 1px,#0000 1px),linear-gradient(90deg,#00f3ff08 1px,#0000 1px);background-size:60px 60px;animation:20s linear infinite gridMove;position:absolute;inset:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.login-card{background:var(--bg-color-panel);border:1px solid var(--border-color);z-index:2;border-radius:8px;width:420px;max-width:95vw;padding:3rem 2.5rem;position:relative;box-shadow:0 0 60px #00f3ff14,0 20px 80px #000c}.login-card:before{content:"";background:var(--neon-cyan);width:100px;height:2px;box-shadow:0 0 15px var(--neon-cyan);position:absolute;top:0;left:50%;transform:translate(-50%)}.login-logo{text-align:center;flex-direction:column;align-items:center;margin-bottom:2.5rem;display:flex}.login-brand-logo{object-fit:contain;filter:drop-shadow(0 0 10px #00f3ff66);width:48px;height:48px;margin-bottom:.5rem}.login-logo h1{font-family:var(--font-family-display);color:#fff;text-shadow:0 0 10px #ffffff4d, 0 0 20px var(--neon-cyan-dim);letter-spacing:3px;align-items:center;gap:.5rem;margin:0;font-size:2.8rem;display:flex}.login-logo .accent{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink-glow)}.login-subtitle{font-family:var(--font-family-display);color:var(--text-muted);letter-spacing:4px;margin-top:.5rem;font-size:.8rem}.login-error{background:var(--neon-pink-dim);border:1px solid var(--neon-pink);color:var(--neon-pink);font-family:var(--font-family-display);text-align:center;letter-spacing:1px;border-radius:4px;margin-bottom:1.5rem;padding:.75rem;font-size:.85rem}.login-field{margin-bottom:1.5rem}.login-field label{font-family:var(--font-family-display);color:var(--text-secondary);letter-spacing:2px;margin-bottom:.5rem;font-size:.8rem;display:block}.login-field input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-family-base);transition:border-color var(--transition-speed), box-shadow var(--transition-speed);background:#0006;border-radius:4px;outline:none;padding:.85rem 1rem;font-size:1rem}.login-field input:focus{border-color:var(--neon-cyan);box-shadow:0 0 12px var(--neon-cyan-dim)}.login-btn{border:1px solid var(--neon-cyan);width:100%;color:var(--neon-cyan);font-family:var(--font-family-display);letter-spacing:3px;transition:all var(--transition-speed);background:0 0;margin-top:.5rem;padding:.9rem;font-size:1rem}.login-btn:hover:not(:disabled){background:var(--neon-cyan-dim);color:#fff;box-shadow:0 0 25px var(--neon-cyan-glow)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-footer{text-align:center;color:var(--text-muted);letter-spacing:2px;margin-top:2rem;font-family:Courier New,monospace;font-size:.75rem}