/* Schluss-Aufruf als Horizont — dieselbe Buehne wie das Ziel der
   Mentoring-Seiten (css/mentoring.css, .mt-ziel), hier fuer die
   bestehenden dunklen CTA-Sektionen der uebrigen Seiten (Danilo, 14.10.:
   «послідню секцію заклик до дії … в такому ж дизайні 3д»).
   Die Sektion behaelt Text und Knoepfe; dazu kommen als erste Kinder
     <div class="fc-ziel__licht" aria-hidden="true"><i></i><i></i><i></i></div>
     <div class="fc-ziel__boden" aria-hidden="true"></div>
   Licht: oben links warmes Gold, rechts kuehles Blau, Glanz ueber dem Boden. */
.fc-ziel {
  position: relative !important; isolation: isolate; overflow: clip !important;
  padding-bottom: clamp(150px, 13vw, 230px) !important;
  background: linear-gradient(180deg, #070B1E 0%, #0C1233 45%, #141B45 100%) !important;
}
.fc-ziel__licht { position: absolute; inset: 0; z-index: -2; pointer-events: none; filter: blur(40px); }
.fc-ziel__licht i { position: absolute; border-radius: 50%; mix-blend-mode: screen; }
.fc-ziel__licht i:nth-child(1) { width: 46vw; height: 46vw; left: 4%; top: -18%; background: radial-gradient(closest-side, rgba(233, 203, 161, .30), transparent); animation: fc-zieh1 16s cubic-bezier(.65, 0, .35, 1) infinite alternate; }
.fc-ziel__licht i:nth-child(2) { width: 38vw; height: 38vw; right: 2%; top: 10%; background: radial-gradient(closest-side, rgba(120, 140, 230, .22), transparent); animation: fc-zieh2 19s cubic-bezier(.65, 0, .35, 1) infinite alternate; }
.fc-ziel__licht i:nth-child(3) { width: 60vw; height: 24vw; left: 20%; bottom: 8%; background: radial-gradient(closest-side, rgba(233, 203, 161, .22), transparent); animation: fc-zieh1 22s cubic-bezier(.65, 0, .35, 1) infinite alternate-reverse; }
@keyframes fc-zieh1 { to { transform: translate(12vw, 6vw) scale(1.15); } }
@keyframes fc-zieh2 { to { transform: translate(-10vw, 8vw) scale(.9); } }
/* Boden steht still: wandernde 1px-Linien flimmern unter der Perspektive */
.fc-ziel__boden {
  position: absolute; z-index: -1; left: -50%; right: -50%; bottom: 0; height: 52%; pointer-events: none;
  transform-origin: 50% 100%; transform: perspective(520px) rotateX(64deg); backface-visibility: hidden;
  background:
    linear-gradient(90deg, rgba(233, 203, 161, .45) 1px, transparent 1px) 0 0 / 80px 80px,
    linear-gradient(0deg, rgba(233, 203, 161, .45) 1px, transparent 1px) 0 0 / 80px 80px;
  -webkit-mask: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, .5) 35%, transparent 85%);
  mask: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, .5) 35%, transparent 85%);
}
/* Alte Deko-Kreise der Sektionen weichen dem Licht */
.fc-ziel::before, .fc-ziel::after { content: none !important; }
.fc-ziel > :not(.fc-ziel__licht):not(.fc-ziel__boden) { position: relative; }

/* Hauptknopf: Goldhof als Schatten — die Knoepfe tragen eigene Glanz-
   Pseudoelemente, die nicht ueberschrieben werden duerfen */
.fc-ziel .btn-primary, .fc-ziel .btn-gold {
  box-shadow: 0 0 0 1px rgba(255, 243, 221, .55), 0 0 34px 4px rgba(233, 203, 161, .38), 0 18px 40px -16px rgba(0, 0, 0, .6);
}

@media (prefers-reduced-motion: reduce) {
  .fc-ziel__licht i { animation: none; }
}