:root{--lg-bg: #000000;--lg-surface: #0A0A0A;--lg-card: #111111;--lg-border: #1C1C1C;--lg-dim: #2A2A2A;--lg-text: #F0F4F8;--lg-muted: #4A5568;--lg-accent: #e31e12;--lg-red: #FF4D4D}#loginGate{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;background:var(--lg-bg);font-family:DM Sans,sans-serif}#loginGate.login-exit{animation:lgFadeOut .4s ease both}@keyframes lgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lgFadeOut{0%{opacity:1}to{opacity:0}}.login-bg-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--lg-border) 1px,transparent 1px),linear-gradient(90deg,var(--lg-border) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 30%,transparent 100%);opacity:.5}.login-panel{position:relative;z-index:1;width:100%;max-width:400px;padding:48px 40px 36px;background:var(--lg-surface);border:1px solid var(--lg-border);border-radius:16px;box-shadow:0 32px 80px #0009}.login-brand{text-align:center;margin-bottom:32px}.login-brand-tag{font-family:DM Mono,monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--lg-muted);margin-top:14px}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-family:DM Mono,monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--lg-muted)}.login-field input{background:var(--lg-card);border:1px solid var(--lg-border);border-radius:8px;padding:11px 14px;font-family:DM Mono,monospace;font-size:.85rem;color:var(--lg-text);outline:none;transition:border-color .2s;width:100%}.login-field input:focus{border-color:var(--lg-accent)}.login-field input::placeholder{color:var(--lg-dim)}.login-error{font-family:DM Mono,monospace;font-size:.7rem;color:var(--lg-red);min-height:1rem;display:none}.login-error.visible{display:block}.login-btn-primary{position:relative;width:100%;padding:13px;background:var(--lg-accent);color:#fff;font-family:DM Mono,monospace;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:8px;cursor:pointer;transition:opacity .2s,transform .1s;overflow:hidden}.login-btn-primary:hover:not(:disabled){opacity:.88}.login-btn-primary:active:not(:disabled){transform:scale(.98)}.login-btn-primary:disabled{cursor:not-allowed;opacity:.5}.login-btn-label{transition:opacity .2s}.login-btn-primary.loading .login-btn-label{opacity:0}.login-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.login-spinner:after{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:lgSpin .7s linear infinite}.login-btn-primary.loading .login-spinner{opacity:1}@keyframes lgSpin{to{transform:rotate(360deg)}}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--lg-border)}.login-divider span{font-family:DM Mono,monospace;font-size:.6rem;color:var(--lg-muted);text-transform:uppercase;letter-spacing:.1em}.login-sso-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.login-btn-sso{position:relative;padding:11px 10px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--lg-card);border:1px solid var(--lg-border);border-radius:8px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.82rem;color:var(--lg-text);transition:border-color .2s,background .2s;white-space:nowrap}.login-btn-sso:hover:not(:disabled){border-color:var(--lg-accent);background:var(--lg-surface)}.login-btn-sso:disabled{opacity:.5;cursor:not-allowed}.login-btn-sso.loading{opacity:.6;pointer-events:none}.login-footer{margin-top:28px;text-align:center;font-family:DM Mono,monospace;font-size:.55rem;color:var(--lg-dim);letter-spacing:.08em}