:root{--bg:#f5f7fb;--card:#fff;--soft:#eef2f7;--text:#101828;--muted:#667085;--line:#e4e7ec;--primary:#2563eb;--primary2:#7c3aed;--good:#16a34a;--shadow:0 12px 40px rgba(16,24,40,.07);--r:20px}
html.dark{--bg:#080b12;--card:#111827;--soft:#182131;--text:#f8fafc;--muted:#94a3b8;--line:#263244;--primary:#60a5fa;--primary2:#a78bfa;--good:#4ade80;--shadow:0 16px 50px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.7 Inter,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;transition:.18s}a{color:inherit;text-decoration:none}button{font:inherit}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;width:245px;padding:24px 15px;background:color-mix(in srgb,var(--card) 82%,transparent);backdrop-filter:blur(18px);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;padding:5px 9px 28px}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 8px 25px #2563eb35}.brand b{display:block;font-size:13px}.brand small{color:var(--muted);font-size:10px}.nav-label{padding:12px 10px 6px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nav a{display:block;padding:10px;border-radius:11px;color:var(--muted);font-weight:650;font-size:12px;transition:.18s}.nav a:hover,.nav a.active{background:var(--soft);color:var(--primary);transform:translateX(2px)}.status{position:absolute;bottom:22px;left:15px;right:15px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--soft);color:var(--muted);font-size:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--good);margin-right:7px;box-shadow:0 0 0 4px #16a34a18}main{margin-left:245px;padding:24px 32px 55px;max-width:1500px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:var(--muted);font-size:11px}.actions{display:flex;gap:7px}.icon{width:37px;height:37px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--text);cursor:pointer}.mobile{display:none}.hero{padding:38px;border:1px solid var(--line);border-radius:25px;background:radial-gradient(circle at 90% 15%,#2563eb22,transparent 35%),var(--card);box-shadow:var(--shadow)}.pill{display:inline-flex;padding:6px 10px;border-radius:99px;background:#2563eb14;color:var(--primary);font-size:9px;font-weight:800}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.05em;margin:17px 0 0;max-width:900px}.hero p{max-width:800px;color:var(--muted);font-size:15px;margin:18px 0}.buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:11px;font-size:11px;font-weight:800;transition:.18s}.btn:hover{transform:translateY(-2px)}.primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 10px 25px #2563eb28}.secondary{border:1px solid var(--line);background:var(--card)}section{margin-top:28px}.head{margin-bottom:13px}.head h2{font-size:24px;letter-spacing:-.03em;margin:0}.head p{color:var(--muted);font-size:11px;margin:4px 0}.card{border:1px solid var(--line);border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);padding:22px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card h3{margin:0 0 8px;font-size:15px}.card p{margin:0;color:var(--muted);font-size:11px}.metric strong{display:block;color:var(--primary);font-size:28px;letter-spacing:-.04em}.metric span{color:var(--muted);font-size:10px}.flow{display:grid;grid-template-columns:repeat(7,auto);gap:9px;align-items:center;text-align:center}.node{padding:17px 10px;border:1px solid var(--line);border-radius:14px;background:var(--soft);font-size:11px;font-weight:800}.arrow{color:var(--muted)}.list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.list li{padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--muted);font-size:11px}.list b{color:var(--text)}.api{overflow:auto}.api table{width:100%;border-collapse:collapse;min-width:620px}.api th,.api td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:11px}.api th{color:var(--muted)}code{padding:3px 6px;border-radius:6px;background:var(--soft);color:var(--primary)}.stack{display:flex;flex-wrap:wrap;gap:7px}.tag{padding:6px 9px;border-radius:8px;background:var(--soft);color:var(--muted);font-size:9px;font-weight:800}.result{padding:28px;background:linear-gradient(135deg,var(--card),var(--soft))}.result h2{margin:0 0 10px;font-size:28px}.result p{color:var(--muted);max-width:900px}.version{color:var(--good);font-weight:800}footer{display:flex;justify-content:space-between;margin-top:45px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}@media(max-width:1000px){.grid3{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.mobile{display:block}main{margin:0;padding:17px 14px 40px}.hero{padding:24px}.hero h1{font-size:38px}.grid2,.grid3{grid-template-columns:1fr}footer{flex-direction:column;gap:5px}}
.text-main{color:var(--text)}