*{margin:0;padding:0;box-sizing:border-box}
.blog-section{padding:100px 20px;background:linear-gradient(135deg,#fff,#f8fbff)}
.container{max-width:1250px;margin:auto}
.section-title{text-align:center;font-size:42px;font-weight:700;color:#0f172a;margin-bottom:60px}
.section-title i{color:#2563eb;margin-right:10px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;justify-content:center;align-items:stretch}
.blog-card{background:#fff;padding:32px 26px;border-radius:24px;border:1px solid #e2e8f0;transition:.35s ease;box-shadow:0 10px 30px rgba(0,0,0,.05);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:380px;width:100%;margin:auto}
.blog-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(37,99,235,.1)}
.icon-wrapper{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:28px;margin:0 auto 22px;box-shadow:0 10px 25px rgba(37,99,235,.22)}
.blog-card h3{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:14px;text-align:center}
.blog-card p{font-size:15px;line-height:1.8;color:#475569;margin-bottom:18px;text-align:center}
.meta-bottom{margin-bottom:18px;display:flex;justify-content:center;align-items:center}
.meta-bottom span{display:inline-block;padding:8px 14px;background:#eff6ff;border-radius:999px;font-size:13px;font-weight:600;color:#2563eb}
.blog-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:14px;text-decoration:none;font-size:14px;font-weight:600;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;transition:.3s ease}
.blog-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(37,99,235,.22)}
@media(max-width:992px){.blog-grid{grid-template-columns:repeat(2,1fr);justify-items:center}}
@media(max-width:768px){.blog-section{padding:70px 15px}.section-title{font-size:30px;margin-bottom:40px}.blog-grid{grid-template-columns:1fr;justify-items:center}.blog-card{padding:24px 20px;max-width:100%}.blog-card h3{font-size:22px}.blog-card p{font-size:14px}.meta-bottom span{font-size:12px;padding:8px 12px}.blog-btn{width:100%;max-width:220px}}