.blog-hero{background:linear-gradient(rgba(0,0,130,.9),rgba(0,0,130,.8)),url(/assets/img/blog-bg.jpg) 50%/cover no-repeat;color:white;padding:8rem 0 6rem;text-align:center;position:relative}.blog-hero h1{font-family:Cormorant Garamond,serif;font-weight:700;font-size:3.5rem;margin-bottom:1rem}.blog-hero p{font-size:1.2rem;max-width:700px;margin:0 auto}.blog-card{background:var(--surface-card);border:1px solid var(--border-light);border-radius:.5rem;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:all .3s ease;height:100%}.blog-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,130,.1)}.blog-img{height:200px;position:relative;overflow:hidden}.blog-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-img img{transform:scale(1.05)}.blog-category{position:absolute;bottom:1rem;left:1rem;background:#00D4FF;color:white;padding:.25rem .75rem;border-radius:2rem;font-size:.8rem;font-weight:500}.blog-content{padding:1.5rem}.blog-meta{display:flex;justify-content:space-between;font-size:.85rem;color:#9CA3AF;margin-bottom:.75rem}.blog-title{font-family:Cormorant Garamond,serif;font-weight:600;margin-bottom:1rem;color:#E5E7EB}.blog-title a{color:inherit;text-decoration:none}.blog-title a:hover{color:inherit;text-decoration:underline}.blog-excerpt{color:#9CA3AF;margin-bottom:1.5rem}.blog-read-more{color:#E5E7EB;font-weight:500;text-decoration:none;display:inline-flex;align-items:center}.blog-read-more i{margin-left:.5rem;transition:transform .3s ease}.blog-read-more:hover i{transform:translateX(3px)}.pagination .page-item .page-link{color:#E5E7EB;border:1px solid rgba(0,0,130,.2);margin:0 .25rem;border-radius:.25rem}.pagination .page-item.active .page-link{background:#00D4FF;border-color:#E5E7EB;color:white}.pagination .page-item .page-link:hover{background:rgba(0,0,130,.1)}.newsletter-form .form-control{height:50px;border:1px solid rgba(0,0,130,.2);border-right:none;border-radius:.25rem 0 0 .25rem}.newsletter-form .btn{border-radius:0 .25rem .25rem 0;height:50px}@media (max-width:768px){.blog-hero h1{font-size:2.5rem}.blog-meta{flex-direction:column}.blog-meta .blog-author{margin-top:.25rem}}