:root{
  --bg:#0c0a07; --panel:#15110b; --gold:#d4af6a; --gold-soft:#b9975a;
  --text:#e8e2d6; --muted:#9a9486; --line:rgba(212,175,106,.16);
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(212,175,106,.10), transparent 60%),
    var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,serif;
  line-height:1.75; -webkit-font-smoothing:antialiased;
}
.wrap{ max-width:720px; margin:0 auto; padding:48px 22px 90px; }
.eyebrow{ color:var(--gold-soft); letter-spacing:3px; font-size:11px; text-transform:uppercase; margin-bottom:10px; }
h1{ font-family:Georgia,"Times New Roman",serif; color:var(--gold); font-weight:600; letter-spacing:.5px; font-size:32px; margin:0 0 6px; }
.sub{ color:var(--muted); font-size:13px; margin-bottom:36px; letter-spacing:.3px; }
h2{ color:var(--gold); font-size:18px; margin:36px 0 8px; font-weight:600; }
p,li{ color:var(--text); font-size:15.5px; }
ul{ padding-left:20px; }
li{ margin:6px 0; }
a{ color:var(--gold); text-decoration:none; border-bottom:1px solid var(--line); }
a:hover{ border-color:var(--gold); }
.note{ background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:16px 18px; color:var(--muted); font-size:13px; margin-top:34px; }
.foot{ margin-top:34px; display:flex; gap:18px; flex-wrap:wrap; }
.foot a{ color:var(--muted); font-size:13px; border:none; }
.foot a:hover{ color:var(--gold); }
hr{ border:none; border-top:1px solid var(--line); margin:34px 0; }
.cards{ display:grid; gap:14px; margin-top:30px; }
.card{ display:block; background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:20px 22px; }
.card h3{ color:var(--gold); margin:0 0 4px; font-size:17px; }
.card p{ color:var(--muted); margin:0; font-size:13.5px; }