.blog-page{--bl-cyan:192 100% 62%;--bl-violet:268 95% 70%;--bl-grad:linear-gradient(105deg, #2ee3ff 0%, #3b82ff 32%, #9b5cff 66%, #ec4cff 100%);--bl-card:linear-gradient(160deg, hsl(var(--card) / .82), hsl(var(--background) / .96));--bl-line:hsl(var(--border) / .7);background:radial-gradient(58rem 38rem at 90% -5%, hsl(var(--secondary) / .1), transparent 70%), hsl(var(--background));isolation:isolate;overflow-x:clip}.blog-page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 1px 1px, hsl(var(--foreground) / .035) 1px, transparent 1.5px) 0 0 / 42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#000 60%,#0000);mask-image:linear-gradient(#000,#000 60%,#0000)}.blog-progress{z-index:70;background:var(--bl-grad);transform-origin:0;height:3px;transform:scaleX(var(--sp,0));pointer-events:none;position:fixed;inset:0 0 auto;box-shadow:0 0 16px #4788ffb3}.blog-main{isolation:isolate;position:relative}.blog-aurora{z-index:-1;pointer-events:none;width:100vw;height:640px;position:absolute;top:-40px;left:50%;overflow:hidden;transform:translate(-50%)}.blog-aurora i{aspect-ratio:1;filter:blur(80px);opacity:.09;border-radius:50%;width:44vw;max-width:640px;position:absolute}.blog-aurora i:first-child{background:hsl(var(--primary));top:-30%;left:6%}.blog-aurora i:nth-child(2){background:hsl(var(--secondary));top:-10%;right:4%}.blog-aurora i:nth-child(3){display:none}@keyframes bl-a{0%{transform:translate(-4%)}to{transform:translate(6%,8%)scale(1.15)}}@keyframes bl-b{0%{transform:translateY(4%)scale(1.1)}to{transform:translate(-8%,-6%)scale(.92)}}@keyframes bl-shimmer{0%{background-position:0%}to{background-position:100%}}@keyframes bl-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes bl-blink{0%,to{opacity:1}50%{opacity:.35}}.blog-pill{border:1px solid hsl(var(--bl-cyan) / .35);background:linear-gradient(90deg, hsl(var(--bl-cyan) / .12), hsl(var(--bl-violet) / .14));box-shadow:0 0 24px hsl(var(--bl-cyan) / .14);color:hsl(var(--bl-cyan));letter-spacing:.16em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:11px;font-weight:700;display:inline-flex}.blog-dot{background:hsl(var(--bl-cyan));width:8px;height:8px;box-shadow:0 0 10px hsl(var(--bl-cyan));border-radius:50%;animation:2s ease-in-out infinite bl-blink}.blog-grad{background:var(--bl-grad);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite alternate bl-shimmer}.blog-hero{animation:.7s cubic-bezier(.22,1,.36,1) both bl-rise}.blog-toolbar{border-bottom:1px solid var(--bl-line);background:0 0}.blog-page .blog-toolbar input[type=search]:focus-visible{border-color:hsl(var(--bl-cyan) / .7);box-shadow:0 0 0 4px hsl(var(--bl-cyan) / .18)}.blog-chip{color:hsl(var(--muted-foreground));background:0 0;border-color:#0000}.blog-chip:hover{border-color:hsl(var(--secondary) / .45);color:hsl(var(--foreground))}.blog-chip.is-active{border-color:hsl(var(--secondary) / .45);background:hsl(var(--secondary) / .08);color:hsl(var(--secondary));box-shadow:none;font-weight:700}.blog-featured{isolation:isolate;border:1px solid var(--bl-line);background:radial-gradient(34rem 20rem at 100% 0%, hsl(var(--secondary) / .09), transparent 70%), var(--bl-card);box-shadow:0 28px 80px -52px hsl(var(--secondary) / .45);border-radius:8px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin-bottom:26px;transition:transform .3s,border-color .3s,box-shadow .3s;display:grid;position:relative;overflow:hidden}.blog-featured:hover{border-color:hsl(var(--secondary) / .55);box-shadow:0 30px 90px -52px hsl(var(--secondary) / .6);transform:translateY(-3px)}.blog-featured-media{min-height:300px;position:relative;overflow:hidden}.blog-featured-media img{object-fit:cover;width:100%;height:100%;transition:transform .8s;position:absolute;inset:0}.blog-featured:hover .blog-featured-media img{transform:scale(1.05)}.blog-featured-media:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 55%,#151537e6);position:absolute;inset:0}.blog-featured-fallback{color:hsl(var(--bl-cyan));background:linear-gradient(135deg,#0059ff59,#f425f44d);place-items:center;display:grid;position:absolute;inset:0}.blog-featured-fallback svg{width:56px;height:56px}.blog-featured-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px;display:flex}.blog-featured-tag{border:1px solid hsl(var(--secondary) / .35);color:hsl(var(--secondary));letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-self:center;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.blog-featured-tag svg{width:13px;height:13px}.blog-featured h2{font-family:var(--font-heading);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(24px,2.8vw,36px);font-weight:700;line-height:1.15}.blog-featured p{-webkit-line-clamp:4;color:#b9c1d4;-webkit-box-orient:vertical;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-featured-meta{color:#a6b0c9;flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.blog-featured-meta span{align-items:center;gap:6px;display:inline-flex}.blog-featured-meta svg{width:14px;height:14px}.blog-featured-cta{border-bottom:1px solid hsl(var(--secondary) / .45);color:hsl(var(--secondary));align-self:center;align-items:center;gap:8px;margin-top:4px;padding:10px 0;font-weight:700;display:inline-flex}.blog-featured-cta svg{width:18px;height:18px;transition:transform .25s}.blog-featured:hover .blog-featured-cta svg{transform:translate(4px)}.blog-spot:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%), hsl(var(--bl-cyan) / .14), transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.blog-spot:hover:before{opacity:1}.blog-card-media>img,.article-page .article-hero>img{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.blog-card-wrap{animation:.55s cubic-bezier(.22,1,.36,1) both bl-rise}.blog-page .blog-card{border:1px solid var(--bl-line);background:var(--bl-card);box-shadow:0 22px 70px -54px hsl(var(--secondary) / .5), inset 0 1px 0 hsl(var(--foreground) / .05)}.blog-page .blog-card:hover{border-color:hsl(var(--secondary) / .55);box-shadow:0 28px 80px -52px hsl(var(--secondary) / .65)}.blog-page .blog-card h3{color:#f4f6fb}.blog-page .blog-card:hover h3,.blog-page .blog-card .text-primary{color:hsl(var(--bl-cyan))}.blog-skeleton{background:var(--bl-line)}.blog-skeleton>div{background:#121630e6}.blog-empty{border:1px solid var(--bl-line);background:var(--bl-card)}.blog-more{border:1px solid hsl(var(--bl-cyan) / .4);color:#fff;background:#121736cc;transition:box-shadow .25s,border-color .25s}.blog-more:hover{border-color:hsl(var(--bl-cyan) / .8);box-shadow:0 0 30px hsl(var(--bl-cyan) / .25);background:#337aff33}.blog-page a:focus-visible,.blog-page button:focus-visible{outline:3px solid hsl(var(--bl-cyan));outline-offset:3px}.blog-js [data-reveal]{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.blog-js [data-reveal].is-in{opacity:1;transform:none}.blog-js .blog-featured[data-reveal].is-in:hover{transform:translateY(-4px)}@media (width<=899px){.blog-featured{border-radius:8px;grid-template-columns:minmax(0,1fr)}.blog-featured-media{aspect-ratio:16/9;min-height:0}.blog-featured-media:after{background:linear-gradient(#0000 55%,#151537e6)}.blog-featured-body{padding:24px 22px 26px}}.article-page{background:radial-gradient(50rem 30rem at 50% -10%, hsl(var(--secondary) / .09), transparent 70%), hsl(var(--background))}.article-page .article-hero:after{content:"";background:linear-gradient(90deg, transparent, hsl(var(--secondary) / .55), transparent);height:1px;position:absolute;inset:auto 15% 0}.article-page .article-frame:before{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 hsl(var(--foreground) / .06);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.blog-page *,.blog-page :before,.blog-page :after{transition:none!important;animation:none!important}.blog-js [data-reveal]{opacity:1;transform:none}.blog-progress{display:none}}.blog-title{color:hsl(var(--foreground));text-shadow:none}.blog-title-lead{color:hsl(var(--foreground))}.blog-page .blog-grid-surface{position:relative}.blog-page .blog-grid-surface:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#9eccfa0d 1px,#0000 1px),linear-gradient(90deg,#9eccfa0d 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:-80px 0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 40%,#0000 78%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 40%,#0000 78%)}