.blog-shell{min-height:100vh;color:var(--text-primary)}.blog-nav{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;max-width:1180px;height:68px;margin:auto;padding:0 24px;display:flex}.blog-brand{color:var(--text-primary);align-items:center;gap:9px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.blog-nav nav{align-items:center;gap:22px;display:flex}.blog-nav nav a{color:var(--text-secondary);font-size:12px;font-weight:600;text-decoration:none}.blog-nav nav a:last-child{background:var(--blue-600);color:#fff;border-radius:9px;padding:9px 13px}.blog-index{max-width:1040px;margin:auto;padding:90px 28px 120px}.blog-hero{max-width:720px;margin-bottom:72px}.blog-kicker{color:var(--blue-600);letter-spacing:.11em;font-size:10px;font-weight:800}.blog-hero h1{color:var(--text-primary);letter-spacing:-.044em;margin:16px 0;font-size:clamp(4rem,5.1vw,4.5rem);font-weight:500;line-height:.98}.blog-hero p{color:var(--text-secondary);font-size:17px;line-height:1.65}.blog-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.blog-grid.single-card{grid-template-columns:1fr;max-width:500px}.blog-card{border:1px solid var(--border-subtle);background:var(--surface-strong);min-height:420px;color:var(--text-primary);border-radius:18px;flex-direction:column;padding:32px;text-decoration:none;transition:scale .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;scale:1}@media (hover:hover){.blog-card:hover{border-color:#0a84ff4d;scale:1.015;box-shadow:0 8px 24px #0f27420d}}.blog-card-bg-logo{opacity:.3;pointer-events:none;z-index:0;-webkit-backdrop-filter:blur(8px)saturate(120%);backdrop-filter:blur(8px)saturate(120%);background:#ffffff1f;border:1px solid #ffffff40;border-radius:20px;width:240px;height:220px;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .3s,border-color .3s;position:absolute;bottom:-30px;right:-30px;overflow:hidden;transform:rotate(-8deg);box-shadow:0 8px 32px #0f27420a}[data-theme=dark] .blog-card-bg-logo{opacity:.2;-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);background:#12273e26;border-color:#b7d2ed14}.blog-card:hover .blog-card-bg-logo{opacity:.45;border-color:#0a84ff33;transform:scale(1.12)rotate(-3deg)translateY(-5px)}[data-theme=dark] .blog-card:hover .blog-card-bg-logo{opacity:.3;border-color:#0a84ff4d}.blog-card-bg-logo-img{object-fit:cover;opacity:.85;width:100%;height:100%}.blog-card>span,.blog-card h2,.blog-card p,.blog-card strong{z-index:1;position:relative}.blog-card-secondary{background:color-mix(in srgb, var(--blue-100) 48%, var(--surface-strong));min-height:420px}.blog-card>span{color:var(--blue-600);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:800}.blog-card h2{max-width:620px;font-family:var(--font-sans);letter-spacing:-.045em;margin:auto 0 14px;font-size:clamp(30px,4vw,50px);font-weight:500;line-height:1.05}.blog-card-secondary h2{font-size:31px}.blog-card p{color:var(--text-secondary);font-size:13px;line-height:1.7}.blog-card strong{color:var(--blue-600);align-items:center;gap:6px;margin-top:20px;font-size:11px;display:flex}.blog-article{max-width:760px;margin:auto;padding:72px 28px 120px}.blog-breadcrumb{color:var(--text-tertiary);align-items:center;gap:8px;margin-bottom:54px;font-size:11px;display:flex}.blog-breadcrumb a{color:var(--blue-600);text-decoration:none}.blog-article header>span{color:var(--blue-600);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.blog-article h1{font-family:var(--font-sans);letter-spacing:-.06em;margin:15px 0 22px;font-size:clamp(44px,7vw,72px);font-weight:500;line-height:.99}.blog-dek{color:var(--text-secondary);font-size:19px;line-height:1.6}.blog-byline{border-bottom:1px solid var(--border-subtle);color:var(--text-tertiary);gap:12px;margin-top:24px;padding-bottom:34px;font-size:11px;display:flex}.blog-body{padding-top:35px}.blog-body h2{letter-spacing:-.03em;margin:48px 0 14px;font-size:28px;font-weight:600}.blog-body p,.blog-body li{color:var(--text-secondary);font-size:16px;line-height:1.8}.blog-body ul{padding-left:22px}.blog-body li{margin:8px 0}.blog-quote{border-left:3px solid var(--blue-600);background:var(--surface-strong);color:var(--text-primary);border-radius:0 12px 12px 0;margin:32px 0;padding:22px 24px;font-size:19px;line-height:1.55}.blog-cta{border:1px solid var(--border-blue);background:var(--blue-100);border-radius:16px;margin-top:56px;padding:28px}.blog-cta h2{margin-top:0}.blog-cta a{background:var(--blue-600);color:#fff;border-radius:9px;margin-top:10px;padding:11px 15px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.blog-featured{border:1px solid var(--border-subtle);background:var(--surface-strong);border-radius:20px;width:100%;margin-bottom:48px;transition:scale .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden;scale:1;box-shadow:0 4px 20px #0f274208}@media (hover:hover){.blog-featured:hover{border-color:#0a84ff40;scale:1.015;box-shadow:0 12px 30px #0f274214}}.blog-featured-link{z-index:1;width:100%;min-height:420px;text-decoration:none;display:block;position:relative}.blog-featured-bg{z-index:-2;background-position:50%;background-size:cover;transition:scale .35s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;scale:1}@media (hover:hover){.blog-featured:hover .blog-featured-bg{scale:1.04}}.blog-featured-overlay{z-index:-1;background:linear-gradient(90deg,#040c18f0 0%,#040c18c7 45%,#040c1833 100%);position:absolute;inset:0}[data-theme=dark] .blog-featured-overlay{background:linear-gradient(90deg,#030810f5 0%,#030810d6 45%,#03081040 100%)}.blog-featured-content{z-index:2;color:#fff;flex-direction:column;justify-content:center;max-width:60%;height:100%;min-height:420px;padding:48px;display:flex;position:relative}.blog-featured-meta{color:var(--blue-300);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:24px;font-size:10px;font-weight:800;display:flex}.blog-featured-separator{color:#ffffff4d}.blog-featured-content h2{font-family:var(--font-sans);letter-spacing:-.04em;color:#fff;margin:0 0 16px;font-size:clamp(28px,3.5vw,44px);font-weight:500;line-height:1.1}.blog-featured-content p{color:#fffc;margin:0 0 32px;font-size:15px;line-height:1.6}.blog-featured-cta{color:#3f97ff;align-items:center;gap:6px;font-size:13px;font-weight:700;transition:color .2s;display:inline-flex}.blog-featured-cta svg{transition:transform .2s ease-out}@media (hover:hover){.blog-featured:hover .blog-featured-cta{color:#9ecfff}.blog-featured:hover .blog-featured-cta svg{transform:translate(4px)}}.blog-featured-link:focus-visible{outline:none}.blog-featured-link:focus-visible:after{content:"";border:2px solid var(--blue-600);z-index:10;pointer-events:none;border-radius:22px;position:absolute;inset:-2px}.blog-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:12px;margin-bottom:36px;display:flex}.blog-categories{flex-wrap:wrap;gap:8px;display:flex}.blog-category-btn{cursor:pointer;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-secondary);border-radius:9px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.blog-category-btn:hover{background:var(--surface-strong);color:var(--text-primary);border-color:#0a84ff4d}.blog-category-btn.active{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}.blog-search{align-items:center;min-width:280px;display:flex;position:relative}.blog-search input{background:var(--surface-strong);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:9px;outline:none;padding:10px 36px 10px 14px;font-size:13px;transition:all .2s}.blog-search input:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px #0a84ff26}.blog-search-clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:16px;transition:color .2s;display:flex;position:absolute;right:10px}.blog-search-clear:hover{color:var(--text-primary)}.blog-empty-state{text-align:center;border:1px dashed var(--border-subtle);background:var(--surface);color:var(--text-secondary);border-radius:18px;padding:54px 24px}.blog-empty-state h3{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}@media (prefers-reduced-motion:reduce){.blog-featured,.blog-card,.blog-featured-bg{transition:none!important;scale:1!important}.blog-featured-cta svg,.blog-card strong svg{transition:none!important;transform:none!important}}@media (max-width:900px){.blog-featured-content{max-width:75%;padding:36px}.blog-featured-link{min-height:380px}.blog-featured-content h2{font-size:32px}}@media (max-width:720px){.blog-grid{grid-template-columns:1fr}.blog-grid.single-card{max-width:100%}.blog-card,.blog-card-secondary{min-height:330px}.blog-nav nav a:not(:last-child){display:none}.blog-filter-bar{flex-direction:column-reverse;align-items:stretch;gap:16px}.blog-search{width:100%}}@media (max-width:640px){.blog-featured{border-radius:16px}.blog-featured-link{min-height:auto}.blog-featured-overlay{background:linear-gradient(#040c1873 0%,#040c18e0 60%,#040c18fa 100px)}[data-theme=dark] .blog-featured-overlay{background:linear-gradient(#03081073 0%,#030810eb 60%,#030810fa 100%)}.blog-featured-content{justify-content:flex-end;max-width:100%;min-height:380px;padding:32px 24px}.blog-featured-content h2{margin-bottom:12px;font-size:26px}.blog-featured-content p{margin-bottom:24px;font-size:14px}}@media (max-width:600px){.blog-hero h1{letter-spacing:-.045em;font-size:clamp(2.8rem,13vw,3.8rem);line-height:1.02}}