.blog-page{--blog-bg:#0b0e14;--blog-surface:#161b22;--blog-surface-hover:#1c2230;--blog-border:#ff8a001f;--blog-border-subtle:#ffffff0f;--blog-text:#f8fafc;--blog-text-secondary:#a3b1c6;--blog-text-muted:#64748b;--blog-orange:#ff8a00;--blog-orange-light:#ffa033;--blog-orange-dark:#e67a00;--blog-glow:#ff8a0066;--blog-glow-subtle:#ff8a0026;--blog-card-shadow:0 2px 12px #0000004d;--blog-card-shadow-hover:0 8px 30px #ff8a0026;--blog-max-width:1200px;background:var(--blog-bg);color:var(--blog-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden}[data-theme=light] .blog-hero-badge,[data-theme=light] .blog-post-tag{color:#a35400}[data-theme=light] .blog-page{--blog-bg:#fff;--blog-surface:#f8fafc;--blog-surface-hover:#f1f5f9;--blog-border:#00000014;--blog-border-subtle:#0000000a;--blog-text:#0f172a;--blog-text-secondary:#475569;--blog-text-muted:#94a3b8;--blog-card-shadow:0 2px 12px #00000014;--blog-card-shadow-hover:0 8px 30px #0000001f}.blog-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0b0e14e6;border-bottom:1px solid var(--blog-border-subtle);padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-dropdown)}[data-theme=light] .blog-nav{background:#ffffffe6}.blog-nav-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:var(--blog-max-width)}.blog-nav-brand{color:var(--blog-text);gap:10px;text-decoration:none}.blog-nav-brand,.blog-nav-logo{align-items:center;display:flex}.blog-nav-logo{background:var(--blog-orange);border-radius:8px;color:#fff;font-size:16px;font-weight:800;height:32px;justify-content:center;width:32px}.blog-nav-brand-text{color:var(--blog-text);font-size:20px;font-weight:700}.blog-nav-links{align-items:center;display:flex;gap:32px}.blog-nav-link{color:var(--blog-text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.blog-nav-link--active,.blog-nav-link:hover{color:var(--blog-text)}.blog-nav-actions{align-items:center;display:flex;gap:12px}.blog-nav-cta{align-items:center;background:var(--blog-orange);border-radius:8px;color:#0b0e14;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 18px;text-decoration:none;transition:all .2s}.blog-nav-cta:hover{background:var(--blog-orange-light);box-shadow:0 0 20px var(--blog-glow-subtle)}.blog-hero{padding:80px 24px 48px;text-align:center}.blog-hero-content{margin:0 auto;max-width:700px}.blog-hero-badge{align-items:center;background:#ff8a001a;border:1px solid #ff8a0033;border-radius:20px;color:var(--blog-orange);display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:20px;padding:6px 14px}.blog-hero-title{color:var(--blog-text);font-size:42px;font-weight:800;line-height:1.15;margin-bottom:16px}.blog-hero-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--blog-orange),var(--blog-orange-light));-webkit-background-clip:text;background-clip:text}.blog-hero-subtitle{color:var(--blog-text-secondary);font-size:17px;line-height:1.6;margin:0 auto;max-width:560px}.blog-listing{margin:0 auto;max-width:var(--blog-max-width);padding:0 24px 80px}.blog-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.blog-card{background:var(--blog-surface);border:1px solid var(--blog-border-subtle);border-radius:16px;box-shadow:var(--blog-card-shadow);color:var(--blog-text);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .3s ease}.blog-card:hover{border-color:var(--blog-border);box-shadow:var(--blog-card-shadow-hover);transform:translateY(-4px)}.blog-card-thumbnail{aspect-ratio:16/9;overflow:hidden;position:relative;width:100%}.blog-card-thumbnail-placeholder{align-items:center;background:linear-gradient(135deg,#1a1f2e,#0d1117);display:flex;height:100%;justify-content:center;width:100%}.blog-card-thumbnail-icon{color:var(--blog-orange);font-size:48px;font-weight:800;opacity:.3}.blog-card-tags{bottom:12px;display:flex;gap:6px;left:12px;position:absolute}.blog-card-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:6px;color:#fff;font-size:11px;font-weight:500;padding:3px 10px;text-transform:capitalize}.blog-card-body{display:flex;flex:1 1;flex-direction:column;padding:20px}.blog-card-title{color:var(--blog-text);font-size:18px;font-weight:700;line-height:1.35;margin-bottom:10px}.blog-card:hover .blog-card-title{color:var(--blog-orange)}.blog-card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--blog-text-secondary);display:-webkit-box;flex:1 1;font-size:14px;line-height:1.55;margin-bottom:16px;overflow:hidden}.blog-card-meta{align-items:center;border-top:1px solid var(--blog-border-subtle);display:flex;justify-content:space-between;padding-top:14px}.blog-card-meta-left{align-items:center;display:flex;gap:14px}.blog-card-date,.blog-card-readtime{align-items:center;color:var(--blog-text-muted);display:flex;font-size:12px;gap:5px}.blog-card-read-more{align-items:center;color:var(--blog-orange);display:flex;font-size:13px;font-weight:600;gap:4px;transition:gap .2s}.blog-card:hover .blog-card-read-more{gap:8px}.blog-post-header{background:linear-gradient(180deg,#ff8a000a,#0000);padding:100px 24px 40px}.blog-post-header-content{margin:0 auto;max-width:760px}.blog-back-link{align-items:center;background:none;border:none;color:var(--blog-text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:24px;padding:0;text-decoration:none;transition:color .2s}.blog-back-link:hover{color:var(--blog-orange)}.blog-post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.blog-post-tag{background:#ff8a001a;border:1px solid #ff8a0033;border-radius:6px;color:var(--blog-orange);font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.blog-post-title{color:var(--blog-text);font-size:38px;font-weight:800;line-height:1.2;margin-bottom:20px}.blog-post-meta{align-items:center;color:var(--blog-text-secondary);display:flex;flex-wrap:wrap;font-size:14px;gap:10px}.blog-post-author{color:var(--blog-text);font-weight:600}a.blog-post-author{text-decoration:none;transition:color .2s}a.blog-post-author:hover{color:var(--blog-orange)}.blog-post-author-role{color:var(--blog-text-secondary);font-weight:500}.blog-post-meta-sep{color:var(--blog-text-muted)}.blog-post-date,.blog-post-readtime{align-items:center;color:var(--blog-text-secondary);display:flex;gap:5px}.blog-post-layout{display:flex;gap:48px;margin:0 auto;max-width:1100px;padding:40px 24px 80px}.blog-post-sidebar{align-self:flex-start;flex-shrink:0;max-height:calc(100vh - 120px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:88px;width:240px}.blog-toc{background:var(--blog-surface);border:1px solid var(--blog-border-subtle);border-radius:12px;padding:20px}.blog-toc-title{color:var(--blog-text-muted);font-size:13px;font-weight:700;letter-spacing:.05em;margin-bottom:14px;text-transform:uppercase}.blog-toc-list{list-style:none;margin:0;padding:0}.blog-toc-item{margin-bottom:2px}.blog-toc-item a{border-left:2px solid #0000;border-radius:6px;color:var(--blog-text-secondary);display:block;font-size:13px;line-height:1.4;padding:6px 12px;text-decoration:none;transition:all .2s}.blog-toc-item a:hover{background:#ffffff08;color:var(--blog-text)}.blog-toc-item--nested a{font-size:12px;padding-left:24px}.blog-toc-item--active a{background:#ff8a000f;border-left-color:var(--blog-orange);color:var(--blog-orange)}.blog-post-content{flex:1 1;max-width:760px;min-width:0}.blog-post-content h2{font-size:26px;font-weight:700;margin-bottom:16px;margin-top:48px}.blog-post-content h2,.blog-post-content h3{color:var(--blog-text);scroll-margin-top:80px}.blog-post-content h3{font-size:20px;font-weight:600;margin-bottom:12px;margin-top:36px}.blog-post-content p{color:var(--blog-text-secondary);font-size:16px;line-height:1.75;margin-bottom:20px}.blog-post-content strong{color:var(--blog-text);font-weight:600}.blog-post-content ol,.blog-post-content ul{margin-bottom:20px;padding-left:24px}.blog-post-content li{color:var(--blog-text-secondary);font-size:16px;line-height:1.7;margin-bottom:8px}.blog-post-content li strong{color:var(--blog-text)}.blog-post-content a{border-bottom:1px solid #0000;color:var(--blog-orange);text-decoration:none;transition:border-color .2s}.blog-post-content a:hover{border-bottom-color:var(--blog-orange)}.blog-post-content blockquote{background:#ff8a000d;border-left:3px solid var(--blog-orange);border-radius:0 8px 8px 0;margin:24px 0;padding:16px 20px}.blog-post-content blockquote p{color:var(--blog-text);margin-bottom:0}.blog-post-content code{background:#ffffff0f;border-radius:4px;color:var(--blog-orange-light);font-family:SF Mono,Fira Code,monospace;font-size:14px;padding:2px 6px}.blog-post-content pre{background:#0d1117;border:1px solid var(--blog-border-subtle);border-radius:12px;margin-bottom:24px;overflow-x:auto;padding:20px}.blog-post-content pre code{background:none;color:var(--blog-text-secondary);padding:0}.blog-post-content hr{border:none;margin:40px 0}.blog-post-content hr,.blog-share{border-top:1px solid var(--blog-border-subtle)}.blog-share{align-items:center;display:flex;gap:14px;margin-top:40px;padding:24px 0}.blog-share-label{color:var(--blog-text-muted);font-size:14px;font-weight:600}.blog-share-buttons{display:flex;gap:8px}.blog-share-btn{align-items:center;background:var(--blog-surface);border:1px solid var(--blog-border-subtle);border-radius:10px;color:var(--blog-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .2s;width:40px}.blog-share-btn:hover{background:var(--blog-surface-hover);border-color:var(--blog-border);color:var(--blog-orange)}.blog-cta-banner{background:linear-gradient(135deg,#ff8a0014,#ff8a0005);border:1px solid #ff8a0033;border-radius:20px;margin:48px 0;overflow:hidden;padding:48px 36px;position:relative;text-align:center}.blog-cta-glow{background:radial-gradient(circle,#ff8a0026 0,#0000 70%);height:300px;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);width:300px}.blog-cta-content{position:relative}.blog-cta-icon{color:var(--blog-orange);margin-bottom:12px}.blog-cta-title{color:var(--blog-text);font-size:26px;font-weight:800;margin-bottom:12px}.blog-cta-text{color:var(--blog-text-secondary);font-size:15px;line-height:1.6;margin:0 auto 24px;max-width:480px}.blog-cta-button{align-items:center;background:var(--blog-orange);border:none;border-radius:10px;color:#0b0e14;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:8px;padding:12px 28px;transition:all .25s}.blog-cta-button:hover{background:var(--blog-orange-light);box-shadow:0 0 30px var(--blog-glow-subtle);transform:translateY(-1px)}.blog-related{border-top:1px solid var(--blog-border-subtle);margin-top:64px;padding-top:48px}.blog-related-title{color:var(--blog-text);font-size:24px;font-weight:700;margin-bottom:24px}.blog-related-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.blog-footer{border-top:1px solid var(--blog-border-subtle);padding:40px 24px}.blog-footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:var(--blog-max-width)}.blog-footer-brand{align-items:center;display:flex;gap:10px}.blog-footer-links{display:flex;gap:24px}.blog-footer-links a{color:var(--blog-text-muted);font-size:13px;text-decoration:none;transition:color .2s}.blog-footer-links a:hover{color:var(--blog-text-secondary)}.blog-footer-copy{color:var(--blog-text-muted);font-size:13px}.blog-not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px;text-align:center}.blog-not-found h1{font-size:32px;margin-bottom:12px}.blog-not-found p{color:var(--blog-text-secondary);margin-bottom:24px}@media (max-width:1024px){.blog-post-sidebar{display:none}.blog-post-layout{gap:0}}@media (max-width:768px){.blog-hero-title{font-size:28px}.blog-hero{padding:60px 16px 32px}.blog-grid{gap:20px;grid-template-columns:1fr}.blog-listing{padding:0 16px 60px}.blog-post-title{font-size:26px}.blog-post-header{padding:80px 16px 24px}.blog-post-layout{padding:24px 16px 60px}.blog-post-content h2{font-size:22px}.blog-post-content h3{font-size:18px}.blog-nav-links{display:none}.blog-footer-content{flex-direction:column;text-align:center}.blog-cta-banner{padding:32px 20px}.blog-cta-title{font-size:22px}.blog-related-grid{grid-template-columns:1fr}}@media (max-width:480px){.blog-hero-title{font-size:24px}.blog-nav-cta{padding:6px 14px}.blog-nav-cta,.blog-post-meta{font-size:13px}}