/* ---- signed out ---- */
.gate{min-height:100dvh;display:grid;place-items:center;padding:24px}
.gate-card{width:100%;max-width:380px}
.gate h1{font:600 30px/1.12 var(--sans);margin:0 0 6px;letter-spacing:-.032em}
.gate .sub{color:var(--faint);font-size:13.5px;margin:0 0 26px;line-height:1.6}
.field{margin-bottom:13px}
.field label{display:block;font:500 11px/1 var(--sans);color:var(--muted);margin-bottom:7px;letter-spacing:.02em}
.field input{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:10px;
  padding:13px 14px;outline:none;transition:border-color .15s}
.field input:focus{border-color:var(--accent-dim)}
.fhint{font-size:11.5px;color:var(--faint);margin-top:6px;line-height:1.5}
.btn{width:100%;cursor:pointer;background:var(--paper);color:#000;border:0;border-radius:10px;
  padding:13px 16px;font-weight:600;letter-spacing:.005em;transition:background .15s,filter .15s}
.btn:hover{background:#fff}
.btn[disabled]{opacity:.5;cursor:default}
.btn.quiet{background:transparent;color:var(--muted);border:1px solid var(--line)}
.err{color:var(--stop);font-size:13px;margin-top:12px;line-height:1.55;min-height:1em}