.aidc-effect-root .experience-shell::before,
.aidc-effect-root .experience-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  mix-blend-mode: screen;
  transform-origin: 50% 50%;
  will-change: opacity, transform, background-position;
}

.aidc-effect-root .experience-shell::before {
  opacity: .82;
  filter: blur(20px) saturate(1.24);
  background:
    radial-gradient(circle, rgba(93, 252, 255, .82) 0 4%, rgba(93, 252, 255, .34) 12%, rgba(93, 252, 255, 0) 30%) -18% -12% / 42% 42% no-repeat,
    radial-gradient(circle, rgba(255, 202, 112, .78) 0 4%, rgba(255, 202, 112, .32) 12%, rgba(255, 202, 112, 0) 30%) 50% -18% / 42% 42% no-repeat,
    radial-gradient(circle, rgba(93, 252, 255, .74) 0 4%, rgba(93, 252, 255, .3) 12%, rgba(93, 252, 255, 0) 30%) 118% -10% / 42% 42% no-repeat,
    radial-gradient(circle, rgba(255, 202, 112, .72) 0 4%, rgba(255, 202, 112, .3) 12%, rgba(255, 202, 112, 0) 30%) -18% 52% / 44% 44% no-repeat,
    radial-gradient(circle, rgba(93, 252, 255, .72) 0 4%, rgba(93, 252, 255, .3) 12%, rgba(93, 252, 255, 0) 30%) 118% 50% / 44% 44% no-repeat,
    radial-gradient(circle, rgba(93, 252, 255, .7) 0 4%, rgba(93, 252, 255, .28) 12%, rgba(93, 252, 255, 0) 30%) -14% 118% / 42% 42% no-repeat,
    radial-gradient(circle, rgba(255, 202, 112, .74) 0 4%, rgba(255, 202, 112, .3) 12%, rgba(255, 202, 112, 0) 30%) 50% 124% / 42% 42% no-repeat,
    radial-gradient(circle, rgba(255, 255, 255, .62) 0 3%, rgba(93, 252, 255, .28) 11%, rgba(255, 202, 112, .2) 19%, rgba(0, 0, 0, 0) 34%) 116% 118% / 42% 42% no-repeat;
  animation: aidc-glow-converge 6.4s cubic-bezier(.42, 0, .18, 1) infinite;
}

.aidc-effect-root .experience-shell::after {
  opacity: .72;
  filter: blur(28px) saturate(1.28);
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .72) 0 3%, rgba(255, 204, 112, .44) 9%, rgba(255, 73, 93, .26) 18%, rgba(93, 252, 255, .2) 30%, rgba(0, 0, 0, 0) 58%),
    radial-gradient(circle at 50% 50%, rgba(93, 252, 255, .3) 0 18%, rgba(255, 202, 112, .22) 33%, rgba(255, 73, 93, .14) 47%, rgba(0, 0, 0, 0) 70%),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .2) 0 12%, rgba(93, 252, 255, .15) 28%, rgba(0, 0, 0, 0) 72%);
  animation: aidc-center-glow 6.4s ease-in-out infinite;
}

@keyframes aidc-glow-converge {
  0% {
    background-position:
      -18% -12%,
      50% -18%,
      118% -10%,
      -18% 52%,
      118% 50%,
      -14% 118%,
      50% 124%,
      116% 118%;
    opacity: .28;
    transform: scale(1);
  }

  42% {
    background-position:
      26% 24%,
      50% 18%,
      74% 24%,
      24% 50%,
      76% 50%,
      28% 76%,
      50% 82%,
      72% 76%;
    opacity: .78;
    transform: scale(1.02);
  }

  68% {
    background-position:
      46% 46%,
      50% 43%,
      54% 46%,
      46% 50%,
      54% 50%,
      47% 54%,
      50% 57%,
      53% 54%;
    opacity: .62;
    transform: scale(.98);
  }

  100% {
    background-position:
      50% 50%,
      50% 50%,
      50% 50%,
      50% 50%,
      50% 50%,
      50% 50%,
      50% 50%,
      50% 50%;
    opacity: .5;
    transform: scale(.96);
  }
}

@keyframes aidc-center-glow {
  0%,
  100% {
    opacity: .46;
    transform: scale(.95);
  }

  38% {
    opacity: .82;
    transform: scale(1.14);
  }

  66% {
    opacity: .7;
    transform: scale(1.06);
  }
}

@media (max-width: 760px) {
  .aidc-effect-root .experience-shell::before {
    opacity: .52;
    filter: blur(16px) saturate(1.08);
  }

  .aidc-effect-root .experience-shell::after {
    opacity: .5;
    filter: blur(22px) saturate(1.16);
  }
}