// ────────────────────────────────────────────────────────────────
// Layout · Auth — zentriert eine Karte im Viewport (Login/Consent).
// ────────────────────────────────────────────────────────────────

.auth {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: var(--sp-6) var(--sp-4);
}

.auth__card {
  width: 100%;
  max-width: 400px;
}

.auth__brand {
  margin-bottom: var(--sp-5);
  text-align: center;
}

.auth__brand-mark {
  font-family: var(--font-brand);
  font-size: var(--fs-2xl);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--fg);
}

.auth__foot {
  margin-top: var(--sp-4);
  text-align: center;
  font-size: var(--fs-sm);
  color: var(--muted);
}