*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg0: #020c1b;--bg1: #081526;--bg2: #0d1e35;--bg3: #112640;--bg-input: #06101e;--border: #1a3a5c;--border-l: #254d6e;--yellow: #FFDF00;--green: #009C3B;--red: #EF4444;--orange: #F97316;--blue: #1E6FD9;--text1: #EEF2FF;--text2: #8BAFC8;--text3: #4A6B87}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg0);color:var(--text1);min-height:100vh;-webkit-font-smoothing:antialiased}button{cursor:pointer}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.blog-prose{color:#cbd5e1;line-height:1.8}.blog-prose h1,.blog-prose h2,.blog-prose h3{color:#eef2ff;margin:1.2em 0 .55em;line-height:1.2}.blog-prose h1{font-size:2rem}.blog-prose h2{font-size:1.45rem}.blog-prose h3{font-size:1.15rem}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote{margin-bottom:1rem}.blog-prose ul,.blog-prose ol{padding-left:1.3rem}.blog-prose li{margin-bottom:.45rem}.blog-prose a{color:#00d4ff}.blog-prose code{background:#00d4ff1f;padding:.15rem .35rem;border-radius:6px;color:#8bd5e5}.blog-prose pre{background:#06101e;border:1px solid #1a3a5c;border-radius:14px;padding:1rem;overflow-x:auto;margin-bottom:1rem}.blog-prose pre code{background:transparent;padding:0;color:#cbd5e1;display:block}.blog-prose blockquote{border-left:3px solid #00ff88;padding-left:1rem;color:#8bafc8}.blog-prose img{max-width:100%;border-radius:14px;border:1px solid #1a3a5c;margin:1rem 0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:var(--border-l);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--yellow)}@media (max-width: 768px){.hub-sidebar{transform:translate(-100%);transition:transform .25s;position:fixed!important;z-index:300;height:100vh;top:0}.hub-sidebar.open{transform:translate(0)}.hub-main{padding:16px!important}.hub-overlay{display:block!important}.hub-hamburger{display:flex!important}.two-col{grid-template-columns:1fr!important}.hide-mobile{display:none!important}}@media (max-width: 480px){.resp-grid-2{grid-template-columns:1fr!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .2s ease}