body.login {
    background: radial-gradient(1200px 500px at 10% 10%, rgba(14, 159, 110, 0.20), transparent 60%),
                radial-gradient(900px 600px at 90% 100%, rgba(234, 179, 8, 0.15), transparent 65%),
                linear-gradient(145deg, #07161b 0%, #0f2a2f 45%, #112b25 100%);
    min-height: 100vh;
}

body.login #login {
    width: min(92vw, 420px);
    padding: 4.5vh 0 2vh;
}

body.login #loginform,
body.login #lostpasswordform,
body.login #resetpassform,
body.login #registerform {
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 16px;
    box-shadow: 0 14px 40px rgba(4, 16, 21, 0.35);
    padding: 24px 24px 20px;
}

.login .gf-login-intro { text-align: center; margin-bottom: 18px; }
.login .gf-login-intro h2 { margin: 0 0 6px; font-size: 1.8rem; color: #f8fafc; font-weight: 800; }
.login .gf-login-subtitle { margin: 0; color: #d1d5db; font-size: .95rem; }
.login .gf-login-host { margin: 10px 0 0; color: #6ee7b7; font-weight: 700; }
.login .gf-login-secure { margin: 4px 0 0; color: #9ca3af; font-size: .82rem; }

body.login label { color: #1f2937; font-weight: 600; }
body.login .input,
body.login input[type="text"],
body.login input[type="password"] {
    border: 1px solid #d1d5db;
    border-radius: 10px;
    box-shadow: none;
    min-height: 44px;
    padding: 0 12px;
}
body.login .input:focus {
    border-color: #0e9f6e;
    box-shadow: 0 0 0 3px rgba(14, 159, 110, .15);
}

body.login .button.wp-hide-pw { color: #4b5563; }
body.login .button-primary {
    background: #0e9f6e;
    border-color: #0d8f62;
    border-radius: 10px;
    min-height: 42px;
    font-weight: 700;
    text-shadow: none;
    box-shadow: 0 8px 18px rgba(14, 159, 110, 0.35);
}
body.login .button-primary:hover,
body.login .button-primary:focus { background: #0c865c; border-color: #0a724e; }

body.login .forgetmenot label { color: #374151; }
body.login #nav a,
body.login #backtoblog a { color: #d1d5db; }
body.login #nav a:hover,
body.login #backtoblog a:hover { color: #ffffff; }

.login .message,
.login .notice,
.login #login_error {
    border-radius: 10px;
    border-left-width: 4px;
}