/* ==========================================================================
   Auth — Login / Register
   ========================================================================== */

.auth-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--space-6) 0;
}

.auth-brand {
  text-align: center;
  margin-bottom: var(--space-6);
}
.auth-brand .splash-logo {
  position: static;
  width: 64px; height: 64px;
  margin: 0 auto var(--space-3);
  animation: pop-in var(--dur-slow) var(--ease-spring) both;
}
.auth-brand .splash-logo .material-symbols-rounded { font-size: 32px; }

.auth-card { padding: var(--space-6) var(--space-5); }
.auth-card h1 { font-size: var(--fs-xl); text-align: center; }
.auth-card p.auth-sub { text-align: center; margin-bottom: var(--space-5); }

.auth-divider {
  display: flex; align-items: center; gap: var(--space-3);
  margin: var(--space-5) 0;
  color: var(--color-text-muted);
  font-size: var(--fs-xs);
}
.auth-divider::before, .auth-divider::after {
  content: ""; flex: 1; height: 1px; background: var(--glass-border);
}

.auth-switch {
  text-align: center;
  margin-top: var(--space-5);
  font-size: var(--fs-sm);
  color: var(--color-text-muted);
}
.auth-switch a { color: var(--color-gold); font-weight: 700; }

.auth-back {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: var(--fs-sm); color: var(--color-text-muted);
  margin-bottom: var(--space-5);
}