.blog-page{color:var(--color-text,#1e3a5f);background:var(--color-bg,#fff);padding-top:68px;font-family:Poppins,sans-serif}.blog-container{max-width:1160px;margin:0 auto;padding:0 56px}.blog-hero{background:linear-gradient(160deg,#f0f6ff 0%,#e6f0ff 50%,#ddeaff 100%);padding:72px 0 56px}.blog-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand,#0098fc);margin-bottom:12px;font-size:11px;font-weight:700}.blog-h1{color:var(--color-text-strong,#0a1628);letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;line-height:1.15}.blog-hero-sub{color:var(--color-text-soft,#5a7a9a);max-width:560px;margin:0 0 32px;font-size:17px;line-height:1.7}.blog-search-wrap{align-items:center;max-width:480px;margin:0 auto;padding-top:30px;display:flex;position:relative}.blog-search-icon{color:#5a7a9a;pointer-events:none;flex-shrink:0;width:16px;height:16px;position:absolute;left:14px}.blog-search{color:#0a1628;-webkit-appearance:none;background:#fff;border:1.5px solid #0c5d8d2e;border-radius:10px;outline:none;width:100%;padding:11px 40px;font-family:Poppins,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.blog-search::placeholder{color:#8aaac4}.blog-search:focus{border-color:var(--color-brand,#0098fc);box-shadow:0 0 0 3px #0098fc1f}.blog-search::-webkit-search-cancel-button{display:none}.blog-search-clear{cursor:pointer;color:#5a7a9a;background:0 0;border:none;padding:4px;font-size:13px;line-height:1;transition:color .15s;position:absolute;right:12px}.blog-search-clear:hover{color:#0a1628}.blog-section{padding:56px 0 88px}.blog-results-count{color:#5a7a9a;margin-bottom:24px;font-size:13px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.blog-card{color:inherit;background:#fff;border:1px solid #0c5d8d1a;border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--color-brand,#0098fc);transform:translateY(-3px);box-shadow:0 12px 36px #0098fc1a}.blog-card-img{aspect-ratio:16/9;background:var(--color-surface-soft,#f0f4f8);flex-shrink:0;width:100%;overflow:hidden}.blog-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.blog-card:hover .blog-card-img img{transform:scale(1.03)}.blog-card-img-placeholder{background:linear-gradient(135deg,#e6f4ff 0%,#c7e5ff 100%);width:100%;height:100%;position:relative}.blog-card-img-placeholder:after{content:"";background-image:linear-gradient(#0098fc12 1px,#0000 1px),linear-gradient(90deg,#0098fc12 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.blog-card-body{flex-direction:column;flex:1;gap:8px;padding:20px 20px 16px;display:flex}.blog-card-title{color:#0a1628;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:700;line-height:1.45;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card-title{color:var(--color-brand,#0098fc)}.blog-card-desc{color:#5a7a9a;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card-meta{align-items:center;gap:6px;margin-top:2px;display:flex}.blog-card-author{color:#1e3a5f;font-size:12px;font-weight:600}.blog-card-sep{color:#8aaac4;font-size:12px}.blog-card-date{color:#5a7a9a;font-size:12px}.blog-card-cta{letter-spacing:.1em;text-transform:uppercase;color:var(--color-brand,#0098fc);margin-top:2px;font-size:11px;font-weight:700}.blog-empty{text-align:center;color:#5a7a9a;padding:80px 0;font-size:16px}.blog-empty strong{color:#0a1628}.blog-empty-reset{color:var(--color-brand,#0098fc);cursor:pointer;background:0 0;border:none;margin-top:16px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;text-decoration:underline;display:inline-block}@media (width<=1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.blog-container{padding:0 32px}.blog-hero{padding:56px 0 44px}.blog-section{padding:44px 0 64px}}@media (width<=560px){.blog-container{padding:0 20px}.blog-grid{grid-template-columns:1fr}.blog-search-wrap{max-width:100%}}