.auth-page {
  display: flex;
  justify-content: center;
  padding-top: 40px;
}
.auth-card {
  width: 100%;
  max-width: 380px;
  padding: 36px 32px;
}
.auth-card h1 {
  font-size: 1.4rem;
  margin: 0 0 24px;
  color: var(--graphite);
}
.auth-card form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.auth-card label {
  font-size: 0.85rem;
  color: var(--text-muted);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.auth-card input {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 0.95rem;
}
.auth-card .btn {
  margin-top: 6px;
}
.success-banner {
  background: #eafaf0;
  color: #1a7a3d;
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 0.9rem;
  margin-bottom: 16px;
}
.auth-switch {
  margin-top: 18px;
  font-size: 0.85rem;
  color: var(--text-muted);
}
.auth-switch a {
  color: var(--graphite);
  font-weight: 700;
}