:root { --bg:#0b0b0c; --fg:#eaeaea; --muted:#b4b4b4; --accent:#45b5ff; }
* { box-sizing:border-box; }
html,body{ margin:0; padding:0; background:var(--bg); color:var(--fg); font:16px/1.5 system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.wrap{ max-width:880px; margin:48px auto; padding:0 20px; }
.hero{ text-align:center; margin-bottom:24px; }
.hero h1{ margin:16px 0 8px; font-size:28px; }
.sub{ color:var(--muted); margin:0; }
.cta{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin:28px 0; }
.btn{ display:inline-block; padding:12px 16px; border-radius:10px; background:var(--accent); color:#001018; text-decoration:none; font-weight:600; }
.btn.ghost{ background:#1a1a1c; color:var(--fg); border:1px solid #2a2a2c; }
.btn span{ opacity:.8; margin-left:6px; font-weight:500; }
.faq h2{ font-size:20px; margin:24px 0 8px; }
.faq ul{ padding-left:18px; color:var(--muted); }
footer{ margin:40px 0 0; text-align:center; color:var(--muted); }
footer a{ color:var(--fg); text-decoration:none; }