/* Native WordPress authentication, recovery and 2FA controls are retained. */
body.login{--pa-ink:#173849;--pa-accent:#ffb1b6;background:#eaf1f5;color:var(--pa-ink);min-height:100vh;position:relative;display:flow-root}
body.login:before{content:"";position:fixed;inset:0 45% 0 0;background:linear-gradient(180deg,rgba(10,34,49,.2),rgba(10,34,49,.65)),var(--pa-city-image,linear-gradient(145deg,#173849,#467489));background-size:cover;background-position:center;pointer-events:none}
body.login:after{content:"Kaupunkisi parhaat löydöt.";position:fixed;left:5vw;bottom:9vh;max-width:36vw;color:#fff;font:700 clamp(30px,3.4vw,64px)/1.12 system-ui,sans-serif;pointer-events:none}
body.login #login{position:relative;width:min(380px,calc(100% - 40px));padding:46px 0 34px;margin:0 max(6vw,24px) 0 auto}
.login h1 a{background:none!important;text-indent:0!important;width:auto;height:auto;font:700 14px/1.5 system-ui,sans-serif;color:#38566b;letter-spacing:.04em;margin:0 auto 20px;text-decoration:none}
.pa-login-intro{text-align:center;margin:0 0 24px}.pa-login-logo{border-radius:50%;display:block;margin:0 auto 14px}.pa-login-eyebrow{font:600 12px/1.5 system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#4a6273}.pa-login-intro h2{font:750 29px/1.18 system-ui,sans-serif;margin:8px 0 12px;letter-spacing:-.025em}.pa-login-intro p:last-child{font:15px/1.6 system-ui,sans-serif;color:#405b6d;max-width:34ch;margin:auto}
.login form{display:flow-root;border:1px solid #cbd8e0;border-top:5px solid var(--pa-accent);border-radius:16px;background:#fff;box-shadow:0 12px 42px #1738490b;padding:25px;margin-top:0;overflow:visible}.login label{color:#173849;font-weight:600}.login form .input{border-radius:8px;min-height:46px;border-color:#667e8e;font-size:21px}.login .button-primary{background:#173849;border-color:#173849;color:#fff;min-height:44px;padding:0 20px;border-radius:8px;font-weight:600}.login .button-primary:hover{background:#294f67;border-color:#294f67}.login #nav a,.login #backtoblog a{color:#254e68}.login #nav,.login #backtoblog{padding:0 4px}.login .message,.login #login_error,.login .success{border-radius:8px}.login .privacy-policy-page-link{margin:22px 0}.login #language-switcher{position:relative}.login .language-switcher{margin:0 max(6vw,24px) 24px auto;width:min(380px,calc(100% - 40px))}.login .language-switcher select{max-width:230px}.login :is(a,button,input,select):focus-visible{outline:3px solid #075c91;outline-offset:3px;box-shadow:none}
@media(min-width:1400px){body.login #login{margin-right:11vw}.login .language-switcher{margin-right:11vw}}
@media(max-width:800px){body.login:before{inset:0 0 auto;height:200px}body.login:after{display:none}body.login #login{margin:0 auto;padding:32px 0}.login h1 a{color:#fff;text-shadow:0 1px 4px #173849} .pa-login-intro{background:#eaf1f5;padding:24px 14px 0;border-radius:18px 18px 0 0}.login .language-switcher{margin:0 auto 24px;width:min(380px,calc(100% - 40px))}}
@media(prefers-reduced-motion:reduce){.login *{scroll-behavior:auto!important;transition:none!important}}
