@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:'Inter',system-ui,sans-serif;color:#edf0f5;background:#101216;--panel:#171a20;--panel2:#1e222a;--border:#2a2f39;--muted:#969eab;--accent:#5865f2;--accent2:#7c87ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101216;color:#edf0f5}.shell{min-height:100vh;display:grid;grid-template-columns:290px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--border);background:#12151a;padding:22px 18px;display:flex;flex-direction:column;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:12px;display:block;object-fit:cover;background:#0d0f13;border:1px solid #2b3038;box-shadow:0 4px 14px rgba(0,0,0,.28)}.brand div:last-child{display:grid;gap:3px}.brand strong{font-size:16px}.brand span{font-size:11px;color:var(--muted)}.search-wrap input{width:100%;height:42px;border:1px solid var(--border);border-radius:10px;background:#0f1115;color:#eef1f5;padding:0 12px}.nav{display:grid;gap:4px;overflow:auto;padding-right:4px}.nav a{min-height:38px;padding:0 11px;border-radius:9px;display:flex;align-items:center;text-decoration:none;color:#c7cdd7;font-size:13px}.nav a:hover,.nav a.active{background:#1e2230;color:#fff}.sidebar-footer{margin-top:auto}.sidebar-footer a{text-decoration:none;color:#cfd4ff;font-size:13px}.content{min-width:0}.mobile-header{display:none}.mobile-logo{width:30px;height:30px;border-radius:8px;object-fit:cover;border:1px solid #2b3038}.content article{width:min(920px,calc(100% - 48px));margin:0 auto;padding:70px 0 100px}section{scroll-margin-top:28px;padding:0 0 54px;margin-bottom:44px;border-bottom:1px solid #20242c}section:last-child{border-bottom:0}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#aeb6ff}.content h1{margin:8px 0 14px;font-size:clamp(42px,7vw,68px);letter-spacing:-.05em;line-height:1}.lead{margin:0;color:#b4bbc6;font-size:18px;line-height:1.7;max-width:760px}.content h2{font-size:28px;margin:0 0 14px;letter-spacing:-.03em}.content h3{font-size:16px;margin:24px 0 8px}.content p,.content li{color:#b5bcc7;font-size:15px;line-height:1.7}.content ul{padding-left:20px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}.card{padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--panel);text-decoration:none;color:#fff;display:grid;gap:7px;transition:.15s ease}.card:hover{transform:translateY(-2px);border-color:#4650a5;background:#1b1f28}.card span{font-size:12px;color:var(--muted);line-height:1.5}.note{padding:15px 16px;border:1px solid #343b61;border-radius:12px;background:rgba(88,101,242,.08);color:#cfd4f3;font-size:13px;line-height:1.6}.command{display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px;align-items:center;padding:13px 0;border-top:1px solid #242933}.command:first-of-type{border-top:0}.command code{width:fit-content;padding:7px 9px;border-radius:8px;background:#20242d;border:1px solid #353b47;color:#e8eaff}.command span{color:var(--muted);font-size:13px}
@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(86vw,300px);z-index:50;transform:translateX(-102%);transition:transform .2s ease;box-shadow:18px 0 50px rgba(0,0,0,.45)}.sidebar.open{transform:translateX(0)}.mobile-header{position:sticky;top:0;z-index:30;height:58px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--border);background:rgba(16,18,22,.94);backdrop-filter:blur(10px)}.mobile-header button{width:38px;height:38px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:white}.content article{width:min(100% - 28px,760px);padding:38px 0 70px}.cards{grid-template-columns:1fr}.command{grid-template-columns:1fr;gap:7px}.content h1{font-size:42px}.lead{font-size:16px}}