/* Bright + sharp Bootstrap overrides */
:root{
  --accent:#0d6efd;
  --glow:0 0 0 .25rem rgba(13,110,253,.25);
}
.hero-light{
  background: radial-gradient(800px 300px at -10% -20%, rgba(13,110,253,.12), transparent 60%),
              radial-gradient(900px 300px at 120% 120%, rgba(111,66,193,.10), transparent 60%);
}
.bg-gradient{
  background: linear-gradient(180deg, #ffffff, #f8f9ff);
}
.icon-lg{font-size:2rem}
.shadow-hover{transition:transform .2s ease, box-shadow .2s ease}
.shadow-hover:hover{transform:translateY(-2px); box-shadow:0 .5rem 1rem rgba(0,0,0,.08)}
.timeline{list-style:none;padding-left:0;margin:0;position:relative}
.timeline li{display:flex;gap:.6rem;align-items:flex-start;padding:.4rem 0}
.timeline-dot{width:10px;height:10px;border-radius:999px;background:var(--accent);margin-top:.4rem;box-shadow:var(--glow)}
.hero-art{animation:float 6s ease-in-out infinite}
@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}