:root{
  --brand:#0b1c5a;      /* navy from logo */
  --brand-ink:#071238;
  --accent:#f2c200;     /* gold from hands */
  --ink:#0f1730;
}
html,body{height:100%;}
body{display:flex;flex-direction:column;color:var(--ink)}
a{color:var(--brand)}
a:hover{color:var(--brand-ink)}

.navbar{background:var(--brand) !important;}
.btn-warning{ --bs-btn-bg: var(--accent); --bs-btn-border-color: var(--accent); --bs-btn-hover-bg: #e5b900; }

.hero{
  background: radial-gradient(1200px 400px at 10% 0%, rgba(242,194,0,.20), transparent 40%),
              linear-gradient(180deg, rgba(11,28,90,.10), rgba(11,28,90,.04));
  border-bottom: 1px solid rgba(11,28,90,.1);
}
.section-title .bar{width:72px;height:5px;background:var(--accent);border-radius:2px;}
.badge-soft{background:rgba(11,28,90,.10); color:#0d3b8c;}

.card-quiet{border:0; box-shadow:0 10px 30px rgba(11,28,90,.08);}
.card-quiet .icon{font-size:2rem}

.figure-cover{
  position:relative; overflow:hidden; border-radius:1rem; box-shadow:0 10px 30px rgba(11,28,90,.10);
}
.figure-cover>img{width:100%; height:340px; object-fit:cover; transition:transform .6s ease;}
.figure-cover:hover>img{transform:scale(1.05);}
.figure-cover .caption{
  position:absolute; inset:auto 0 0 0; padding:1rem 1.25rem; color:white;
  background:linear-gradient(180deg, transparent 10%, rgba(0,0,0,.55));
}

.feature{
  display:flex; gap:14px; align-items:flex-start;
}
.feature .dot{width:12px;height:12px;border-radius:50%; background:var(--accent); margin-top:.45rem}
.feature .txt{flex:1}

footer a{ text-decoration:none;}
.table-status td.status{font-weight:600;}