@font-face{font-family:"Cinzel";src:url("/fonts/Cinzel.woff2") format("woff2"),url("/fonts/Cinzel.ttf") format("truetype");font-weight:400 700;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("/fonts/CormorantGaramond-Regular.woff2") format("woff2"),url("/fonts/CormorantGaramond-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("/fonts/CormorantGaramond-Italic.woff2") format("woff2"),url("/fonts/CormorantGaramond-Italic.ttf") format("truetype");font-style:italic;font-display:swap}
/* Named Lot seller auth (login / signup / reset / setup) — 2026 brand. All previous selectors kept.
   OLD → NEW: --navy #16283A→#0E1726 · --teal #2EC4B6→#C69430 · --teal-ink #0F766E→#8A6420 · --cream #F5EFE6→#F3EFE2 · --muted #4F5863→#5F646A */
:root{--navy:#0E1726;--ink:#0E1726;--ink-soft:#16283A;--gold:#C69430;--teal:#C69430;--teal-ink:#8A6420;--gold-ink:#8A6420;--cream:#F3EFE2;--paper:#FBF8F3;--text:#141414;--muted:#5F646A;--hair:#E3DED5;--hair-strong:#8A8C8D;--oxblood:#8C3A2A;--ok:#3D5A40;
--chrome:system-ui,-apple-system,"Segoe UI",sans-serif;--display:"Cormorant Garamond",Georgia,serif;--lot:"Cinzel",Georgia,serif}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--paper);color:var(--text);font:16px/1.55 var(--chrome);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
::selection{background:rgba(198,148,48,.30);color:var(--navy)}
a{color:var(--navy);text-decoration-color:var(--gold);text-underline-offset:3px}
a:hover{color:var(--gold-ink)}
:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px;border-radius:2px}
.hdr{background:var(--navy);border-bottom:1px solid var(--gold);color:var(--cream)}
.hdr :focus-visible{outline-color:var(--gold)}
.hdr-in{max-width:72rem;margin:0 auto;padding:.9rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.wm{display:inline-flex;align-items:center;gap:.55rem;color:var(--cream);text-decoration:none;font:600 1.05rem/1 var(--lot);letter-spacing:.14em}
.wm svg{width:22px;height:22px;color:var(--cream)}
.wm svg.wmt{width:auto;height:15px}
.wm img{height:26px;width:auto;display:block}
.nav{display:flex;gap:.25rem 1.2rem;flex-wrap:wrap;font-size:.92rem}
.nav a{color:#A5A6A2;text-decoration:none;padding:.3rem 0;box-shadow:inset 0 -2px 0 transparent}
.nav a:hover{color:var(--cream)}
.nav a[aria-current="page"]{color:var(--cream);font-weight:600;box-shadow:inset 0 -2px 0 var(--gold)}
main{flex:1;width:100%;max-width:72rem;margin:0 auto;padding:2.5rem 1.25rem 3rem;display:grid;gap:2.5rem;align-items:start}
.intro h1{font:400 clamp(2.6rem,6vw,3.9rem)/1.02 var(--display);color:var(--navy);margin:0 0 1rem;letter-spacing:-.01em;text-wrap:balance}
.intro h1 em{font-style:italic;color:var(--gold-ink)}
.intro p{color:var(--muted);max-width:34ch;margin:0 0 1.5rem;font-size:1.05rem}
.ledger{list-style:none;padding:0;margin:0;border-top:1px solid var(--gold);max-width:26rem}
.ledger li{display:flex;gap:.8rem;align-items:baseline;padding:.75rem 0;border-bottom:1px solid var(--hair);color:var(--text);font-size:.95rem}
.ledger b{font:600 .72rem/1 var(--lot);letter-spacing:.14em;color:var(--gold-ink);min-width:3.4rem}
.card{background:#fff;border:1px solid var(--hair);border-top:3px solid var(--gold);border-radius:4px;padding:1.75rem 1.5rem;box-shadow:0 1px 0 var(--hair),0 18px 40px -24px rgba(14,23,38,.35);width:100%;max-width:28rem}
.card h2{font:400 1.75rem/1.15 var(--display);color:var(--navy);margin:0 0 .3rem}
.card .sub{color:var(--muted);font-size:.92rem;margin:0 0 1.4rem}
.field{margin-bottom:1.05rem}
.row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
label{display:block;font-weight:600;font-size:.86rem;color:var(--navy);margin-bottom:.4rem}
.opt{font-weight:400;color:var(--muted)}
.row a{font-size:.85rem}
input{width:100%;min-height:46px;font:inherit;font-size:1rem;color:var(--text);background:#fff;border:1px solid var(--hair-strong);border-radius:2px;padding:.75rem .85rem;caret-color:var(--gold-ink);transition:border-color .15s,box-shadow .15s}
input::placeholder{color:#6B7076}
input:hover{border-color:var(--muted)}
input:focus{outline:none;border-color:var(--gold-ink);box-shadow:0 0 0 3px rgba(198,148,48,.28)}
input#otp,input[autocomplete="one-time-code"]{font-family:ui-monospace,Menlo,monospace;letter-spacing:.3em}
.btn{width:100%;min-height:48px;margin-top:.4rem;font:600 1rem/1 var(--chrome);color:var(--cream);background:var(--navy);border:1px solid var(--navy);border-radius:2px;padding:.95rem 1rem;cursor:pointer;transition:background .15s,transform .15s}
.btn:hover{background:var(--ink-soft);border-color:var(--ink-soft)}
.btn:active{transform:translateY(1px)}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
#login-note{min-height:1.3em;margin:.8rem 0 0;font-size:.88rem;color:var(--oxblood)}
.alt{margin:1.3rem 0 0;padding-top:1.1rem;border-top:1px solid var(--hair);font-size:.95rem;color:var(--muted)}
.alt a{font-weight:600}
.demo{margin:1rem 0 0;font-size:.82rem;color:var(--muted);background:var(--cream);border-left:3px solid var(--gold);border-radius:2px;padding:.6rem .75rem}
.demo code{font:.8rem/1.4 ui-monospace,Menlo,monospace;color:var(--navy)}
.foot{border-top:3px double var(--gold);background:var(--navy);color:#A5A6A2;font-size:.82rem;text-align:center;padding:1.1rem;margin:0}
@media(min-width:900px){main{grid-template-columns:1.1fr 1fr;padding-top:5rem;gap:4rem}.card{justify-self:end;padding:2.25rem 2rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
main{gap:1.75rem}
.intro p{margin-bottom:0}
@media(min-width:900px){main{grid-template-columns:1.1fr 1fr;grid-template-areas:"intro card" "trust card";row-gap:1.75rem}.intro{grid-area:intro}.trust{grid-area:trust}.card{grid-area:card}}
@media(max-width:899px){.intro h1{font-size:2.5rem}.hdr-in{padding:.75rem 1.25rem}main{padding-top:1.75rem}}
@media(min-width:900px){main{grid-template-rows:auto 1fr}}
main{align-content:start}.trust{align-self:start}