:root{--bg:#f8f9fc;--card:#ffffff;--muted:#6c757d}
body{background:var(--bg);}
.card{border-radius:1rem; box-shadow:0 2px 12px rgba(0,0,0,.04);}
.navbar-brand{font-weight:700; letter-spacing:.2px}
.hero-badge{font-size:.85rem; padding:.25rem .5rem; border-radius:.5rem; background:#e7f1ff; color:#0d6efd; display:inline-block}
.lead{color:#334}
footer{background:#fff}
.logo svg{display:block}



/* фон-волна в шапке */
.hero-wave{
  right:-160px;       /* чуть дальше вправо */
  top:-105px;         /* выше на ~25px */
  width:1120px;       /* шире */
  height:auto;
  opacity:.32;
  z-index:0;
  pointer-events:none;
  transform: scaleY(1.15); /* больше «волн» по высоте */
  filter: drop-shadow(0 10px 24px rgba(13,110,253,.08));
}

/* адаптив */
@media (max-width:1199.98px){
  .hero-wave{ right:-120px; top:-80px; width:980px; opacity:.28; transform:scaleY(1.12); }
}
@media (max-width:991.98px){
  .hero-wave{ right:-24px; top:-24px; width:72vw; opacity:.22; transform:scaleY(1.08); }
}

@keyframes waveDraw{
  to{ stroke-dashoffset:0; }
}


/* стиль иконки по умолчанию */
.nav-pills .nav-link svg {
  transition: stroke .2s ease;
}

/* активная кнопка — делаем белую иконку */
.nav-pills .nav-link.active svg {
  stroke: #fff !important;
}

/* для улучшения читаемости текста на синем фоне */
.nav-pills .nav-link.active {
  color: #fff !important;
}