body.auth-page {
  min-height: 100dvh;
}

body.auth-page main {
  padding-top: 0.75rem;
  padding-bottom: 0.5rem;
}

body.auth-page .auth-frame {
  width: 100%;
  border: 0;
  display: block;
  background: #f0f2f5;
}

@media (min-width: 769px) {
  body.auth-page .auth-frame {
    min-height: 700px;
    height: 700px;
  }
}

@media (max-width: 768px) {
  body.auth-page .auth-intro-lead {
    display: none;
  }

  body.auth-page .auth-intro h1 {
    font-size: 1.35rem;
    margin-top: 0.75rem;
    line-height: 1.25;
  }

  body.auth-page .auth-intro {
    padding-bottom: 0;
  }

  body.auth-page header nav {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }

  body.auth-page .auth-frame-wrap {
    margin-top: 0.65rem;
  }

  body.auth-page .auth-frame {
    min-height: min(78dvh, 860px);
    height: 78dvh;
  }

  body.auth-page .auth-back-wrap {
    margin-top: 0.5rem;
  }

  body.auth-page footer {
    display: none;
  }
}