/* Sign in (item 5, 1 Oct 2026). */
body{margin:0;min-height:100vh;background:var(--ground);color:var(--ink)}
.li-wrap{min-height:100vh;display:grid;place-items:center;padding:24px 16px;box-sizing:border-box}
.li-card{width:100%;max-width:380px;padding:28px 28px 22px;box-sizing:border-box}
.li-mark{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:10px;background:var(--rail);color:#fff;font:700 11px/1.05 "Archivo",system-ui,sans-serif;letter-spacing:.04em}
.li-card h1{margin:16px 0 4px;font:700 24px/1.2 "Archivo",system-ui,sans-serif}
.li-sub{margin:0 0 18px;color:var(--ink-2);font-size:14px}
.li-card form{display:flex;flex-direction:column;gap:14px}
.li-card label{display:flex;flex-direction:column;gap:6px}
.li-card input{font:400 15px/1.3 "Instrument Sans",system-ui,sans-serif;padding:10px 12px;border-radius:9px;
  border:1px solid var(--rule-2);background:var(--panel);color:var(--ink)}
.li-card input:focus-visible{outline:2px solid var(--accent-line);outline-offset:1px}
.li-card button.primary{padding:11px 16px;font-size:14px;margin-top:4px;width:100%}
.li-hint{margin:-4px 0 0;font-size:12.5px;color:var(--muted)}
.li-msg{margin:14px 0 0;min-height:1.2em;font-size:13.5px;color:var(--bad)}
.li-msg.ok{color:var(--good)}
.li-foot{margin:10px 0 0;font-size:12.5px;color:var(--muted)}