:root{--bg: #030508;--bg-elevated: #070a10;--bg-soft: #0c1018;--border-subtle: rgba(255, 255, 255, .09);--brand-gradient: linear-gradient( 125deg, rgb(17, 164, 250) 0%, rgb(56, 130, 255) 45%, rgb(23, 77, 248) 100% );--accent: rgb(17, 164, 250);--accent-soft: rgba(17, 164, 250, .22);--accent-strong: rgb(23, 77, 248);--text: #e8ecf4;--text-soft: #a1adbf;--text-softer: #6b7a90;--radius-lg: 18px;--radius-xl: 26px;--radius-pill: 999px;--blur-backdrop: 18px;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}html{font-size:120%;scroll-behavior:smooth;position:relative}html:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 100% 60% at 50% -15%,rgba(23,77,248,.2),transparent 55%),radial-gradient(ellipse 50% 45% at 100% 30%,rgba(17,164,250,.09),transparent 50%),radial-gradient(ellipse 45% 35% at 0% 85%,rgba(99,102,241,.08),transparent 45%),var(--bg);pointer-events:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-layout{display:flex;flex-direction:column;min-height:100vh;position:relative;isolation:isolate}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body:before,body:after{content:none}::selection{background:#11a4fa59;color:#f8fafc}.container{max-width:1120px;margin:0 auto;padding:0}.site-header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(var(--blur-backdrop)) saturate(1.2);backdrop-filter:blur(var(--blur-backdrop)) saturate(1.2);background:linear-gradient(180deg,#03050ceb,#03050cc7);border-bottom:1px solid rgba(17,164,250,.12);background-clip:padding-box}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.8rem .32rem}.branding{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.logo-image{width:auto;height:23px;object-fit:contain}.logo-circle{width:32px;height:32px;border-radius:12px;background:radial-gradient(circle at 20% 0%,#e5e7eb 0,#9ca3af 24%,#020617 85%);border:1px solid rgba(148,163,184,.55);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#f9fafb}.brand-title{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;color:#e5e7eb}.brand-subtitle{font-size:.72rem;color:#9ca3af}[data-theme=light] .brand-title{color:#111827}[data-theme=light] .brand-subtitle{color:#6b7280}.header-nav{display:flex;align-items:center;gap:1rem}.mobile-menu-btn{display:none;border:1px solid rgba(17,164,250,.2);background:#11a4fa0f;color:var(--text-soft);font-size:.9rem;padding:.4rem .65rem;border-radius:12px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.mobile-menu-btn:hover{color:#f1f5f9;border-color:#11a4fa66;background:#11a4fa1f}.mobile-menu-btn:hover .hamburger-icon span{background-color:#e5e7eb}.hamburger-icon{display:flex;flex-direction:column;justify-content:center;gap:5px;width:22px;height:18px}.hamburger-icon span{display:block;width:100%;height:2px;background-color:currentColor;border-radius:1px}.header-nav-link{color:var(--text-soft);text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;transition:color .16s ease}.header-nav-link:hover{color:#e5e7eb}.header-nav-btn{display:inline-block;padding:.5rem 1.15rem;background-image:var(--brand-gradient);color:#f8fafc;text-decoration:none;font-size:.85rem;font-weight:600;letter-spacing:.06em;border-radius:var(--radius-pill);transition:transform .2s ease,filter .2s ease}.header-nav-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.header-nav-btn:active{transform:translateY(0)}.header-home-logo{height:26px;width:auto;display:block;object-fit:contain}.branding-link{color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.page-nav{margin-top:auto;padding:1.25rem 0;border-top:1px solid var(--border-subtle);flex-shrink:0}.page-nav-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.page-nav-link{color:var(--accent);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.page-nav-link:hover{color:#7dd3fc}.page-nav-disabled{color:var(--text-softer);cursor:default;pointer-events:none}@media(max-width:960px){.page-nav-inner{flex-direction:column;align-items:stretch;gap:.65rem}.page-nav-prev{align-self:flex-start}.page-nav-next{align-self:flex-end;text-align:right}}.layout{display:grid;grid-template-columns:250px 1fr;grid-template-rows:1fr;gap:15px;max-width:1120px;margin:1.75rem auto 3.5rem;padding:0;flex:1;min-height:0;width:100%}@media(max-width:960px){.layout{grid-template-columns:minmax(0,1fr)}}.toc-inner{position:sticky;top:82px;padding:.85rem .85rem .9rem;border-radius:var(--radius-xl);background:linear-gradient(165deg,#0c101ceb,#06080ef5);-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);border:1px solid rgba(17,164,250,.14);color:var(--text-soft);display:flex;flex-direction:column;height:calc(100vh - 110px)}.toc-title{margin:0 0 .25rem;font-size:.92rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#f1f5f9,#7dd3fc,#93c5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.toc-meta{margin:0 0 .9rem;font-size:.75rem;line-height:1.5;color:var(--text-softer)}.toc nav{flex:1;overflow-y:auto;padding-right:.35rem;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(17,164,250,.55) rgba(15,23,42,.35)}.toc nav::-webkit-scrollbar{width:9px}.toc nav::-webkit-scrollbar-track{margin:4px 0;background:#0f172a73;border-radius:999px;border:1px solid rgba(17,164,250,.06)}.toc nav::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background-clip:padding-box;background-image:linear-gradient(180deg,#38bdf8bf,#11a4faa6 45%,#174df8b3)}.toc nav::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(180deg,#7dd3fc,#11a4fa,#3b82f6)}.toc nav::-webkit-scrollbar-thumb:active{background-image:linear-gradient(180deg,#38bdf8,#0ea5e9)}.toc-overlay{display:none;position:fixed;inset:0;background:#0000008c;z-index:60;opacity:0;pointer-events:none;transition:opacity .18s ease}.toc-overlay--show{opacity:1;pointer-events:auto}.toc ol{list-style:none;padding:0;margin:0;font-size:.8rem}.toc li{margin-bottom:.2rem}.toc a{color:var(--text-soft);text-decoration:none;padding:.38rem .55rem .38rem .48rem;display:block;border-radius:10px;border-left:3px solid transparent;transition:color .2s ease,background-color .2s ease,transform .2s ease,border-color .2s ease}.toc a:hover{color:#f1f5f9;background:#11a4fa1a;transform:translate(2px);border-left-color:#11a4fa8c}.toc a.is-active{color:#f8fafc;font-weight:600;background:linear-gradient(90deg,#11a4fa38,#174df814);border-left-color:#11a4fae6}[data-theme=light] .toc-inner{background:linear-gradient(to bottom,#fff,#f9fafb)}[data-theme=light] .toc nav{scrollbar-color:rgba(37,99,235,.65) rgba(226,232,240,.95)}[data-theme=light] .toc nav::-webkit-scrollbar-track{background:#e2e8f0d9;border-color:#3b82f61f}[data-theme=light] .toc nav::-webkit-scrollbar-thumb{background-image:linear-gradient(180deg,#60a5fa,#3b82f6 55%,#2563eb)}[data-theme=light] .toc nav::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(180deg,#93c5fd,#3b82f6)}[data-theme=light] .toc a:hover{background:#e5e7ebe6}[data-theme=light] .toc-title{background:none;-webkit-background-clip:unset;background-clip:unset;color:#0f172a}[data-theme=light] .toc a.is-active{background:#3b82f61f;border-left-color:#2563eb}[data-theme=light] .hero h1{background:linear-gradient(105deg,#0f172a,#1e3a5f,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}.content{position:relative;display:flex;flex-direction:column;min-height:0}.content:before{content:none}.content:after{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);background:linear-gradient(180deg,#0a0e18f7,#05070cfc);border:1px solid rgba(17,164,250,.1);z-index:-1}.content-page{display:flex;flex-direction:column;flex:1;min-height:0}.content-body{flex:1;overflow-y:auto}.hero{padding:1.9rem 2.05rem 1.4rem;border-bottom:1px solid var(--border-subtle)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:var(--text-softer);margin:0 0 .75rem}.hero h1{margin:0 0 .9rem;font-size:clamp(1.65rem,4vw,2.15rem);letter-spacing:.02em;font-weight:700;line-height:1.2;background:linear-gradient(105deg,#f8fafc,#e0f2fe 38%,#7dd3fc 72%,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{margin:0 0 1.4rem;color:var(--text-soft);font-size:.95rem;line-height:1.7}.hero-meta{display:flex;flex-wrap:wrap;gap:.8rem;padding:.85rem 1rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,#11a4fa14,#0c101cd9,#174df80f);border:1px solid rgba(17,164,250,.35);max-width:540px}.hero-meta>div{display:flex;flex-direction:column;gap:.12rem}.meta-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#d1d5dbe6}.meta-value{font-size:.82rem;font-weight:500;color:#eef2ff}[data-theme=light] .hero-meta{background:linear-gradient(to right,#eef2ff,#e0e7ff);border-color:#818cf8b3}[data-theme=light] .meta-label{color:#4b5563}.section{padding:1.4rem 2.05rem .65rem;border-bottom:1px solid rgba(30,41,59,.55)}.section--last{padding-bottom:2.2rem;border-bottom:none;box-shadow:none}.section h2{margin:0 0 .9rem;font-size:1.15rem;display:inline-flex;align-items:center;gap:.4rem}.section h2:before{content:"";width:10px;height:10px;border-radius:999px;background-image:var(--brand-gradient);background-color:transparent;outline:2px solid rgba(17,164,250,.35);outline-offset:1px;flex-shrink:0}.section h3{margin:1.1rem 0 .35rem;font-size:.98rem}.section h4{margin:.9rem 0 .25rem;font-size:.88rem;color:var(--text-soft)}.section p{margin:0 0 .7rem;font-size:.9rem;line-height:1.7;color:var(--text-soft)}.section ul,.section ol{margin:.3rem 0 .9rem 1.15rem;padding:0;font-size:.9rem;color:var(--text-soft)}.section li+li{margin-top:.2rem}.callout{margin-top:.9rem;padding:.7rem .9rem;border-radius:.9rem;border:1px solid rgba(17,164,250,.4);background:var(--bg-soft);color:#e5e7eb;font-size:.88rem}.grid{display:grid;gap:1.1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.code-block{margin:.45rem 0 .85rem;padding:.75rem .9rem;border-radius:1rem;background:linear-gradient(165deg,#030712,#0a0f1a);border:1px solid rgba(17,164,250,.15);color:#e5e7eb;font-family:var(--font-mono);font-size:.8rem;overflow-x:auto}.code-block--inline{white-space:pre-wrap}[data-theme=light] .code-block{background:#0b1120;border-color:#0f172af2;color:#e5e7eb}.code-block code{white-space:pre}.diagram{margin:.7rem 0 1.1rem;padding:.9rem;border-radius:1.2rem;background:var(--bg-elevated);border:1px solid rgba(148,163,184,.45)}.diagram-layer{padding:.55rem .75rem;border-radius:.9rem;border:1px solid rgba(148,163,184,.55);background:#0f172af5}.diagram-layer+.diagram-layer{margin-top:.45rem}.diagram-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#d1d5dbe6}.diagram-body{font-size:.85rem;color:#e5e7ebf2}.diagram-arrow{text-align:center;color:#94a3b8e6;font-size:.8rem;margin:.15rem 0}[data-theme=light] .diagram-layer{background:#fffffff5}[data-theme=light] .diagram-title{color:#4b5563}[data-theme=light] .diagram-body{color:#111827}.stack-list{list-style:none;padding-left:0;margin-left:0}.stack-list li{position:relative;padding-left:1.4rem}.stack-list li:before{content:"";position:absolute;left:.4rem;top:.55rem;width:7px;height:7px;border-radius:999px;background-image:var(--brand-gradient);background-color:transparent;border:1px solid rgba(17,164,250,.5)}.table{margin:.4rem 0 1rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(17,164,250,.12);background:var(--bg-elevated)}.table-row{display:grid;grid-template-columns:1.2fr 2fr;font-size:.86rem}.table-header{font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;background:#0f172af5;color:#d1d5dbe6}.table-row:nth-child(odd):not(.table-header){background:#0f172aeb}.table-row:nth-child(2n):not(.table-header){background:#0f172acc}.table-row>div{padding:.55rem .8rem;border-bottom:1px solid rgba(15,23,42,.95)}.table-row:not(.table-header):hover{background:#11a4fa0f!important;transition:background .15s ease}.flow-list{counter-reset:flow-counter;list-style:none;margin-left:0;padding-left:0}.flow-list li{counter-increment:flow-counter;position:relative;padding-left:2.2rem;padding-bottom:.4rem}.flow-list li:before{content:counter(flow-counter);position:absolute;left:0;top:.1rem;width:1.5rem;height:1.5rem;border-radius:999px;border:1px solid rgba(17,164,250,.8);background-image:var(--brand-gradient);background-color:transparent;color:#e5e7eb;font-size:.72rem;display:flex;align-items:center;justify-content:center}.site-footer{border-top:1px solid rgba(17,164,250,.1);padding:1rem 0;margin-top:.4rem;font-size:.78rem;color:var(--text-soft);-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1);background:linear-gradient(180deg,#03050cf2,#000000fa)}.site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;width:100%;max-width:1120px;padding-left:.25rem;padding-right:.25rem;box-sizing:border-box}.footer-container{flex-wrap:wrap}.footer-copy{text-align:left;flex-shrink:1;min-width:0}.footer-social{flex-shrink:0}.footer-social-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem .65rem;list-style:none;margin:0;padding:0}.footer-social-link{display:flex;align-items:center;justify-content:center;color:var(--text-soft);text-decoration:none;padding:.35rem;border-radius:10px;transition:color .2s ease,background-color .2s ease}.footer-social-link:hover{color:var(--accent);background-color:#11a4fa1a}.footer-social-icon{display:block;flex-shrink:0}@media(max-width:640px){.site-footer .footer-container{flex-direction:column-reverse;align-items:center;gap:.85rem}.footer-copy{text-align:center}.footer-social-list{justify-content:center}}.footer-dot{opacity:.4}.site-footer .footer-link{color:inherit;text-decoration:none}.site-footer .footer-link:hover{color:#e5e7eb;text-decoration:underline}[data-theme=light] .site-footer{background:#f9fafb;border-top-color:#d1d5dbe6}@media(max-width:960px){.layout{margin-top:1.1rem}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}.header-inner{padding:.72rem 14px}.header-nav{gap:.48rem}.header-nav-btn{padding:.35rem .72rem;font-size:.72rem;font-weight:600;letter-spacing:.05em}.toc{position:fixed;top:0;left:0;height:100vh;width:min(320px,88vw);z-index:70;transform:translate(-110%);transition:transform .32s cubic-bezier(.22,1,.36,1)}.toc--open{transform:translate(0)}.toc-inner{position:relative;top:0;height:100vh;border-radius:0;padding:1rem 1rem 1.1rem}.toc-overlay{display:block}.hero{padding:1.5rem 1.4rem 1.1rem}.section{padding:1.1rem 1.4rem .55rem}.hero-meta{border-radius:1rem}}@media(max-width:640px){.hero h1{font-size:1.6rem}.hero{padding:1.1rem 1rem .9rem}.section{padding:.9rem 1rem .45rem}.logo-image{height:15px}.header-inner{padding:.62rem 14px}.header-nav{gap:.36rem}.header-nav-btn{padding:.28rem .55rem;font-size:.65rem;letter-spacing:.04em}.hero-meta{flex-direction:column;align-items:flex-start}.content:after,.content:before{border-radius:0;border-left:none;border-right:none}}.section code,.hero code{padding:.12em .4em;border-radius:6px;background:#11a4fa1f;border:1px solid rgba(17,164,250,.2);font-family:var(--font-mono);font-size:.88em}