/* The anonymous log-in page (Argus style). Deliberately says nothing about the site. */
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background: #2b2f37;
  color: #f2f3f5;
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}
.login { max-width: 420px; margin: 0 auto; padding: 22vh 20px 40px; text-align: center; }
h1 { font-size: 24px; font-weight: 700; margin: 0 0 22px; }
p { color: #c9ccd3; margin: 0 0 18px; }
.muted { color: #9aa0ab; }
.btn {
  display: inline-block; border: 0; border-radius: 4px; cursor: pointer;
  background: #3d7be0; color: #fff; font: inherit; font-size: 16px; font-weight: 600;
  padding: 10px 20px; text-decoration: none;
}
.btn:hover { background: #3570cf; }
.btn:focus-visible, input:focus-visible { outline: 2px solid #8fb4f5; outline-offset: 2px; }
.btn.secondary { background: transparent; color: #c9ccd3; border: 1px solid #4a505c; font-size: 14px; padding: 7px 14px; }
.pw { margin-top: 28px; display: grid; gap: 10px; justify-items: center; }
.pw input {
  width: 100%; max-width: 280px; font: inherit; padding: 8px 10px; border-radius: 4px;
  border: 1px solid #4a505c; background: #22262d; color: #f2f3f5;
}
.err { color: #f08c7a; min-height: 1.5em; margin: 0; font-size: 14px; }