:root{--ink:#1d1d1b;--paper:#f4f1eb;--line:#ddd8cf;--accent:#b48a4a}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}.bar{max-width:1250px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}
.logo{font-weight:900;letter-spacing:3px;font-size:22px}.logo small{font-weight:400;letter-spacing:1px}.nav a{color:#333;text-decoration:none;margin-left:18px;font-size:14px}
main{max-width:1250px;margin:34px auto;padding:0 24px}.hero{background:#fff;border:1px solid var(--line);padding:34px;border-radius:4px}
h1{font-size:34px;margin:0 0 8px}h2{margin-top:0}.muted{color:#777}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:4px;padding:20px}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
label{font-weight:700;font-size:14px}input,select{width:100%;padding:11px;margin-top:6px;border:1px solid #cfc9bf;border-radius:3px;background:#fff}
.btn{display:inline-block;border:0;background:var(--ink);color:#fff;padding:11px 16px;border-radius:3px;text-decoration:none;cursor:pointer}.btn.alt{background:#eee;color:#222}.btn.gold{background:var(--accent)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}
.price{font-size:34px;font-weight:800}.flash{padding:12px;margin-bottom:16px;border-radius:4px;background:#e8f3e7}.flash.error{background:#f7dfdf}
.pill{display:inline-block;background:#eee;padding:3px 7px;border-radius:12px;font-size:11px}.login{max-width:430px;margin:80px auto}
.decor{border:1px solid var(--line);padding:14px;background:#faf9f6}.brandline{height:4px;background:var(--accent);margin:16px 0 24px}