/*
  Register page (SPA) should look identical to Login.
  We reuse login.css for the card/typography/buttons and only
  add minimal layout helpers needed by the extra register fields.
*/

/* Two-column rows for register-only fields (First/Last, Age/Gender) */
.login-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

@media (max-width: 560px){
  .login-grid{ grid-template-columns:1fr; }
}

/* Success message (login.css already defines error via .login-error) */
.message.success{
  background: rgba(56,189,148,.12);
  border: 1px solid rgba(56,189,148,.35);
  color: var(--success-text-color);
  border-radius: 12px;
  padding: 10px 12px;
}