html,
body {
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}

.login-shell,
.login-shell .authentication-inner {
  height: 100dvh;
  min-height: 100dvh;
  overflow: hidden;
}

.login-shell .authentication-inner {
  flex-wrap: nowrap;
}

.login-hero {
  padding: 2.35rem 2.9rem;
}

.login-hero__content {
  max-width: 38rem;
  justify-content: center;
  gap: 1.4rem;
}

.login-hero__logo {
  width: min(15.5rem, 100%);
}

.login-hero__title {
  max-width: 31rem;
  font-size: clamp(1.95rem, 3vw, 2.95rem);
  line-height: 1.03;
}

.login-hero__lead {
  max-width: 30rem;
  font-size: 0.95rem;
  line-height: 1.55;
}

.login-proof-card {
  padding: 0.95rem;
  border-radius: 1rem;
}

.login-proof-card p {
  font-size: 0.81rem;
  line-height: 1.42;
}

.login-proof-card__icon {
  width: 2.25rem;
  height: 2.25rem;
  margin-bottom: 0.7rem;
  font-size: 1rem;
}

.login-metric-strip {
  gap: 0.75rem;
  padding: 0.9rem 1rem;
  border-radius: 1.1rem;
}

.login-metric__value {
  font-size: 0.98rem;
}

.login-metric__label {
  font-size: 0.76rem;
}

.login-panel {
  max-width: 25rem;
  padding: 1.45rem;
  border-radius: 1.4rem;
}

.login-panel__logo {
  width: min(12rem, 100%);
}

.login-mobile-banner,
.login-support-card {
  padding: 0.9rem 1rem;
  border-radius: 1rem;
}

.login-panel .alert {
  margin-bottom: 0.9rem;
  padding: 0.75rem 0.9rem;
}

.login-field .form-control {
  min-height: 3rem;
}

.login-submit {
  min-height: 3.1rem;
}

@media (max-width: 991.98px) {
  .login-shell,
  .login-shell .authentication-inner {
    height: 100dvh;
    min-height: 100dvh;
  }

  .login-panel {
    max-width: 24rem;
    padding: 1.3rem;
  }
}

@media (max-height: 860px) and (min-width: 992px) {
  .login-hero {
    padding: 2rem 2.35rem;
  }

  .login-hero__content {
    gap: 1.05rem;
  }

  .login-hero__logo {
    width: min(14rem, 100%);
  }

  .login-hero__title {
    font-size: clamp(1.75rem, 2.5vw, 2.45rem);
  }

  .login-hero__lead {
    font-size: 0.9rem;
    line-height: 1.48;
  }

  .login-proof-card {
    padding: 0.82rem;
  }

  .login-proof-card p {
    font-size: 0.77rem;
  }

  .login-panel {
    padding: 1.2rem;
  }
}
