/**
 * Email Verification Page Styles
 * Specific styles for verify-email.html
 */

/* ============================================================================
   VERIFICATION CONTAINER
   ============================================================================ */

.verification-container {
  text-align: center;
  padding: 4rem 1rem;

  .verification-icon {
    font-size: 4rem;
    margin-bottom: 1rem;
    animation: scaleIn 0.5s ease;
  }

  .verification-title {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: var(--text-primary);
  }

  .verification-message {
    font-size: 1.1rem;
    color: var(--text-secondary);
    margin-bottom: 2rem;
  }

  .verification-button {
    display: inline-block;
  }
}

/* ============================================================================
   ANIMATIONS
   ============================================================================ */

@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}