/* Grossmann Ledger — the sign-in page (Session 20b). Public, like the logo
   and the two fonts it uses; everything else needs the sign-in. */

@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;
  src:url('/fonts/jost-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;
  src:url('/fonts/jost-latin-500-normal.woff2') format('woff2');}

:root{--navy:#0E1A2B;--parchment:#F4EFE6;--bronze:#A8763E;--muted:#C9C2B6;--warn:#E7B7A4;}
*{box-sizing:border-box;}
html,body{margin:0;min-height:100%;}
body{min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:var(--navy);color:var(--parchment);font-family:'Jost',system-ui,sans-serif;padding:24px 16px;}
.signin{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;}
.signin-logo{height:72px;width:auto;}
.signin-title{margin:0;font-weight:400;font-size:15px;letter-spacing:.24em;text-transform:uppercase;}
.signin-msg{margin:0;font-size:15px;line-height:1.5;}
.signin-msg.warn{color:var(--warn);}
.signin-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 28px;border-radius:23px;
  background:var(--parchment);color:var(--navy);text-decoration:none;font-weight:500;font-size:15px;letter-spacing:.04em;
  transition:background 200ms ease;}
.signin-btn:hover,.signin-btn:focus-visible{background:#fff;}
.signin-btn:focus-visible{outline:2px solid var(--bronze);outline-offset:3px;}
.signin-note{margin:0;font-size:13px;color:var(--muted);}