:root { --bg:#faf5eb; --ink:#2b241c; --gold:#c78f3d; --muted:#7a6d5e; }
@media (prefers-color-scheme: dark) { :root { --bg:#121117; --ink:#f2ebdc; --muted:#a99c8a; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 24px 16px 60px; }
h1, h2 { font-family: "New York", Georgia, serif; }
h2 { margin-top: 2em; }
a { color: var(--gold); }
.muted { color: var(--muted); font-size: 14px; }
.hero { text-align:center; padding: 64px 16px 48px; color:#fff;
  background: linear-gradient(180deg, #29213a, #5c3a33 55%, #cc8547); }
.hero h1 { font-size: 48px; margin: 8px 0; }
.hero p { max-width: 560px; margin: 12px auto; }
.hero .verse { font-family: Georgia, serif; font-style: italic; font-size: 20px; }
.hero .verse span { font-style: normal; font-size: 14px; opacity: .8; }
.flame { font-size: 48px; }
.links { margin-top: 2em; }