.blog-section{background:var(--background);padding:5rem 0}.blog-grid-wrapper{display:grid;gap:2rem;grid-template-columns:repeat(1,1fr);margin:0 auto;max-width:1200px}@media (min-width:768px){.blog-grid-wrapper{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid-wrapper{grid-template-columns:repeat(3,1fr)}}.blog-card{background:var(--card);border:1px solid rgba(var(--border-rgb),.6);border-radius:1.25rem;box-shadow:0 10px 25px rgba(0,0,0,.06);display:flex;flex-direction:column;overflow:hidden;transition:all .35s ease}.blog-card:hover{box-shadow:0 18px 45px rgba(0,0,0,.12);transform:translateY(-6px)}.blog-image{aspect-ratio:16/9;overflow:hidden;position:relative}.blog-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.blog-card:hover .blog-image img{transform:scale(1.06)}.blog-content{display:flex;flex:1;flex-direction:column;padding:1.5rem}.blog-tag{align-self:flex-start;background:rgba(25,145,210,.1);border-radius:999px;color:var(--primary);display:inline-block;font-size:.7rem;font-weight:600;margin-bottom:1rem;padding:.35rem .75rem}.blog-title{color:var(--foreground);font-size:1.15rem;font-weight:700;line-height:1.4;margin-bottom:.75rem;transition:color .3s ease}.blog-card:hover .blog-title{color:var(--primary)}.blog-excerpt{flex:1;font-size:.85rem;line-height:1.6}.blog-excerpt,.blog-meta{color:var(--muted-foreground);margin-bottom:1rem}.blog-meta{border-top:1px solid var(--border);display:flex;font-size:.75rem;gap:1rem;padding-top:1rem}.blog-meta span{align-items:center;display:flex;gap:.35rem}.blog-link{align-items:center;color:var(--primary);display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;text-decoration:none}.blog-link svg{transition:transform .3s ease}.blog-link:hover svg{transform:translateX(4px)}.blog-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-modal{display:none;inset:0;position:fixed;z-index:9999}.blog-modal.active{display:block}.blog-modal-overlay{background:rgba(0,0,0,.65);inset:0;position:absolute}.blog-modal-content{background:#fff;border-radius:16px;height:90vh;margin:5vh auto;max-width:1100px;overflow:hidden;position:relative;width:90%}.blog-modal-content iframe{border:none;height:100%;width:100%}.blog-modal-close{background:none;border:none;cursor:pointer;font-size:28px;position:absolute;right:16px;top:12px;z-index:2}.modal-body{color:#444;line-height:1.8;margin-top:1.5rem}.modal-meta{color:#777;font-size:.85rem;margin-bottom:1rem}.modal-image{border-radius:12px;margin-bottom:1.5rem;max-height:420px;object-fit:cover;width:100%}.blog-modal-body{max-height:90vh;overflow-y:auto;padding:2rem}.blog-pagination{margin-top:40px;text-align:center}.pagination-btn{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;margin:0 6px;padding:8px 14px;transition:.3s ease}.pagination-btn:hover{background:#f2f4f7}.pagination-btn.active{background:#1e73be;border-color:#1e73be;color:#fff}