/* ═══════════════════════════════════════════════════════════
   TRANSSPARK — Accounts / Register
   Page-specific styles
   ═══════════════════════════════════════════════════════════ */

/* ── Register Card ────────────────────────────────────────── */
.register-card {
  border-radius: var(--gc-radius-lg);
  box-shadow: var(--gc-shadow-md);
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Form Fields ─────────────────────────────────────────── */
.register-card .field-group {
  margin-bottom: 1.25rem;
}

/* ── Submit Button ───────────────────────────────────────── */
.register-card .btn-register {
  transition: transform 80ms ease, box-shadow var(--gc-transition);
}

.register-card .btn-register:hover {
  box-shadow: var(--gc-shadow-md);
}

.register-card .btn-register:active {
  transform: scale(0.97);
}

/* ── Login Link ──────────────────────────────────────────── */
.register-footer a {
  transition: color var(--gc-transition);
}

.register-footer a:hover {
  text-decoration: underline;
}

/* ── Validation Errors ───────────────────────────────────── */
.register-card .errorlist {
  list-style: none;
  padding: 0;
  margin: 0.25rem 0 0;
}

.register-card .errorlist li {
  font-size: 0.8rem;
  color: var(--gc-error);
}