/* ==========================================================================
   ОГЛАВЛЕНИЕ (block-07.css) — Блок 7: Уникальность / система обучения
   0. Переход 6→7 — искры на стыке (без фона, без движения вбок)
   1. Промо-карточки в ряд
   2. Фото Максима с градиентным свечением
   ========================================================================== */

/* 0. Переход: тонкая линия + мерцающие искры на месте */
.section-divider--b6-b7 {
  height: 72px;
  position: relative;
  z-index: 4;
  background: transparent;
  overflow: visible;
  margin-top: -36px;
  margin-bottom: -36px;
  pointer-events: none;
}

.section-divider--b6-b7 .section-divider__seam {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(520px, 72vw);
  height: 1px;
  transform: translate(-50%, -50%);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 159, 61, 0.15) 20%,
    rgba(255, 159, 61, 0.45) 50%,
    rgba(255, 159, 61, 0.15) 80%,
    transparent
  );
  animation: b6b7SeamBreath 5s ease-in-out infinite;
}

.section-divider--b6-b7 .section-divider__ember {
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
  border-radius: 50%;
  background: radial-gradient(circle, #ffe0a8 0%, #ff9f3d 45%, transparent 70%);
  opacity: 0;
  animation: b6b7EmberTwinkle 4.2s ease-in-out infinite;
}
.section-divider--b6-b7 .section-divider__ember:nth-child(2) { animation-delay: 0s; }
.section-divider--b6-b7 .section-divider__ember:nth-child(3) { animation-delay: 0.7s; }
.section-divider--b6-b7 .section-divider__ember:nth-child(4) { animation-delay: 1.4s; }
.section-divider--b6-b7 .section-divider__ember:nth-child(5) { animation-delay: 2.1s; }
.section-divider--b6-b7 .section-divider__ember:nth-child(6) { animation-delay: 2.8s; }
.section-divider--b6-b7 .section-divider__ember:nth-child(7) { animation-delay: 3.5s; }
.section-divider--b6-b7 .section-divider__ember:nth-child(8) { animation-delay: 1.1s; }

@keyframes b6b7SeamBreath {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 0.85; }
}

@keyframes b6b7EmberTwinkle {
  0%, 100% {
    opacity: 0;
    transform: scale(0.5);
    box-shadow: none;
  }
  45%, 55% {
    opacity: 0.95;
    transform: scale(1);
    box-shadow:
      0 0 8px rgba(255, 159, 61, 0.9),
      0 0 18px rgba(255, 107, 26, 0.45);
  }
}

.block-07 {
  background: var(--gradient-dark);
  position: relative;
  z-index: 1;
}
.block-07__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-lg);
}
@media (max-width: 900px) {
  .block-07__cards { grid-template-columns: 1fr; }
}
.block-07__promo {
  padding: var(--gap-lg);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  animation: courseFloat 8s ease-in-out infinite;
}
.block-07__promo:nth-child(2) { animation-delay: -2.5s; }
.block-07__promo:nth-child(3) { animation-delay: -5s; }
.block-07__promo h3 {
  font-size: var(--text-lg);
  margin-bottom: 0.5rem;
  color: var(--color-accent-gold);
}
.block-07__promo p { font-size: var(--text-sm); color: var(--color-text-muted); }

.block-07__hero-visual {
  display: flex;
  align-items: center;
  gap: var(--gap-xl);
  margin-top: var(--gap-xl);
  flex-wrap: wrap;
}
.block-07__glow-photo {
  position: relative;
  flex: 0 0 280px;
}
.block-07__glow-photo::before {
  content: "";
  position: absolute;
  inset: -20%;
  background: radial-gradient(circle, rgba(255, 107, 26, 0.5), transparent 65%);
  animation: glowPulse 3s ease-in-out infinite;
}
.block-07__glow-photo img {
  position: relative;
  border-radius: var(--radius-lg);
  width: 100%;
  z-index: 1;
}