:root{--navy:#06275f;--red:#ef2b2f;--green:#25b95b;--text:#0b2b5c;--muted:#657790;--line:#e4eaf2;--shadow:0 10px 28px rgba(7,37,82,.08)}
.blog-hero{background:radial-gradient(circle at 85% 35%,rgba(239,43,47,.08),transparent 24%),linear-gradient(135deg,#f8fbff 0%,#fff 52%,#f8fafc 100%);border-bottom:1px solid var(--line);padding:48px 0 44px}.blog-hero h1{margin:0 0 10px;font-size:42px;line-height:1.08;letter-spacing:-1.3px;font-weight:900}.blog-hero h1 span{color:var(--red)}.blog-hero p{max-width:700px;margin:0;color:var(--muted);font-size:14px}
.blog-page{padding-top:34px!important}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.blog-card{overflow:hidden;background:#fff;border:1px solid #e3e9f0;border-radius:14px;box-shadow:0 6px 20px rgba(7,40,84,.045);transition:.2s}.blog-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(7,40,84,.09)}.blog-card img{width:100%;height:215px;object-fit:cover;background:#eef2f6}.blog-body{padding:19px}.blog-meta{margin-bottom:8px;color:var(--red);font-size:10px;font-weight:900;letter-spacing:.35px}.blog-card h2{margin:0 0 9px;font-size:19px;line-height:1.25}.blog-card p{min-height:62px;margin:0 0 14px;color:var(--muted);font-size:12px}.read-more{display:inline-flex;color:var(--navy);font-size:11px;font-weight:800}.read-more:hover{color:var(--red)}
.blog-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:16px}.sidebar-box{background:#fff;border:1px solid #e3e9f0;border-radius:12px;padding:20px;box-shadow:0 5px 18px rgba(7,40,84,.035)}.sidebar-box h3{position:relative;margin:0 0 14px;padding-bottom:10px;font-size:15px}.sidebar-box h3:after{content:"";position:absolute;left:0;bottom:0;width:32px;height:3px;border-radius:5px;background:var(--red)}.sidebar-box ul{list-style:none;padding:0;margin:0}.sidebar-box li{border-bottom:1px solid #edf1f5;font-size:11.5px;color:#53677f;padding:9px 0}.sidebar-box li:last-child{border-bottom:0}.sidebar-box li a:hover{color:var(--red)}.contact-side{background:linear-gradient(145deg,#082e68,#04204d);color:#fff}.contact-side h3{color:#fff}.contact-side h3:after{background:#fff}.contact-side p{color:#dce6f2;font-size:11.5px}.contact-side .btn{width:100%;margin-top:9px;font-size:11.5px}
@media(max-width:900px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr}.contact-side{grid-column:1/-1}}
@media(max-width:680px){.blog-hero{padding:34px 0}.blog-hero h1{font-size:33px}.blog-grid{grid-template-columns:1fr}.blog-sidebar{grid-template-columns:1fr}.contact-side{grid-column:auto}.blog-card img{height:210px}}