.starry-background-container{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;contain:strict}.starry-background-container.interactive{pointer-events:auto}.stars-distant{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(0);will-change:transform}.starry-background-container [data-animation]{transform:translateZ(0);will-change:opacity,transform}@keyframes twinkle-slow{0%,40%,60%,to{opacity:.5}50%{opacity:1}}@keyframes twinkle-normal{0%,40%,60%,to{opacity:.6}50%{opacity:1}}@keyframes twinkle-fast{0%,40%,60%,to{opacity:.7}50%{opacity:1}}@keyframes drift-slow{0%{transform:translate(0)}to{transform:translate(3px,3px)}}@keyframes drift-normal{0%{transform:translate(0)}to{transform:translate(5px,5px)}}@keyframes drift-fast{0%{transform:translate(0)}to{transform:translate(7px,7px)}}@keyframes pulse-slow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes pulse-normal{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.3)}}@keyframes pulse-fast{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.star-hover{transition:opacity .3s ease,transform .3s ease}.starry-background-container.interactive .star-hover:hover{opacity:0!important;transform:scale(1.5)}@media (prefers-reduced-motion: reduce){.starry-background-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.space-particles{pointer-events:none;z-index:0}.particle{position:absolute;border-radius:50%;background:#ffffffb3;box-shadow:0 0 5px #fffc;transform:translateZ(0);will-change:transform,opacity;top:var(--start-y);left:var(--start-x);animation:particle-move linear infinite}@keyframes particle-move{0%{transform:translate(0);opacity:0}5%{opacity:1}95%{opacity:.8}to{transform:translate(calc((var(--end-x) - var(--start-x)) * 1vw),calc((var(--end-y) - var(--start-y)) * 1vh));opacity:0}}.particle-speed-slow .particle{animation-duration:calc(var(--duration) * 1.5s)}.particle-speed-normal .particle{animation-duration:calc(var(--duration) * 1s)}.particle-speed-fast .particle{animation-duration:calc(var(--duration) * .7s)}.particle.fast{background:#ffffffe6;box-shadow:0 0 8px #ffffffe6}.particle.slow{background:#ffffff80;box-shadow:0 0 3px #fff9}@media (prefers-reduced-motion: reduce){.particle{animation:none!important}}.starry-background-container [data-animation=true]{animation-play-state:paused}.performance-reduced .star-element{animation:none!important}.performance-reduced .particle{animation-duration:calc(var(--duration) * 1.5s)!important;opacity:.7!important}@media (prefers-reduced-motion: reduce){.starry-background-container *{animation:none!important}}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(10px)}}@keyframes particle-move-fast{0%{transform:translate(-100px) translateY(-100px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 100px)) translateY(calc(100vh + 100px));opacity:0}}@keyframes particle-move-slow{0%{transform:translate(-50px) translateY(-50px);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translate(calc(50vw + 50px)) translateY(calc(50vh + 50px));opacity:0}}@keyframes nebula-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.nebula-purple,.nebula-green{animation:nebula-pulse 8s infinite ease-in-out}.nebula-green{animation-delay:2s}.particle{position:absolute;width:2px;height:2px;border-radius:50%;background-color:#fff;opacity:0}.particle.fast{width:1px;height:1px;animation:particle-move-fast 5s linear infinite;background-color:#b7e707}.particle.slow{width:3px;height:3px;animation:particle-move-slow 15s linear infinite;background-color:#6767f5}.constellation-line{opacity:.3;stroke-dashoffset:10;animation:dash 30s linear infinite}@keyframes dash{to{stroke-dashoffset:-100}}