:root{--space-scroll:0}.scroll-space-background{z-index:-1;pointer-events:none;isolation:isolate;background:#020306;position:fixed;inset:0;overflow:hidden}.space-base,.space-stars,.space-black-hole,.space-nebula,.space-glass,.space-refraction,.space-rainbow-glare,.space-noise,.space-vignette{position:absolute;inset:0}.space-base{background:radial-gradient(circle at 50% 12%, rgba(35, 40, 58, calc(.16 - var(--space-scroll) * .08)), transparent 38%), linear-gradient(180deg, rgb(calc(2 + var(--space-scroll) * 36), calc(3 + var(--space-scroll) * 38), calc(7 + var(--space-scroll) * 40)), rgb(calc(4 + var(--space-scroll) * 48), calc(5 + var(--space-scroll) * 49), calc(9 + var(--space-scroll) * 50)))}.space-stars{width:100%;height:100%}.space-nebula{opacity:calc(.62 - var(--space-scroll) * .54);transform:scale(calc(1 + var(--space-scroll) * .12));filter:blur(28px);background:radial-gradient(at 28% 20%,#4d589624,#0000 42%),radial-gradient(at 76% 38%,#58377c17,#0000 44%),radial-gradient(at 50% 90%,#46536c14,#0000 48%)}.space-black-hole{aspect-ratio:1;width:min(58vw,760px);transform:translateX(-50%) translateY(calc(var(--space-scroll) * -12vh)) scale(calc(1 - var(--space-scroll) * .18));opacity:calc(.9 - var(--space-scroll) * 1.05);filter:blur(calc(var(--space-scroll) * 4px));inset:7vh auto auto 50%}.black-hole-core,.black-hole-ring{border-radius:50%;position:absolute;inset:0}.black-hole-core{background:radial-gradient(circle,#000 0%,#000000fa 42%,#000000e6 62%,#0000 74%);inset:20%;box-shadow:0 0 55px #000000f2,0 0 110px #0f121ccc}.black-hole-ring{filter:blur(4px);background:conic-gradient(from 210deg,#0000 0deg,#9ea9ce0a 45deg,#dce4ff4d 82deg,#836fb329 105deg,#0000 145deg 275deg,#c9d3ef2b 320deg,#0000 360deg);transform:rotate(-12deg)scaleX(1.18);-webkit-mask-image:radial-gradient(circle,#0000 0% 48%,#000 57%,#0000 69%);mask-image:radial-gradient(circle,#0000 0% 48%,#000 57%,#0000 69%)}.space-glass{opacity:clamp(0, calc((var(--space-scroll) - .22) * 1.6), .82);-webkit-backdrop-filter:blur(calc(5px + var(--space-scroll) * 14px));backdrop-filter:blur(calc(5px + var(--space-scroll) * 14px));background:linear-gradient(135deg,#ffffff0e,#ffffff02 34%,#7b89ad0d 57%,#ffffff06),radial-gradient(at 50% -10%,#e1e7ff17,#0000 54%)}.space-refraction{opacity:clamp(0, calc((var(--space-scroll) - .25) * 1.4), .72);transform:translateY(calc(var(--space-scroll) * -5%)) scale(calc(1 + var(--space-scroll) * .08));filter:blur(12px);background:radial-gradient(at 8% 30%,#0000 0% 38%,#ffffff14 44%,#92a4d30b 48%,#0000 55%),radial-gradient(at 96% 78%,#0000 0% 35%,#ffffff0f 41%,#0000 52%);inset:-18%}.space-rainbow-glare{opacity:clamp(0, calc((var(--space-scroll) - .38) * .7), .22);transform:translate3d(calc(-10% + var(--space-scroll) * 18%), calc(5% - var(--space-scroll) * 12%), 0) rotate(-5deg);filter:blur(40px);mix-blend-mode:screen;background:linear-gradient(118deg,#0000 25%,#6491ff33 38%,#ab6fff29 43%,#ff85bf21 48%,#facf741f 53%,#78e6dd21 58%,#0000 70%);inset:-25%}.space-noise{opacity:.035;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.8'/%3E%3C/svg%3E")}.space-vignette{background:radial-gradient(ellipse at center, transparent 38%, #0003 70%, #0000009e 110%), linear-gradient(180deg, #00000008, rgba(0, 0, 0, calc(.15 - var(--space-scroll) * .08)))}@media (prefers-reduced-motion:reduce){.space-black-hole,.space-nebula,.space-refraction,.space-rainbow-glare{transform:none}}