:root{
  --bm-primary:#0e4ea1;
  --bm-accent:#a10e2f;
  --bm-ink:#0b1220;
  --bm-bg:#f6f8fc;
}
html,body{background:var(--bm-bg);color:var(--bm-ink)}
.navbar-brand .logo-pill{display:inline-block;background:var(--bm-primary);color:#fff;border-radius:.6rem;padding:.2rem .45rem;margin-right:.35rem;font-weight:800}
.hero{
  background: radial-gradient(60% 80% at 10% 10%, rgba(14,78,161,.20), transparent),
              linear-gradient(120deg, #0e4ea1, #163b77);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.hero .overlay{
  position:absolute;inset:0;
  background: url('/assets/texture.png'), radial-gradient(35% 35% at 85% 20%, rgba(255,255,255,.08), transparent);
  opacity:.25;pointer-events:none
}
.hero .content{position:relative;z-index:2}
.shadow-soft{box-shadow:0 10px 30px rgba(14,78,161,.12)}
.card-service{transition:transform .25s ease, box-shadow .25s ease}
.card-service:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(0,0,0,.08)}
.badge-soft{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(4px)}
.section-title{font-weight:800;letter-spacing:.2px}
.cta-banner{
  background: linear-gradient(90deg, var(--bm-primary), #1d5bb5);
  color:#fff;border-radius:1rem
}
footer a{color:#e6efff}
footer a:hover{color:#fff}
.article-cover{border-radius:.75rem}
.table thead th{background:#f1f5ff}
.form-control, .form-select{border-radius:.6rem}
.btn-rounded{border-radius:.6rem}