/* Login screen — standalone page, does not use the app shell. */

.login{
  min-height:100vh;display:grid;place-items:center;padding:24px;
  background:
    radial-gradient(1100px 550px at 12% -10%,rgba(15,155,142,.16),transparent 60%),
    radial-gradient(900px 480px at 100% 110%,rgba(29,78,216,.14),transparent 55%),
    var(--bg-canvas);
}
.login-card{
  width:min(430px,100%);background:var(--bg-surface);border:1px solid var(--border-subtle);
  border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6) var(--space-6);
  box-shadow:var(--shadow-lg);
}
.login-card .title{font-size:var(--text-xl);text-align:center}
.login-card .sub{text-align:center;margin-top:6px;margin-bottom:var(--space-2)}
.login-card form{margin-top:var(--space-5);display:grid;gap:var(--space-4)}
.login-card .btn.primary{width:100%;height:44px;font-size:var(--text-base);margin-top:var(--space-2)}
.login-locked-msg{font-size:var(--text-sm);color:var(--text-muted);text-align:center;max-width:320px}