/* Approved desktop entrance layout. */
@media (min-width: 1101px) {
  .login-page {
    background:
      linear-gradient(180deg, rgba(5, 15, 33, .52) 0%, rgba(5, 15, 33, .36) 61%, rgba(5, 15, 33, .17) 100%),
      url('workspace-mountains.png') center bottom / cover no-repeat;
  }

  .login-page .auth-shell {
    width: min(100%, 1432px);
    padding: 60px clamp(36px, 4vw, 60px) 82px;
    grid-template-columns: minmax(0, 1fr) 442px;
    gap: clamp(70px, 7vw, 118px);
  }

  .login-page .auth-intro {
    align-self: stretch;
    padding-top: clamp(52px, 8vh, 82px);
  }

  .login-page .brand { gap: 16px; }
  .login-page .brand img { width: 112px; height: 112px; }
  .login-page .brand span {
    font-size: clamp(44px, 3.45vw, 49px);
    font-weight: 660;
    letter-spacing: .065em;
  }

  .login-page .hero {
    margin-top: clamp(82px, 10vh, 102px);
    font-size: clamp(47px, 3.7vw, 58px);
    font-weight: 580;
    line-height: 1.17;
  }

  .login-page .auth-card {
    align-self: center;
    padding: 35px 36px 34px;
    border-radius: 16px;
    background: linear-gradient(150deg, rgba(17, 42, 72, .96), rgba(8, 28, 51, .97));
    box-shadow: 0 24px 70px rgba(0, 7, 22, .2);
  }

  .login-page .auth-card h1 { margin-bottom: 24px; font-size: 27px; }
  .login-page .auth-form { gap: 16px; }
  .login-page .form-field { gap: 7px; }
  .login-page .form-field label { font-size: 14px; }
  .login-page .form-field input { height: 46px; font-size: 15px; }
  .login-page .form-link { font-size: 13px; }
  .login-page .primary-button { min-height: 46px; font-size: 16px; cursor: pointer; }
  .login-page .registration-legal { margin: 16px 0 12px; color: var(--ink); font-size: 12px; line-height: normal; text-align: start; }
  .login-page .password-toggle { color: #b9d0ec; }
  .login-page .registration-legal a,
  .login-page .registration-legal a:visited { color: #8ac9ff; text-decoration: underline; text-underline-offset: 2px; }
  .login-page .registration-legal a:focus-visible { outline: 2px solid #54b9ff; outline-offset: 3px; }
  .login-page .card-footer { gap: 4px; margin-top: 22px; font-size: 13px; }

}