/* The sign-in gate, in the landing page's own material: cream ground, sharp
   card, mono labels. Ported look from the package; the auth behind it is the
   live Supabase flow, not the monolith API the packaged file expected. */
.gate{min-height:100vh;display:grid;place-items:center;background:var(--cream,#f1eee5);font-family:var(--sans,Inter,system-ui)}
.gate-card{width:min(400px,92vw);background:var(--white,#fff);border:1px solid var(--line,#cfcdc3);border-radius:2px;padding:34px 32px;box-shadow:0 24px 60px rgba(20,20,15,.08)}
.gate-brand{display:flex;align-items:center;gap:10px;margin-bottom:26px}
.gate-brand .mark{width:30px;height:30px;border-radius:2px;background:var(--orange,#f04b2f);color:#fff;display:grid;place-items:center;font-weight:700}
.gate-card h1{font-size:22px;margin:0 0 6px;letter-spacing:-.02em}
.gate-card .mut{color:var(--ink-2,#4f524b);font-size:14px;margin:0 0 20px}
.gate-card form{display:grid;gap:14px}
.gate-card label{display:grid;gap:6px;font:500 10px/1 var(--mono,ui-monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3,#777a72)}
.gate-card input{font:400 15px var(--sans,Inter);border:1px solid var(--line,#cfcdc3);border-radius:2px;padding:11px 12px;background:var(--paper,#f8f6f0);color:var(--ink,#11120f)}
.gate-card input:focus{outline:3px solid rgba(242,85,50,.3);outline-offset:2px}
.gate-btn{border:0;border-radius:2px;background:var(--orange,#f04b2f);color:#fff;font:600 15px var(--sans,Inter);padding:12px;cursor:pointer}
.gate-btn:hover{background:var(--orange-dark,#d93c23)}
.gate-err{color:#9c2f19;font-size:13px;margin:0}
.gate-link{border:0;background:none;color:var(--ink-3,#777a72);font-size:13px;cursor:pointer;text-align:left;padding:0;text-decoration:none}
.gate-link:hover{color:var(--ink,#11120f)}
.gate-ok{font-size:14px;color:var(--ink-2,#4f524b)}