/* The checkbox is the one control inside .field-like markup that must not
     stretch to the full row, so it keeps its own width. */
  .remember { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
  .remember input { width: auto; }
  .remember label { display: inline; font-size: var(--fs-sm); color: var(--muted); margin: 0; cursor: pointer; }

  /* New-visitor call to action: registration as an accent (secondary) button so
     unregistered visitors take the right door instead of hammering «Войти».
     Both controls now inherit their 48px height from .btn — no hand-tuning. */
  .register-cta { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line-soft); text-align: center; }
  .forgot { text-align: center; margin-top: 14px; font-size: var(--fs-sm); }
  .forgot a { color: var(--brand); text-decoration: none; }