:root{--bg:#070b14;--panel:#101827;--panel2:#0d1423;--line:#26324a;--text:#eef2ff;--muted:#9aa8c5;--accent:#7c3aed;--accent2:#22d3ee;--green:#22c55e;--red:#ef4444}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(135deg,#070b14,#0b1020 46%,#05070d);color:var(--text);display:grid;grid-template-columns:286px 1fr;min-height:100vh}a{color:inherit;text-decoration:none}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:rgba(8,12,24,.92);padding:24px;display:flex;flex-direction:column;gap:26px}.brand{display:flex;gap:12px;align-items:center}.mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#5b21b6);display:grid;place-items:center;font-weight:1000;font-size:24px}.brand strong,.brand span{display:block}.brand span{color:var(--muted);font-size:13px;margin-top:3px}nav{display:grid;gap:8px}nav a{padding:12px 14px;border-radius:14px;color:var(--muted);font-weight:900}nav a:hover,nav a.active{background:rgba(124,58,237,.18);color:#fff}.content{padding:42px;max-width:1220px;width:100%;margin:0 auto}.hero{padding:28px 0 34px}.eyebrow{color:#67e8f9;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.hero h1{font-size:52px;line-height:1.04;margin:14px 0}.hero p{font-size:18px;line-height:1.65;color:#cbd5e1;max-width:820px}.grid{display:grid;gap:18px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.card,.panel{border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(16,24,39,.96),rgba(9,15,29,.96));border-radius:20px;padding:22px;box-shadow:0 22px 70px rgba(0,0,0,.25)}.card:hover{border-color:rgba(124,58,237,.55);transform:translateY(-1px)}.card span{color:#67e8f9;font-weight:1000}.card h2,.panel h2{margin:10px 0 8px}.card p,.panel p,li{color:#cbd5e1;line-height:1.6}.table{display:grid;gap:10px}.table div{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center;border:1px solid rgba(148,163,184,.16);border-radius:14px;padding:14px;background:#0b1220}code{background:#060a12;border:1px solid rgba(148,163,184,.22);border-radius:8px;padding:3px 7px;color:#bfdbfe;overflow-wrap:anywhere}.doc{display:grid;gap:20px}.doc h1{font-size:42px;margin:0}.doc h2{margin:12px 0 6px}.steps{counter-reset:step;display:grid;gap:12px}.step{counter-increment:step;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#0b1220;padding:16px}.step:before{content:counter(step);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:10px;background:rgba(124,58,237,.22);color:#ddd6fe;font-weight:1000;margin-right:10px}.notice{border-left:4px solid var(--accent2);background:rgba(34,211,238,.08);padding:14px 16px;border-radius:12px;color:#dbeafe}.danger{border-left-color:var(--red);background:rgba(239,68,68,.08)}@media(max-width:1050px){body{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.content{padding:22px}.cards{grid-template-columns:1fr}.table div{grid-template-columns:1fr}.hero h1{font-size:36px}}