:root{
  --brand-dk:#0a2d42;
  --brand:#102c3a;
  --brand-accent:#2ea36b;
  --brand-gray:#6f7d86;
}
html,body{scroll-behavior:smooth}
.navbar-brand img{height:36px}
.hero{
  background: radial-gradient(60% 80% at 20% 10%, rgba(46,163,107,.12), transparent 60%),
              radial-gradient(60% 80% at 90% 20%, rgba(16,44,58,.25), transparent 60%),
              linear-gradient(180deg,#0a2d42 0%, #0f1a22 100%);
  color:#fff;
  padding: 88px 0 72px;
}
.hero h1{font-weight:800; letter-spacing:.2px}
.hero p.lead{max-width:720px}
.badge-soft{background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2)}
.section-muted{background:#f7fafc}
.icon-circle{
  width:44px; height:44px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center;
  background:var(--brand-dk); color:#fff
}
footer{background:#0f1a22; color:#cfe3ef}
footer a{color:#cfe3ef; text-decoration:none}
footer a:hover{opacity:.9; text-decoration:underline}
.form-control, .form-select{border-radius:.6rem}
.btn-brand{background:var(--brand-accent); border:none}
.btn-brand:hover{filter:brightness(.95)}