:root{--ept-primary:#6651d7;--ept-primary-dark:#5845c0;--ept-primary-soft:#f3f0ff;--ept-ink:#17233c;--ept-muted:#7a8497;--ept-line:#e5e8ef;--ept-bg:#f6f7fb;--ept-panel:#fff;color-scheme:light}
body.login{display:grid;min-height:100vh;place-items:center;margin:0;background:radial-gradient(circle at 50% 0,var(--ept-primary-soft),transparent 42%),var(--ept-bg);color:var(--ept-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.login #login{width:min(420px,calc(100% - 32px));padding:34px 0}
.login h1 a{width:220px;height:72px;margin-bottom:20px;background-size:contain}
.login form{margin-top:0;padding:30px;border:1px solid var(--ept-line);border-radius:18px;background:var(--ept-panel);box-shadow:0 20px 60px #26345716}
.login label{color:var(--ept-ink);font-size:12px;font-weight:700}
.login form .input,.login input[type=text]{min-height:44px;border:1px solid var(--ept-line);border-radius:9px;background:var(--ept-panel);color:var(--ept-ink);font-size:14px;box-shadow:none}
.login form .input:focus,.login input[type=text]:focus{border-color:var(--ept-primary);box-shadow:0 0 0 3px var(--ept-primary-soft)}
.login .button.wp-hide-pw{color:var(--ept-primary)}
.login .button-primary{min-height:38px;border-color:var(--ept-primary);border-radius:9px;background:var(--ept-primary);font-weight:700;text-shadow:none;box-shadow:none}
.login .button-primary:hover,.login .button-primary:focus{border-color:var(--ept-primary-dark);background:var(--ept-primary-dark)}
.login #nav,.login #backtoblog{text-align:center}
.login #nav a,.login #backtoblog a{color:var(--ept-primary-dark);font-weight:600}
.login .message,.login .notice,.login #login_error{border-left-color:var(--ept-primary);border-radius:9px}
body.rtl.login .message,body.rtl.login .notice,body.rtl.login #login_error{border-right-color:var(--ept-primary);border-left-color:transparent}
@media(prefers-color-scheme:dark){:root{--ept-ink:#edf1fb;--ept-muted:#9ca8bd;--ept-line:#2b3650;--ept-bg:#111827;--ept-panel:#1b263d;color-scheme:dark}.login form .input,.login input[type=text]{background:#202b43}.login #nav a,.login #backtoblog a{color:#b9abff}}
@media(max-width:480px){.login form{padding:24px 20px}}
