/* Login / register / password-reset pages. Reuses the palette and type scale
   defined in App.css — only the single-column form layout is new here, so
   App.css must be linked first on every page that links this one. */
.auth{max-width:420px;margin:0 auto;padding:64px 20px 100px}
.auth h1{font-family:var(--serif);font-weight:600;font-size:clamp(26px,4.6vw,38px);
  line-height:1.08;margin:12px 0 8px;letter-spacing:-.015em}
.auth h1 em{font-style:italic;color:var(--woad)}
.auth .sub{color:var(--muted);margin:0 0 26px;font-size:15.5px}

.auth form{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.auth label{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;
  font-size:10.5px;font-weight:600;color:var(--muted);margin-top:12px}
.auth label .hint{text-transform:none;letter-spacing:0;font-weight:500}
.auth input{font-family:var(--serif);font-size:15px;color:var(--ink);
  background:var(--card);border:1px solid var(--line);border-radius:2px;padding:10px 12px}
.auth input:focus{outline:2px solid var(--woad);outline-offset:1px;border-color:transparent}

button.primary{margin-top:22px;font-family:var(--cond);text-transform:uppercase;
  letter-spacing:.1em;font-size:11.5px;font-weight:600;color:var(--paper);
  background:var(--woad);border:1px solid var(--woad);border-radius:2px;
  padding:11px 14px;cursor:pointer}
button.primary:hover{background:#17314f;border-color:#17314f}
button.primary:disabled{opacity:.55;cursor:default}
button.primary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

.auth .alt{margin-top:18px;font-size:14px;color:var(--muted)}
.auth .alt a{color:var(--woad)}

.note,.err{margin:18px 0 0;padding:11px 13px;border-radius:2px;font-size:14.5px;
  border:1px solid var(--line);background:var(--card)}
.err{border-color:var(--madder);color:var(--madder)}