body.login { background: #f4f5f6; color: #142235; font-family: system-ui,-apple-system,sans-serif; }
.login h1 a { background-image: url('logo.svg'); background-size: contain; width: 280px; height: 60px; }
#login { width: min(420px,calc(100% - 40px)); padding-top: 6vh; }
.login form { padding: 28px; border: 1px solid #e2e5e9; border-radius: 8px; box-shadow: 0 12px 40px #1422350d; }
.login label { font-size: 15px; }
.login input.input { font-size: 18px; min-height: 48px; border-color: #b6bfca; }
.login .button-primary { background: #142235; border-color: #142235; min-height: 44px; padding: 0 20px; font-weight: 700; }
.login .button-primary:hover { background: #293f59; border-color: #293f59; }
.login #nav a,.login #backtoblog a { color: #142235; text-decoration: underline; }
.login a:focus-visible,.login button:focus-visible,.login input:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }