/* /signup is a thin page on top of <AuthPage> + <FormField>. The
   shared templates own the layout — this stylesheet just covers the
   page-local pieces (the inline form-error banner, the submit-button
   spacing). The "Already have an account?" alt link is now the page
   subtitle handled by AuthPage. */

.signup-page .signup-subtitle {
  margin: 0;
}

/* Server-side error message rendered immediately above the Sign up
   button (the same place inline FormField errors appear), so the
   user's eye lands on it without scrolling back up. Red foreground
   on a light-red banner — same color tokens as FormField errors. */
.signup-error {
  font-family: var(--font-sans);
  font-size: 0.78125rem;
  color: #b42318;
  background: #fef3f2;
  border: 1px solid #fecdca;
  border-radius: var(--radius-sm);
  padding: 0.625rem 0.875rem;
  margin: 0 0 0.75rem 0;
}

.signup-submit {
  margin-top: 0.75rem;
  width: 100%;
}

.signup-terms {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 1rem;
  font-family: var(--font-sans);
  font-size: 0.85rem;
  color: var(--text-muted);
  line-height: 1.4;
}

.signup-terms input[type="checkbox"] {
  margin-top: 0.2rem;
  flex: 0 0 auto;
}

.signup-terms a {
  color: var(--link);
}