.blue-code-flow{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:transparent}
.blue-code-flow canvas{position:absolute;inset:0;display:block;width:100%;height:100%;background:transparent;z-index:1}
    .blue-code-ambient {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      overflow: hidden;
      mask-image: var(--background-mask);
      mask-size: 100% 100%;
      mask-repeat: no-repeat;
      contain: paint;
    }
    .blue-code-ambient::before {
      content: '';
      position: absolute;
      inset: 0 -12%;
      will-change: transform;
      animation: blue-code-gradient-drift 6s ease-in-out infinite alternate;
      background:
        linear-gradient(to top,
          rgba(0, 128, 255, 0.94) 0%,
          rgba(0, 128, 255, 0.8) 7%,
          rgba(0, 119, 248, 0.48) 18%,
          rgba(0, 100, 230, 0.13) 32%,
          rgba(0, 100, 230, 0) 46%),
        radial-gradient(ellipse 48% 72% at 6% 92%,
          rgba(0, 128, 255, 0.95) 0%, rgba(0, 108, 255, 0.66) 28%, rgba(0, 94, 230, 0.22) 62%, rgba(0, 94, 230, 0) 100%),
        radial-gradient(ellipse 55% 61% at 94% 98%,
          rgba(0, 128, 255, 0.85) 0%, rgba(0, 105, 255, 0.58) 32%, rgba(0, 80, 220, 0) 100%),
        radial-gradient(ellipse 80% 34% at 52% 118%,
          rgba(0, 61, 195, 0.95) 0%, rgba(0, 47, 150, 0.62) 48%, rgba(0, 40, 130, 0) 100%),
        linear-gradient(to top, rgba(0, 39, 115, 0.65), rgba(0, 23, 70, 0.2) 21%, transparent 49%);
    }
    @keyframes blue-code-gradient-drift {
      0% { transform: translate3d(-5%, 0, 0); }
      23% { transform: translate3d(3%, 0, 0); }
      51% { transform: translate3d(-2%, 0, 0); }
      76% { transform: translate3d(6%, 0, 0); }
      100% { transform: translate3d(-4%, 0, 0); }
    }
    .blue-code-flow:not(.is-running) .blue-code-ambient::before { animation-play-state: paused; }
    @media (prefers-reduced-motion: reduce) {
      .blue-code-ambient::before { animation: none; will-change: auto; }
    }
  
.blue-code-flow.is-top-flow{top:0;bottom:auto;height:100%}
.blue-code-flow.is-top-flow .blue-code-ambient{transform:scaleY(-1)}