body.login {
    background: #d9d2c3;
    color: #1b1b1b;
    font-family: Georgia, "Times New Roman", serif;
}

body.login::before {
    content: "";
    position: fixed;
    inset: 0;
    background:
        radial-gradient(circle at top center, rgba(191, 163, 111, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(44, 62, 46, 0.05), rgba(44, 62, 46, 0));
    pointer-events: none;
}

.login h1 {
    margin-bottom: 24px;
}

.login h1 a {
    width: 112px;
    height: 112px;
    background-size: contain;
    filter: saturate(0.7) hue-rotate(-18deg);
}

.login #login {
    position: relative;
    width: min(92vw, 420px);
    padding: 48px 0 32px;
}

.login form {
    margin-top: 0;
    padding: 28px 28px 24px;
    border: 1px solid #1718172e;
    border-radius: 0;
    background: rgba(255, 252, 246, 0.78);
    box-shadow: 0 18px 48px rgba(27, 27, 27, 0.08);
}

.login label,
.login .forgetmenot,
.login #nav,
.login #backtoblog {
    color: #1b1b1b;
}

.login form .input,
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
    min-height: 48px;
    border: 1px solid rgba(44, 62, 46, 0.28);
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.75);
    box-shadow: none;
    color: #1b1b1b;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
    border-color: #8c3b2d;
    box-shadow: 0 0 0 1px #8c3b2d;
}

.login .button.wp-hide-pw {
    color: #2c3e2e;
}

.login .button.wp-hide-pw:hover,
.login .button.wp-hide-pw:focus {
    color: #8c3b2d;
}

.login .button-primary {
    min-height: 42px;
    padding: 0 20px;
    border: 1px solid #2c3e2e;
    border-radius: 3px;
    background: #2c3e2e;
    box-shadow: none;
    color: #f9f5ec;
    text-shadow: none;
}

.login .button-primary:hover,
.login .button-primary:focus {
    border-color: #8c3b2d;
    background: #8c3b2d;
    color: #f9f5ec;
}

.login input[type="checkbox"] {
    border-color: rgba(44, 62, 46, 0.32);
    border-radius: 2px;
}

.login input[type="checkbox"]:checked::before {
    color: #8c3b2d;
}

.login .message,
.login .notice,
.login #login_error,
.login .success {
    border-left: 4px solid #bfa36f;
    border-radius: 2px;
    background: rgba(255, 252, 246, 0.92);
    box-shadow: 0 12px 30px rgba(27, 27, 27, 0.06);
}

.login #login_error {
    border-left-color: #8c3b2d;
}

.login .message a,
.login #nav a,
.login #backtoblog a,
.login .privacy-policy-link {
    color: #8c3b2d;
}

.login .message a:hover,
.login #nav a:hover,
.login #backtoblog a:hover,
.login .privacy-policy-link:hover,
.login .message a:focus,
.login #nav a:focus,
.login #backtoblog a:focus,
.login .privacy-policy-link:focus {
    color: #2c3e2e;
}
