:root{--road-accent:#eb355c;--road-paper:#f5f5f2;--road-ink:#111113;--road-muted:#656569;--road-line:#d8d8d2}
*{box-sizing:border-box}
html{min-height:100%;background:var(--road-paper)}
body.login{min-height:100vh;min-height:100svh;background:var(--road-paper);color:var(--road-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 40px 36px 50%;margin:0;font-size:15px;line-height:1.5}
::selection{background:var(--road-accent);color:#111113}
.road-brand{position:fixed;inset:0 auto 0 0;width:44%;background:#0e0f11;color:#fff;padding:54px 56px 38px;display:flex;flex-direction:column;justify-content:space-between}
.road-logo{display:block;width:min(260px,100%)}
.road-logo img{display:block;width:100%;height:auto}
.road-statement{font-size:clamp(44px,4.8vw,76px);font-weight:700;line-height:1.08;letter-spacing:-.035em;margin:32px 0 26px}
.road-statement span{color:var(--road-accent)}
.road-description{font-size:18px;line-height:1.6;color:#c7c7cc;margin:0}
.road-brand-footer{font-size:13px;color:#b0b0b7;margin:48px 0 0}
body.login #login{width:100%;max-width:400px;padding:0;margin:0}
.login h1{display:none}
.road-login-heading{margin:0 0 32px}
.road-login-heading h2{font-size:36px;line-height:1.15;letter-spacing:-.03em;font-weight:700;margin:0 0 14px}
.road-login-heading p{color:var(--road-muted);font-size:16px;line-height:1.6;margin:0;max-width:36ch}
.login form{background:transparent;border:0;box-shadow:none;margin:0;padding:0;overflow:visible}
.login label{font-size:14px;font-weight:600;margin-bottom:8px;display:inline-block}
.login form .input,.login input[type=text],.login input[type=password]{font-family:inherit;font-size:16px;line-height:1.5;min-height:52px;padding:12px 14px;border:1px solid #a7a7a1;border-radius:8px;color:var(--road-ink);background:#fff;margin:0 0 22px;box-shadow:none;caret-color:#b81d42}
.login form .input:focus,.login input[type=text]:focus,.login input[type=password]:focus{border-color:#b81d42;outline:2px solid #b81d42;outline-offset:2px;box-shadow:none}
.login .button.wp-hide-pw{color:var(--road-muted);min-height:52px;width:48px}
.login .button.wp-hide-pw:focus{border-color:#b81d42;box-shadow:none;outline:2px solid #b81d42;outline-offset:2px}
.login form .forgetmenot{float:none;margin:0 0 24px;display:flex;align-items:center;gap:9px}
.login form .forgetmenot label{font-size:14px;font-weight:400;margin:0}
.login input[type=checkbox]{width:18px;height:18px;min-width:18px;border:1px solid #8b8b85;border-radius:4px;margin:0;box-shadow:none}
.login input[type=checkbox]:checked::before{color:#b81d42}
.login .submit .button-primary{float:none;width:100%;min-height:52px;padding:12px 16px;background:var(--road-accent);border:0;border-radius:8px;color:#111113;font:650 16px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-shadow:none;box-shadow:none;cursor:pointer}
.login .submit .button-primary:hover{background:#f45275}
.login .submit .button-primary:active{background:#e92b54}
.login .submit .button-primary:disabled{opacity:.55;cursor:wait}
.login a:focus-visible,.login button:focus-visible,.login input[type=submit]:focus-visible,.login input[type=checkbox]:focus-visible{outline:2px solid #b81d42;outline-offset:4px;box-shadow:none}
.login #nav{padding:0;margin:24px 0 0;font-size:14px}
.login #nav a,.login #backtoblog a,.login .privacy-policy-page-link a{color:#55555a;text-decoration:underline;text-underline-offset:4px}
.login #nav a:hover,.login #backtoblog a:hover{color:#a51939}
.login #backtoblog{padding:0;margin:18px 0 0;font-size:13px}
.login .message,.login .notice,.login #login_error{margin:0 0 24px;border:1px solid #b7b7b0;border-radius:8px;background:#fff;padding:14px 16px;box-shadow:none;font-size:14px;overflow-wrap:anywhere}
.login #login_error{border-color:#b81d42}
.login .message a,.login #login_error a{color:#a51939}
.road-access-note{font-size:12px;line-height:1.6;color:var(--road-muted);margin:40px 0 0;text-align:center;max-width:400px}
.login .language-switcher{margin:20px 0 0;padding:0;font-size:13px}
.login .language-switcher select{max-width:190px;min-height:38px;background:#fff;border-color:var(--road-line);border-radius:6px}
.login .language-switcher .button{border-color:var(--road-line);color:var(--road-ink);border-radius:6px;min-height:38px}
.login .privacy-policy-page-link{margin:24px 0 0}
@media(max-width:900px){.road-brand{width:40%;padding:40px 30px}.road-statement{font-size:48px}body.login{padding-left:46%;padding-right:30px}.road-description{font-size:16px}}
@media(max-width:680px){body.login{display:block;padding:0 24px 30px}.road-brand{position:relative;inset:auto;width:calc(100% + 48px);margin:0 -24px 36px;padding:26px 24px;background:#0e0f11;min-height:0}.road-logo{width:190px}.road-brand-copy,.road-brand-footer{display:none}body.login #login{margin:0 auto;max-width:420px}.road-login-heading{margin-bottom:28px}.road-login-heading h2{font-size:30px}.road-login-heading p{font-size:15px}.road-access-note{margin:32px auto 0}.login .language-switcher{text-align:center}}
@media(prefers-reduced-motion:no-preference){.login .button-primary{transition:background-color .16s ease-out}}