.blog-page{background:radial-gradient(1200px 520px at 50% -120px,rgba(99,102,241,.14),transparent 70%),#0f172a;color:#f8fafc;min-height:100vh}.blog-container{max-width:1160px;margin:0 auto;padding:0 1.5rem}.blog-category{display:inline-block;color:#a5b4fc;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .9rem;font-size:.8rem;color:#94a3b8}.blog-section-title{font-size:1.35rem;font-weight:700;color:#f1f5f9;letter-spacing:-.01em;margin-bottom:1.5rem}.blog-header{padding:3.5rem 0 2.5rem;text-align:center}.blog-header h1{font-size:clamp(1.9rem,3.6vw,2.6rem);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin-bottom:.75rem;color:#f8fafc}.blog-header p{color:#cbd5e1;font-size:1.05rem;line-height:1.6;max-width:560px;margin:0 auto}.blog-featured{margin-bottom:3rem}.blog-section{padding-bottom:4rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.75rem}.blog-card{display:flex;flex-direction:column;background:#162033;border:1px solid rgba(148,163,184,.12);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.blog-card:hover{transform:translateY(-4px);border-color:#818cf866;box-shadow:0 18px 44px #0206178c,0 0 0 1px #6366f114}.blog-card-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#1e293b}.blog-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-card-media img{transform:scale(1.04)}.blog-card-placeholder{position:absolute;inset:0;display:grid;place-items:center;--ph-a: #4338ca;--ph-b: #6d28d9;--ph-glow: rgba(236, 72, 153, .45);background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / 28px 28px,radial-gradient(circle at 80% 15%,var(--ph-glow),transparent 55%),linear-gradient(135deg,var(--ph-a) 0%,var(--ph-b) 60%,#1e1b4b 100%)}.blog-card-placeholder--1{--ph-a: #1d4ed8;--ph-b: #4f46e5;--ph-glow: rgba(56, 189, 248, .4)}.blog-card-placeholder--2{--ph-a: #7e22ce;--ph-b: #be185d;--ph-glow: rgba(251, 146, 60, .35)}.blog-card-placeholder--3{--ph-a: #0f766e;--ph-b: #4338ca;--ph-glow: rgba(167, 139, 250, .45)}.blog-card-media .blog-card-placeholder img{width:64px;height:64px;object-fit:contain;padding:10px;border-radius:18px;background:#0f172a59;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 30px #02061759;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.blog-card-body{display:flex;flex-direction:column;flex:1;padding:1.4rem 1.5rem 1.5rem}.blog-card-title{font-size:1.15rem;font-weight:700;color:#f1f5f9;line-height:1.35;letter-spacing:-.01em;margin:.6rem 0}.blog-card-excerpt{color:#94a3b8;font-size:.93rem;line-height:1.6;margin:0 0 1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.1);font-size:.82rem;color:#94a3b8}.blog-card .read-more{display:inline-flex;align-items:center;gap:.35rem;color:#a5b4fc;font-weight:600;transition:gap .2s,color .2s}.blog-card:hover .read-more{color:#c4b5fd;gap:.55rem}.blog-card--featured{border-radius:22px}.blog-card--featured .blog-card-body{padding:2rem 2.25rem 2.25rem}.blog-card--featured .blog-card-title{font-size:clamp(1.4rem,2.2vw,1.75rem);line-height:1.25;letter-spacing:-.02em;margin:.8rem 0 .9rem}.blog-card--featured .blog-card-excerpt{font-size:1.05rem;-webkit-line-clamp:4}@media(min-width:900px){.blog-card--featured{display:grid;grid-template-columns:1.5fr 1fr;align-items:center}.blog-card--featured .blog-card-media{min-width:0;height:100%;aspect-ratio:auto;min-height:340px}.blog-card--featured .blog-card-media:before{content:"";position:absolute;inset:-30px;background:var(--cover) center / cover no-repeat;filter:blur(28px) brightness(.75)}.blog-card--featured .blog-card-media img{position:absolute;inset:0;object-fit:contain}.blog-card--featured:hover .blog-card-media img{transform:none}.blog-card--featured .blog-card-body{justify-content:center;padding:2.5rem 2.75rem}.blog-card--featured .blog-card-footer{margin-top:.5rem}}.blog-progress{display:none}@supports (animation-timeline: scroll()){.blog-progress{display:block;position:fixed;top:0;left:0;right:0;height:3px;z-index:1002;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);transform-origin:0 50%;transform:scaleX(0);animation:blog-progress linear both;animation-timeline:scroll(root)}@keyframes blog-progress{to{transform:scaleX(1)}}}.blog-article{max-width:1320px;margin:0 auto;padding:0 1.5rem}.blog-post-header{max-width:780px;margin:0 auto;padding:2.5rem 0 2rem;text-align:center}.blog-post-header .back-link{display:flex;width:fit-content;align-items:center;gap:.4rem;margin:0 auto 1.5rem;color:#94a3b8;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.blog-post-header .back-link:hover{color:#c4b5fd}.blog-post-header h1{font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:800;color:#f8fafc;letter-spacing:-.025em;line-height:1.18;margin:.7rem 0 1rem;text-wrap:balance}.blog-post-dek{font-size:clamp(1.02rem,1.5vw,1.14rem);line-height:1.6;color:#cbd5e1;max-width:640px;margin:0 auto 1.5rem;text-wrap:pretty}.blog-byline{display:inline-flex;align-items:center;gap:.8rem;text-align:left}.blog-byline-logo{width:40px;height:40px;border-radius:50%;object-fit:contain;background:#1e293b;border:1px solid rgba(148,163,184,.2);padding:4px}.blog-byline-name{display:block;font-size:.92rem;font-weight:600;color:#f1f5f9}.blog-byline-meta{display:flex;gap:.45rem;font-size:.82rem;color:#94a3b8}.blog-post-cover{max-width:1040px;margin:0 auto 2.5rem;border-radius:20px;overflow:hidden;background:#1e293b;border:1px solid rgba(148,163,184,.12);box-shadow:0 30px 80px #02061799}.blog-post-cover img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}.blog-post-layout{display:grid;grid-template-columns:minmax(0,720px);justify-content:center}.blog-post-main{min-width:0}.blog-toc{display:none}@media(min-width:1280px){.blog-post-layout{grid-template-columns:1fr minmax(0,720px) 1fr;column-gap:3rem}.blog-post-main{grid-column:2;grid-row:1}.blog-toc{display:block;grid-column:1;grid-row:1;justify-self:end;width:100%;max-width:240px}.blog-toc nav{position:sticky;top:140px;max-height:calc(100vh - 170px);overflow-y:auto}}.blog-toc-title{display:block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#64748b;margin-bottom:.9rem}.blog-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid rgba(148,163,184,.18)}.blog-toc li a{display:block;margin-left:-1px;padding:.4rem 0 .4rem 1rem;border-left:2px solid transparent;color:#94a3b8;font-size:.86rem;line-height:1.45;text-decoration:none;transition:color .2s,border-color .2s}.blog-toc li a:hover{color:#f1f5f9;border-left-color:#818cf8}.blog-post-content{padding-bottom:2.5rem;font-size:1.125rem;line-height:1.8;color:#cbd5e1}.blog-post-content p{margin:0 0 1.4em}.blog-post-content h2{font-size:clamp(1.35rem,2vw,1.55rem);font-weight:700;color:#f8fafc;letter-spacing:-.015em;line-height:1.3;margin:2.1em 0 .65em;scroll-margin-top:140px}.blog-post-content>h2:first-child{margin-top:0}.blog-post-content h3{font-size:1.14rem;font-weight:650;color:#f1f5f9;line-height:1.4;margin:1.7em 0 .5em}.blog-post-content strong{color:#f8fafc;font-weight:600}.blog-post-content a{color:#a5b4fc;font-weight:500;text-decoration:underline;text-decoration-color:#a5b4fc66;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}.blog-post-content a:hover{color:#c4b5fd;text-decoration-color:currentColor}.blog-post-content ul,.blog-post-content ol{list-style:none;margin:0 0 1.6em;padding:0}.blog-post-content li{position:relative;margin-bottom:.65em}.blog-post-content ul>li{padding-left:1.6rem}.blog-post-content ul>li:before{content:"";position:absolute;left:.35rem;top:.72em;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#c084fc)}.blog-post-content ol{counter-reset:blog-ol}.blog-post-content ol>li{counter-increment:blog-ol;padding-left:2.6rem}.blog-post-content ol>li:before{content:counter(blog-ol);position:absolute;left:0;top:.2em;width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:50%;font-size:.82rem;font-weight:700;line-height:1;color:#e0e7ff;background:#6366f12e;border:1px solid rgba(129,140,248,.35)}.blog-points{display:grid;gap:.75rem;margin:.4em 0 1.8em}.blog-post-content .blog-point{margin:0;padding:1rem 1.3rem;background:#1e293b73;border-left:3px solid #818cf8;border-radius:4px 12px 12px 4px;font-size:1.02rem;line-height:1.7}.blog-post-content .blog-point-label{display:block;margin-bottom:.2rem;font-size:1.04rem;color:#f8fafc}.blog-inline-figure,.blog-inline-video{margin:2.2em 0}.blog-inline-figure img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid rgba(148,163,184,.12);background:#1e293b}.blog-inline-figure figcaption{margin-top:.8rem;padding-left:.9rem;border-left:2px solid rgba(129,140,248,.5);font-size:.88rem;line-height:1.55;color:#94a3b8}.blog-post-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem 2rem;flex-wrap:wrap;margin:.5rem 0 3.5rem;padding:2.25rem 2.5rem;border-radius:20px;background:radial-gradient(circle at 100% 0%,rgba(236,72,153,.16),transparent 50%),linear-gradient(135deg,#6366f133,#7c3aed1a);border:1px solid rgba(129,140,248,.3);overflow:hidden}.blog-post-cta>div{flex:1 1 280px}.blog-post-cta h2{font-size:1.4rem;font-weight:700;color:#f8fafc;letter-spacing:-.015em;margin-bottom:.4rem}.blog-post-cta p{color:#cbd5e1;font-size:.98rem;line-height:1.6;margin:0}.blog-post-cta .cta-btn{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff!important;font-size:1rem;font-weight:600;padding:.85rem 1.75rem;border-radius:12px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none;box-shadow:0 6px 22px #6366f166}.blog-post-cta .cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f18c}.related-posts{border-top:1px solid rgba(148,163,184,.1);background:#02061759;padding:3rem 0 4rem}@media(max-width:640px){.blog-header{padding:2.25rem 0 1.75rem}.blog-featured{margin-bottom:2.25rem}.blog-grid{grid-template-columns:1fr;gap:1.25rem}.blog-card--featured .blog-card-body{padding:1.5rem}.blog-post-header{padding:1.75rem 0 1.5rem}.blog-post-cover{margin:0 -1.5rem 2.5rem;border-radius:0;border-left:none;border-right:none}.blog-post-content{font-size:1.06rem;line-height:1.75}.blog-post-content .blog-point{padding:1rem 1.1rem}.blog-post-cta{padding:1.75rem 1.5rem}.blog-post-cta .cta-btn{width:100%;justify-content:center}}