body.login { background: #f3f2ef; color: #292929; }
body.login #login { width: min(360px, calc(100% - 40px)); padding: 6vh 0 32px; }
body.login h1 a { background-image: url('../images/company-logo.jpg'); background-size: contain; width: 100px; height: 100px; border-radius: 16px; }
body.login form { border: 1px solid #dddcd7; border-radius: 16px; box-shadow: 0 12px 40px #2929290c; padding: 28px; }
body.login .button-primary { background: #292929; border-color: #292929; border-radius: 6px; }
body.login .button-primary:hover, body.login .button-primary:focus { background: #454545; border-color: #454545; }
body.login input:focus { border-color: #292929; box-shadow: 0 0 0 1px #292929; }
body.login #nav a, body.login #backtoblog a, body.login .privacy-policy-page-link a { color: #454545; }
body.login a:focus-visible, body.login button:focus-visible { outline: 2px solid #2271b1; outline-offset: 3px; }