body.login{background:#333f48;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:40px;min-height:100vh;background-image:var(--login-bg);background-size:cover;background-position:center;background-repeat:no-repeat}body.login:after{display:block;position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.8}body.login #login{width:420px!important;padding:0!important;margin:0!important;position:relative;z-index:1}body.login .language-switcher{position:relative;z-index:1}body.login #login h1 a{background-image:var(--login-logo);background-size:contain;background-repeat:no-repeat;width:220px;height:70px;margin-bottom:30px}body.login form{background:#f3f3f3;border-radius:15px;box-shadow:0 10px 24px #0000000f,0 4px 12px #0000000a}body.login form label{font-weight:600;font-size:14px;margin-bottom:6px;display:block}body.login form .input,body.login form input[type=password]{border-radius:8px;padding:12px 14px;border:1px solid #d5d5d5;font-size:15px;width:100%;box-sizing:border-box}body.login form .input:focus,body.login form input[type=password]:focus{border-color:#d81420;box-shadow:0 0 0 2px #d8142040;outline:none}body.login form .button-primary{background:#d81420;border-color:#d81420;border-radius:8px;padding:12px 14px;font-size:16px;font-weight:600;width:100%;height:auto}body.login form .button-primary:hover,body.login form .button-primary:focus{background:#c1121d;border-color:#c1121d}body.login #nav,body.login #backtoblog{text-align:center;margin-top:20px}body.login #nav a,body.login #backtoblog a{color:#fff;font-weight:500}body.login #nav a:hover,body.login #backtoblog a:hover{color:#d81420}body.login .message,body.login #login_error{border-left:4px solid #d81420;background:#fff;padding:12px 16px;margin-bottom:20px;border-radius:6px}