/* register.css */
.auth-card {
  background: radial-gradient(circle at top left, rgba(34, 197, 94, 0.18), transparent 55%),
    radial-gradient(circle at bottom right, rgba(14, 165, 233, 0.16), transparent 45%),
    var(--surface);
  border-radius: var(--radius);
  padding: clamp(2rem, 5vw, 2.85rem);
  box-shadow: var(--shadow-soft);
}

.auth-card .section-header {
  text-align: center;
}

.auth-card p {
  max-width: 40ch;
  margin: 0.75rem auto 0;
}

.auth-card .form-layout {
  margin-top: 2.25rem;
}

.auth-card .btn-primary {
  background: linear-gradient(120deg, #22c55e, #10b981);
  box-shadow: 0 14px 30px rgba(16, 185, 129, 0.25);
}

.auth-card .btn-primary:hover,
.auth-card .btn-primary:focus-visible {
  background: linear-gradient(120deg, #16a34a, #0f9d74);
}

.auth-card .btn-text {
  color: var(--text-muted);
}

.auth-card .btn-text:hover,
.auth-card .btn-text:focus-visible {
  color: #0f9d74;
}