.aurora{--aurora-speed:1;--aurora-intensity:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.aurora__sheet,.aurora__blob,.aurora__curtain{will-change:transform, opacity}.aurora__sheet{background:linear-gradient(120deg, var(--primary), var(--etherea), var(--accent), var(--borea), var(--primary));filter:blur(70px);opacity:min(1, calc(.6 * var(--aurora-intensity)));mix-blend-mode:screen;animation:auroraSheet calc(22s / var(--aurora-speed)) ease-in-out infinite;background-size:300% 300%;position:absolute;inset:-20%}.aurora__blob{opacity:min(1, var(--aurora-intensity));border-radius:50%;position:absolute}.aurora__blob--teal{background:radial-gradient(circle at 50% 50%, color-mix(in oklch, var(--accent) 55%, transparent), transparent 68%);filter:blur(60px);width:46vw;height:46vw;animation:auroraDrift1 calc(30s / var(--aurora-speed)) ease-in-out infinite alternate;top:-14%;left:8%}.aurora__blob--magenta{background:radial-gradient(circle at 50% 50%, color-mix(in oklch, var(--etherea) 42%, transparent), transparent 70%);filter:blur(64px);width:42vw;height:42vw;animation:auroraDrift2 calc(36s / var(--aurora-speed)) ease-in-out infinite alternate;top:-22%;right:4%}.aurora__blob--indigo{background:radial-gradient(circle at 50% 50%, color-mix(in oklch, var(--primary) 50%, transparent), transparent 70%);filter:blur(70px);width:50vw;height:50vw;animation:auroraDrift3 calc(42s / var(--aurora-speed)) ease-in-out infinite alternate;bottom:-26%;left:22%}.aurora__blob--blue{background:radial-gradient(circle at 50% 50%, color-mix(in oklch, var(--borea) 40%, transparent), transparent 70%);filter:blur(60px);width:40vw;height:40vw;animation:auroraDrift4 calc(34s / var(--aurora-speed)) ease-in-out infinite alternate;bottom:-18%;right:14%}.aurora__curtain{background:linear-gradient(180deg, color-mix(in oklch, var(--accent) 18%, transparent), transparent);height:55%;animation:auroraBreathe calc(14s / var(--aurora-speed)) ease-in-out infinite;position:absolute;top:0;left:0;right:0}.aurora__scrim{position:absolute;inset:0}.aurora__scrim--radial{background:radial-gradient(82% 70% at 50% 38%, transparent, color-mix(in oklch, var(--background) 55%, transparent) 100%)}.aurora__scrim--linear{background:linear-gradient(180deg, color-mix(in oklch, var(--background) 25%, transparent), color-mix(in oklch, var(--background) 15%, transparent) 45%, var(--background) 100%)}@keyframes auroraSheet{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes auroraDrift1{0%{transform:translate(-6%,-4%)scale(1)}to{transform:translate(8%,6%)scale(1.18)}}@keyframes auroraDrift2{0%{transform:translate(6%,2%)scale(1.1)}to{transform:translate(-8%,-8%)scale(.92)}}@keyframes auroraDrift3{0%{transform:translateY(6%)scale(.95)}to{transform:translate(-6%,-4%)scale(1.2)}}@keyframes auroraDrift4{0%{transform:translate(4%,-6%)scale(1.05)}to{transform:translate(-4%,8%)scale(.9)}}@keyframes auroraBreathe{0%,to{opacity:min(1, calc(.55 * var(--aurora-intensity)))}50%{opacity:min(1, calc(.9 * var(--aurora-intensity)))}}@media (prefers-reduced-motion:reduce){.aurora__sheet,.aurora__blob,.aurora__curtain{animation:none!important}}