html{background:#110f12;color-scheme:dark}
body.login{min-height:100vh;background:radial-gradient(ellipse at 50% 5%,#432032 0%,#110f12 65%);color:#f7eff2;font-family:Arial,Helvetica,sans-serif}
body.login #login{width:min(380px,calc(100% - 40px));padding:clamp(45px,9vh,100px) 0 30px}
body.login h1 a{background-image:var(--sbab-logo);background-size:contain;background-position:center;width:100%;height:100px;margin:0 auto 32px}
body.login form{background:#1c181e;border:1px solid #48323f;border-radius:18px;box-shadow:0 20px 60px #0005;padding:28px;color:#f7eff2}
body.login label{font-size:14px;color:#e6d9e0}
body.login form .input,body.login input[type=text],body.login input[type=password],body.login input[type=email]{background:#110f12;color:#fff;border:1px solid #6c5262;border-radius:8px;font-size:20px;min-height:46px}
body.login input:focus{border-color:#e7a1b7;box-shadow:0 0 0 1px #e7a1b7;outline:0}
body.login input[type=checkbox]{background:#110f12;border-color:#967484}
body.login input[type=checkbox]:checked::before{filter:brightness(2)}
body.login .button-primary{background:#a52d50;border-color:#c15a7b;border-radius:999px;box-shadow:none;text-shadow:none;min-height:42px;padding:0 25px;font-weight:700;color:#fff}
body.login .button-primary:hover,body.login .button-primary:focus{background:#7d1e3a;border-color:#e7a1b7;color:#fff}
body.login .button.wp-hide-pw{color:#e7a1b7}
body.login #nav,body.login #backtoblog{padding:0 8px}
body.login #nav a,body.login #backtoblog a,body.login a{color:#e7a1b7}
body.login a:hover{color:#fff}
body.login a:focus-visible,body.login button:focus-visible,body.login .button:focus-visible{outline:2px solid #e7a1b7;outline-offset:4px;box-shadow:none}
body.login .message,body.login .success,body.login #login_error{background:#25151e;border-left-color:#e7a1b7;color:#f7eff2;border-radius:8px;box-shadow:none}
body.login #login_error{border-left-color:#fb7185}
body.login .language-switcher select,body.login .language-switcher .button{background:#1c181e;color:#f7eff2;border-color:#6c5262}
body.login .privacy-policy-page-link{margin:24px 0}
body.login .pw-weak label{color:#f7eff2}
@media(max-width:400px){body.login form{padding:22px}body.login h1 a{height:85px}body.login .language-switcher{padding:0 16px}}