\
:root{
  --bwd-primary:#0b5ed7;
  --bwd-deep:#073b84;
  --bwd-ink:#0b172a;
  --bwd-muted:#6b7a90;
  --bwd-bg:#f4f7fb;
}
html,body{height:100%}
body{background:var(--bwd-bg);color:var(--bwd-ink);overflow-x:hidden}

.topbar{background:linear-gradient(90deg,var(--bwd-deep),var(--bwd-primary));border-bottom:1px solid rgba(255,255,255,.12)}
.brand-mark{width:34px;height:34px;border-radius:12px;background:radial-gradient(circle at 30% 30%,#fff,#cfe2ff);box-shadow:0 8px 22px rgba(11,94,215,.25);position:relative}
.brand-mark::after{content:'';position:absolute;inset:7px;border-radius:10px;background:linear-gradient(135deg,var(--bwd-primary),#3dd5f3);opacity:.92}
.brand-logo{height:34px;width:auto;border-radius:8px}

.navbar-glass{backdrop-filter:blur(14px);background:rgba(255,255,255,.70);border-bottom:1px solid rgba(15,23,42,.08)}
.navbar .nav-link{font-weight:600;color:rgba(11,23,42,.75)}
.navbar .nav-link.active,.navbar .nav-link:hover{color:var(--bwd-primary)}

.hero{padding:28px 0 10px}
.premium-carousel{border-radius:22px;overflow:hidden;box-shadow:0 26px 60px rgba(2,10,30,.12);border:1px solid rgba(15,23,42,.06);background:#fff}
.hero-slide{position:relative;min-height:420px;background-size:cover;background-position:center;display:flex;align-items:flex-end;text-decoration:none}
@media(max-width:991px){.hero-slide{min-height:360px}}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55))}
.hero-content{position:relative;padding:28px;color:#fff;max-width:640px}
.badge-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .65rem;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);font-size:.8rem;margin-bottom:10px}
.carousel-indicators [data-bs-target]{width:10px;height:10px;border-radius:999px}

.premium-card{border:1px solid rgba(15,23,42,.06);border-radius:22px;box-shadow:0 18px 50px rgba(2,10,30,.08);background:rgba(255,255,255,.85);backdrop-filter:blur(10px)}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mini-stat{border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:12px 10px;background:rgba(255,255,255,.7)}
.mini-stat .k{font-weight:800}
.mini-stat .v{color:var(--bwd-muted);font-size:.86rem;margin-top:2px}

.ql-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;text-decoration:none;background:rgba(255,255,255,.85);border:1px solid rgba(15,23,42,.06);box-shadow:0 12px 30px rgba(2,10,30,.06);transition:transform .18s ease,box-shadow .18s ease}
.ql-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(2,10,30,.10)}
.ql-ico{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--bwd-primary),#3dd5f3);color:#fff;font-weight:900}
.ql-title{font-weight:700;color:var(--bwd-ink)}
.ql-sub{font-size:.84rem;color:var(--bwd-muted)}

.post-card{display:block;text-decoration:none;border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 14px 36px rgba(2,10,30,.06);transition:transform .18s ease,box-shadow .18s ease}
.post-card:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(2,10,30,.10)}
.post-thumb{height:175px;background-size:cover;background-position:center}
.post-hero{height:360px;border-radius:22px;background-size:cover;background-position:center;border:1px solid rgba(15,23,42,.06);box-shadow:0 18px 50px rgba(2,10,30,.08)}
.cover-preview{height:180px;border-radius:18px;background-size:cover;background-position:center;border:1px solid rgba(15,23,42,.08)}
.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kicker{color:var(--bwd-primary);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem}

.gov-footer{background:#e9eef3;border-top:1px solid rgba(15,23,42,.08)}
.gov-footer-bottom{background:#e9eef3;border-top:1px solid rgba(15,23,42,.10)}
.gov-links a{color:rgba(11,23,42,.78);text-decoration:none}
.gov-links a:hover{color:var(--bwd-primary);text-decoration:underline}
.gov-logo img{width:130px;height:auto;opacity:.92}
.to-top{width:44px;height:44px;border-radius:14px;border:0;background:#0b1220;color:#fff;box-shadow:0 16px 36px rgba(0,0,0,.2);opacity:.95;transition:transform .18s ease,opacity .18s ease}
.to-top:hover{transform:translateY(-2px);opacity:1}

.reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}

.dropdown-menu{border-radius:16px;border:1px solid rgba(15,23,42,.10);box-shadow:0 18px 60px rgba(2,10,30,.14)}