:root{--blog-bg:#07090e;--blog-card-bg:#0f172aa6;--blog-card-border:#ffffff14;--blog-card-hover:#ffffff24;--blog-purple:#a855f7;--blog-purple-glow:#a855f740;--blog-cyan:#38bdf8;--blog-text-main:#f8fafc;--blog-text-muted:#94a3b8;--blog-font-sans:"Inter", system-ui, -apple-system, sans-serif}.bg-video{object-fit:cover;z-index:-1;filter:brightness(80%);pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.blog-page-container{min-height:100vh;color:var(--blog-text-main);font-family:var(--blog-font-sans);background:#07090e73;padding-bottom:70px;position:relative;overflow-x:hidden}.blog-listing-wrapper{max-width:1280px;margin:0 auto;padding:104px 24px 80px}.blog-hero-section{margin-bottom:40px}.blog-hero-title{letter-spacing:-.025em;background:linear-gradient(135deg,#fff 30%,#cbd5e1 70%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:3rem;font-weight:800;line-height:1.15}.blog-hero-desc{color:var(--blog-text-muted);max-width:720px;font-size:1.15rem;line-height:1.6}.blog-master-layout{grid-template-columns:280px 1fr;align-items:start;gap:48px;display:grid}.blog-sidebar{flex-direction:column;gap:24px;display:flex;position:sticky;top:96px}.sidebar-block-title{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:8px;font-size:.8rem;font-weight:700}.sidebar-search-wrap{box-sizing:border-box;width:100%;position:relative}.sidebar-search-input{box-sizing:border-box;color:#fff;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:10px 14px 10px 38px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.sidebar-search-input::placeholder{color:#64748b}.sidebar-search-input:focus{border-color:var(--blog-purple);box-shadow:0 0 0 3px var(--blog-purple-glow)}.sidebar-search-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topic-pills-list{flex-direction:column;gap:8px;display:flex}.topic-pill-btn{width:100%;color:var(--blog-text-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9999px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.92rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.topic-pill-btn:hover{color:#e2e8f0;background:#ffffff0a;border-color:#ffffff14}.topic-pill-btn.active{font-weight:600;box-shadow:0 4px 16px #ffffff26;color:#090d16!important;background:#fff!important}.topic-count-badge{color:inherit;background:#ffffff14;border-radius:9999px;padding:2px 8px;font-size:.75rem}.topic-pill-btn.active .topic-count-badge{color:#090d16!important;background:#0000001f!important}.sidebar-subscribe-card{background:linear-gradient(145deg,#1e293b80,#0f172acc);border:1px solid #ffffff14;border-radius:16px;padding:20px}.sidebar-subscribe-title{color:#fff;margin-bottom:6px;font-size:.95rem;font-weight:700}.sidebar-subscribe-desc{color:var(--blog-text-muted);margin-bottom:14px;font-size:.82rem;line-height:1.5}.sidebar-subscribe-btn{color:#d8b4fe;cursor:pointer;background:#a855f726;border:1px solid #a855f766;border-radius:10px;width:100%;padding:9px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.sidebar-subscribe-btn:hover{color:#fff;background:#a855f7;box-shadow:0 4px 14px #a855f759}.articles-grid-2col{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.blog-card{background:var(--blog-card-bg);border:1px solid var(--blog-card-border);cursor:pointer;border-radius:20px;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.blog-card:hover{border-color:var(--blog-card-hover);transform:translateY(-5px);box-shadow:0 16px 36px #00000059,0 0 24px #a855f714}.blog-card-thumb-wrap{background:#0f172a;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.blog-card-thumb{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;top:0;left:0}.blog-card:hover .blog-card-thumb{transform:scale(1.05)}.blog-card-badge{letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c084fc;background:#0d121fcc;border:1px solid #ffffff1f;border-radius:9999px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:14px;left:14px;box-shadow:0 4px 12px #0000004d}.blog-card-body{flex-direction:column;flex-grow:1;padding:22px;display:flex}.blog-card-meta{color:#64748b;align-items:center;gap:8px;margin-bottom:12px;font-size:.82rem;display:flex}.blog-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:1.25rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden;color:#fff!important}.blog-card-title a,.blog-card-title a:link,.blog-card-title a:visited,.blog-card-title-link,.blog-card-title-link:link,.blog-card-title-link:visited,a.blog-card-title-link,a.blog-card-title-link:visited{transition:color .2s;color:#fff!important;border-bottom:none!important;outline:none!important;text-decoration:none!important}.blog-card-title a:hover,.blog-card-title a:focus,.blog-card-title a:active,.blog-card-title-link:hover,.blog-card-title-link:focus,.blog-card-title-link:active,a.blog-card-title-link:hover,.blog-card:hover .blog-card-title,.blog-card:hover .blog-card-title a,.blog-card:hover .blog-card-title-link{color:#c084fc!important;text-decoration:none!important}.blog-card-thumb-wrap{background:#0f172a;width:100%;padding-top:56.25%;text-decoration:none;display:block;position:relative;overflow:hidden}.blog-card-excerpt{color:var(--blog-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:20px;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.blog-author-box{align-items:center;gap:10px;display:flex}.blog-author-avatar{color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:700;display:flex}.blog-author-name{color:#cbd5e1;font-size:.85rem;font-weight:500}.blog-card-share-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.blog-card-share-btn:hover{color:#fff;background:#ffffff14}.article-detail-wrapper{max-width:1200px;margin:0 auto;padding:104px 24px 100px}.article-hero-banner{background:#090d16;border:1px solid #ffffff1a;border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:320px;max-height:540px;margin-top:12px;margin-bottom:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 48px #0000008c}.article-hero-blur-bg{filter:blur(30px)brightness(.35);z-index:1;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:-20px;transform:scale(1.1)}.article-hero-img{z-index:2;object-fit:contain;width:100%;height:auto;max-height:510px;padding:14px 20px;display:block;position:relative}.article-hero-credit{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#94a3b8;z-index:3;background:#0d121fd9;border:1px solid #ffffff1f;border-radius:9999px;padding:5px 12px;font-size:.75rem;position:absolute;bottom:14px;right:18px}.article-top-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.article-back-pill{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.article-back-pill:hover{color:#fff;background:#ffffff1a;transform:translate(-2px)}.article-category-pill{letter-spacing:.04em;color:#c084fc;background:#a855f726;border:1px solid #a855f759;border-radius:9999px;padding:4px 14px;font-size:.8rem;font-weight:700}.article-main-title{letter-spacing:-.02em;color:#fff;margin-bottom:24px;font-size:2.75rem;font-weight:800;line-height:1.2}.article-meta-wrapper{border-bottom:1px solid #ffffff14;align-items:center;gap:16px;margin-bottom:40px;padding-bottom:32px;display:flex}.article-meta-avatar{color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.article-meta-info{flex-direction:column;display:flex}.article-meta-author{color:#f8fafc;font-size:1rem;font-weight:600}.article-meta-date{color:var(--blog-text-muted);font-size:.85rem}.article-reading-layout{grid-template-columns:1fr 300px;align-items:start;gap:56px;display:grid}.article-content-body{-webkit-backdrop-filter:blur(24px);color:#cbd5e1;word-break:break-word;background:#0d121eb8;border:1px solid #ffffff14;border-top-color:#a855f759;border-radius:24px;padding:48px 52px;font-size:1.125rem;line-height:1.85;box-shadow:0 24px 60px #0009,inset 0 1px #ffffff0f}.article-content-body>:first-child{margin-top:0!important}.article-content-body>:last-child{margin-bottom:0!important}.article-content-body>p:first-of-type{color:#f1f5f9;font-size:1.2rem;font-weight:400;line-height:1.85}.article-content-body p{color:#cbd5e1;margin-bottom:24px}.article-content-body h2{color:#fff;letter-spacing:-.02em;margin-top:48px;margin-bottom:20px;scroll-margin-top:110px;font-size:1.85rem;font-weight:800;line-height:1.35}.article-content-body h3{color:#f8fafc;letter-spacing:-.015em;margin-top:36px;margin-bottom:16px;scroll-margin-top:110px;font-size:1.42rem;font-weight:700;line-height:1.4}.article-content-body ul,.article-content-body ol{color:#cbd5e1;margin-bottom:24px;padding-left:28px}.article-content-body li{color:#cbd5e1;margin-bottom:12px;line-height:1.75}.article-content-body strong,.article-content-body b{color:#fff;font-weight:700}.article-content-body a{color:#c084fc;text-underline-offset:4px;font-weight:600;-webkit-text-decoration:underline #c084fc66;text-decoration:underline #c084fc66;transition:all .2s}.article-content-body a:hover{color:#f3e8ff;text-decoration-color:#c084fc}.article-content-body blockquote{border-left:4px solid var(--blog-purple);color:#f1f5f9;background:linear-gradient(135deg,#a855f71a 0%,#6366f10a 100%);border-top:1px solid #a855f733;border-bottom:1px solid #ffffff0d;border-right:1px solid #ffffff0d;border-radius:0 16px 16px 0;margin:36px 0;padding:22px 28px;font-size:1.15rem;font-style:italic;line-height:1.75}.article-content-body code{color:#f472b6;background:#a855f724;border:1px solid #a855f747;border-radius:7px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:.9em;font-weight:500}.article-content-body pre{background:#060911;border:1px solid #ffffff1a;border-radius:16px;margin:30px 0;padding:22px 24px;overflow-x:auto;box-shadow:0 14px 36px #0000008c}.article-content-body pre code{color:#f8fafc;background:0 0;border:none;padding:0}.article-content-body img{border:1px solid #ffffff14;border-radius:18px;max-width:100%;height:auto;margin:36px 0;box-shadow:0 14px 40px #00000073}.article-content-body hr{background:linear-gradient(90deg,#0000,#a855f780,#38bdf880,#0000);border:0;height:1px;margin:44px 0}.article-content-body table{border-collapse:separate;border-spacing:0;background:#0f172a80;border:1px solid #ffffff14;border-radius:14px;width:100%;margin:32px 0;overflow:hidden}.article-content-body th{color:#fff;text-align:left;background:#ffffff0f;border-bottom:1px solid #ffffff1a;padding:14px 18px;font-weight:700}.article-content-body td{color:#cbd5e1;border-bottom:1px solid #ffffff0a;padding:12px 18px}.article-content-body tr:last-child td{border-bottom:none}.article-content-body tr:nth-child(2n){background:#ffffff05}.article-content-body .tech-comparison-box,.article-content-body .callout-box,.article-content-body .step-card{color:#cbd5e1;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;margin:28px 0;padding:24px 28px;box-shadow:inset 0 1px #ffffff0d}.article-toc-sticky{flex-direction:column;gap:24px;display:flex;position:sticky;top:96px}.toc-card{-webkit-backdrop-filter:blur(24px);background:#0d121eb8;border:1px solid #ffffff14;border-top-color:#a855f747;border-radius:20px;padding:24px;box-shadow:0 16px 40px #00000073}.toc-header{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:.85rem;font-weight:700;display:flex}.toc-nav{flex-direction:column;gap:4px;display:flex}.toc-link{color:#94a3b8;border:1px solid #0000;border-left-width:3px;border-radius:10px;padding:8px 12px;font-size:.88rem;line-height:1.45;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:block}.toc-link:hover{color:#fff;background:#ffffff0d}.toc-link.active{color:#f3e8ff;border:1px solid #a855f759;border-left:3px solid var(--blog-purple);background:#a855f726;font-weight:600}.article-share-card{-webkit-backdrop-filter:blur(24px);background:#0d121eb8;border:1px solid #ffffff14;border-top-color:#a855f747;border-radius:20px;padding:22px;box-shadow:0 16px 40px #00000073}.article-share-title{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:14px;font-size:.85rem;font-weight:700}.article-share-buttons{align-items:center;gap:10px;display:flex}.article-share-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex:1;justify-content:center;align-items:center;height:40px;text-decoration:none;transition:all .2s;display:flex}.article-share-btn:hover{color:#fff;background:#ffffff1f;transform:translateY(-2px)}.blog-toast{color:#fff;z-index:9999;background:#9333ea;border-radius:12px;padding:12px 22px;font-size:.9rem;font-weight:600;animation:.3s forwards slideUpFade;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 28px #00000073}.footer{text-align:center;color:#ffffffb3;-webkit-backdrop-filter:blur(16px);z-index:1000;box-sizing:border-box;background:#0006;border-top:1px solid #ffffff1a;width:100%;padding:6px 12px;font-size:13px;position:fixed;bottom:0;left:0}.footer a{color:#fff;font-weight:600;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-logo{vertical-align:middle;width:auto;height:22px;margin:0 4px;position:relative;top:-1px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.blog-master-layout{grid-template-columns:240px 1fr;gap:32px}.article-reading-layout{grid-template-columns:1fr;gap:40px}.article-toc-sticky{margin-bottom:40px;position:static}}@media (max-width:860px){.blog-master-layout{grid-template-columns:1fr;gap:32px}.blog-sidebar{position:static}.topic-pills-list{flex-flow:wrap}.topic-pill-btn{width:auto}.articles-grid-2col{grid-template-columns:1fr}.article-hero-banner{min-height:220px;max-height:380px}.article-hero-img{max-height:380px}.article-main-title{font-size:2rem}.article-content-body{border-radius:20px;padding:30px 22px;font-size:1.05rem}.article-content-body h2{margin-top:36px;font-size:1.55rem}.article-content-body h3{margin-top:28px;font-size:1.25rem}}.article-loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:130px 24px;display:flex}.article-spinner{border:3px solid #a855f733;border-top-color:var(--blog-purple);width:48px;height:48px;box-shadow:0 0 24px var(--blog-purple-glow);border-radius:50%;margin-bottom:22px;animation:.85s linear infinite spin}.article-loading-title{color:#f8fafc;letter-spacing:-.01em;margin-bottom:6px;font-size:1.25rem;font-weight:600}.article-loading-sub{color:#94a3b8;font-size:.92rem}.article-not-found-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:120px 24px;display:flex}.not-found-icon{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}