:root{--bg:#0b1020;--bg2:#101936;--fg:#f7f8fc;--muted:#c9cbe1;--brand:#30e0a1;--brand2:#23b17f;--border:#27335a}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--fg);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial}
a{color:var(--brand);text-decoration:none}a:hover{opacity:.92}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header{padding:18px 0;border-bottom:1px solid var(--border);background:rgba(10,15,30,.6);backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}
nav a{margin-left:18px;color:var(--muted)}
.brand{font-weight:800;letter-spacing:.2px}
.hero{padding:72px 0 48px}
.hero h1{font-size:40px;line-height:1.1;margin:0 0 12px}
.hero p{max-width:760px;color:var(--muted);margin:0 0 28px}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:700;border:1px solid transparent}
.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand2));color:#051216}
.btn.ghost{border-color:var(--border);color:#f7f8fc;background:transparent}
section{padding:28px 0}
h2{margin:36px 0 12px;font-size:28px}
h3{margin:12px 0 6px;font-size:20px}
.grid{display:grid;gap:18px}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:14px;padding:16px}
.faq details{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:12px;padding:12px;margin:8px 0}
footer{border-top:1px solid var(--border);padding:24px 0 64px;color:var(--muted)}
.note{font-size:14px;color:#aeb3d1;margin-top:6px}
@media (max-width:840px){.grid.cols-3{grid-template-columns:1fr}.hero h1{font-size:32px}}
.legaltiny{font-size:12px;color:#aeb3d1}