body.login { background:#f5f7fb; color:#12243c; }
body.login #login { width: min(440px, calc(100% - 40px)); padding-top:4vh; }
body.login #login h1 a { width:auto; height:auto; background:none; text-indent:0; font-size:25px; font-weight:700; line-height:1.3; }
body.login #login form, body.login .fbc-preferences { border:1px solid #d8e0ec; border-radius:12px; box-shadow:0 6px 25px #12243c0a; background:#fff; padding:24px; }
body.login #login form p { margin-bottom:18px; }
body.login #login label { line-height:1.6; }
body.login #login input[type=text], body.login #login input[type=email] { box-sizing:border-box; width:100%; font-size:18px; padding:8px 10px; border-radius:5px; }
body.login #login .cf-turnstile { margin:16px 0; }
body.login #login .button-primary, body.login #login button[type=submit] { background:#0754c9; color:#fff; border:1px solid #0754c9; border-radius:6px; padding:8px 16px; height:auto; cursor:pointer; }
body.login a { color:#0754c9; }
body.login input:focus, body.login button:focus, body.login a:focus { outline:2px solid #0754c9; outline-offset:3px; }
body.login .fbc-preferences form { padding:0!important; border:0!important; box-shadow:none!important; }
@media(max-width:380px) { body.login #login { width:calc(100% - 20px); } body.login #login form { padding:14px; } }
@media(max-width:360px) { body.login #login { width:100%; } body.login #login form { padding:8px; } }