:root{--blue:#2f5ea8;--dark:#1f2430;--light:#f5f7fb;--text:#222;--muted:#666}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.7;background:#fff}
a{color:var(--blue);text-decoration:none} a:hover{text-decoration:underline}
img{max-width:100%;height:auto} .container{width:min(1180px,94%);margin:0 auto}.row{display:flex;flex-wrap:wrap;gap:24px}.col-lg-8{flex:1 1 720px}.col-lg-4{flex:0 0 300px}.col-12{width:100%}
.header-top{background:#f1f4f9;padding:8px 0}.header-links{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;font-size:13px}.header-links li{margin:0}
.header-section{padding:18px 0;border-bottom:1px solid #e6e6e6}.align-items-center{align-items:center}.header-logo img{max-height:72px;width:auto}.banner{text-align:right}
.menu-section{background:#121826;color:#fff}.menu-section a{color:#fff}.main-menu ul,.mobile-menu-wrap ul,.sub-menu{list-style:none;padding:0;margin:0}.main-menu>nav>ul{display:flex;flex-wrap:wrap;gap:18px;padding:14px 0}.main-menu li{position:relative}.sub-menu{display:none;position:absolute;background:#1d2535;padding:10px;min-width:220px;z-index:5}.has-dropdown:hover .sub-menu{display:block}.sub-menu li{margin:8px 0}
.post-section,.blog-section,.section{padding:28px 0}.mt-50{margin-top:24px}.mb-50{margin-bottom:24px}.single-blog,.sidebar{background:#fff}.single-blog .content{font-size:17px}.single-blog .content h1{font-size:32px;line-height:1.2;margin:0 0 18px;color:#14233c}.single-blog .content h2,.single-blog .content h3,.single-blog .content h4{color:#5D83CE!important;font-weight:700;line-height:1.32;margin:26px 0 10px}.single-blog .content h2{font-size:24px}.single-blog .content h3{font-size:21px}.single-blog .content h4{font-size:18px}
.meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;font-size:13px;color:var(--muted)}.meta img{width:36px;height:36px;border-radius:50%}
.sidebar .single-sidebar{border:1px solid #e5e8ef;border-radius:12px;padding:16px;margin-bottom:18px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.footer-top{background:#f5f7fb;padding:28px 0;margin-top:36px}.footer-bottom{background:#101522;color:#fff;padding:14px 0}.footer-bottom a{color:#fff}
.hero-oi{background:linear-gradient(135deg,#f5f7fb 0%,#eef3ff 100%);border:1px solid #dfe7f7;border-radius:18px;padding:28px;margin-bottom:28px}.hero-oi h1{margin-top:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:24px 0}.oi-card{border:1px solid #dde5f4;border-radius:16px;padding:18px;background:#fff;box-shadow:0 8px 22px rgba(20,35,60,.05)}.oi-card h3{margin-top:0}.badge-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.badge{background:#eef3ff;color:#2f5ea8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}
@media (max-width:900px){.row{display:block}.banner{text-align:left}.main-menu>nav>ul{gap:12px}.header-logo,.header-banner{width:100%}.single-blog .content h1{font-size:28px}}