/* Register Page Specific Styles - Mobile First */

/* NOTE: Password toggle, error text, and text decoration utilities
   are now in utilities.css */

/* Form Row for Side-by-Side Fields */
.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

/* Form Section Styling */
.form-section {
  margin-bottom: var(--spacing-xl);
}

/* Verification Input Styling */
.verification-input {
  text-align: center;
  font-size: var(--font-size-lg);
  letter-spacing: 0.1em;
  font-weight: 500;
}

/* Mobile-specific adjustments */
@media (max-width: 480px) {
  .form-row {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
  }
}

/* Tablet and larger screens */
@media (min-width: 768px) {
  .form-row {
    gap: var(--spacing-lg);
  }

  .verification-input {
    max-width: 200px;
    margin: 0 auto;
  }
}