:root{--bg:#0f1115;--card:#151822;--text:#e7eaf0;--muted:#9aa4b2;--brand:#ffd33d;}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;}
a{color:var(--text);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:24px}
.header{position:sticky;top:0;background:rgba(15,17,21,.8);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #1e2230}
.header-inner{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.3px}
.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--brand)}
.nav{display:flex;gap:18px}
.nav a{color:var(--muted)}
.nav a.active,.nav a:hover{color:var(--text)}
.main{padding:32px 0}
.card{background:var(--card);border:1px solid #24283a;border-radius:14px;padding:28px}
h1{margin:0 0 12px;font-size:28px}
.footer{border-top:1px solid #1e2230;color:var(--muted)}
.footer-inner{padding:22px 0}
.prose{font-size:18px}
.prose h2{margin:1.2em 0 .5em}
.prose p{margin:.8em 0}