.aurora-effect{pointer-events:none;opacity:.5;will-change:transform;filter:blur(10px)invert();--white-gradient:repeating-linear-gradient(100deg,var(--white)0%,var(--white)7%,var(--transparent)10%,var(--transparent)12%,var(--white)16%);--dark-gradient:repeating-linear-gradient(100deg,var(--black)0%,var(--black)7%,var(--transparent)10%,var(--transparent)12%,var(--black)16%);--aurora:repeating-linear-gradient(100deg,var(--blue-500)10%,var(--indigo-300)15%,var(--blue-300)20%,var(--violet-200)25%,var(--blue-400)30%);background-image:var(--white-gradient),var(--aurora);background-position:50%,50%;background-size:300%,200%;animation:60s linear infinite aurora;position:absolute;inset:-10px}.dark .aurora-effect{background-image:var(--dark-gradient),var(--aurora);filter:blur(10px)invert(0)}.aurora-effect:after{content:"";background-image:var(--white-gradient),var(--aurora);mix-blend-mode:difference;background-size:200%,100%;background-attachment:fixed;animation:60s linear infinite aurora;position:absolute;inset:0}.dark .aurora-effect:after{background-image:var(--dark-gradient),var(--aurora)}.aurora-effect.radial-gradient{-webkit-mask-image:radial-gradient(ellipse at 100% 0%,black 10%,var(--transparent)70%);mask-image:radial-gradient(ellipse at 100% 0%,black 10%,var(--transparent)70%)}@keyframes aurora{0%{background-position:50%,50%}to{background-position:350%,350%}}
