.blogs-section{background:#000;color:#fff;min-height:100vh}.blogs-header{border-bottom:1px solid #1a1a1a;padding:2rem 0}.blogs-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:#fff}.blogs-subtitle{font-size:clamp(1rem,2vw,1.1rem);line-height:1.8;color:#888;max-width:700px;margin-left:auto;margin-right:auto;margin-bottom:0}.blog-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:12px;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column;cursor:pointer}.blog-card:hover{border-color:#9dfc5a;box-shadow:0 20px 40px #9dfc5a1a;transform:translateY(-8px)}.blog-image-container{position:relative;overflow:hidden;height:250px;background:#1a1a1a}.blog-image{width:100%;height:100%;object-fit:cover;transition:all .3s ease;filter:grayscale(100%)}.blog-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#9dfc5a1a,#9dfc5a05);opacity:0;transition:opacity .3s ease}.blog-card:hover .blog-image{filter:grayscale(0%);transform:scale(1.05)}.blog-card:hover .blog-image-overlay{opacity:1}.blog-content{padding:1.75rem;flex-grow:1;display:flex;flex-direction:column}.blog-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:1rem;line-height:1.4;transition:color .3s ease}.blog-card:hover .blog-title{color:#9dfc5a}.blog-description{font-size:.95rem;line-height:1.7;color:#888;margin-bottom:1.5rem;flex-grow:1}.blog-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid #1a1a1a;font-size:.85rem}.blog-date{color:#666}.blog-read-time{color:#9dfc5a;font-weight:500}@media (max-width: 992px){.blogs-title{font-size:2.5rem}.blogs-subtitle{font-size:1rem}.blog-image-container{height:220px}.blog-title{font-size:1.1rem}}@media (max-width: 768px){.blogs-section{padding-top:3rem}.blogs-title{font-size:2rem}.blogs-subtitle{font-size:.95rem}.blog-image-container{height:200px}.blog-content{padding:1.5rem}.blog-title{font-size:1.05rem;margin-bottom:.75rem}.blog-description{font-size:.9rem;margin-bottom:1rem}.blog-meta{padding-top:1rem;font-size:.8rem}}@media (max-width: 480px){.blogs-section{padding-top:2rem;padding-bottom:2rem}.blogs-title{font-size:1.5rem;margin-bottom:1rem}.blogs-subtitle{font-size:.9rem;line-height:1.6}.blog-card{border-radius:8px}.blog-image-container{height:180px}.blog-content{padding:1.25rem}.blog-title{font-size:1rem;margin-bottom:.5rem}.blog-description{font-size:.85rem;margin-bottom:.75rem;line-height:1.6}.blog-meta{padding-top:.75rem;font-size:.75rem}}