.blog-home{background:#0f1520}
.blog-main{padding:72px 0 100px}
.blog-hero{max-width:900px;padding:26px 0 70px}
.blog-kicker{font:10px var(--fm);color:var(--green);letter-spacing:.18em;margin-bottom:18px}
.blog-hero h1{font:900 clamp(48px,8vw,94px)/.98 var(--fd);letter-spacing:-4px;margin-bottom:24px}
.blog-hero h1 span{background:linear-gradient(135deg,var(--green),var(--blue),#7c4dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.blog-hero>p{max-width:700px;color:var(--muted);font-size:18px;line-height:1.7}
.blog-stats{display:flex;align-items:center;gap:12px;margin-top:25px;font:10px var(--fm);letter-spacing:.1em;color:var(--dim);text-transform:uppercase}
.blog-stats b{font:700 17px var(--fd);color:var(--green)}
.blog-stats i{width:4px;height:4px;border-radius:50%;background:var(--dim)}
.blog-group+.blog-group{margin-top:78px}
.blog-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:20px;margin-bottom:18px;border-bottom:1px solid var(--border)}
.blog-group-head>div{display:flex;align-items:center;gap:13px}
.blog-group-head span{font:10px var(--fm);color:var(--green)}
.blog-group-head h2{font:700 clamp(20px,3vw,30px) var(--fd)}
.blog-group-head>p{font-size:13px;color:var(--dim)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.blog-card{min-height:230px;padding:25px;display:flex;flex-direction:column;position:relative;color:var(--text);text-decoration:none;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .24s,border-color .24s,background .24s}
.blog-card::before{content:'';position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(var(--green),var(--blue));opacity:0;transition:opacity .24s}
.blog-card:hover{transform:translateY(-4px);border-color:rgba(0,230,118,.28);background:rgba(0,230,118,.045)}
.blog-card:hover::before{opacity:1}
.blog-card-arrow{position:absolute;right:19px;top:16px;color:var(--dim);font:13px var(--fm)}
.blog-card h2{padding-right:18px;margin-bottom:13px;font:700 14px/1.45 var(--fd);letter-spacing:-.2px}
.blog-card p{color:var(--muted);font-size:13px;line-height:1.55}
.blog-card-more{margin-top:auto;padding-top:20px;color:var(--green);font:9px var(--fm);letter-spacing:.11em;text-transform:uppercase}
.blog-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:80px;padding:32px 36px;border:1px solid rgba(0,230,118,.2);border-radius:18px;background:linear-gradient(135deg,rgba(0,230,118,.08),rgba(68,138,255,.05))}
.blog-cta span{font:9px var(--fm);letter-spacing:.14em;color:var(--green)}
.blog-cta h2{margin-top:7px;font:700 clamp(16px,2vw,23px) var(--fd)}
.blog-cta a{flex-shrink:0;padding:14px 20px;border-radius:50px;background:linear-gradient(135deg,var(--green),#00c853);color:#06120b;text-decoration:none;font:700 10px var(--fd);letter-spacing:.06em;text-transform:uppercase}
@media(max-width:950px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.blog-main{padding-top:38px}.blog-hero{padding-bottom:48px}.blog-hero h1{letter-spacing:-2px}.blog-hero>p{font-size:16px}.blog-group-head{align-items:flex-start;flex-direction:column;gap:8px}.blog-group-head>p{padding-left:29px}.blog-grid{grid-template-columns:1fr}.blog-card{min-height:0}.blog-cta{align-items:flex-start;flex-direction:column;padding:25px}.blog-cta a{width:100%;text-align:center}}