/* Alternative blue/teal theme for About Us (and optional on Home) */

body{
  background:#f3f4f6;
}

/* Синий анимированный фон для большой hero-секции (Home при синей теме) */
.hero .hero-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(60% 60% at 15% 0%, rgba(255,255,255,.18), transparent 55%),
    radial-gradient(50% 50% at 80% 70%, rgba(255,255,255,.12), transparent 60%),
    linear-gradient(120deg,#06315c,#106fba,#0fbfdd,#106fba,#06315c);
  background-size:100% 100%,100% 100%,300% 300%;
  animation:heroWaveBlue 20s ease-in-out infinite;
  filter:saturate(1.1);
}

@keyframes heroWaveBlue{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* Общий фон секций в синей теме */
.section{
  background:#f3f4f6;
}

.section-alt{
  background:#ffffff;
}

/* Маленькая hero на About Us — ОТДЕЛЬНОЕ правило,
   чтобы не перебивалось .section */
.section.hero-small{
  background:
    radial-gradient(60% 60% at 15% 0%, rgba(255,255,255,.18), transparent 55%),
    linear-gradient(135deg,#064d2f,#106fba,#0fbfdd);
  color:#fff;
}

.section.hero-small h1{
  color:#ffffff;
}

.section.hero-small .subtitle{
  color:#e4f5ff;
}

/* Cards slightly flatter */
.card,
.news-card,
.image-card{
  box-shadow:0 4px 14px rgba(0,0,0,.06);
}

/* На синей теме активный пункт меню синий (Home или About Us) */
.nav-link.active{
  background:#106fba;
  color:#fff;
}