body.login {
    background: #edf5f1;
    background: radial-gradient(ellipse at top left, #dceee5 0, #f4f8f6 64%);
    color: #244b40;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    min-height: 100vh;
}
body.login #login { width: min(392px, calc(100% - 40px)); padding: clamp(28px, 6vh, 64px) 0 24px; }
body.login #login h1 a {
    background-image: url("logo.png");
    background-size: contain;
    background-position: center;
    width: 190px;
    height: 76px;
    margin: 0 auto 24px;
}
.hi-login-intro { text-align: center; margin-bottom: 26px; }
.hi-login-intro p { font-size: 16px; line-height: 1.55; margin: 0; }
.hi-login-intro .hi-login-brand { color: #17634f; font-size: 29px; font-weight: 700; letter-spacing: -.8px; margin-bottom: 12px; }
.hi-login-brand span { font-weight: 450; }
.hi-login-intro .hi-login-instruction { margin-top: 8px; }
.login form { background: #fff; padding: 28px; margin-top: 0; border: 1px solid #d9e7e0; border-radius: 18px; box-shadow: 0 12px 36px #123f3010; }
.login label { font-size: 14px; font-weight: 550; margin-bottom: 6px; }
.login input[type=text], .login input[type=password], .login input[type=email] { border: 1px solid #a8beb4; border-radius: 7px; color: #244b40; background: #fff; font-size: 20px; min-height: 46px; }
.login input:focus { border-color: #17634f; box-shadow: 0 0 0 2px #17634f; }
.login .button-primary { background: #17634f; border-color: #17634f; color: #fff; border-radius: 24px; font-size: 15px; font-weight: 600; min-height: 42px; padding: 0 22px; text-shadow: none; box-shadow: none; }
.login .button-primary:hover, .login .button-primary:focus { background: #104d3d; border-color: #104d3d; color: #fff; }
.login .button-primary:focus, .login a:focus { outline: 2px solid #17634f; outline-offset: 3px; box-shadow: none; }
.login .button.wp-hide-pw { color: #17634f; }
.login .forgetmenot { padding-top: 9px; }
.login .forgetmenot label { font-size: 13px; font-weight: 400; }
.login #nav, .login #backtoblog { text-align: center; padding: 0; }
.login #nav { margin-top: 22px; }
.login #backtoblog { margin-top: 14px; }
.login #nav a, .login #backtoblog a { color: #285e4d; }
.login .message, .login .notice, .login .success { border-left-color: #17634f; border-radius: 6px; }
.login #login_error { border-left-color: #b32d2e; }
.language-switcher { margin-bottom: 24px; color: #47665a; }
.language-switcher select, .language-switcher .button { border-radius: 6px; }
@media (max-width: 420px) {
    .login form { padding: 22px; }
    .hi-login-intro p { font-size: 15px; }
    body.login #login h1 a { width: 164px; height: 66px; margin-bottom: 18px; }
    .language-switcher { padding: 0 12px; }
}