.blog-section{background:#f8fafc;padding:100px 0;position:relative}.blog-header{flex-direction:column;gap:20px;margin-bottom:50px;display:flex}@media (min-width:768px){.blog-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.blog-title-wrap{max-width:600px}.blog-badge{color:#0ea5e9;text-transform:uppercase;letter-spacing:1px;background:#0ea5e91a;border-radius:20px;margin-bottom:15px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-block}.blog-title-wrap h2{color:#0f172a;margin-bottom:15px;font-family:Outfit,sans-serif;font-size:2.5rem}.blog-title-wrap p{color:#64748b;font-size:1.1rem;line-height:1.6}.view-all-btn{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.view-all-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.blog-grid{grid-template-columns:1fr;gap:30px;display:grid}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000008}.blog-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000000f}.blog-card-image{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);justify-content:flex-start;align-items:flex-start;height:200px;padding:20px;display:flex;position:relative}.blog-category{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#0ea5e9;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:700}.blog-card-content{flex-direction:column;flex-grow:1;padding:30px;display:flex}.blog-meta{color:#94a3b8;align-items:center;gap:10px;margin-bottom:15px;font-size:.85rem;display:flex}.meta-dot{font-size:.5rem}.blog-card h3{color:#0f172a;margin-bottom:15px;font-family:Outfit,sans-serif;font-size:1.3rem;line-height:1.4}.blog-card p{color:#475569;flex-grow:1;margin-bottom:25px;font-size:.95rem;line-height:1.6}.read-more{color:#0ea5e9;align-items:center;font-size:.95rem;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.read-more:after{content:"→";margin-left:5px;transition:transform .2s}.read-more:hover{color:#0284c7}.read-more:hover:after{transform:translate(3px)}