:root{--bg:#0d1117;--panel:#151b23;--panel2:#1c2330;--text:#f2f5f7;--muted:#a9b3c1;--accent:#b46cff;--accent2:#6ee7ff;--line:#2a3342;--good:#75e08a;--warn:#ffd166}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top,#1a1330 0,#0d1117 36%);color:var(--text);line-height:1.65}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}.topbar{position:sticky;top:0;z-index:20;background:rgba(13,17,23,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1200px;margin:auto;padding:10px 22px;display:flex;align-items:center;gap:18px}.brand{font-weight:900;letter-spacing:.4px;color:white;font-size:1.15rem;display:flex;align-items:center;gap:10px}.brand:hover{text-decoration:none}.brand span{color:var(--accent)}.brand-logo{width:42px;height:42px;object-fit:contain;image-rendering:auto}.brand-text{color:white}.side-brand{display:flex;align-items:center;gap:10px;padding:5px 8px 12px;border-bottom:1px solid var(--line);margin-bottom:8px}.side-brand img{width:54px;height:54px;object-fit:contain}.search{margin-left:auto;max-width:360px;width:100%;padding:10px 13px;border-radius:10px;border:1px solid var(--line);background:#0a0f15;color:white}.layout{max-width:1200px;margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;padding:28px 22px 60px}.sidebar{position:sticky;top:82px;align-self:start;background:rgba(21,27,35,.9);border:1px solid var(--line);border-radius:16px;padding:14px}.sidebar a{display:block;padding:8px 10px;color:var(--muted);border-radius:8px}.sidebar a:hover,.sidebar a.active{background:var(--panel2);color:#fff;text-decoration:none}.content{min-width:0}.hero{padding:42px;border:1px solid #3a2d56;border-radius:24px;background:linear-gradient(135deg,rgba(180,108,255,.18),rgba(110,231,255,.08));box-shadow:0 18px 50px rgba(0,0,0,.22)}.hero-logo{width:120px;height:120px;object-fit:contain;float:right;margin:-10px 0 16px 25px}.hero h1{font-size:clamp(2.4rem,6vw,4.4rem);line-height:1;margin:0 0 14px}.hero p{font-size:1.15rem;color:#d3d9e2;max-width:760px}.badge{display:inline-block;padding:5px 9px;border:1px solid #4d3b70;border-radius:999px;color:#d9c4ff;font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.card{display:block;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:inherit;transition:.18s transform,.18s border-color}.card:hover{transform:translateY(-2px);border-color:#6b4f9d;text-decoration:none}.card h3{margin:0 0 5px;color:white}.card p{margin:0;color:var(--muted)}.page h1{font-size:2.4rem;margin-top:0}.page h2{margin-top:2rem;padding-bottom:.35rem;border-bottom:1px solid var(--line)}.callout{padding:14px 16px;border-left:4px solid var(--accent);background:var(--panel);border-radius:10px;margin:16px 0}.callout.good{border-left-color:var(--good)}.callout.warn{border-left-color:var(--warn)}code{background:#161d27;border:1px solid var(--line);padding:2px 6px;border-radius:6px}.command{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0a0f15;border:1px solid var(--line);padding:11px 13px;border-radius:10px;margin:7px 0;overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}.table th{color:white}.table td{color:#c9d2dd}.footer{margin-top:48px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.search-results{display:none;position:absolute;right:22px;top:58px;width:min(420px,calc(100vw - 44px));background:#111822;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.35);overflow:hidden}.search-results.show{display:block}.search-results a{display:block;padding:10px 13px;border-bottom:1px solid var(--line);color:white}.search-results a:last-child{border-bottom:0}@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{position:static}.grid{grid-template-columns:1fr}.search{max-width:220px}.hero{padding:28px}.hero-logo{width:82px;height:82px}.brand-text{display:none}}