/**
 * Auth large-screen scale (login, signup, waitlist).
 * Same desktop rhythm as landing-large-screen.css: >= 64rem.
 */

@media (min-width: 64rem) {
  html.auth-navorina {
    --auth-desktop-title-size: clamp(2.65rem, 3.4vw, 3.75rem);
    --auth-desktop-side-title-size: clamp(2.25rem, 2.8vw, 3.25rem);
    --auth-desktop-copy-size: clamp(1.125rem, 1.55vw, 1.375rem);
    --auth-desktop-label-size: clamp(1rem, 1.25vw, 1.125rem);
    --auth-desktop-control-height: clamp(3.5rem, 4.2vw, 4rem);
    --auth-desktop-logo-size: clamp(1.375rem, 1.7vw, 1.75rem);
    --auth-desktop-icon-size: clamp(1.375rem, 1.8vw, 1.75rem);
    --auth-desktop-inline-padding: clamp(var(--spacing-6xl), 5vw, var(--spacing-12xl));
    --auth-desktop-form-width: 36rem;
    --control-height-md: var(--auth-desktop-control-height);
    --control-padding-x: var(--spacing-2xl);
    --checkbox-control-size: 1.375rem;
  }

  html.auth-navorina .auth-form-section,
  html.auth-navorina .auth-side-content {
    padding: var(--auth-desktop-inline-padding);
  }

  html.auth-navorina .auth-container,
  html.auth-navorina .auth-container-signup,
  html.auth-navorina .auth-flow-supabase,
  html.auth-navorina .auth-waitlist-wrapper {
    max-width: min(100%, var(--auth-desktop-form-width));
  }

  html.auth-navorina .auth-form-wrapper {
    padding: var(--spacing-4xl);
  }

  html.auth-navorina .auth-header,
  html.auth-navorina .auth-flow-supabase .auth-header,
  html.auth-navorina .auth-container-signup .auth-header {
    margin-block-end: var(--spacing-6xl);
  }

  html.auth-navorina .auth-logo {
    font-size: var(--auth-desktop-logo-size);
  }

  html.auth-navorina .auth-title,
  html.auth-navorina .auth-container-signup .auth-title,
  html.auth-navorina .auth-flow-supabase .auth-title,
  html.auth-navorina .auth-container-signup .auth-flow-supabase .auth-title,
  html.auth-navorina .success-title {
    font-size: var(--auth-desktop-title-size);
    line-height: 1.1;
    letter-spacing: -0.03em;
    text-wrap: balance;
  }

  html.auth-navorina .auth-subtitle,
  html.auth-navorina .auth-container-signup .auth-subtitle,
  html.auth-navorina .auth-flow-supabase .auth-subtitle,
  html.auth-navorina .auth-container-signup .auth-flow-supabase .auth-subtitle,
  html.auth-navorina .success-message {
    max-inline-size: 48ch;
    margin-inline: auto;
    font-size: var(--auth-desktop-copy-size);
    line-height: 1.5;
    text-wrap: pretty;
  }

  html.auth-navorina .auth-form {
    gap: var(--spacing-2xl);
  }

  html.auth-navorina .form-group {
    gap: var(--spacing-md);
  }

  html.auth-navorina .form-label,
  html.auth-navorina .form-terms-label,
  html.auth-navorina .auth-link-button,
  html.auth-navorina .auth-switch,
  html.auth-navorina .auth-divider-text,
  html.auth-navorina .form-password-req-item {
    font-size: var(--auth-desktop-label-size);
  }

  html.auth-navorina .form-input,
  html.auth-navorina .auth-button,
  html.auth-navorina .auth-social-button,
  html.auth-navorina .auth-back-button {
    min-height: var(--auth-desktop-control-height);
    height: var(--auth-desktop-control-height);
    padding-inline: var(--spacing-2xl);
    font-size: clamp(1.05rem, 1.2vw, 1.1875rem);
  }

  html.auth-navorina .form-input {
    padding-inline-start: calc(var(--spacing-2xl) + 4px);
    line-height: var(--auth-desktop-control-height);
  }

  html.auth-navorina .form-input-wrapper .form-input {
    padding-inline-end: var(--spacing-6xl);
  }

  html.auth-navorina .form-input-toggle-icon,
  html.auth-navorina .auth-social-button svg,
  html.auth-navorina .auth-passkey-btn-icon {
    width: var(--auth-desktop-icon-size);
    height: var(--auth-desktop-icon-size);
  }

  html.auth-navorina .form-password-req-icon {
    width: 1.125rem;
    height: 1.125rem;
  }

  html.auth-navorina .auth-buttons-row {
    gap: var(--spacing-xl);
  }

  html.auth-navorina .auth-switch {
    gap: var(--spacing-md);
    margin-block-start: var(--spacing-3xl);
  }

  html.auth-navorina .auth-side-card,
  html.auth-navorina .auth-waitlist-side-card {
    max-width: 42rem;
    padding: var(--spacing-6xl);
    gap: var(--spacing-2xl);
  }

  html.auth-navorina .auth-side-quote-mark {
    font-size: clamp(5.5rem, 6vw, 7.5rem);
  }

  html.auth-navorina .auth-side-kicker {
    font-size: var(--auth-desktop-label-size);
  }

  html.auth-navorina .auth-side-title {
    font-size: var(--auth-desktop-side-title-size);
    line-height: 1.12;
    letter-spacing: -0.025em;
    text-wrap: balance;
  }

  html.auth-navorina .auth-side-description {
    font-size: var(--auth-desktop-copy-size);
    line-height: 1.5;
    text-wrap: pretty;
  }

  html.auth-navorina .auth-side-avatar {
    width: 3.5rem;
    height: 3.5rem;
    font-size: var(--auth-desktop-copy-size);
  }

  html.auth-navorina .auth-side-author-name {
    font-size: clamp(1.375rem, 1.8vw, 1.75rem);
  }
}

@media (min-width: 100rem) {
  html.auth-navorina {
    --auth-desktop-form-width: 40rem;
  }

  html.auth-navorina .auth-side-card,
  html.auth-navorina .auth-waitlist-side-card {
    max-width: 48rem;
  }
}