@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#0d2a42;--blue:#1267a8;--pale:#edf4f8;--ink:#14283a;--muted:#6e7f8e}*{box-sizing:border-box}body{margin:0;background:#f6f9fb;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:13px}.topbar{background:var(--navy);color:#e5eff6;font-size:11px;padding:8px 0}.topbar a{color:inherit;text-decoration:none;margin-left:9px}.social-mini{white-space:nowrap}.brandbar{background:#fff;padding:15px 0}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);text-decoration:none}.brand strong{display:block;line-height:1.2;font-weight:800}.brand small{display:block;color:#344a5b}.brand-mark{color:#1b5c85}.motto{font-size:14px;color:#263d50}.support-btn{white-space:nowrap}.mainnav{padding:0;background:#edf3f7;border-bottom:1px solid #dbe5ec}.mainnav .nav-link{padding:15px 13px;color:#172b3d;font-weight:650}.mainnav .nav-link:hover,.mainnav .nav-link.active{background:#1267a8;color:white}.search-form{max-width:245px}.search-form input{font-size:12px}.hero-slider{height:390px;border-radius:5px;overflow:hidden;position:relative;background:#102c42}.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;visibility:hidden;transition:opacity .45s;padding:22px 28px 25px;display:flex;flex-direction:column;justify-content:flex-end;color:white}.hero-slide.active{opacity:1;visibility:visible}.hero-content{max-width:650px}.hero-content h1{font-size:27px;font-weight:800;line-height:1.2;margin:10px 0}.hero-content h1 a{color:white;text-decoration:none}.hero-content p{font-size:13px;max-width:600px;line-height:1.6}.category-label{display:inline-block;background:#1267a8;color:white;padding:5px 9px;border-radius:3px;font-weight:700;font-size:11px}.meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:#718191;font-size:10px}.meta span{white-space:nowrap}.meta i{margin-right:4px}.slider-arrow{position:absolute;z-index:2;top:42%;border:0;background:#0922389c;color:white;border-radius:50%;width:34px;height:34px}.slider-arrow.prev{left:15px}.slider-arrow.next{right:15px}.slider-dots{position:absolute;bottom:15px;right:25px;display:flex;gap:9px;z-index:3}.slider-dot{border:0;border-radius:50%;width:8px;height:8px;background:#d9e4eb;padding:0}.slider-dot.active{background:#1686d5}.hero-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:35px;color:white;background:linear-gradient(135deg,#0d2a42,#1267a8)}.hero-empty h1{font-size:28px}.latest-panel{padding:4px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:10px}.section-heading h2{font-size:15px;font-weight:800;margin:0}.section-heading>a{font-size:10px;text-decoration:none;color:#46718e;white-space:nowrap}.latest-item{display:grid;grid-template-columns:100px 1fr;gap:11px;padding:0 0 10px;margin-bottom:10px;border-bottom:1px solid #e3ebf0}.latest-thumb{height:75px;border-radius:5px;overflow:hidden;background:#d9e6ef;display:flex;align-items:center;justify-content:center;color:#28668d}.latest-thumb img{width:100%;height:100%;object-fit:cover}.latest-item h3{font-size:11px;font-weight:750;line-height:1.45;margin:2px 0 8px}.latest-item h3 a{color:var(--ink);text-decoration:none}.about-box,.subscribe-box,.quote-box{border:1px solid #e2eaf0;border-radius:5px;background:#fff;padding:16px}.about-box{background:linear-gradient(130deg,#e8f4fd,#dcecf8);min-height:240px;position:relative;overflow:hidden}.about-dove{font-size:42px;color:#6e9ab8;opacity:.55;text-align:right}.about-box h2{font-size:17px;font-weight:800;line-height:1.35}.about-box p{font-size:11px;line-height:1.6}.btn-primary{background:#1267a8;border-color:#1267a8;font-weight:650;font-size:11px}.subscribe-box h3{font-size:12px;font-weight:800}.subscribe-box h3 i{font-size:23px;color:#286d96;margin-right:6px}.subscribe-box form{display:flex;flex-wrap:wrap;gap:6px}.subscribe-box input{font-size:10px;flex:1;min-width:120px}.form-message{width:100%;font-size:11px;color:#216b49;margin-top:5px}.quote-box{margin-top:14px;background:linear-gradient(120deg,#09263d,#173c58);color:#fff;min-height:130px}.quote-box>i{font-size:24px;color:#8bbbd7}.quote-box p{font-weight:650;font-size:13px}.category-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:18px 0 28px}.category-strip a{min-height:82px;background:#f8fbfd;border:1px solid #e3ebf0;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#203c51;font-weight:650;text-align:center;padding:10px}.category-strip i{font-size:25px;color:#235e83}.popular-section{padding-bottom:20px}.news-card{height:100%;background:white;border:1px solid #e0e8ed;border-radius:5px;overflow:hidden;box-shadow:0 2px 7px #18364b0a}.news-card>a>img,.news-card>img{width:100%;height:90px;object-fit:cover}.placeholder-image{height:90px;background:#e0edf5;display:grid;place-items:center;font-size:30px;color:#5e8eac}.news-card-body{padding:10px}.news-card h3{font-size:11px;font-weight:750;line-height:1.5;min-height:34px;margin:0 0 13px}.news-card h3 a{color:var(--ink);text-decoration:none}.news-card h3 a:hover{color:var(--blue)}.site-footer{background:#0b263c;color:#d9e6ee;padding:24px 0 15px;margin-top:20px}.footer-brand{color:white;text-decoration:none;font-weight:800;font-size:16px}.footer-brand i{font-size:25px;margin-right:8px}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a,.site-footer a{color:#d9e6ee;text-decoration:none;font-size:11px}.site-footer hr{border-color:#426075}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px}.article-main,.article-sidebar{min-width:0}.article-main h1{font-size:30px;font-weight:800;line-height:1.25;margin:10px 0 15px}.breadcrumb{font-size:11px;color:#7c8d99}.breadcrumb a{color:#34749c;text-decoration:none}.article-cover{width:100%;max-height:480px;object-fit:cover;border-radius:5px;margin:12px 0 20px}.article-body{font-size:15px;line-height:1.85;overflow-wrap:anywhere}.article-body img{max-width:100%;height:auto}.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{margin:1.4em 0 .6em;font-weight:750}.like-btn{border:0;background:none;color:#657989;padding:0}.like-btn.liked{color:#d72f55}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.tags a{background:#e8f2f8;border-radius:4px;padding:5px 8px;text-decoration:none;color:#1a5d85}.comments-area{margin-top:30px;border-top:1px solid #e0e9ef;padding-top:20px}.comments-area h2,.comments-area h3{font-size:18px;font-weight:800}.comment{padding:12px 0;border-bottom:1px solid #e2eaf0}.comment small{display:block;color:#7a8a96}.article-sidebar h3{font-size:16px;font-weight:800}.related-item{display:flex;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;line-height:1.4;margin:14px 0}.related-item img{width:85px;height:65px;object-fit:cover;border-radius:4px}.page-heading{font-size:26px;font-weight:800;margin-bottom:22px}.about-page{max-width:850px;background:#fff;padding:30px;border-radius:6px;line-height:1.8}.about-page h1{font-weight:800}.lang-link{padding:2px 3px}.dropdown-menu{border:1px solid #e2eaf0;box-shadow:0 8px 20px #18364b12}.dropdown-item{font-size:12px}.dropdown-item:hover{background:#edf5fa;color:#125b8c}
@media(max-width:1199px){.hero-slider{height:370px}.about-box{min-height:0}.quote-box{display:none}.latest-item{grid-template-columns:82px 1fr}.latest-thumb{height:65px}.category-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.brandbar{padding:10px 0}.brand strong{font-size:22px!important}.brand small{font-size:10px!important}.motto{display:none}.support-btn{font-size:0}.support-btn i{font-size:14px}.hero-slider{height:340px}.hero-content h1{font-size:22px}.hero-slide{padding:18px}.latest-panel{margin-top:12px}.category-strip{grid-template-columns:repeat(2,1fr);gap:8px}.article-layout{grid-template-columns:1fr}.article-sidebar{border-top:1px solid #e2eaf0;padding-top:18px}.article-main h1{font-size:24px}.footer-links{gap:10px}.topbar{font-size:10px}.topbar .container{justify-content:center!important}.search-form{max-width:none;margin:10px 0}.mainnav .nav-link{padding:10px}.news-card>a>img,.news-card>img{height:150px}}