.blog-page{--blog-bg:var(--landing-bg,#090d16);--blog-bg-card:var(--landing-bg-card,#0f172aa6);--blog-bg-card-solid:#111827;--blog-border:var(--landing-border,#ffffff14);--blog-border-hover:var(--landing-border-hover,#ffffff29);--blog-text:var(--landing-text,#f1f5f9);--blog-text-secondary:var(--landing-text-secondary,#94a3b8);--blog-text-muted:var(--landing-text-muted,#64748b);--blog-accent:var(--landing-accent-blue,#3b82f6);--blog-accent-cyan:#06b6d4;--blog-accent-emerald:#10b981;--blog-gradient:var(--landing-gradient-primary,linear-gradient(135deg, #3b82f6, #06b6d4));color:var(--blog-text);background:radial-gradient(circle at 50% 15%,#0c152c 0%,#050a18 70%);min-height:100vh;position:relative}.blog-page:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(at 78% 45%,#3b82f62e 0%,#0000 55%),radial-gradient(at 22% 25%,#06b6d41f 0%,#0000 45%),radial-gradient(circle at 50% 85%,#8b5cf626 0%,#0000 50%),radial-gradient(#ffffff0f 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,28px 28px;width:100%;height:100%;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 70%,#0000 100%);mask-image:radial-gradient(circle,#000 70%,#0000 100%)}.blog-main-content{z-index:1;padding-bottom:4rem;position:relative}.blog-container{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.blog-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:110px 0 36px;display:flex}.blog-hero-title{text-align:center;background:linear-gradient(135deg,#f1f5f9 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1.15}.blog-hero-subtitle{color:var(--blog-text-secondary);text-align:center;max-width:640px;margin:0 auto 1.5rem;font-size:1.125rem;line-height:1.6}.blog-filter-card{background:var(--landing-bg-card,#0f172aa6);-webkit-backdrop-filter:blur(20px);border:1px solid var(--blog-border);border-radius:var(--landing-radius-card,20px);max-width:820px;margin:0 auto 3rem;padding:1.75rem 1.5rem;box-shadow:0 10px 40px #0000004d}.blog-search{max-width:560px;margin:0 auto 1.25rem;position:relative}.blog-search input{border:1px solid var(--blog-border);border-radius:var(--landing-radius-btn,14px);width:100%;color:var(--blog-text);background:#0f172a99;outline:none;padding:14px 20px 14px 48px;font-size:.9375rem;transition:border-color .2s,background .2s,box-shadow .2s}.blog-search input:focus{border-color:var(--blog-accent);background:#0f172ad9;box-shadow:0 0 20px #3b82f640}.blog-search input::placeholder{color:var(--blog-text-muted)}.blog-search-icon{color:var(--blog-text-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.blog-categories{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:0;display:flex}.blog-category-chip{border:1px solid var(--blog-border);color:var(--blog-text-secondary);cursor:pointer;background:#ffffff08;border-radius:9999px;padding:8px 16px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s}.blog-category-chip:hover{border-color:var(--blog-border-hover);color:var(--blog-text);background:#ffffff14}.blog-category-chip.active{color:var(--blog-accent);background:#3b82f626;border-color:#3b82f666}.blog-post-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:48px;display:grid}.blog-post-card{background:var(--landing-bg-card,#0f172aa6);-webkit-backdrop-filter:blur(20px);border:1px solid var(--blog-border);border-radius:var(--landing-radius-card,20px);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-post-card:hover{border-color:var(--blog-border-hover);transform:translateY(-3px);box-shadow:0 12px 40px #0006,0 0 20px #3b82f626}.blog-post-card-image{object-fit:cover;background:#ffffff08;width:100%;height:200px}.blog-post-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.blog-post-card-category{color:var(--blog-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:600;display:inline-block}.blog-post-card-title{color:var(--blog-text);margin-bottom:8px;font-size:1.125rem;font-weight:700;line-height:1.4}.blog-post-card-excerpt{color:var(--blog-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-post-card-meta{border-top:1px solid var(--blog-border);color:var(--blog-text-muted);align-items:center;gap:16px;margin-top:16px;padding-top:16px;font-size:.8125rem;display:flex}.blog-post-card-meta span{align-items:center;gap:4px;display:flex}.blog-post-card-small{background:var(--landing-bg-card,#0f172aa6);-webkit-backdrop-filter:blur(20px);border:1px solid var(--blog-border);border-radius:var(--landing-radius-card,16px);color:inherit;flex-direction:row;align-items:center;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-post-card-small:hover{border-color:var(--blog-border-hover);transform:translateY(-2px);box-shadow:0 8px 30px #00000059,0 0 15px #3b82f61f}.blog-post-card-small-image{object-fit:cover;background:#ffffff08;flex-shrink:0;width:120px;height:100px}.blog-post-card-small-body{flex:1;min-width:0;padding:14px 16px}.blog-post-card-small-title{color:var(--blog-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:.9375rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-post-card-small-meta{color:var(--blog-text-muted);align-items:center;gap:12px;font-size:.75rem;display:flex}.blog-post-card-small-meta span{align-items:center;gap:4px;display:flex}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:32px 0 64px;display:flex}.blog-pagination button,.blog-pagination a{border:1px solid var(--blog-border);min-width:40px;height:40px;color:var(--blog-text-secondary);cursor:pointer;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.blog-pagination button:hover,.blog-pagination a:hover{color:var(--blog-text);background:#ffffff14}.blog-pagination .active{color:var(--blog-accent);background:#3b82f626;border-color:#3b82f666}.blog-pagination button:disabled,.blog-pagination a.disabled{opacity:.3;pointer-events:none}.blog-article{max-width:800px;margin:0 auto;padding:60px 0 80px}.blog-article-cover{object-fit:cover;background:#ffffff08;border-radius:20px;width:100%;max-height:450px;margin-bottom:32px}.blog-article-category{color:var(--blog-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.8125rem;font-weight:600;display:inline-block}.blog-article-title{margin-bottom:20px;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:800;line-height:1.15}.blog-article-meta{border-bottom:1px solid var(--blog-border);color:var(--blog-text-secondary);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;font-size:.875rem;display:flex}.blog-article-meta span{align-items:center;gap:6px;display:flex}.blog-article-author-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.blog-article-content{color:#e2e8f0;font-size:1.0625rem;line-height:1.85}.blog-article-content h2{color:#f8fafc;letter-spacing:-.01em;border-bottom:1px solid #ffffff14;margin:44px 0 18px;padding-bottom:8px;font-size:clamp(1.5rem,3.5vw,1.875rem);font-weight:800;line-height:1.3;position:relative}.blog-article-content h3{color:#f1f5f9;margin:32px 0 14px;font-size:clamp(1.25rem,2.5vw,1.4rem);font-weight:700;line-height:1.35}.blog-article-content p{text-align:left;margin-bottom:22px}.blog-article-content a{color:var(--blog-accent-cyan);text-underline-offset:3px;text-decoration:underline;transition:color .2s}.blog-article-content a:hover{color:#38bdf8}.blog-article-content ul,.blog-article-content ol{margin-bottom:24px;padding-left:24px}.blog-article-content li{margin-bottom:10px;line-height:1.7}.blog-article-content img{border:1px solid var(--blog-border);border-radius:16px;max-width:100%;margin:28px 0;box-shadow:0 10px 30px #0000004d}.blog-article-content blockquote{border-left:3px solid var(--blog-accent);color:#cbd5e1;background:#3b82f60d;border-radius:0 12px 12px 0;margin:28px 0;padding:16px 24px;font-size:1.0625rem;font-style:italic;line-height:1.75}.blog-article-content table{border-collapse:collapse;border:1px solid var(--blog-border);border-radius:12px;width:100%;margin:32px 0;font-size:.9375rem;overflow:hidden}.blog-article-content th,.blog-article-content td{text-align:left;border-bottom:1px solid var(--blog-border);padding:14px 18px}.blog-article-content th{color:#f1f5f9;background:#3b82f61f;font-weight:700}.blog-article-content td{color:var(--blog-text-secondary);background:#0f172a66}.blog-article-content tr:hover td{background:#3b82f60d}.blog-article-content pre{border:1px solid var(--blog-border);background:#0f172ae6;border-radius:12px;margin-bottom:24px;padding:20px;overflow-x:auto}.blog-article-content code{font-family:Geist Mono,monospace;font-size:.875rem}.blog-article-content hr{border:none;border-top:1px solid var(--blog-border);margin:36px 0}.blog-article-tags{border-top:1px solid var(--blog-border);flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:24px;display:flex}.blog-article-tags a{border:1px solid var(--blog-border);color:var(--blog-text-secondary);background:#ffffff08;border-radius:9999px;padding:6px 14px;font-size:.8125rem;text-decoration:none;transition:all .2s}.blog-article-tags a:hover{color:var(--blog-text);background:#ffffff14}.blog-btn-primary{border-radius:var(--landing-radius-btn,14px);color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);border:1px solid #fff3;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #3b82f666,0 0 0 1px #06b6d433}.blog-btn-primary:hover{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#0891b2 100%);transform:translateY(-2px);box-shadow:0 8px 30px #3b82f699,0 0 25px #06b6d466}.blog-btn-primary:active{transform:translateY(0)}.blog-btn-secondary{border-radius:var(--landing-radius-btn,14px);border:1px solid var(--blog-border);color:var(--blog-text);background:#ffffff0d;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.blog-btn-secondary:hover{border-color:var(--blog-border-hover);color:#fff;background:#ffffff1a}.blog-cta{-webkit-backdrop-filter:blur(20px);border-radius:var(--landing-radius-card,24px);text-align:center;background:radial-gradient(circle at 50% 0,#3b82f62e 0%,#0f172ad9 75%);border:1px solid #3b82f64d;margin-top:56px;padding:48px 36px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0006,inset 0 1px #ffffff1a}.blog-cta:before{content:"";background:linear-gradient(90deg,#0000,#3b82f6,#06b6d4,#0000);width:60%;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.blog-cta-badge{letter-spacing:.06em;text-transform:uppercase;color:#60a5fa;background:#3b82f626;border:1px solid #3b82f659;border-radius:9999px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.blog-cta h3{color:#f8fafc;margin-bottom:12px;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;line-height:1.25}.blog-cta p{color:var(--blog-text-secondary);max-width:600px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:1.0625rem;line-height:1.6}.blog-cta-features{color:#cbd5e1;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-bottom:28px;font-size:.875rem;display:flex}.blog-cta-feature-item{align-items:center;gap:6px;display:inline-flex}.blog-cta-feature-item svg{color:#10b981;flex-shrink:0}.blog-cta-trust{color:var(--blog-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;font-size:.8125rem;display:flex}.blog-sticky-cta{-webkit-backdrop-filter:blur(24px);z-index:45;opacity:0;pointer-events:none;background:#0f172aeb;border:1px solid #3b82f659;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;width:min(92%,680px);padding:14px 20px;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(120%);box-shadow:0 16px 40px #00000080,0 0 20px #3b82f633}.blog-sticky-cta.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.blog-sticky-cta-info{align-items:center;gap:12px;min-width:0;display:flex}.blog-sticky-cta-icon{color:#38bdf8;background:linear-gradient(135deg,#3b82f633,#06b6d433);border:1px solid #3b82f64d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.blog-sticky-cta-text{min-width:0}.blog-sticky-cta-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;overflow:hidden}.blog-sticky-cta-desc{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.blog-sticky-cta-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.blog-sticky-cta-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;border-radius:10px;padding:8px 18px;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 4px 14px #3b82f659}.blog-sticky-cta-btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #3b82f680}.blog-sticky-cta-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .2s,background .2s;display:flex}.blog-sticky-cta-close:hover{color:#cbd5e1;background:#ffffff0f}@media (max-width:640px){.blog-sticky-cta{border-radius:14px;padding:10px 14px;bottom:16px}.blog-sticky-cta-desc,.blog-sticky-cta-icon{display:none}}.blog-archive-header{padding:80px 0 32px}.blog-archive-title{color:#f1f5f9;margin-bottom:10px;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.2}.blog-archive-desc{color:var(--blog-text-secondary);max-width:680px;margin-bottom:36px;font-size:1.0625rem;line-height:1.6}.blog-related{margin-top:60px}.blog-related h3{margin-bottom:24px;font-size:1.25rem;font-weight:700}.blog-related-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.blog-breadcrumbs{color:var(--blog-text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:.8125rem;display:flex}.blog-breadcrumbs a{color:var(--blog-text-secondary);text-decoration:none;transition:color .2s}.blog-breadcrumbs a:hover{color:var(--blog-text)}.blog-breadcrumbs .separator{color:var(--blog-text-muted);-webkit-user-select:none;user-select:none}.blog-empty{text-align:center;background:var(--landing-bg-card,#0f172aa6);-webkit-backdrop-filter:blur(20px);border:1px solid var(--blog-border);border-radius:var(--landing-radius-card,20px);flex-direction:column;justify-content:center;align-items:center;max-width:540px;margin:2rem auto 4rem;padding:60px 24px;display:flex}.blog-empty-icon{color:var(--blog-accent);opacity:.8;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.blog-empty h3{color:var(--blog-text);margin-bottom:8px;font-size:1.25rem;font-weight:600}.blog-empty p{color:var(--blog-text-secondary);font-size:.9375rem}.blog-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:32px;display:grid}.blog-main{min-width:0}.blog-load-more{justify-content:center;padding:8px 0 48px;display:flex}.blog-load-more-btn{border:1px solid var(--blog-border);color:var(--blog-text);cursor:pointer;background:#ffffff0a;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 40px;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex}.blog-load-more-btn:hover{color:var(--blog-accent);background:#3b82f626;border-color:#3b82f666}.blog-load-more-btn:disabled{opacity:.5;cursor:default}.blog-sidebar{position:sticky;top:96px}.blog-sidebar-toggle{border-radius:var(--landing-radius-card,20px);border:1px solid var(--blog-border);background:var(--landing-bg-card,#0f172aa6);width:100%;color:var(--blog-text);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.9375rem;font-weight:600;transition:border-color .2s;display:none}.blog-sidebar-toggle:hover{border-color:var(--blog-border-hover)}.blog-sidebar-toggle-label{align-items:center;gap:8px;display:inline-flex}.blog-sidebar-chevron{color:var(--blog-text-muted);transition:transform .25s}.blog-sidebar-chevron.open{transform:rotate(180deg)}.blog-sidebar-card{background:var(--landing-bg-card,#0f172aa6);-webkit-backdrop-filter:blur(20px);border:1px solid var(--blog-border);border-radius:var(--landing-radius-card,20px);padding:20px 16px}.blog-sidebar-title{letter-spacing:.08em;text-transform:uppercase;color:var(--blog-text-muted);margin:0 0 12px;padding:0 12px;font-size:.8125rem;font-weight:700}.blog-sidebar-list{max-height:calc(100vh - 220px);padding-right:2px;overflow-y:auto}.blog-sidebar-list::-webkit-scrollbar{width:6px}.blog-sidebar-list::-webkit-scrollbar-track{background:0 0}.blog-sidebar-list::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:9999px}.blog-sidebar-list ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.blog-sidebar-list a{color:var(--blog-text-secondary);white-space:normal;overflow-wrap:break-word;word-break:break-word;border-radius:10px;padding:10px 12px;font-size:.875rem;font-weight:500;line-height:1.4;text-decoration:none;transition:background .2s,color .2s;display:block}.blog-sidebar-list a:hover{color:var(--blog-text);background:#ffffff0f}@media (max-width:768px){.blog-container{padding:0 16px}.blog-hero{padding:calc(var(--landing-nav-h,72px) + 24px) 0 32px}.blog-post-grid{grid-template-columns:1fr}.blog-article{padding:32px 0 48px}.blog-related-grid{grid-template-columns:1fr}.blog-cta{padding:28px 20px}.blog-layout{grid-template-columns:1fr;gap:16px}.blog-sidebar{position:static;top:auto}.blog-sidebar-toggle{display:flex}.blog-sidebar-card{-webkit-backdrop-filter:none;background:0 0;border:none;padding:0}.blog-sidebar-title{display:none}.blog-sidebar-list{border:1px solid var(--blog-border);border-radius:var(--landing-radius-card,20px);background:var(--landing-bg-card,#0f172aa6);max-height:420px;margin-top:12px;padding:8px 12px;display:none}.blog-sidebar.open .blog-sidebar-list{display:block}}.blog-empty-cta{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;justify-content:center;align-items:center;min-height:48px;margin-top:1.25rem;padding:0 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #3b82f64d}.blog-empty-cta:hover{filter:brightness(1.08)}