
:root{color-scheme:dark;--gold:#d9b66f;--text:#f5f0e6;--muted:#b6aea0}
body.login{background:radial-gradient(ellipse at 50% 0,#8e63212b,transparent 65%),#090a0b;color:var(--text);font-family:Arial,Helvetica,sans-serif;min-height:100vh}
#login{width:min(390px,calc(100% - 40px));padding:40px 0;margin:auto}
.login h1 a{width:130px;height:130px;background-size:contain;background-position:center;margin:0 auto 18px}
.dvc-auth-intro{text-align:center;margin-bottom:26px}.dvc-auth-intro span{color:var(--gold);font-size:10px;letter-spacing:3px}.dvc-auth-intro h2{font-size:29px;font-weight:400;line-height:1.2;margin:14px 0}
.login form{background:#111315;border:1px solid #66512f;box-shadow:0 20px 65px #0006;padding:28px;border-radius:12px;margin-top:0}
.login label{color:var(--muted);font-size:13px}.login form .input,.login input[type=text],.login input[type=password]{background:#090a0b;color:var(--text);border:1px solid #655332;border-radius:6px;font-size:18px;min-height:46px}
.login input:focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.login .button-primary{background:var(--gold);border-color:var(--gold);color:#18150e;border-radius:6px;font-weight:700;min-height:40px;padding:0 22px;text-shadow:none;box-shadow:none}
.login .button-primary:hover,.login .button-primary:focus{background:#efce8b;border-color:#efce8b;color:#111}
.login .button.wp-hide-pw{color:var(--gold)}.login #nav,.login #backtoblog{padding:0;text-align:center}.login #nav a,.login #backtoblog a,.login a{color:var(--gold)}.login #nav a:hover,.login #backtoblog a:hover{color:#fff}
.login .message,.login #login_error,.login .success{background:#17191b;color:var(--text);border-left-color:var(--gold);border-radius:5px}.login #login_error{border-left-color:#ed8585}
.login #reg_passmail{color:var(--muted);font-size:13px;line-height:1.6}.login .privacy-policy-page-link{color:var(--muted)}.language-switcher{color:var(--muted)}.language-switcher select{background:#111;color:var(--text);border-color:#66512f}
@media(max-width:480px){#login{padding-top:25px}.login form{padding:24px}.dvc-auth-intro h2{font-size:25px}}

.dvc-register-note{color:#b6aea0;font-size:13px;line-height:1.6;margin:10px 0 18px}

/* 2.1.1 — shared DVC account scale, no remote fonts. */
body.login{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.dvc-auth-intro h2{font-size:23px!important;color:#d8bd82;font-weight:500;margin:12px 0}.login form{background:linear-gradient(135deg,#1a2118,#111711);border-color:#d8bd8222;border-radius:18px;box-shadow:none}.login form .input,.login input[type=text],.login input[type=password]{font-size:15px;border-color:#414a35;border-radius:10px;min-height:48px}.login .button-primary{min-height:44px;border-radius:10px;font-size:13px;font-weight:500;background:#d8bd82}.login label{font-size:12px}.login #nav,.login #backtoblog{font-size:12px;line-height:1.8}.login .button.wp-hide-pw{min-height:46px}.login .message,.login #login_error,.login .success{font-size:13px;line-height:1.7;border-radius:10px}.login .forgetmenot{margin-bottom:12px}

/* Same account palette as the member site and Android application. */
:root{color-scheme:light;--gold:#14565c;--text:#243638;--muted:#657375}
body.login{background:linear-gradient(180deg,#14565c 0 180px,#f0f3f0 180px);color:#243638}
.login h1 a{width:110px;height:110px}.dvc-auth-intro{background:#f0f3f0;border-radius:16px 16px 0 0;padding:20px 10px 0;margin:0}.dvc-auth-intro span{color:#607b75}.dvc-auth-intro h2{color:#243638!important;font-size:23px!important}.login form{background:#fffefa;border:1px solid #dfe7df;border-radius:16px;box-shadow:none;margin-top:14px}.login form .input,.login input[type=text],.login input[type=password]{background:#f5f7f3;border-color:#d4dfd5;color:#243638}.login label,.dvc-register-note{color:#657375}.login .button-primary{background:#14565c;border-color:#14565c;color:#fffefa}.login .button.wp-hide-pw{color:#14565c}.login #nav a,.login #backtoblog a{color:#14565c}.login .message,.login #login_error,.login .success{background:#fffefa;color:#243638}.login .privacy-policy-link{color:#14565c}

/* 2.7 aligns sign-in with the compact app surfaces. */
#login{width:min(370px,calc(100% - 32px));padding-top:28px}.login h1 a{width:88px;height:88px}.login form{padding:24px;border-radius:18px}.login form .input{font-size:14px!important}.dvc-auth-intro h2{font-size:22px!important}@media(prefers-color-scheme:dark){body.login{background:linear-gradient(180deg,#103b40 0 160px,#121819 160px);color:#e7eee8}.login form{background:#1c2425!important;border-color:#35433f!important}.login form label,.login #reg_passmail,.dvc-auth-note{color:#afbeb6!important}.login form .input{background:#151e1f!important;color:#e7eee8!important;border-color:#35433f!important}.login #nav a,.login #backtoblog a{color:#dec38a!important}.login .message,.login #login_error{background:#1c2425!important;color:#e7eee8!important}}
