@media (max-width: 991.98px) {
  .auth-page-shell {
    padding: 1.5rem 1.25rem;
  }

  .auth-card {
    max-width: 380px;
    width: min(100%, 380px);
  }
}

@media (max-width: 767.98px) {
  .auth-page-shell {
    padding: 1.25rem 1rem;
  }

  .auth-card {
    padding: 1.6rem 1.25rem;
    width: min(100%, 90vw);
  }

  .auth-brand-logo {
    height: 64px;
    width: 64px;
  }

  .auth-brand-title {
    font-size: 1.65rem;
  }

  .auth-input,
  .auth-submit-btn {
    min-height: 3.4rem;
  }
}

@media (max-width: 479.98px) {
  .auth-page-shell {
    padding: 1rem 0.85rem;
  }

  .auth-card {
    border-radius: 1rem;
    padding: 1.35rem 1rem;
    width: 90%;
  }

  .auth-brand {
    margin-bottom: 1.4rem;
  }

  .auth-brand-title {
    font-size: 1.45rem;
  }

  .auth-brand-copy {
    font-size: 0.92rem;
  }

  .auth-input,
  .auth-submit-btn {
    border-radius: 0.85rem;
    font-size: 1rem;
  }
}