:root { --bg:#0b0d12; --panel:#141926; --text:#d8e0ff; --muted:#94a2cc; --accent:#7c9cff; }
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,Arial;background:var(--bg);color:var(--text);line-height:1.5}
.hero{padding:72px 20px;text-align:center;background:linear-gradient(180deg,#101726,#0b0d12)}
h1{font-size:48px;margin:0 0 12px} h2{margin-top:0}
main{max-width:900px;margin:0 auto;padding:24px 20px 60px;display:grid;gap:16px}
section{background:var(--panel);border:1px solid #222a40;border-radius:14px;padding:20px}
.btn{display:inline-block;margin-top:10px;background:var(--accent);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600}
ol,ul{margin:0;padding-left:20px} footer{text-align:center;padding:28px;color:var(--muted)}