*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg0: #faf7f4;--bg1: #ffffff;--bg2: #fff7ed;--bg3: #ffedd5;--bg-input: #ffffff;--border: #eadfd3;--border-l: #e7d5c4;--yellow: #ea580c;--green: #14b86f;--red: #d92d20;--orange: #f59e0b;--blue: #f97316;--text1: #1f2937;--text2: #6b7280;--text3: #9ca3af}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:#3d4a63;line-height:1.8}.blog-prose h1,.blog-prose h2,.blog-prose h3{color:#1f2937;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:#f97316}.blog-prose code{background:#00d4ff1f;padding:.15rem .35rem;border-radius:6px;color:#8bd5e5}.blog-prose pre{background:#fff;border:1px solid #eadfd3;border-radius:14px;padding:1rem;overflow-x:auto;margin-bottom:1rem}.blog-prose pre code{background:transparent;padding:0;color:#3d4a63;display:block}.blog-prose blockquote{border-left:3px solid #00ff88;padding-left:1rem;color:#6b7280}.blog-prose img{max-width:100%;border-radius:14px;border:1px solid #eadfd3;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;width:240px!important}.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)}}.girando{animation:spin .9s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .2s ease}