body.login{background:var(--hp-login-bg,#f8fafc);min-height:100vh}body.login #login{width:min(360px,calc(100% - 40px));padding:6vh 0 24px}body.login #loginform,body.login #lostpasswordform,body.login #registerform{background:#fff;color:#111827;border:1px solid #d8dfe9;border-radius:16px;padding:28px;box-shadow:0 18px 50px #11182718}body.login .hp-login-welcome{color:var(--hp-login-ink,#111827);text-align:center;font-size:17px;line-height:1.6;margin:20px 0;overflow-wrap:anywhere}body.login .button-primary{background:var(--hp-primary);border-color:var(--hp-primary);color:var(--hp-on-primary);min-height:40px;text-shadow:none;box-shadow:none}body.login .button-primary:hover,body.login .button-primary:focus{background:var(--hp-primary);color:var(--hp-on-primary);filter:brightness(.95)}body.login #nav a,body.login #backtoblog a,body.login .privacy-policy-page-link a{color:var(--hp-login-ink,#111827);text-decoration:underline}body.login a:focus-visible,body.login input:focus-visible,body.login button:focus-visible{outline:3px solid var(--hp-primary);outline-offset:3px}body.login .message,body.login #login_error{border-radius:6px}