body.login { background: #f5f8f6; color: #173431; font-family: system-ui, sans-serif; }
.login #login { width: min(420px, calc(100% - 40px)); padding: 6vh 0 2rem; }
.login h1 a { display: block; width: 225px; height: 57px; margin: 0 auto 1.5rem; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
.gl-login-intro { font-size: 1rem; line-height: 1.65; margin: 0 0 1.5rem; }
.login form { padding: 1.75rem; border: 1px solid #ccdad4; border-radius: 12px; box-shadow: none; }
.login label { color: #173431; font-size: 1rem; }
.login input.input { min-height: 48px; border: 1px solid #526b67; border-radius: 6px; font-size: 1.125rem; }
.login .button-primary { min-height: 48px; padding-inline: 1.5rem; background: #075c59; border: 1px solid #075c59; border-radius: 6px; font-size: 1rem; text-shadow: none; box-shadow: none; }
.login .button-primary:hover, .login .button-primary:focus { background: #034542; border-color: #034542; color: #fff; }
.login #nav a, .login #backtoblog a { color: #075c59; text-decoration: underline; text-underline-offset: .2em; }
.login #nav, .login #backtoblog { padding: 0; line-height: 1.8; }
.login :is(a, button, input, select):focus-visible { outline: 3px solid #006c83; outline-offset: 3px; }
.login .message, .login .notice, .login #login_error { border-radius: 6px; box-shadow: none; }