@media (max-height: 760px) {
  html body .arbsoul-auth-gate {
    place-items: start center;
    padding:
      max(10px, env(safe-area-inset-top))
      14px
      max(10px, env(safe-area-inset-bottom));
  }

  .arbsoul-auth-gate .arbsoul-auth-card {
    width: min(520px, 100%);
    padding: 18px 22px;
    border-radius: 20px;
  }

  .arbsoul-auth-gate .arbsoul-auth-mark {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }

  .arbsoul-auth-gate .arbsoul-auth-card .arbsoul-auth-language {
    width: min(170px, 52%);
  }

  .arbsoul-auth-gate .arbsoul-auth-language select {
    min-height: 34px;
  }

  .arbsoul-auth-gate .arbsoul-auth-kicker {
    margin: 12px 0 5px;
  }

  .arbsoul-auth-gate .arbsoul-auth-card h1 {
    font-size: clamp(1.65rem, 5vw, 2.25rem);
    line-height: 1;
  }

  .arbsoul-auth-gate .arbsoul-auth-copy {
    margin: 8px 0 12px;
    line-height: 1.4;
  }

  .arbsoul-auth-gate .arbsoul-google-button,
  .arbsoul-auth-gate .arbsoul-apple-button {
    padding-block: 10px;
  }

  .arbsoul-auth-gate .arbsoul-apple-button {
    margin-bottom: 7px;
  }

  .arbsoul-auth-gate .arbsoul-auth-divider {
    margin: 10px 0 0;
  }

  .arbsoul-auth-gate .arbsoul-auth-card label {
    gap: 5px;
    margin-top: 8px;
  }

  .arbsoul-auth-gate .arbsoul-auth-card input {
    padding: 9px 12px;
  }

  .arbsoul-auth-gate .arbsoul-auth-actions {
    margin-top: 10px;
  }

  .arbsoul-auth-gate .arbsoul-auth-actions button {
    padding: 10px 12px;
  }

  .arbsoul-auth-gate .arbsoul-auth-link {
    min-height: 34px;
    margin-top: 7px;
  }

  .arbsoul-auth-gate .arbsoul-auth-message,
  .arbsoul-auth-gate .arbsoul-auth-legal {
    margin-top: 8px;
  }

  .arbsoul-auth-gate .arbsoul-auth-message {
    font-size: 0.8rem;
  }
}