:root{--bg:#071425;--panel:#0d223a;--panel2:#102d4c;--line:#284c72;--text:#edf5fb;--muted:#9fb2c8;--a:#63d9cd;--b:#66aef8;--good:#60e6a8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,#06101d,#081a2d 55%,#071425);color:var(--text);font:15px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif}.top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #17314d;background:rgba(5,16,29,.94);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#59b7f8,#60e0bd);color:#04111f;font-weight:900}.top nav{display:flex;gap:18px}.top nav a,.back,.video-btn,.pager{color:#dbe9f6;text-decoration:none}.top nav a:hover,.back:hover,.pager:hover{color:var(--a)}.hero{max-width:1180px;margin:0 auto;padding:56px 24px 28px}.hero h1{margin:0 0 14px;font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.045em}.hero p{max-width:820px;color:#b6c7d9;font-size:17px}.lang-grid,.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;max-width:1180px;margin:0 auto;padding:14px 24px 56px}.card{display:block;padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(16,45,78,.92),rgba(8,26,46,.96));color:var(--text);text-decoration:none;box-shadow:0 16px 40px rgba(0,0,0,.16);transition:.15s}.card:hover{transform:translateY(-2px);border-color:#4d93c9}.card h2,.card h3{margin:4px 0 8px}.card p{color:var(--muted);margin:0}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(99,217,205,.1);border:1px solid rgba(99,217,205,.3);color:#9df3e8;font-size:11px;font-weight:800}.lang-head{max-width:1180px;margin:0 auto;padding:50px 24px 10px}.search{max-width:1180px;margin:0 auto;padding:0 24px 14px}.search input{width:100%;max-width:520px;padding:13px 16px;border:1px solid var(--line);border-radius:11px;background:#091a2d;color:#fff;font-size:15px}.doc-wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;padding:38px 24px 70px}.side{position:sticky;top:92px;align-self:start;display:grid;gap:14px}.version{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(13,34,58,.8);color:#cde0f2}.video-btn{padding:12px 14px;border:1px solid rgba(99,217,205,.45);border-radius:11px;background:rgba(99,217,205,.08);font-weight:800}.doc{min-width:0;padding:34px 38px;border:1px solid var(--line);border-radius:17px;background:rgba(9,26,45,.88)}.doc h1{font-size:38px;line-height:1.1;margin:0 0 18px}.doc h2{margin-top:36px;border-top:1px solid #1b3c5d;padding-top:22px}.doc h3{margin-top:28px}.doc p,.doc li{color:#c8d7e5}.doc a{color:#78c8ff}.doc code{background:#04101d;padding:2px 5px;border-radius:4px;color:#b7f2e9}.doc pre{overflow:auto;padding:16px;border:1px solid #244b70;border-radius:11px;background:#03101d;direction:ltr;text-align:left}.doc pre code{background:none;padding:0}.doc table{width:100%;border-collapse:collapse;margin:18px 0}.doc th,.doc td{padding:10px 12px;border:1px solid #284c72;text-align:start;vertical-align:top}.doc th{background:#0e2b49}.doc blockquote,.callout{margin:20px 0;padding:14px 17px;border-inline-start:4px solid var(--a);background:rgba(99,217,205,.07);border-radius:8px}.doc img{max-width:100%;height:auto;border-radius:12px;border:1px solid #284c72}.eyebrow{color:#80e7dc;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.11em;margin-bottom:8px}.doc-footer{display:flex;justify-content:space-between;gap:16px;margin-top:42px;padding-top:22px;border-top:1px solid #1b3c5d}.pager{padding:10px 13px;border:1px solid var(--line);border-radius:10px}.source-note{font-size:12px;color:#7892ab}.small{font-size:12px;color:var(--muted)}footer{max-width:1180px;margin:0 auto;padding:25px 24px 45px;color:#758aa0;border-top:1px solid #142b43}footer a{color:#8ab8dd}@media(max-width:780px){.top nav{display:none}.doc-wrap{grid-template-columns:1fr}.side{position:static}.doc{padding:24px 20px}.doc h1{font-size:31px}}[dir=rtl] .doc pre,[dir=rtl] code{direction:ltr;text-align:left}