body.login {
    background: linear-gradient(180deg, #f3f6ff 0%, #ffffff 45%, #eef6e3 100%);
    font-family: "Montserrat", "Segoe UI", Arial, sans-serif;
}

.login #login {
    width: 380px;
    max-width: 92vw;
    padding-top: 4%;
}

.login h1 a {
    width: 220px !important;
    height: 88px !important;
    background-size: contain !important;
    background-position: center center !important;
    margin-bottom: 18px !important;
}

.login form {
    border: 1px solid #dbe2ff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 198, 0.08);
}

.login label {
    color: #2f3450;
    font-weight: 500;
}

.login input[type="text"],
.login input[type="password"] {
    border: 1px solid #cfd7ff;
    border-radius: 8px;
    box-shadow: none;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus {
    border-color: #0000c6;
    box-shadow: 0 0 0 2px rgba(0, 0, 198, 0.15);
}

.wp-core-ui .button-primary {
    background: #0000c6;
    border-color: #0000c6;
    border-radius: 8px;
    font-weight: 700;
    text-shadow: none;
    box-shadow: none;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
    background: #00009f;
    border-color: #00009f;
}

.login .message,
.login .notice,
.login #login_error {
    border-left-color: #96d100;
    border-radius: 8px;
}

.login #backtoblog a,
.login #nav a {
    color: #0000c6;
}

.login #backtoblog a:hover,
.login #nav a:hover {
    color: #96d100;
}