/* The anonymous log-in page, in the Quiet Pro palette. Deliberately says nothing about the site. */
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background: #0A0A0B;
  color: #ECECEF;
  font-family: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.login { max-width: 420px; margin: 0 auto; padding: 22vh 20px 40px; text-align: center; }
h1 { font-size: 24px; font-weight: 650; letter-spacing: -.02em; margin: 0 0 22px; }
p { color: #A9A9B3; margin: 0 0 18px; }
.muted { color: #8B8B96; }
.btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 40px; border: 1px solid #F5A524; border-radius: 7px; cursor: pointer;
  background: #F5A524; color: #1A1204; font: inherit; font-size: 15px; font-weight: 600;
  padding: 0 20px; text-decoration: none;
}
.btn:hover { filter: brightness(1.06); }
.btn:focus-visible, input:focus-visible { outline: 2px solid #ECECEF; outline-offset: 2px; }
.btn.secondary { background: transparent; color: #A9A9B3; border-color: #2E2E35; font-size: 14px; }
.pw { margin-top: 28px; display: grid; gap: 10px; justify-items: center; }
.pw input {
  width: 100%; max-width: 300px; min-height: 40px; font: inherit; padding: 0 12px; border-radius: 7px;
  border: 1px solid #2E2E35; background: #16161A; color: #ECECEF;
}
.pw input:hover { border-color: #686872; }
.err { color: #F7B64E; min-height: 1.5em; margin: 0; font-size: 14px; }