/* === BLOG PAGE 2026 === */
#blog-page{padding-bottom:100px}
.blog-hero{position:relative;background:linear-gradient(135deg,#0d3d4d 0%,#175B70 40%,#1a7a8a 100%);padding:80px 20px 70px;text-align:center;overflow:hidden}
.blog-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(255,204,0,0.08) 0%,transparent 50%);pointer-events:none}
.blog-hero::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60'%3E%3Cpath fill='%23ffffff' d='M0,30 C360,60 720,0 1080,30 C1260,45 1380,50 1440,30 L1440,60 L0,60 Z'/%3E%3C/svg%3E") no-repeat bottom;background-size:cover;pointer-events:none}
.blog-hero-overlay{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.blog-hero-content{position:relative;z-index:2}
.blog-hero-tag{display:inline-block;font-family:'Manrope',sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--yellow-color);margin-bottom:16px}
.blog-title{font-family:'Manrope',sans-serif;font-size:52px;font-weight:800;color:#fff;margin:0 0 16px;line-height:1.15}
.blog-subtitle{font-family:'Manrope',sans-serif;font-size:18px;color:rgba(255,255,255,0.75);font-weight:400;margin:0;max-width:550px;margin-left:auto;margin-right:auto;line-height:1.6}
.blog-featured-section{padding:60px 0 40px}
.blog-featured-card{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 40px rgba(23,91,112,0.1);transition:transform 0.4s ease,box-shadow 0.4s ease}
.blog-featured-card:hover{transform:translateY(-4px);box-shadow:0 16px 60px rgba(23,91,112,0.18)}
.blog-featured-image{position:relative;min-height:380px;overflow:hidden}
.blog-featured-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}
.blog-featured-card:hover .blog-featured-image img{transform:scale(1.04)}
.blog-featured-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(23,91,112,0.1),transparent);pointer-events:none}
.blog-featured-content{padding:50px 45px;display:flex;flex-direction:column;justify-content:center}
.blog-featured-label{display:inline-block;font-family:'Manrope',sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue-color);background:var(--thin-blue);padding:6px 16px;border-radius:30px;margin-bottom:20px;width:fit-content}
.blog-featured-title{font-family:'Manrope',sans-serif;font-size:30px;font-weight:800;color:#1a1a1a;margin:0 0 16px;line-height:1.3}
.blog-featured-excerpt{font-family:'Manrope',sans-serif;font-size:15px;line-height:1.7;color:#666;margin:0 0 24px}
.blog-featured-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.blog-featured-read{display:inline-flex;align-items:center;gap:8px;font-family:'Manrope',sans-serif;font-size:15px;font-weight:700;color:var(--blue-color);transition:gap 0.3s ease}
.blog-featured-card:hover .blog-featured-read{gap:12px}
.blog-grid-section{padding:20px 0 40px}
.blog-grid-heading{font-family:'Manrope',sans-serif;font-size:28px;font-weight:800;color:#1a1a1a;margin:0 0 35px;padding-bottom:16px;border-bottom:3px solid var(--thin-blue)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto}
.blog-card{background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 20px rgba(0,0,0,0.05);transition:transform 0.35s ease,box-shadow 0.35s ease;display:flex;flex-direction:column;animation:cardFadeIn 0.5s ease both}
.blog-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(23,91,112,0.14)}
@keyframes cardFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.blog-card-image{position:relative;width:100%;height:240px;overflow:hidden}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}
.blog-card:hover .blog-card-image img{transform:scale(1.06)}
.blog-card-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--thin-blue);color:#b0c4ce}
.blog-card-content{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1}
.blog-card-meta{margin-bottom:14px}
.blog-card-date{display:inline-flex;align-items:center;gap:6px;font-family:'Manrope',sans-serif;font-size:13px;font-weight:500;color:var(--blue-color);background:var(--thin-blue);padding:5px 14px;border-radius:20px}
.blog-card-date svg{flex-shrink:0}
.blog-card-title{font-family:'Manrope',sans-serif;font-size:19px;font-weight:700;color:#1a1a1a;margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.2s ease}
.blog-card:hover .blog-card-title{color:var(--blue-color)}
.blog-card-excerpt{font-family:'Manrope',sans-serif;font-size:14px;line-height:1.65;color:#888;margin:0 0 18px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-read-more{display:inline-flex;align-items:center;gap:6px;font-family:'Manrope',sans-serif;font-size:14px;font-weight:600;color:var(--blue-color);transition:gap 0.3s ease}
.blog-card:hover .blog-card-read-more{gap:10px}
.blog-pagination{padding:20px 0 0;text-align:center}
.blog-pagination .nav-links{display:flex;justify-content:center;align-items:center;gap:8px}
.blog-pagination .page-numbers{font-family:'Manrope',sans-serif;font-size:15px;font-weight:600;padding:10px 18px;border-radius:12px;text-decoration:none;color:var(--blue-color);background:var(--thin-blue);transition:all 0.25s ease}
.blog-pagination .page-numbers.current,.blog-pagination .page-numbers:hover{background:var(--blue-color);color:#fff}
.blog-empty{text-align:center;padding:100px 20px;font-family:'Manrope',sans-serif;font-size:18px;color:#999}
@media(max-width:992px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:22px}.blog-title{font-size:38px}.blog-hero{padding:60px 20px 55px}.blog-featured-card{grid-template-columns:1fr}.blog-featured-image{min-height:280px}.blog-featured-content{padding:35px 30px}.blog-featured-title{font-size:26px}.blog-grid-heading{font-size:24px}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr;gap:18px}.blog-title{font-size:30px}.blog-subtitle{font-size:16px}.blog-hero{padding:50px 16px 45px}.blog-card-image{height:200px}.blog-card-content{padding:20px}.blog-card-title{font-size:17px}.blog-featured-image{min-height:220px}.blog-featured-content{padding:28px 22px}.blog-featured-title{font-size:22px}.blog-featured-excerpt{font-size:14px}.blog-grid-heading{font-size:22px;margin-bottom:24px}}