:root{--bg:#0a0717;--ink:#191123;--muted:#6f6679;--line:rgba(48,22,75,.12);--pink:#ff4da6;--violet:#7046ff;--grad:linear-gradient(135deg,#ff4da6,#7046ff)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f7f5fb}header{height:72px;padding:0 max(20px,calc((100% - 1300px)/2));display:flex;align-items:center;gap:30px;position:sticky;top:0;z-index:50;color:#fff;background:rgba(10,7,23,.94);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.brand i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--grad);font-style:normal;font-weight:900}.brand span{padding:4px 7px;border-radius:6px;background:rgba(255,255,255,.1);font-size:10px}nav{display:flex;gap:20px;margin-left:auto}nav a{color:rgba(255,255,255,.65);text-decoration:none;font-size:12px}.layout{width:min(1300px,calc(100% - 30px));margin:auto;display:grid;grid-template-columns:260px 1fr;gap:30px}aside{position:sticky;top:90px;height:calc(100vh - 110px);padding:24px 10px;display:grid;align-content:start;gap:6px}aside strong{padding:10px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#7e7289}aside a{padding:12px;border-radius:12px;text-decoration:none;font-weight:750;font-size:13px}aside a:hover{background:#fff;box-shadow:0 10px 25px rgba(38,14,65,.06)}aside small{display:block;margin-top:4px;color:var(--muted);font-weight:400;font-size:9px;line-height:1.4}main{padding:28px 0 80px}main section{margin-bottom:18px;padding:38px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 45px rgba(38,14,65,.05)}main .hero{padding:54px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(255,77,166,.24),transparent 38%),linear-gradient(145deg,#0a0717,#35124d)}.hero>span,.kicker{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#ff6bb7;font-weight:800}.hero h1{max-width:800px;font-size:52px;line-height:1.04;letter-spacing:-.05em;margin:18px 0}.hero p{max-width:720px;line-height:1.65;color:rgba(255,255,255,.62)}.hero a{display:inline-flex;margin:15px 10px 0 0;padding:13px 17px;border-radius:12px;color:#fff;text-decoration:none;background:var(--grad);font-weight:750}.hero a.ghost{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15)}section h2{font-size:36px;letter-spacing:-.04em;margin:13px 0 25px}section p,section li{color:var(--muted);line-height:1.65}.steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.steps article,.two article,.security-grid article{padding:20px;border-radius:16px;background:#f8f6fb;border:1px solid rgba(48,22,75,.07)}.steps article b{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--grad)}.steps h3{font-size:16px}.steps p{font-size:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.two h3{margin-top:0}.ordered li{margin-bottom:12px}.note{padding:18px;border-radius:15px;color:#4b3563;background:#f1ecff;border-left:4px solid var(--violet)}pre{overflow:auto;padding:20px;border-radius:15px;color:#d8d0e5;background:#100b1d}code{font-family:"SFMono-Regular",Consolas,monospace}.diagram{padding:30px;display:grid;gap:20px;border-radius:20px;color:#fff;background:linear-gradient(145deg,#171025,#301246)}.core{padding:22px;text-align:center;border-radius:16px;background:var(--grad);font-weight:850}.core small{display:block;font-weight:400;opacity:.7;margin-top:5px}.nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.nodes span{padding:14px;text-align:center;border-radius:12px;background:rgba(255,255,255,.08)}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.security-grid article{font-size:13px;line-height:1.6}footer{padding:25px max(20px,calc((100% - 1300px)/2));display:flex;justify-content:space-between;color:rgba(255,255,255,.55);background:#0a0717;font-size:11px}footer a{color:#fff;text-decoration:none}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{position:static;height:auto;grid-template-columns:1fr 1fr}aside strong{grid-column:1/-1}.hero h1{font-size:42px}.steps,.two,.security-grid{grid-template-columns:1fr}}@media(max-width:550px){header nav{display:none}.layout{width:calc(100% - 20px)}aside{grid-template-columns:1fr}main section{padding:24px}.hero h1{font-size:35px}.nodes{grid-template-columns:1fr 1fr}footer{flex-direction:column;gap:7px}}