.ambient-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
body{isolation:isolate;background-image:none}
.ambient-glow{position:absolute;width:min(65vw,900px);height:min(65vw,900px);min-width:380px;min-height:380px;border-radius:50%;background:radial-gradient(circle,#2675af1c 0%,#2675af09 40%,transparent 68%);animation:ambient-drift 34s ease-in-out infinite alternate;will-change:transform}
.ambient-glow:first-child{left:5%;top:-25%}
.ambient-glow:nth-child(2){right:-15%;top:30%;background:radial-gradient(circle,#4e65b61a,transparent 66%);animation-delay:-15s;animation-duration:43s}
.ambient-glow:nth-child(3){left:25%;bottom:-50%;background:radial-gradient(circle,#247f9818,transparent 65%);animation-delay:-25s;animation-duration:39s}
.background-pixel{position:absolute;left:var(--left);top:var(--top);width:var(--size);height:var(--size);border:1px solid #95cfff2b;background:#6cb8ff09;border-radius:2px;opacity:0;animation:background-float var(--duration) ease-in-out var(--delay) infinite;will-change:transform,opacity}
.background-wave{position:absolute;width:100%;height:65%;left:0;top:5%;border-radius:45%;background:radial-gradient(ellipse at center,#408dd01d,transparent 66%);animation:wave-drift 26s ease-in-out infinite alternate;transform:rotate(-20deg)}
.wave-1{top:50%;left:-25%;background:radial-gradient(ellipse at center,#4776c21a,transparent 65%);animation-delay:-13s;animation-duration:33s}
.background-star{position:absolute;left:var(--left);top:var(--top);width:3px;height:3px;border-radius:50%;background:#c1e4ff;box-shadow:0 0 7px #86caff60;opacity:0;animation:star-glimmer 9s ease-in-out var(--delay) infinite}
.background-meteor{position:absolute;left:var(--left);top:var(--top);width:100px;height:1px;background:linear-gradient(90deg,transparent,#a9dbff);border-radius:100%;opacity:0;animation:meteor-trail 25s linear var(--delay) infinite;transform-origin:right center}
@keyframes wave-drift{from{transform:translate3d(-8%,0,0) rotate(-20deg) scale(.9);opacity:.5}to{transform:translate3d(12%,8%,0) rotate(5deg) scale(1.15);opacity:.9}}
@keyframes star-glimmer{0%,25%,100%{opacity:.05;transform:scale(.7)}50%{opacity:.5;transform:scale(1)}70%{opacity:.1;transform:scale(.8)}}
@keyframes meteor-trail{0%,88%{opacity:0;transform:translate3d(0,0,0) rotate(35deg)}89%{opacity:.45}93%{opacity:0;transform:translate3d(240px,170px,0) rotate(35deg)}100%{opacity:0;transform:translate3d(240px,170px,0) rotate(35deg)}}
@keyframes ambient-drift{from{transform:translate3d(-4%,0,0) scale(.94)}to{transform:translate3d(12%,13%,0) scale(1.08)}}
@keyframes background-float{0%,100%{opacity:0;transform:translate3d(0,25px,0) rotate(0deg)}20%,65%{opacity:.6}90%{opacity:0;transform:translate3d(18px,-95px,0) rotate(12deg)}}
html.background-paused .ambient-background *{animation-play-state:paused}
@media(max-width:760px){.background-pixel:nth-child(n+16){display:none}.ambient-glow{opacity:.7}.background-wave{opacity:.5}.background-meteor{display:none}.background-star:nth-of-type(even){display:none}}
@media(prefers-reduced-motion:reduce){.ambient-background *{animation:none!important;will-change:auto}.background-pixel,.background-meteor,.background-star{display:none}.ambient-glow{opacity:.5}.background-wave{opacity:.3}}