.blog-hero{position:relative;isolation:isolate;padding:9rem 0 4rem;overflow:hidden}.blog-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 78% 20%,rgba(123,140,255,.15),transparent 25rem),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,4rem 4rem,4rem 4rem;mask-image:linear-gradient(#000,transparent 95%)}.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);gap:3rem;align-items:end}.blog-hero h1{margin:0;font-size:clamp(2.7rem,5.5vw,5rem);font-weight:900;letter-spacing:-.045em;line-height:1.25}.blog-hero p{max-width:48rem;margin:1rem 0 0;color:#91a0b5}.blog-search{padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:rgba(14,22,37,.72);box-shadow:0 1rem 3rem rgba(0,0,0,.18)}.blog-search>label{display:block;margin-bottom:.45rem;color:#8997ab;font-size:.68rem;font-weight:700}.blog-search>div{display:flex;gap:.5rem}.blog-search input{min-width:0;flex:1;height:3rem;padding:0 .8rem;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;outline:0;background:rgba(255,255,255,.035);color:#fff;font:inherit}.blog-search input:focus{border-color:rgba(123,140,255,.4);box-shadow:0 0 0 .2rem rgba(123,140,255,.08)}.blog-search button{display:inline-flex;align-items:center;gap:.35rem;padding:0 1rem;border:0;border-radius:.75rem;background:linear-gradient(120deg,#6f80ff,#4d98e0);color:#fff;font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}.blog-categories{position:sticky;top:4.2rem;z-index:35;border-block:1px solid rgba(255,255,255,.055);background:rgba(7,11,20,.82);backdrop-filter:blur(16px)}.blog-category-scroll{display:flex;gap:.25rem;overflow-x:auto;padding:.65rem 0;scrollbar-width:none}.blog-category-scroll::-webkit-scrollbar{display:none}.blog-category-scroll a{padding:.52rem .72rem;border-radius:.65rem;color:#7f8da2;font-size:.72rem;font-weight:700;text-decoration:none;white-space:nowrap}.blog-category-scroll a:hover,.blog-category-scroll a.is-active{background:rgba(123,140,255,.09);color:#e8ecff}.blog-listing{padding-top:4rem}.blog-results-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem}.blog-results-head>div{display:flex;align-items:center;gap:.5rem;color:#8a98ad;font-size:.75rem}.blog-results-head>div span{display:grid;place-items:center;min-width:2rem;height:2rem;padding:0 .45rem;border-radius:.6rem;background:rgba(123,140,255,.08);color:#a6b1ff;font-weight:800}.blog-results-head a{color:#9ba8ff;font-size:.7rem;text-decoration:none}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.blog-card{overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:1.15rem;background:linear-gradient(145deg,rgba(17,26,43,.87),rgba(8,13,23,.8));box-shadow:inset 0 1px rgba(255,255,255,.04);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.blog-card:hover{transform:translateY(-3px);border-color:rgba(123,140,255,.24);box-shadow:0 1.2rem 3rem rgba(0,0,0,.18)}.blog-card-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#0c1320}.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.blog-card:hover .blog-card-media img{transform:scale(1.025)}.blog-card-placeholder{display:grid;place-items:center;height:100%;position:relative;background:radial-gradient(circle at 70% 25%,rgba(123,140,255,.18),transparent 10rem),linear-gradient(145deg,#111a2b,#0a101b)}.blog-card-placeholder span{position:absolute;top:1rem;right:1rem;color:#5f6d84;font:700 .5rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.blog-card-placeholder i{font-size:3rem;color:#6372bb}.blog-card-body{padding:1rem}.blog-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;margin-bottom:.65rem;color:#647389;font-size:.62rem}.blog-card-meta a{padding:.24rem .42rem;border-radius:.45rem;background:rgba(123,140,255,.075);color:#93a1ff;text-decoration:none}.blog-card h2{margin:0;font-size:1rem;line-height:1.8}.blog-card h2 a{text-decoration:none;color:#eef2fb}.blog-card p{display:-webkit-box;overflow:hidden;margin:.55rem 0;color:#7f8da2;font-size:.75rem;line-height:1.95;-webkit-line-clamp:3;-webkit-box-orient:vertical}.blog-card-link{display:inline-flex;margin-top:.15rem;color:#99a7ff;font-size:.7rem;font-weight:800;text-decoration:none}.blog-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.055)}.blog-pagination a,.blog-pagination>span{padding:.55rem .75rem;border:1px solid rgba(255,255,255,.07);border-radius:.65rem;color:#c0c8d7;font-size:.7rem;text-decoration:none}.blog-pagination .is-disabled{opacity:.35}.blog-pagination div{color:#748298;font-size:.68rem}.blog-empty{padding:3rem 1rem;text-align:center}.blog-empty>i{font-size:2.4rem;color:#8290da}.blog-empty h2{margin:.6rem 0 .3rem}.blog-empty p{color:#7e8ca1}.blog-post-shell{padding-top:5.4rem}.blog-reading-progress{position:fixed;top:0;right:0;left:0;z-index:120;height:2px;background:transparent;pointer-events:none}.blog-reading-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:right center;background:linear-gradient(90deg,#50d9ff,#7b8cff);will-change:transform}.blog-post-hero{padding:5rem 0 2.2rem}.blog-post-hero-grid{max-width:900px}.blog-breadcrumb{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-bottom:1rem;color:#627188;font-size:.65rem}.blog-breadcrumb a{color:#8898af;text-decoration:none}.blog-post-hero h1{margin:0;font-size:clamp(2.25rem,5vw,4.4rem);font-weight:900;line-height:1.35;letter-spacing:-.04em}.blog-post-hero p{max-width:52rem;margin:1rem 0 0;color:#8b99ad;font-size:.95rem;line-height:2}.blog-post-meta{display:flex;flex-wrap:wrap;gap:.5rem .8rem;align-items:center;margin-top:1rem;color:#647389;font-size:.68rem}.blog-post-meta a{padding:.3rem .5rem;border-radius:.5rem;background:rgba(123,140,255,.075);color:#97a4ff;text-decoration:none}.blog-post-cover{max-width:1120px;margin-bottom:2rem}.blog-post-cover img{width:100%;max-height:640px;object-fit:cover;border:1px solid rgba(255,255,255,.07);border-radius:1.35rem;box-shadow:0 1.8rem 5rem rgba(0,0,0,.24)}.blog-post-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:2.4rem;align-items:start;justify-content:center}.blog-post-aside{position:sticky;top:7rem;display:grid;gap:.7rem}.blog-toc{padding:.9rem}.blog-toc>strong{display:block;margin-bottom:.55rem;font-size:.72rem}.blog-toc nav{display:grid;gap:.08rem}.blog-toc nav a,.blog-toc nav span{display:block;padding:.35rem .42rem;border-radius:.45rem;color:#74839a;font-size:.65rem;line-height:1.6;text-decoration:none}.blog-toc nav a:hover{background:rgba(255,255,255,.035);color:#dce3f1}.blog-toc nav a.is-sub{padding-inline-start:1rem;color:#606f85}.blog-copy-link{display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;min-height:2.55rem;border:1px solid rgba(255,255,255,.075);border-radius:.7rem;background:rgba(255,255,255,.025);color:#8d9bb0;font:inherit;font-size:.66rem;cursor:pointer}.blog-prose{min-width:0;color:#c6cedb;font-size:.94rem;line-height:2.15}.blog-prose>:first-child{margin-top:0}.blog-prose h2,.blog-prose h3,.blog-prose h4{scroll-margin-top:7rem;color:#f0f3fa;font-weight:900;line-height:1.55}.blog-prose h2{margin:2.4rem 0 .8rem;font-size:1.65rem}.blog-prose h3{margin:1.8rem 0 .65rem;font-size:1.25rem}.blog-prose p{margin:.8rem 0}.blog-prose a{color:#91a2ff;text-decoration-thickness:1px;text-underline-offset:.16rem}.blog-prose img{display:block;max-width:100%;height:auto;margin:1.4rem auto;border-radius:1rem;border:1px solid rgba(255,255,255,.07)}.blog-prose figure{margin:1.5rem 0}.blog-prose figcaption{margin-top:.45rem;color:#68768c;font-size:.7rem;text-align:center}.blog-prose blockquote{margin:1.4rem 0;padding:1rem 1.15rem;border-right:.18rem solid #7588ff;border-radius:.7rem;background:rgba(123,140,255,.055);color:#aeb8c8}.blog-prose pre{direction:ltr;overflow:auto;padding:1rem;border:1px solid rgba(255,255,255,.07);border-radius:.85rem;background:#070b12;color:#cbd5e1;font:500 .76rem/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:left}.blog-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.blog-prose :not(pre)>code{padding:.12rem .3rem;border-radius:.35rem;background:rgba(123,140,255,.08);color:#b7c0ff}.blog-prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:1.3rem 0}.blog-prose th,.blog-prose td{padding:.65rem .75rem;border:1px solid rgba(255,255,255,.08);min-width:7rem;text-align:right}.blog-prose th{background:rgba(255,255,255,.035);color:#e8edf6}.blog-prose video{display:block;width:100%;max-width:100%;margin:1.5rem auto;border-radius:1rem;background:#000}.blog-prose ul,.blog-prose ol{padding-inline-start:1.4rem}.blog-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.055)}.blog-tags span{padding:.35rem .55rem;border-radius:.5rem;background:rgba(255,255,255,.035);color:#7f8da1;font-size:.65rem}.blog-related{padding-top:5rem}.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.blog-related-card{overflow:hidden;text-decoration:none}.blog-related-card img{width:100%;aspect-ratio:16/8;object-fit:cover}.blog-related-card>div{padding:.9rem}.blog-related-card small{color:#67768c;font-size:.61rem}.blog-related-card strong{display:block;margin:.35rem 0;color:#e8ecf5;font-size:.88rem;line-height:1.7}.blog-related-card p{display:-webkit-box;overflow:hidden;margin:0;color:#77869b;font-size:.7rem;line-height:1.8;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-comments{border-top:1px solid rgba(255,255,255,.055)}.blog-comments-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);gap:1.3rem;align-items:start}.blog-comments h2{margin:0;font-size:clamp(1.8rem,3vw,2.7rem)}.blog-comments>div>div>p{color:#8290a5}.blog-comment-list{display:grid;gap:.75rem;margin-top:1.2rem}.blog-comment{padding:1rem}.blog-comment-head{display:flex;align-items:center;gap:.65rem}.blog-comment-avatar{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.7rem;background:linear-gradient(135deg,rgba(123,140,255,.15),rgba(80,217,255,.07));color:#aab5ff;font-weight:900}.blog-comment-head>div:last-child{display:grid}.blog-comment-head strong{font-size:.78rem}.blog-comment-head small{color:#65748a;font-size:.58rem}.blog-comment>p{margin:.75rem 0 0;color:#a4afbf;font-size:.78rem;white-space:pre-line}.blog-admin-reply{margin-top:.9rem;padding:.85rem;border:1px solid rgba(80,217,255,.15);border-radius:.8rem;background:linear-gradient(135deg,rgba(80,217,255,.05),rgba(123,140,255,.035))}.blog-admin-reply-head{display:flex;justify-content:space-between;gap:.7rem;align-items:center}.blog-admin-reply-head span{display:flex;align-items:center;gap:.3rem;color:#7edff3;font-size:.64rem;font-weight:800}.blog-admin-reply-head small{color:#5e6e84;font-size:.57rem}.blog-admin-reply p{margin:.5rem 0 0;color:#afbac9;font-size:.76rem;white-space:pre-line}.blog-no-comments,.blog-comments-closed{padding:1rem;border:1px dashed rgba(255,255,255,.08);border-radius:.8rem;color:#75849a;font-size:.72rem}.blog-comment-form{position:sticky;top:7rem;padding:1rem}.blog-comment-form h3{margin:0 0 .8rem}.blog-comment-form form{display:grid;gap:.75rem}.blog-comment-form label small{color:#65748a;font-size:.55rem}@media(max-width:991.98px){.blog-hero-grid,.blog-comments-layout{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-post-layout{grid-template-columns:1fr;max-width:820px}.blog-post-aside,.blog-comment-form{position:static}.blog-post-aside{grid-template-columns:1fr auto}.blog-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.blog-hero{padding:7rem 0 2.5rem}.blog-hero h1{font-size:clamp(2.2rem,12vw,3.5rem)}.blog-search>div{display:grid}.blog-search button{min-height:2.8rem;justify-content:center}.blog-categories{top:3.7rem}.blog-grid,.blog-related-grid{grid-template-columns:1fr}.blog-post-shell{padding-top:4.6rem}.blog-post-hero{padding:3rem 0 1.5rem}.blog-post-hero h1{font-size:clamp(2rem,10.5vw,3rem)}.blog-post-layout{gap:1.2rem}.blog-post-aside{grid-template-columns:1fr}.blog-prose{font-size:.88rem}.blog-prose h2{font-size:1.4rem}.blog-pagination{gap:.45rem}.blog-pagination a,.blog-pagination>span{padding:.5rem}.blog-pagination div{font-size:.6rem}.blog-admin-reply-head{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.blog-card,.blog-card-media img{transition:none}}