.login-body{min-height:100vh;background:var(--bg);display:grid;place-items:center;padding:24px}
.login-shell{width:min(420px,100%)}
.login-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-md);padding:30px}
.login-brand{padding:0 0 26px;color:var(--text-body)}
.login-brand small{color:var(--text-faint)}
.login-panel h1{font-size:22px;font-weight:800;color:var(--text-strong);margin:0 0 22px;letter-spacing:-.3px}
.login-panel form{display:grid;gap:16px}
.login-panel .primary{width:100%}
.login-panel .primary:disabled{opacity:.6;cursor:not-allowed}
.login-panel .secondary{width:100%}
.login-panel .secondary:disabled{opacity:.6;cursor:not-allowed}
.login-divider{text-align:center;color:var(--text-faint);font-size:12px;margin:16px 0;text-transform:uppercase;letter-spacing:.08em}
#login-error{margin:14px 0 0;color:var(--danger);background:var(--danger-bg);border-radius:8px;padding:10px 12px;font-size:12.5px}

@media(max-width:480px){.login-panel{padding:22px}}