.guide-blob-page {
  position: relative;
  overflow-x: hidden;
}

.guide-blob-page .page-shell {
  position: relative;
  z-index: 2;
}

.guide-blob-page .topbar,
.guide-blob-page .card,
.guide-blob-page .page-footer {
  position: relative;
  z-index: 2;
}

.guide-blob-page .topbar,
.guide-blob-page .card {
  background: transparent;
  overflow: hidden;
  isolation: isolate;
}

.guide-blob-page .topbar::before,
.guide-blob-page .card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
}

.guide-blob-page .topbar::before {
  background: linear-gradient(180deg, rgba(20, 35, 68, 0.995), rgba(10, 18, 38, 0.995));
}

.guide-blob-page .card::before {
  background: linear-gradient(180deg, rgba(22, 38, 74, 0.992), rgba(16, 29, 58, 0.995));
}

.guide-blob-overlay {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  transition: opacity 180ms ease-out;
}

.guide-blob-enabled .guide-blob-overlay {
  opacity: 1;
}

.guide-blob-overlay::before,
.guide-blob-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.guide-blob-overlay::before {
  background:
    radial-gradient(28rem 26rem at 12% 18%, rgba(98, 245, 196, 0.12), transparent 58%),
    radial-gradient(24rem 22rem at 86% 22%, rgba(98, 245, 196, 0.1), transparent 56%),
    radial-gradient(34rem 24rem at 50% 100%, rgba(83, 228, 183, 0.07), transparent 62%);
}

.guide-blob-overlay::after {
  background:
    linear-gradient(180deg, rgba(4, 9, 22, 0.01), rgba(4, 9, 22, 0.05)),
    radial-gradient(56rem 30rem at 50% 50%, transparent 0%, transparent 48%, rgba(4, 9, 22, 0.08) 72%, rgba(4, 9, 22, 0.16) 100%);
}

.blob-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.blob-main {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: transparent;
  user-select: none;
  opacity: 1;
  mix-blend-mode: screen;
}

.blob {
  position: absolute;
  will-change: transform;
  transform: translate(-50%, -50%);
}

.guide-blob-overlay .blob:nth-child(1) {
  filter: saturate(1.28) brightness(1.18);
}

.guide-blob-overlay .blob:nth-child(2) {
  filter: saturate(1.22) brightness(1.12);
}

.guide-blob-overlay .blob:nth-child(3) {
  filter: saturate(1.16) brightness(1.06);
}

.inner-dot {
  position: absolute;
}

@media (pointer: coarse), (hover: none), (prefers-reduced-motion: reduce) {
  .guide-blob-overlay {
    display: none;
  }
}