:root{--bg:#0f1115;--fg:#e6e6e6;--acc:#d4af37;--card:#171a21;}
*{box-sizing:border-box} body{margin:0;font-family:Georgia,serif;background:var(--bg);color:var(--fg)}
a{color:var(--acc);text-decoration:none}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0b0d12}
.topbar nav a{margin-left:1rem}
.logo{font-weight:bold;letter-spacing:.2em}
.container{max-width:960px;margin:2rem auto;padding:0 1rem}
.card{background:var(--card);padding:2rem;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.lead{opacity:.85}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:2rem}
.tile{background:var(--card);padding:1.5rem;border-radius:12px;text-align:center}
.footer{opacity:.6;text-align:center;padding:2rem}
pre{white-space:pre-wrap}