:root { --bg:#070707; --card:#171713e8; --border:#3a3324; --gold:#d4af37; --text:#f8f3e6; --muted:#b7ad9a; }
* { box-sizing:border-box; }
html { color-scheme:dark; }
body { margin:0; min-height:100vh; color:var(--text); background:
  radial-gradient(circle at 50% -15%,#49381255,transparent 42%),var(--bg);
  font-family:Inter,system-ui,sans-serif; line-height:1.65; }
a { color:#f1ca55; }
.wrap { width:min(820px,calc(100% - 32px)); margin:auto; padding:28px 0 64px; }
.brand { display:flex; align-items:center; gap:10px; color:inherit; text-decoration:none; margin-bottom:30px; }
.mark { width:38px; height:38px; border-radius:10px; background:url('/assets/dragonforge-app-icon.webp?v=1') center/cover; }
.brand strong { letter-spacing:.08em; }
.brand span { color:var(--gold); }
.card { padding:clamp(22px,5vw,48px); border:1px solid var(--border); border-radius:20px; background:var(--card);
  box-shadow:0 24px 80px #0008; backdrop-filter:blur(4px); }
.eyebrow { color:var(--gold); font-size:12px; letter-spacing:.16em; text-transform:uppercase; }
h1 { margin:8px 0 10px; font-size:clamp(30px,6vw,48px); line-height:1.08; }
h2 { margin:30px 0 8px; font-size:19px; }
p,li { color:#d6cfbf; }
.lede { color:var(--muted); font-size:17px; }
.meta { color:var(--muted); font-size:13px; margin-bottom:28px; }
ul { padding-left:22px; }
.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.button { display:inline-block; padding:11px 16px; border-radius:10px; color:#080808; background:linear-gradient(135deg,#d4af37,#ffd166);
  font-weight:700; text-decoration:none; }
.button.secondary { color:var(--gold); background:transparent; border:1px solid #665522; }
footer { padding:22px 0 0; color:var(--muted); text-align:center; font-size:12px; }
@media (max-width:520px) { .wrap { width:min(100% - 22px,820px); padding-top:16px; } .card { border-radius:15px; } }