:root{ --brand:#0d6efd; }
.hero-section{
  background: linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.65)), url('/images/hero.jpg');
  background-size:cover; background-position:center;
  color:#fff; padding:80px 0; text-align:center;
}
.strategy-card{ transition:transform .25s; height:100%; }
.strategy-card:hover{ transform:translateY(-4px); }
.performance-metric{ text-align:center; padding:18px; border-radius:12px; background:#f1f5f9; }
.benefit-card{ border-radius:14px; border:1px solid #e5e7eb; background:#fff; padding:16px; height:100%; }
.btn-primary{ background-color:var(--brand); border-color:var(--brand); }
.btn-primary:hover{ filter:brightness(.95); }
.footer-brand{ height:68px; width:auto; }
.navbar-brand .footer-brand{ height:52px; }
.table-returns th{ position:sticky; top:0; background:#0b1220; color:#fff; }
.table-returns td, .table-returns th{ vertical-align:middle; }

/* ==== Monthly Returns (highlighted) ==== */
.section-returns {
  background: linear-gradient(180deg, #0d6efd 0%, #0b5ed7 100%);
  padding-top: 84px;  /* a bit taller */
  padding-bottom: 84px;
}
.section-returns h2.display-5 {
  letter-spacing: .2px;
}
.card-returns {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 8px 28px rgba(13,110,253,.25);
}
.table-returns thead th {
  background: #0b1220;  /* deep navy header */
  color: #fff;
  position: sticky; top: 0; z-index: 1;
}
.table-returns td, .table-returns th {
  padding: .9rem .6rem;  /* slightly taller rows */
  vertical-align: middle;
}
.badge-return {
  font-size: .95rem;
  padding: .55em .7em;
  border-radius: .75rem;
}
/* Admin login backdrop */
body .admin-login-backdrop {
  background: linear-gradient(180deg, #f8f9fb 0%, #eef3ff 100%);
}
/* Admin tables: brand-blue header */
.table thead.table-primary th {
  background-color: #0d6efd !important;
  color: #fff !important;
}
/* Homepage "The Results" table header: brand-blue */
.table-returns thead th {
  background: #0d6efd !important;
  color: #fff !important;
}
/* Home: Returns table header/footer in site footer color */
.table-returns thead th {
  background: #0b1220 !important;
  color: #fff !important;
}
.returns-foot {
  background: #0b1220;
  color: #fff;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}