.blog-body *,.blog-body *:before,.blog-body *:after{box-sizing:border-box;margin:0;padding:0}.blog-html{scroll-behavior:smooth;color-scheme:dark}.blog-body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08080c;color:#fafafa;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.blog-body{--bg-0: #08080c;--bg-1: #111113;--bg-2: #18181b;--bg-3: #1f1f23;--text-1: #fafafa;--text-2: #a1a1aa;--text-3: #71717a;--border: #27272a;--border-mid: #3f3f46;--brand: #6366f1;--green: #22c55e;--amber: #eab308;--red: #ef4444;--mono: "JetBrains Mono", "Consolas", "Monaco", monospace;--radius: 8px;--max-w: 1280px;--grad: linear-gradient(135deg, #22c55e 0%, #6366f1 100%)}.blog-skip-link{position:absolute;top:-100%;left:16px;background:var(--text-1);color:var(--bg-0);padding:8px 16px;border-radius:0 0 var(--radius) var(--radius);font-size:14px;font-weight:600;text-decoration:none;z-index:9999}.blog-skip-link:focus{top:0}.blog-container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.blog-body a:focus-visible,.blog-body button:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}.blog-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;border-radius:var(--radius);text-decoration:none;cursor:pointer;border:none;transition:background .15s ease,color .15s ease;min-height:44px;white-space:nowrap;line-height:1}.blog-btn-primary{background:var(--grad);color:#fff}.blog-btn-primary:hover{background:linear-gradient(135deg,#16a34a,#4f46e5);color:#fff}.blog-btn-primary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.blog-nav{position:sticky;top:0;z-index:100;background:var(--bg-0);border-bottom:1px solid transparent;transition:border-color .2s ease,background .2s ease}.blog-nav.nav-scrolled{border-bottom-color:var(--border);background:#08080ceb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.blog-nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between}.blog-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text-1);flex-shrink:0}.blog-logo-mark{display:block}.blog-logo-word{font-size:17px;font-weight:600;letter-spacing:-.025em}.blog-nav-right{display:flex;align-items:center;gap:8px}.blog-nav-links{display:flex;align-items:center;gap:28px;margin-right:20px}.blog-nav-link{font-size:14px;font-weight:500;color:var(--text-2);text-decoration:none;transition:color .15s;padding:4px 0}.blog-nav-link:hover,.blog-nav-link.active{color:var(--text-1)}.blog-nav-link:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:3px}.blog-nav-cta{font-size:14px}.blog-nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;min-width:44px;min-height:44px;align-items:center;justify-content:center;border-radius:var(--radius)}.blog-nav-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.blog-nav-toggle span{display:block;width:20px;height:2px;background:var(--text-1);border-radius:1px;transition:transform .22s ease,opacity .22s ease;transform-origin:center}.blog-nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.blog-nav-toggle.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.blog-nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.blog-nav-mobile{border-top:1px solid var(--border);background:var(--bg-0);position:absolute;left:0;right:0;z-index:99}.blog-nav-mobile-inner{max-width:var(--max-w);margin:0 auto;padding:16px 24px 20px;display:flex;flex-direction:column;gap:4px}.blog-nav-mobile-link{font-size:15px;font-weight:500;color:var(--text-2);text-decoration:none;padding:10px 0;border-bottom:1px solid var(--border);transition:color .15s;min-height:44px;display:flex;align-items:center}.blog-nav-mobile-link:last-child{border-bottom:none}.blog-nav-mobile-link:hover{color:var(--text-1)}.blog-footer{border-top:1px solid var(--border);padding:32px 0;margin-top:96px}.blog-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.blog-footer-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-2);font-size:15px;font-weight:600;letter-spacing:-.015em;transition:color .15s}.blog-footer-logo:hover{color:var(--text-1)}.blog-footer-nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.blog-footer-nav a{font-size:13px;color:var(--text-3);text-decoration:none;transition:color .15s}.blog-footer-nav a:hover{color:var(--text-2)}.blog-footer-meta{font-size:13px;color:var(--text-3);display:flex;align-items:center;gap:8px}.blog-post-card{display:block;border:1px solid var(--border);border-radius:var(--radius);padding:28px 32px;background:var(--bg-1);text-decoration:none;transition:border-color .2s ease,background .2s ease}.blog-post-card:hover{border-color:var(--border-mid);background:var(--bg-2)}.blog-post-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.blog-category-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);background:#6366f11a;padding:3px 8px;border-radius:4px;border:1px solid rgba(99,102,241,.2);flex-shrink:0}.blog-post-date{font-size:13px;color:var(--text-3);font-family:var(--mono)}.blog-post-card-title{font-size:20px;font-weight:600;color:var(--text-1);letter-spacing:-.02em;line-height:1.3;margin-bottom:10px}.blog-post-card-desc{font-size:14px;color:var(--text-2);line-height:1.65;margin-bottom:16px}.blog-post-card-tags{display:flex;flex-wrap:wrap;gap:6px}.blog-tag{font-size:12px;color:var(--text-3);background:var(--bg-3);padding:3px 8px;border-radius:4px;border:1px solid var(--border);text-decoration:none;transition:color .15s,border-color .15s;display:inline-block}a.blog-tag:hover{color:var(--text-2);border-color:var(--border-mid)}.blog-index-header{padding:64px 0 44px;border-bottom:1px solid var(--border)}.blog-index-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px}.blog-index-title{font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.035em;line-height:1.07;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin-bottom:16px}.blog-index-subtitle{font-size:16px;color:var(--text-2);line-height:1.65;max-width:520px}.blog-filters{padding:24px 0;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:28px;flex-wrap:wrap}.blog-filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.blog-filter-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);min-width:68px;flex-shrink:0}.blog-filter-btn{font-size:13px;font-weight:500;color:var(--text-2);background:none;border:1px solid var(--border);border-radius:4px;padding:5px 10px;min-height:44px;cursor:pointer;transition:color .15s,border-color .15s,background .15s;font-family:Inter,sans-serif;line-height:1.4}.blog-filter-btn:hover{color:var(--text-1);border-color:var(--border-mid)}.blog-filter-btn.active{color:var(--brand);border-color:#6366f166;background:#6366f114}.blog-posts-section{padding:40px 0 0}.blog-posts-grid{display:flex;flex-direction:column;gap:12px}.blog-post-item[hidden]{display:none}.blog-no-results{padding:60px 0;text-align:center;color:var(--text-3);font-size:15px}.blog-no-results[hidden]{display:none}.blog-empty-state{padding:80px 24px;text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1);margin:40px 0}.blog-empty-state-icon{width:48px;height:48px;margin:0 auto 20px;color:var(--text-3)}.blog-empty-state-title{font-size:20px;font-weight:600;color:var(--text-1);letter-spacing:-.02em;margin-bottom:12px}.blog-empty-state-body{font-size:15px;color:var(--text-2);line-height:1.65;max-width:440px;margin:0 auto}.blog-archive-header{padding:60px 0 40px;border-bottom:1px solid var(--border)}.blog-archive-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-3);text-decoration:none;margin-bottom:24px;transition:color .15s}.blog-archive-back:hover{color:var(--text-2)}.blog-archive-title{font-size:clamp(26px,3.5vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--text-1);margin-bottom:8px}.blog-archive-title-accent{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.blog-archive-count{font-size:14px;color:var(--text-3);font-family:var(--mono)}.blog-post-wrap{padding:60px 24px 0}.blog-post-inner{max-width:720px;margin:0 auto}.blog-post-header{margin-bottom:44px;padding-bottom:36px;border-bottom:1px solid var(--border)}.blog-post-header-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.blog-reading-time{font-size:13px;color:var(--text-3);font-family:var(--mono)}.blog-post-title{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-.035em;line-height:1.1;color:var(--text-1);margin-bottom:20px}.blog-post-description{font-size:17px;color:var(--text-2);line-height:1.65;margin-bottom:24px}.blog-post-tags{display:flex;flex-wrap:wrap;gap:6px}.blog-prose{color:var(--text-2);line-height:1.78;font-size:16px}.blog-prose>*+*{margin-top:24px}.blog-prose h1,.blog-prose h2,.blog-prose h3,.blog-prose h4,.blog-prose h5,.blog-prose h6{color:var(--text-1);font-weight:600;letter-spacing:-.02em;line-height:1.3;margin-top:48px;margin-bottom:0}.blog-prose h2{font-size:24px;padding-bottom:12px;border-bottom:1px solid var(--border)}.blog-prose h3{font-size:20px}.blog-prose h4{font-size:17px;font-weight:600}.blog-prose p{margin-top:0;margin-bottom:0}.blog-prose a{color:var(--brand);text-decoration:underline;text-decoration-color:#6366f166;text-underline-offset:2px;transition:text-decoration-color .15s}.blog-prose a:hover{text-decoration-color:var(--brand)}.blog-prose strong{color:var(--text-1);font-weight:600}.blog-prose em{font-style:italic}.blog-prose blockquote{border-left:3px solid var(--brand);padding:2px 0 2px 20px;color:var(--text-2);font-style:italic}.blog-prose ul,.blog-prose ol{padding-left:24px}.blog-prose li+li{margin-top:8px}.blog-prose li{line-height:1.7}.blog-prose code:not(pre code){font-family:var(--mono);font-size:.875em;background:var(--bg-2);padding:2px 6px;border-radius:4px;color:var(--green);border:1px solid var(--border)}.blog-prose pre{margin-top:32px;margin-bottom:0;border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}.blog-prose pre>code{display:block;padding:20px 24px;font-family:var(--mono);font-size:14px;line-height:1.7;background:transparent!important}.blog-prose hr{border:none;border-top:1px solid var(--border)}.blog-prose img{max-width:100%;border-radius:var(--radius);border:1px solid var(--border);display:block}.blog-prose table{width:100%;border-collapse:collapse;font-size:14px}.blog-prose th,.blog-prose td{padding:10px 16px;text-align:left;border-bottom:1px solid var(--border)}.blog-prose th{color:var(--text-1);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.blog-post-nav{margin-top:64px;padding-top:40px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:12px}.blog-post-nav-spacer{display:block}.blog-post-nav-link{display:flex;flex-direction:column;gap:4px;padding:20px 24px;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;background:var(--bg-1);transition:border-color .2s,background .2s}.blog-post-nav-link:hover{border-color:var(--border-mid);background:var(--bg-2)}.blog-post-nav-link.next{text-align:right}.blog-post-nav-dir{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}.blog-post-nav-title{font-size:14px;font-weight:500;color:var(--text-1);line-height:1.4}.blog-post-cta{margin-top:48px;padding:24px 28px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.blog-post-cta-text{font-size:14px;color:var(--text-2);line-height:1.55}.blog-post-cta-text strong{color:var(--text-1);font-weight:600}.blog-post-cta-link{font-size:14px;font-weight:500;color:var(--green);text-decoration:none;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.blog-post-cta-link:hover{opacity:.8}@media(max-width:1024px){.blog-nav-links,.blog-nav-cta{display:none}.blog-nav-toggle{display:flex}.blog-filters{flex-direction:column;gap:16px}.blog-post-nav{grid-template-columns:1fr}.blog-post-cta{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.blog-index-header{padding:40px 0 32px}.blog-archive-header{padding:40px 0 28px}.blog-post-wrap{padding:40px 20px 0}.blog-post-card{padding:20px}.blog-post-card-title{font-size:18px}.blog-footer-inner{flex-direction:column;align-items:flex-start;gap:16px}}html{scroll-behavior:smooth;scrollbar-gutter:stable}