html{font-family:var(--font-body)}body{color:var(--text);background:var(--bg);margin:0}main{max-width:720px;padding:var(--space-7,3rem) var(--space-5,1.5rem);margin:0 auto}.foyer-mark{margin:0 0 var(--space-2,.5rem);color:var(--text-quiet);font-family:var(--font-mono);font-size:var(--step--1,.74rem);letter-spacing:.02em;text-transform:uppercase}h1{margin:0 0 var(--space-3,.75rem);font-family:var(--font-display);font-size:var(--step-3,2rem);font-weight:400;line-height:1.1}p{max-width:52ch;color:var(--text-muted);font-size:var(--step-0,1rem);margin:0;line-height:1.6}.auth-page{place-items:center;min-height:100vh;display:grid}.auth-panel{border-block:var(--hair,1px) solid var(--border);width:min(100%,560px);padding-block:var(--space-5,1.5rem)}.eyebrow{margin-bottom:var(--space-3,.75rem);color:var(--text-quiet);font-family:var(--font-mono);font-size:var(--step--1,.74rem);letter-spacing:0;text-transform:uppercase}button{min-height:48px;margin-top:var(--space-4,1rem);border:var(--hair,1px) solid var(--border-strong);border-radius:var(--radius,4px);background:var(--surface);color:var(--text);cursor:pointer;font:600 .86rem/1 var(--font-body);padding:0 18px}button:hover{border-color:var(--text)}