/* Sign-in page (login.html) */
.login-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px;
  background: var(--ground); }
.login-card { width: min(420px, 100%); padding: 36px 32px; display: flex; flex-direction: column; gap: 14px; }
.login-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.login-brand img { border-radius: 12px; }
.login-brand div { display: flex; flex-direction: column; }
.login-brand strong { font-size: 18px; }
.login-brand span { font-size: 13px; color: var(--muted); }
.login-card h1 { font-size: 22px; font-weight: 700; }
.login-lead { color: var(--ink-2); font-size: 14px; }
.login-providers { display: flex; flex-direction: column; gap: 10px; }
.login-provider { justify-content: center; }
.login-email { display: flex; flex-direction: column; gap: 10px; }
.login-empty { color: var(--muted); font-size: 14px; }
.login-error { color: var(--danger); font-size: 14px; }