.ins-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.ins-filter button{background:#fff;border:1px solid var(--border-light);color:var(--text-body);font-size:0.86rem;font-weight:500;padding:7px 16px;border-radius:50px;cursor:pointer;transition:var(--transition)}
.ins-filter button:hover,.ins-filter button.active{background:var(--gradient-btn);color:#fff;border-color:transparent}
.blog-card{background:#fff;border:1px solid var(--border-light);border-radius:16px;overflow:hidden;transition:var(--transition);height:100%;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(59,40,204,0.08);border-color:var(--primary)}
.blog-img{height:170px;overflow:hidden;background:#0d0e1a}
.blog-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}
.blog-card:hover .blog-img img{transform:scale(1.05)}
.blog-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-tag{font-size:0.66rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:0.06em}
.blog-title{font-size:0.95rem;font-weight:700;color:var(--text-dark);line-height:1.4;margin:0}
.blog-excerpt{font-size:0.82rem;color:var(--text-muted);line-height:1.55;margin:0}
.blog-meta{font-size:0.72rem;color:var(--text-muted);margin-top:auto;padding-top:8px;border-top:1px solid var(--border-light);display:flex;justify-content:space-between}
.blog-feature{background:#fff;border:1px solid var(--border-light);border-radius:20px;overflow:hidden;display:flex;transition:var(--transition)}
.blog-feature:hover{border-color:var(--primary);box-shadow:0 12px 32px rgba(59,40,204,0.10)}
.blog-feature .bf-img{flex:0 0 45%;background:#0d0e1a}
.blog-feature .bf-img img{width:100%;height:100%;object-fit:cover;min-height:280px}
.blog-feature .bf-body{padding:28px;flex:1;display:flex;flex-direction:column;gap:12px;justify-content:center}
.blog-feature .bf-tag{font-size:0.72rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:0.06em}
.blog-feature .bf-title{font-size:1.4rem;font-weight:800;color:var(--text-dark);line-height:1.3}
.blog-feature .bf-excerpt{font-size:0.92rem;color:var(--text-body);line-height:1.6}
@media(max-width:767.98px){.blog-feature{flex-direction:column}.blog-feature .bf-img{flex:0 0 200px}.blog-feature .bf-img img{min-height:200px}}