/* Match the vault's typography, palette and transparent approved artwork. */
body.login { background: #111418; color: #f1f3f5; font-family: "Segoe UI", system-ui, sans-serif; font-size: 16px; }
.login h1 a { background-image: url('pass-the-key.png'); background-size: contain; background-position: center; width: 112px; height: 112px; }
.login form { background: #1a2027; border: 1px solid #38414c; border-radius: 10px; box-shadow: none; }
.login label { color: #f1f3f5; font-size: 16px; }
.login #nav a, .login #backtoblog a, .login .privacy-policy-page-link a { color: #92d1ff; }
.login #nav a:hover, .login #backtoblog a:hover { color: #fff; }
.login .button-primary { background: #bfe5ff; border-color: #bfe5ff; color: #10212d; font-weight: 600; }
.login .button-primary:hover { background: #fff; border-color: #fff; color: #10212d; }
.login .message, .login .notice, .login #login_error { color: #10212d; }
.login a:focus-visible, .login input:focus-visible, .login button:focus-visible { outline: 3px solid #92d1ff; outline-offset: 3px; }