:root { --black:#050505; --ink:#111111; --ivory:#F8F4EA; --warm:#FFFCF5; --gold:#C8A45D; --deep:#9C772E; --muted:#64748B; --border:#E7E0D2; }
* { box-sizing: border-box; }
body { margin:0; font-family: 'Manrope', -apple-system, 'Segoe UI', sans-serif; background: var(--warm); color: var(--ink); line-height:1.7; }
header { background: var(--black); color: var(--ivory); padding: 20px 24px; display:flex; align-items:center; gap:12px; }
header .logo { width:36px; }
header a { color: var(--ivory); text-decoration:none; font-weight:800; font-size:20px; }
header .tag { color: var(--gold); font-size: 13px; margin-left:auto; }
main { max-width: 760px; margin: 0 auto; padding: 40px 24px 80px; }
h1 { font-size: 34px; letter-spacing:-0.5px; }
h2 { margin-top: 36px; font-size: 22px; }
a { color: var(--deep); }
.card { background:#fff; border:1px solid var(--border); border-radius:16px; padding:24px; margin:16px 0; }
footer { border-top:1px solid var(--border); padding: 24px; text-align:center; color: var(--muted); font-size:14px; }
footer a { margin: 0 8px; color: var(--muted); }
.btn { display:inline-block; background: var(--black); color: var(--ivory); padding: 14px 28px; border-radius: 999px; text-decoration:none; font-weight:700; }
.gold { color: var(--gold); }
ul { padding-left: 20px; }