:root { --bg:#070A16; --bg2:#0E1326; --surface:#151B31; --border:#28304E; --primary:#7C5CFF; --primary2:#4F7BFF; --text:#F5F7FF; --muted:#96A0C6; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,'Segoe UI',Roboto,Arial,sans-serif; background:var(--bg); color:var(--text); line-height:1.7; -webkit-font-smoothing:antialiased; }
a { color:#9d7bff; text-decoration:none; }
a:hover { text-decoration:underline; }
.wrap { max-width:780px; margin:0 auto; padding:0 22px; }
header { position:sticky; top:0; z-index:50; background:rgba(7,10,22,.82); backdrop-filter:blur(14px); border-bottom:1px solid var(--border); }
.nav { display:flex; align-items:center; justify-content:space-between; height:66px; max-width:1140px; margin:0 auto; padding:0 22px; }
.brand { display:flex; align-items:center; gap:11px; font-weight:800; font-size:18px; color:#fff; }
.brand img { width:36px; height:36px; border-radius:10px; box-shadow:0 4px 16px rgba(124,92,255,.5); }
.btn { display:inline-flex; align-items:center; gap:8px; border-radius:12px; padding:12px 22px; font-weight:800; color:#fff; background:linear-gradient(135deg,var(--primary),var(--primary2)); box-shadow:0 8px 26px rgba(124,92,255,.4); }
.btn:hover { text-decoration:none; transform:translateY(-1px); }
article { padding:44px 0 30px; }
.crumb { color:var(--muted); font-size:13.5px; margin-bottom:18px; }
h1 { font-size:clamp(27px,5vw,40px); font-weight:900; letter-spacing:-1px; line-height:1.18; margin-bottom:16px; }
.lead { color:var(--muted); font-size:18px; margin-bottom:30px; }
h2 { font-size:24px; font-weight:800; margin:36px 0 12px; letter-spacing:-.4px; }
h3 { font-size:18px; margin-bottom:8px; }
p { margin-bottom:16px; }
ul, ol { margin:0 0 16px 22px; }
li { margin-bottom:8px; }
.step { background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:20px 22px; margin:16px 0; }
.step .n { display:inline-flex; width:30px; height:30px; border-radius:9px; background:rgba(124,92,255,.16); color:#b9a6ff; font-weight:900; align-items:center; justify-content:center; margin-right:10px; }
.step h3 { display:flex; align-items:center; }
.cta { background:linear-gradient(180deg,var(--surface),var(--bg2)); border:1px solid var(--border); border-radius:20px; padding:30px; text-align:center; margin:40px 0; }
.cta h2 { margin-top:0; }
.note { color:var(--muted); font-size:14.5px; background:rgba(255,255,255,.03); border:1px solid var(--border); border-radius:12px; padding:14px 18px; margin:16px 0; }
.readmore { border-top:1px solid var(--border); margin-top:38px; padding-top:24px; }
.readmore h2 { margin-top:0; }
.readmore ul { list-style:none; margin:0; }
.readmore li { margin-bottom:10px; }
footer { border-top:1px solid var(--border); padding:30px 0; color:var(--muted); font-size:13.5px; text-align:center; margin-top:20px; }