:root{--ink:#1b1b1b;--night:#141414;--gold:#b08a3e;--gold-light:#d4b06a;--gold-text:#8a6a2a;--line:#e6dfd1;--paper:#faf7f1;--muted:#6b6b6b;--error:#b5482a;color:var(--ink);background:var(--paper);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}h1{margin:0 0 20px;font-family:Cormorant Garamond,serif;font-size:36px}.muted{color:var(--muted)}.small{font-size:13px}.center{place-items:center;min-height:100vh;padding:16px;display:grid}.brand{flex-direction:column;line-height:1.1;display:flex}.brand-name{color:var(--gold-light);font-family:Cormorant Garamond,serif;font-size:26px;font-weight:700}.brand-sub{letter-spacing:3px;text-transform:uppercase;color:#b9b2a5;font-size:11px}.card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:20px}.narrow{flex-direction:column;gap:16px;width:100%;max-width:380px;display:flex}.login{background:var(--night);place-items:center;min-height:100vh;padding:16px;display:grid}.login .card{color:#eee;background:#1e1e1e;border-color:#2c2c2c}label{flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}input{font:inherit;color:var(--ink);background:#fff;border:1px solid #ccc;border-radius:8px;padding:12px;font-size:16px}input:focus{outline:2px solid var(--gold);outline-offset:1px}.error{color:#f0a18a;margin:0}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:44px;padding:0 18px;font-weight:600}.btn.gold{background:var(--gold);color:#fff}.btn.gold:hover{background:var(--gold-text)}.btn.ghost{color:#ddd;background:0 0;border-color:#444}.btn:disabled{opacity:.6}.top{background:var(--night);border-bottom:3px solid var(--gold);flex-wrap:wrap;align-items:center;gap:24px;padding:12px 24px;display:flex}.top nav{flex-wrap:wrap;flex:1;gap:4px;display:flex}.top nav a{color:#ddd;border-radius:8px;padding:10px 14px;font-weight:500;text-decoration:none}.top nav a.active{color:var(--gold-light);background:#2a2a2a}.who{align-items:center;gap:12px;display:flex}.who .muted{color:#999}.page{max-width:1100px;margin:0 auto;padding:28px 16px}@media (width<=640px){.top{gap:10px;padding:12px 16px}.top nav{order:3;width:100%}.who .small{display:none}}