.bli{border-radius:20px 20px 0 0;justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9}.bli svg{filter:drop-shadow(0 10px 18px #00000014);width:72%;max-width:260px;height:auto;display:block}.bli.blue{color:#2563eb;background:radial-gradient(circle at 20% 20%,#2563eb2e,#0000 60%),linear-gradient(#2563eb1f,#2563eb0a)}.bli.pink{color:#a855f7;background:radial-gradient(circle at 20% 20%,#a855f738,#0000 60%),linear-gradient(#a855f71f,#a855f70a)}.bli.orange{color:#f97316;background:radial-gradient(circle at 20% 20%,#f9731638,#0000 60%),linear-gradient(#f973161f,#f973160a)}.bli.yellow{color:#d97706;background:radial-gradient(circle at 20% 20%,#d9770638,#0000 60%),linear-gradient(#d977061f,#d977060a)}.bli.green{color:#10b981;background:radial-gradient(circle at 20% 20%,#10b98138,#0000 60%),linear-gradient(#10b9811f,#10b9810a)}.bli.purple{color:#8b5cf6;background:radial-gradient(circle at 20% 20%,#8b5cf638,#0000 60%),linear-gradient(#8b5cf61f,#8b5cf60a)}html[data-theme=dark] .bli{box-shadow:inset 0 1px #ffffff0a}html[data-theme=dark] .bli.blue{color:#60a5fa;background:radial-gradient(circle at 20% 20%,#60a5fa38,#0000 60%),linear-gradient(#60a5fa24,#60a5fa0f)}html[data-theme=dark] .bli.pink{color:#c084fc;background:radial-gradient(circle at 20% 20%,#c084fc38,#0000 60%),linear-gradient(#c084fc24,#c084fc0f)}html[data-theme=dark] .bli.orange{color:#fb923c;background:radial-gradient(circle at 20% 20%,#fb923c38,#0000 60%),linear-gradient(#fb923c24,#fb923c0f)}html[data-theme=dark] .bli.yellow{color:#fbbf24;background:radial-gradient(circle at 20% 20%,#fbbf2438,#0000 60%),linear-gradient(#fbbf2424,#fbbf240f)}html[data-theme=dark] .bli.green{color:#34d399;background:radial-gradient(circle at 20% 20%,#34d39938,#0000 60%),linear-gradient(#34d39924,#34d3990f)}html[data-theme=dark] .bli.purple{color:#a78bfa;background:radial-gradient(circle at 20% 20%,#a78bfa38,#0000 60%),linear-gradient(#a78bfa24,#a78bfa0f)}@media (max-width:640px){.bli{height:160px}.bli svg{width:80%}}.blog-page{box-sizing:border-box;width:100%;max-width:100%;padding:clamp(32px,6vw,64px) clamp(24px,5vw,64px) clamp(60px,10vw,104px)}.blog-header-section{text-align:center;margin-bottom:clamp(32px,6vw,64px);width:100%;max-width:100%;margin-inline:auto}.blog-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(8px,1.5vw,12px);font-size:clamp(10.5px,1.2vw,12px);font-weight:700;display:inline-block}.blog-title{letter-spacing:-.03em;color:var(--text-strong);margin-bottom:clamp(10px,2vw,16px);font-size:clamp(24px,4.5vw,44px);font-weight:850;line-height:1.15}.blog-subtitle{color:var(--text-muted);font-size:clamp(14px,1.8vw,16px);line-height:1.6}.featured-section{margin-bottom:72px}.featured-hero-card{background:var(--card-bg);border:1px solid var(--card-border);color:inherit;border-radius:28px;grid-template-columns:1.1fr .9fr;align-items:stretch;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:grid;overflow:hidden;box-shadow:0 16px 48px #2563eb0d,inset 0 1px #fffc}.featured-hero-card:hover{border-color:#2563eb59;transform:translateY(-4px);box-shadow:0 24px 56px #2563eb1f,inset 0 1px #fff9}.featured-cover-wrapper{height:100%;min-height:clamp(280px,35vw,420px);position:relative;overflow:hidden}.featured-cover{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.featured-hero-card:hover .featured-cover{transform:scale(1.03)}.featured-badge{z-index:2;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg, var(--accent), #1d4ed8);color:#fff;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;position:absolute;top:20px;left:20px;box-shadow:0 4px 12px #2563eb4d}.featured-content{flex-direction:column;justify-content:center;padding:clamp(24px,4vw,44px);display:flex}.featured-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:clamp(12px,1.8vw,16px);font-size:clamp(12px,1.4vw,13px);font-weight:500;display:flex}.featured-meta>span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.featured-meta .icon{color:var(--text-muted);opacity:.8;font-size:14.5px}.featured-content h2{color:var(--text-strong);letter-spacing:-.02em;margin-bottom:clamp(8px,1.5vw,12px);font-size:clamp(18px,2.5vw,28px);font-weight:800;line-height:1.3;transition:color .25s}.featured-hero-card:hover .featured-content h2{color:var(--accent)}.featured-content p{color:var(--text-muted);margin-bottom:clamp(16px,2.5vw,24px);font-size:clamp(13.5px,1.5vw,15px);line-height:1.6}.featured-read-btn{color:var(--accent);align-items:center;gap:6px;font-size:clamp(12.5px,1.5vw,13.5px);font-weight:700;display:inline-flex}.featured-read-btn .arrow{transition:transform .25s cubic-bezier(.16,1,.3,1)}.featured-hero-card:hover .featured-read-btn .arrow{transform:translate(4px)}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;display:grid}.blog-card{background:var(--card-bg);border:1px solid var(--card-border);height:100%;color:inherit;border-radius:24px;flex-direction:column;text-decoration:none;transition:border-color .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 10px 28px #0f172a0a,inset 0 1px #fffc}.blog-card:hover{border-color:#2563eb4d;box-shadow:0 20px 48px #2563eb1a}.blog-cover-wrapper{aspect-ratio:16/10;position:relative;overflow:hidden}.blog-cover{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.blog-card:hover .blog-cover{transform:scale(1.04)}.blog-card-body{flex-direction:column;flex-grow:1;padding:clamp(16px,3vw,24px);display:flex}.blog-date-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;font-size:clamp(11.5px,1.2vw,12px);font-weight:500;display:flex}.blog-date-row>span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.blog-date-row .icon{color:var(--text-muted);opacity:.8;font-size:13.5px}.blog-card-body h3{color:var(--text-strong);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:clamp(15.5px,2vw,17.5px);font-weight:750;line-height:1.35;transition:color .25s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card-body h3{color:var(--accent)}.blog-card-body p{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:18px;font-size:clamp(13px,1.5vw,14px);line-height:1.55;display:-webkit-box;overflow:hidden}.blog-read{color:var(--accent);align-items:center;gap:6px;margin-top:auto;font-size:clamp(12px,1.4vw,13px);font-weight:700;display:inline-flex}.blog-read .arrow{transition:transform .25s cubic-bezier(.16,1,.3,1)}.blog-card:hover .blog-read .arrow{transform:translate(4px)}html[data-theme=dark] .featured-hero-card,html[data-theme=dark] .blog-card{background:#11182773;border-color:#ffffff0d;box-shadow:0 16px 40px #00000073,inset 0 1px #ffffff05}html[data-theme=dark] .featured-hero-card:hover,html[data-theme=dark] .blog-card:hover{border-color:#3b82f659;box-shadow:0 24px 56px #000000a6,inset 0 1px #ffffff05}@media (max-width:1024px){.featured-hero-card{grid-template-columns:1fr}.featured-cover-wrapper{aspect-ratio:16/9;height:auto;min-height:auto}}@media (max-width:640px){.blog-card{border-radius:20px}}