:root{
  --ink:#0b1220;
  --mid:#111b2e;
  --steel:#22304a;
  --gold:#c9a227;
  --paper:#f5f7fb;
  --line:rgba(17,27,46,.12);
}

body{font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; background:var(--paper); color:var(--ink);}
a{color:var(--steel); text-decoration:none}
a:hover{text-decoration:underline}

.navbar{background:linear-gradient(90deg,var(--ink),var(--mid)); border-bottom:4px solid var(--gold)}
.navbar .nav-link{color:rgba(255,255,255,.92)!important; font-weight:600; letter-spacing:.2px}
.navbar .nav-link:hover{color:#fff!important}
.navbar-brand span{letter-spacing:.3px}

.hero-shell{background: radial-gradient(1200px 600px at 10% 10%, rgba(201,162,39,.22), transparent 60%),
                     radial-gradient(900px 500px at 90% 20%, rgba(34,48,74,.25), transparent 55%),
                     linear-gradient(180deg, #0b1220, #111b2e);
            color:#fff; padding:3.5rem 0 2.25rem; border-bottom:1px solid rgba(255,255,255,.08)}
.hero-title{font-size: clamp(1.6rem, 2.6vw, 2.4rem); font-weight:800; letter-spacing:.4px}
.hero-sub{opacity:.92; max-width:56rem}

.card{border:1px solid var(--line); border-radius:16px; box-shadow:0 18px 44px rgba(11,18,32,.08)}
.article-title{font-weight:800; letter-spacing:.2px}

.badge-eacem{background:rgba(201,162,39,.16); color:#6f5606; border:1px solid rgba(201,162,39,.45); font-weight:700}
.kpi{border:1px solid var(--line); border-radius:14px; padding:1rem; background:#fff}
.kpi .n{font-weight:900; font-size:1.25rem}
.kpi .l{opacity:.75; font-weight:700; letter-spacing:.2px}

.footer{background:linear-gradient(180deg,#0b1220,#060a13); color:rgba(255,255,255,.88); padding:2.5rem 0; margin-top:3rem}
.footer a{color:rgba(255,255,255,.9)}

/* ===============================
   NAVBAR OVER SLIDER (HOME ONLY)
   =============================== */

.eacem-navbar{
  transition: background .25s ease, box-shadow .25s ease;
}

/* Only active on homepage */
.navbar-overlay{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:1055; /* higher than carousel */
  background: linear-gradient(
    180deg,
    rgba(6,10,19,.85) 0%,
    rgba(6,10,19,.45) 60%,
    rgba(6,10,19,0) 100%
  );
  border-bottom:1px solid rgba(255,255,255,.15);
}

/* Ensure readability over images */
.navbar-overlay .nav-link{
  color:rgba(255,255,255,.95)!important;
  font-weight:600;
}

.navbar-overlay .nav-link:hover{
  color:#ffffff!important;
}

.navbar-overlay .navbar-brand{
  color:#ffffff!important;
}