/* Scoped to the native authentication layout; the GitLab application is unchanged. */
body.login-page {
  background: #f5f6f8 !important;
  color: #20252d !important;
  min-height: 100dvh;
}
body.login-page .container.gl-self-center { max-width: 440px; padding: 24px; }
body.login-page main.content {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 36px 32px;
  box-shadow: 0 12px 40px rgb(16 24 40 / 4%);
}
body.login-page .gl-my-5 { margin: 0 !important; }
body.login-page .bar { width: 100% !important; }
body.login-page .js-portrait-logo-detection,
body.login-page .footer-container,
body.login-page [data-testid="passkey-login-button"],
body.login-page .custom-checkbox:has(#user_remember_me),
body.login-page .login-box .nav-links,
body.login-page a[href="/users/password/new"] { display: none !important; }
body.login-page h1 { color: #20252d !important; font-size: 26px !important; font-weight: 600 !important; margin-bottom: 28px !important; }
body.login-page label { color: #384250 !important; }
body.login-page input.form-control { min-height: 44px; background: #fff !important; color: #20252d !important; border-radius: 8px; }
body.login-page .btn-confirm { min-height: 44px; border-radius: 8px; background: #284968 !important; border-color: #284968 !important; color: #fff !important; }
body.login-page .btn-confirm:hover { background: #203e59 !important; }
body.login-page :focus-visible { outline: 3px solid #8cb7dd !important; outline-offset: 2px; }
@media (max-width: 480px) {
  body.login-page .container.gl-self-center { padding: 16px; }
  body.login-page main.content { padding: 28px 24px; }
}