.background-beams-with-collision{--beam-color:#6ee2aa;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 112%,color-mix(in srgb,var(--beam-color) 16%,transparent),transparent 48%),radial-gradient(circle at 72% 22%,rgba(85,132,106,.08),transparent 28%),linear-gradient(145deg,#070b09 0,#0b110e 52%,#08100c 100%)}.beam-atmosphere,.beam-field{position:absolute;inset:0;pointer-events:none}.beam-atmosphere{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 0);background-size:54px 54px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 72%)}.beam-field{overflow:hidden}.collision-beam{position:absolute;top:calc(var(--beam-height) * -1);width:1px;height:var(--beam-height);opacity:var(--beam-opacity);background:linear-gradient(to bottom,transparent 0,color-mix(in srgb,var(--beam-color) 34%,white) 74%,var(--beam-color) 100%);box-shadow:0 0 7px color-mix(in srgb,var(--beam-color) 55%,transparent),0 0 18px color-mix(in srgb,var(--beam-color) 20%,transparent);animation:collision-beam-fall var(--beam-duration) linear var(--beam-delay) infinite;will-change:transform,opacity}.collision-beam-1{width:2px;filter:blur(.15px)}.collision-beam-2{transform:rotate(.4deg)}.beam-collision-floor{right:0;left:0;opacity:.36;background:linear-gradient(90deg,transparent 2%,color-mix(in srgb,var(--beam-color) 30%,transparent),transparent 98%);box-shadow:0 -12px 44px color-mix(in srgb,var(--beam-color) 12%,transparent)}.beam-collision,.beam-collision-floor{position:absolute;bottom:7%;height:1px}.beam-collision{z-index:2;width:1px;pointer-events:none}.beam-collision-core,.beam-collision-ring,.beam-collision-spark{position:absolute;left:0;top:0;display:block}.beam-collision-core{width:8px;height:4px;border-radius:50%;background:#e7fff3;box-shadow:0 0 8px var(--beam-color),0 0 24px var(--beam-color),0 0 54px color-mix(in srgb,var(--beam-color) 44%,transparent);transform:translate(-50%,-50%);animation:collision-core-pop .9s ease-out both}.beam-collision-ring{width:10px;height:5px;border:1px solid color-mix(in srgb,var(--beam-color) 74%,white);border-radius:50%;transform:translate(-50%,-50%);animation:collision-ring-pop 1.05s ease-out both}.beam-collision-spark{width:2px;height:2px;border-radius:50%;background:color-mix(in srgb,var(--beam-color) 72%,white);box-shadow:0 0 6px var(--beam-color);animation:collision-spark .9s cubic-bezier(.12,.64,.24,1) var(--spark-delay) both}.beam-content{position:relative;z-index:3}@keyframes collision-beam-fall{0%{transform:translate3d(-8px,0,0);opacity:0}7%{opacity:var(--beam-opacity)}82%{opacity:var(--beam-opacity)}89%{transform:translate3d(8px,calc(100vh - var(--beam-height) - 7vh),0);opacity:var(--beam-opacity)}90%,to{transform:translate3d(8px,calc(100vh - var(--beam-height) - 7vh),0);opacity:0}}@keyframes collision-core-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}@keyframes collision-ring-pop{0%{opacity:.8;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(8,4)}}@keyframes collision-spark{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateX(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateX(var(--spark-distance)) scale(.25)}}@media (max-width:680px){.collision-beam:nth-of-type(2n){display:none}.beam-atmosphere{background-size:42px 42px}}@media (prefers-reduced-motion:reduce){.beam-collision,.collision-beam{display:none}.beam-collision-floor{opacity:.18}}