input[type="date"] {
  -webkit-appearance: none;
  appearance: none;
  height: 39px;
  min-height: 0;
  font: inherit;
  line-height: 1.2;
}

html {
  font-size: 16px;
}

.auth.hidden {
  display: none !important;
}

.trust {
  padding-left: clamp(32px, 4vw, 72px) !important;
  padding-right: clamp(32px, 4vw, 72px) !important;
}

.trust h1 {
  font-size: clamp(42px, 4.4vw, 64px) !important;
  line-height: 1.06 !important;
  max-width: 16ch;
  text-wrap: balance;
}

.trust > p {
  font-size: clamp(16px, 1.25vw, 18px) !important;
  line-height: 1.6 !important;
  max-width: 52ch;
  text-wrap: pretty;
}

#auth .card h2 {
  font-size: 28px;
  line-height: 1.2;
  min-height: 34px;
}

.trust-grid div,
#auth .card > p.muted,
.privacy {
  line-height: 1.45;
}

@media (max-width: 760px) {
  .auth {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  .auth .card {
    order: 1 !important;
    width: 100%;
    margin: 0;
  }

  .auth .trust {
    order: 2 !important;
    width: 100%;
    padding: 32px 6px 20px;
  }

  .trust h1 {
    font-size: 39px !important;
    max-width: 16ch;
  }

  #auth .card h2 {
    font-size: 25px;
  }
}