:root{--hpb-blue:#0875c1;--hpb-dark:#11283b;--hpb-soft:#f3f7fa;--hpb-line:#dce6ed}.hpb-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.hpb-hero,.hpb-article-hero{background:linear-gradient(120deg,#0b263b,#0875c1);color:#fff;padding:70px 0}.hpb-hero h1,.hpb-article-hero h1{color:#fff;font-size:clamp(36px,5vw,58px);line-height:1.08;margin:10px 0 14px}.hpb-hero p{font-size:18px;max-width:760px;margin:0;opacity:.9}.hpb-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#43b5ff}.hpb-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:52px;padding-top:55px;padding-bottom:70px}.hpb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.hpb-card{border:1px solid var(--hpb-line);background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 10px 30px rgba(17,40,59,.06);transition:.25s}.hpb-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(17,40,59,.12)}.hpb-card-media{height:190px;background:linear-gradient(145deg,#102d42,#0c8bdb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:25px;letter-spacing:2px}.hpb-card-media img{width:100%;height:100%;object-fit:cover}.hpb-card-body{padding:26px}.hpb-card h2{font-size:23px;line-height:1.3;margin:8px 0 13px}.hpb-card h2 a{color:var(--hpb-dark)}.hpb-card p{color:#5b6a75;line-height:1.75}.hpb-meta,.hpb-article-meta{font-size:13px;color:#71818c}.hpb-more{font-weight:700;color:var(--hpb-blue)}.hpb-more span{margin-left:5px}.hpb-sidebar section{margin-bottom:28px}.hpb-contact-card{background:var(--hpb-dark);color:#fff;padding:30px;border-radius:5px}.hpb-contact-card h2{color:#fff;font-size:24px;line-height:1.25}.hpb-contact-card p{color:#d1dde5;line-height:1.65}.hpb-button{display:inline-block;background:var(--hpb-blue);color:#fff!important;padding:13px 20px;border-radius:3px;font-weight:700}.hpb-phone{display:block;color:#fff!important;font-size:18px;font-weight:700;margin-top:18px}.hpb-widget{border:1px solid var(--hpb-line);padding:25px}.hpb-widget h2{font-size:20px;border-bottom:2px solid var(--hpb-blue);padding-bottom:12px;margin:0 0 15px}.hpb-widget ul{list-style:none;margin:0;padding:0}.hpb-widget li{border-bottom:1px solid var(--hpb-line);padding:10px 0}.hpb-widget li:last-child{border:0}.hpb-widget li a{display:flex;justify-content:space-between;color:#334b5c}.hpb-popular li a{display:block!important;font-weight:600;line-height:1.45}.hpb-tags a{display:inline-block;background:var(--hpb-soft);padding:6px 9px;margin:3px;color:#38566b}.hpb-article-hero{padding:55px 0}.hpb-article-hero h1{max-width:980px;font-size:clamp(34px,4.5vw,52px)}.hpb-breadcrumb{font-size:13px;opacity:.85}.hpb-breadcrumb a{color:#fff}.hpb-breadcrumb span{margin:0 8px}.hpb-article-meta{color:#dceaf3}.hpb-featured img{width:100%;height:auto}.hpb-article{font-size:17px;line-height:1.85;color:#344b59}.hpb-article>p:first-of-type{font-size:20px;color:#223e50}.hpb-article h2{font-size:30px;color:var(--hpb-dark);margin:42px 0 15px}.hpb-article h3{font-size:22px;color:var(--hpb-dark)}.hpb-article ul{padding-left:23px}.hpb-article li{margin-bottom:8px}.hpb-toc{background:var(--hpb-soft);border-left:4px solid var(--hpb-blue);padding:22px 25px;margin-bottom:35px}.hpb-toc-links{display:grid;gap:5px;margin-top:8px}.hpb-tax{border-top:1px solid var(--hpb-line);margin-top:40px;padding-top:20px}.hpb-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--hpb-dark);padding:32px;margin-top:38px;color:#fff}.hpb-cta h2{color:#fff;margin:6px 0;font-size:25px}.hpb-cta p{margin:0;color:#cbd9e2}.navigation.pagination{margin-top:35px}.nav-links{display:flex;gap:7px}.page-numbers{padding:9px 13px;border:1px solid var(--hpb-line)}.page-numbers.current{background:var(--hpb-blue);color:#fff}@media(max-width:900px){.hpb-layout{grid-template-columns:1fr}.hpb-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.hpb-sidebar section{margin:0}}@media(max-width:620px){.hpb-wrap{width:min(100% - 28px,1180px)}.hpb-grid,.hpb-sidebar{grid-template-columns:1fr}.hpb-hero,.hpb-article-hero{padding:45px 0}.hpb-layout{padding-top:35px;gap:35px}.hpb-cta{align-items:flex-start;flex-direction:column}}