*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;font-family:'Segoe UI',Arial,sans-serif;background:#f0f2f5;color:#1a1a2e;display:flex;align-items:center;justify-content:center;padding:20px}
.login-shell{width:min(440px,100%);background:#fff;border-radius:10px;box-shadow:0 14px 40px rgba(15,52,96,.14);padding:28px}
.login-toolbar{display:flex;justify-content:flex-end;margin-bottom:18px}
.language-switch{display:inline-flex;border:1px solid #cbd5e0;border-radius:6px;overflow:hidden}
.language-switch button{width:38px;height:32px;padding:0;border:0;border-radius:0;background:#fff;color:#1a3a6b;font-size:12px}
.language-switch button+button{border-left:1px solid #cbd5e0}
.language-switch button[aria-pressed="true"]{background:#1a3a6b;color:#fff}
.language-switch button:focus-visible{outline:2px solid #2c7dcf;outline-offset:-2px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.field label{font-size:11px;text-transform:uppercase;font-weight:700;color:#718096}
.field input{height:38px;border:1px solid #cbd5e0;border-radius:7px;padding:7px 10px;font:inherit;color:#10233f;background:#fff}
.field input:focus{outline:none;border-color:#1a3a6b;box-shadow:0 0 0 3px rgba(26,58,107,.12)}
.actions{display:flex;gap:10px;align-items:center;margin-top:16px}
button{height:38px;border:1px solid #1a3a6b;border-radius:7px;background:#1a3a6b;color:#fff;font:inherit;font-weight:700;padding:0 18px;cursor:pointer}
button:disabled{opacity:.6;cursor:wait}
.status{font-size:12px;color:#718096;line-height:1.4}
.status.bad{color:#c53030}
.password-panel{display:none;border-top:1px solid #edf2f7;margin-top:18px;padding-top:16px}
.password-panel.active{display:block}
.mfa-panel{display:none;border-top:1px solid #edf2f7;margin-top:18px;padding-top:16px}
.mfa-panel.active{display:block}
.login-shell.mfa-active #loginForm,.login-shell.mfa-active #passwordPanel{display:none}
.mfa-intro{font-size:13px;line-height:1.5;color:#334155;margin-bottom:14px}
#mfaSecret{font-family:Consolas,monospace;letter-spacing:0;cursor:text}
#mfaRecoveryCodes{white-space:pre-wrap;word-break:break-word;background:#f4f7fb;border:1px solid #dbe3ed;border-radius:6px;padding:12px;margin-bottom:14px;line-height:1.6}