/* sign-in page: one centred card, no navigation until the visitor is known */
.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}
.login-card{width:min(380px,100%);padding:26px 26px 22px;display:flex;flex-direction:column;gap:8px}
.login-card h1{margin:2px 0 8px;font-size:21px}
.login-card input{margin-bottom:6px}
.login-card .btn{margin-top:6px;justify-content:center}
.login-brand{margin:0;color:var(--ink-3);font-size:13px}
.login-err{margin:0 0 6px;padding:8px 10px;border-radius:8px;background:var(--red-soft);color:var(--red);
  font-size:13px}
.login-hint{margin:8px 0 0;font-size:12px;color:var(--ink-3);line-height:1.45}
.login-hint code{font-size:11.5px}