.blog-hero{min-height:360px;height:44vh;display:flex;align-items:center;position:relative;background-position:center;background-size:cover;color:#fff;isolation:isolate}.blog-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(20,48,91,.92),rgba(44,90,160,.7) 58%,rgba(15,34,64,.55));z-index:-1}.blog-hero--index{background-image:url('../images/hero-2.webp')}.blog-hero .slide-content{position:static;transform:none;width:100%;text-align:left}.blog-hero h1{max-width:800px;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.12;margin-bottom:1rem}.blog-hero p{max-width:680px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;opacity:.94}.blog-index{background:#f5f7fa}.blog-listing{padding:72px 0 84px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.blog-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e7ebf0;border-radius:16px;overflow:hidden;box-shadow:0 8px 28px rgba(30,61,114,.08);transition:transform .25s ease,box-shadow .25s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(30,61,114,.14)}.blog-card__image{display:block;aspect-ratio:16/10;overflow:hidden;background:#e9eef5}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card__image img{transform:scale(1.04)}.blog-card__content{display:flex;flex:1;flex-direction:column;padding:24px}.blog-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:#687386;font-size:.82rem}.blog-card__meta span{color:#e85d2a;font-weight:600}.blog-card h3{font-size:1.18rem;line-height:1.45;margin:0 0 12px}.blog-card h3 a{color:#234e8d;text-decoration:none}.blog-card p{color:#657083;font-size:.94rem;line-height:1.72;margin:0 0 20px;flex:1}.blog-card__link{display:inline-flex;align-items:center;gap:8px;color:#e85d2a;font-size:.92rem;font-weight:600;text-decoration:none}.blog-card__link:hover{color:#c94718;gap:12px}.blog-detail{background:#f5f7fa;padding-bottom:1px}.blog-detail>.hero{height:44vh!important;min-height:360px;position:relative}.blog-detail>.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(20,48,91,.88),rgba(0,0,0,.45))}.blog-detail>.hero .slide-content{z-index:1}.blog-detail .seo-article{margin:0;padding:64px 0;background:#f5f7fa}.blog-detail .article-container{max-width:920px}.blog-detail .article-header{background:#fff;border:1px solid #e7ebf0;border-bottom:4px solid #2c5aa0;border-radius:16px;padding:38px;margin-bottom:28px;box-shadow:0 8px 28px rgba(30,61,114,.07)}.blog-detail .article-header h2{font-size:clamp(1.8rem,4vw,2.45rem);margin-top:14px}.blog-detail .content-section{background:#fff;border:1px solid #e7ebf0;border-left:4px solid #ff6b35;border-radius:14px;box-shadow:0 5px 18px rgba(30,61,114,.06);padding:32px;margin-bottom:24px}.blog-detail .content-section:hover{transform:none;box-shadow:0 10px 26px rgba(30,61,114,.1)}.blog-detail .content-section h3{font-size:1.55rem;line-height:1.35}.blog-detail .content-section p{text-align:left}.blog-detail .highlight-box{border-radius:14px}.related-posts{padding:64px 0 76px;background:#fff}.blog-grid--related{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin:0 auto}.blog-card--compact .blog-card__content{padding:26px}.related-posts .section-header{margin-bottom:35px}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.blog-hero,.blog-detail>.hero{height:auto!important;min-height:330px}.blog-hero .slide-content,.blog-detail>.hero .slide-content{padding:110px 20px 55px}.blog-listing{padding:48px 0 60px}.blog-grid,.blog-grid--related{grid-template-columns:1fr;gap:20px}.blog-card__content{padding:20px}.blog-detail .seo-article{padding:38px 0}.blog-detail .article-header{padding:24px 18px}.blog-detail .content-section{padding:22px 18px}.blog-detail .content-section h3{font-size:1.28rem}.blog-detail .content-section p,.blog-detail .content-section li{font-size:.98rem}.related-posts{padding:48px 0 58px}}