/* GETINTEAM Lagoon Premium */
.git-lagoon-target {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  min-height: var(--git-lagoon-h, 260px) !important;
  border-radius: var(--git-lagoon-radius, 18px);
  background:
    radial-gradient(circle at 22% 30%, rgba(0, 190, 205, .18), transparent 34%),
    radial-gradient(circle at 78% 28%, rgba(92, 232, 225, .12), transparent 36%),
    linear-gradient(135deg, #07010d 0%, #16001f 31%, #2e0b49 58%, #071c28 100%) !important;
  box-shadow:
    0 16px 45px rgba(0,0,0,.34),
    inset 0 0 60px rgba(105, 39, 175, .14),
    inset 0 0 90px rgba(0, 189, 204, .08);
}

.git-lagoon-target::before,
.git-lagoon-target::after {
  content: "";
  position: absolute;
  inset: -22%;
  pointer-events: none;
  z-index: 0;
  mix-blend-mode: screen;
  filter: blur(18px);
}

.git-lagoon-target::before {
  opacity: .42;
  background:
    radial-gradient(circle at 25% 42%, rgba(0,190,205,.28), transparent 18%),
    radial-gradient(circle at 68% 58%, rgba(92,232,225,.20), transparent 22%),
    radial-gradient(circle at 50% 18%, rgba(235,61,255,.13), transparent 18%);
  animation: gitLagoonFlowA 16s ease-in-out infinite alternate;
}

.git-lagoon-target::after {
  opacity: .32;
  background:
    repeating-radial-gradient(ellipse at 50% 40%, rgba(255,255,255,.05) 0 1px, transparent 2px 18px),
    radial-gradient(circle at 70% 30%, rgba(0,190,205,.16), transparent 18%),
    radial-gradient(circle at 35% 70%, rgba(105,39,175,.20), transparent 20%);
  animation: gitLagoonFlowB 22s ease-in-out infinite alternate;
}

.git-lagoon-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.git-lagoon-target > *:not(.git-lagoon-canvas) {
  position: relative;
  z-index: 2;
}

.git-lagoon-target h1,
.git-lagoon-target .page-title,
.git-lagoon-target .entry-title {
  text-shadow: 0 2px 18px rgba(0,0,0,.38), 0 0 28px rgba(92,232,225,.13);
}

@keyframes gitLagoonFlowA {
  from { transform: translate(-2%, -1%) scale(1); }
  to   { transform: translate(3%, 2%) scale(1.08); }
}
@keyframes gitLagoonFlowB {
  from { transform: translate(2%, 1%) scale(1); }
  to   { transform: translate(-3%, -2%) scale(1.07); }
}

@media (max-width: 767px) {
  .git-lagoon-target {
    min-height: var(--git-lagoon-h-mobile, 175px) !important;
    border-radius: min(var(--git-lagoon-radius, 18px), 14px);
  }
  .git-lagoon-target::before,
  .git-lagoon-target::after { filter: blur(22px); }
}

@media (prefers-reduced-motion: reduce) {
  .git-lagoon-target::before,
  .git-lagoon-target::after { animation: none !important; }
}