/* ================================================================
   auth.css — login / password pages
   ================================================================ */
.auth-page {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--dark), var(--primary));
  padding: var(--sp-lg);
}
.auth-card {
  background: var(--panel); border-radius: var(--r-lg); box-shadow: var(--shadow-lg);
  width: 100%; max-width: 400px; padding: var(--sp-2xl) var(--sp-xl);
}
.auth-brand { text-align: center; margin-bottom: var(--sp-xl); }
.auth-brand i { font-size: 2.4rem; color: var(--accent); }
.auth-brand h1 { font-size: 1.4rem; margin-top: .4rem; color: var(--dark); }
.auth-brand p { color: var(--muted); font-size: .82rem; margin-top: .15rem; }
.auth-card .field { margin-bottom: var(--sp-md); }
.auth-card .btn { margin-top: var(--sp-sm); }
.auth-foot { text-align: center; margin-top: var(--sp-lg); font-size: .85rem; }