.soft-aurora,
.home-aurora {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    opacity: 0.42;
    mix-blend-mode: screen;
    background:
        radial-gradient(ellipse at 18% 16%, rgba(255, 122, 168, 0.26), transparent 34rem),
        radial-gradient(ellipse at 78% 8%, rgba(143, 223, 255, 0.22), transparent 32rem),
        linear-gradient(110deg, rgba(255, 122, 168, 0.12), rgba(143, 223, 255, 0.08) 48%, rgba(143, 124, 255, 0.14));
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.94), rgba(0, 0, 0, 0.76) 58%, transparent 100%);
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.94), rgba(0, 0, 0, 0.76) 58%, transparent 100%);
}

.soft-aurora::before,
.soft-aurora::after,
.home-aurora::before,
.home-aurora::after {
    content: "";
    position: absolute;
    inset: -18% -10% auto;
    height: 70%;
    pointer-events: none;
}

.soft-aurora::before,
.home-aurora::before {
    background:
        linear-gradient(100deg, transparent 0 12%, rgba(255, 122, 168, 0.2) 24%, rgba(143, 223, 255, 0.18) 48%, rgba(143, 124, 255, 0.22) 68%, transparent 86%),
        radial-gradient(ellipse at 42% 14%, rgba(246, 212, 123, 0.14), transparent 42rem);
    filter: blur(28px);
    transform: skewY(-7deg);
}

.soft-aurora::after,
.home-aurora::after {
    top: 18%;
    height: 42%;
    background:
        linear-gradient(95deg, transparent 2%, rgba(143, 223, 255, 0.12) 28%, rgba(255, 122, 168, 0.14) 52%, rgba(143, 124, 255, 0.12) 76%, transparent 98%);
    filter: blur(36px);
    opacity: 0.74;
    transform: skewY(5deg);
}

.soft-aurora canvas,
.home-aurora canvas {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease;
}

.soft-aurora.is-ready canvas,
.home-aurora.is-ready canvas {
    opacity: 0.82;
}

.soft-aurora.is-static canvas,
.home-aurora.is-static canvas {
    display: none;
}

.home-aurora {
    opacity: 0.46;
}

.page-aurora {
    inset: 0;
    opacity: 0.34;
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.58) 62%, transparent 100%);
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.58) 62%, transparent 100%);
}

.page-aurora::before {
    filter: blur(34px);
    opacity: 0.82;
}

.page-aurora::after {
    top: 24%;
    opacity: 0.58;
}

.home-page .premium-hero,
.sub-page .page-hero {
    isolation: isolate;
}

.home-page .premium-hero::before,
.sub-page .page-hero::before {
    z-index: 1;
}

.home-page .premium-hero > .hero-inner,
.sub-page .page-hero > .page-hero-inner {
    position: relative;
    z-index: 2;
}

@media (max-width: 760px) {
    .soft-aurora,
    .home-aurora {
        opacity: 0.32;
    }

    .page-aurora {
        opacity: 0.24;
    }

    .soft-aurora::before,
    .home-aurora::before {
        filter: blur(34px);
    }

    .soft-aurora::after,
    .home-aurora::after {
        opacity: 0.52;
    }
}

@media (prefers-reduced-motion: reduce) {
    .soft-aurora,
    .home-aurora {
        opacity: 0.28;
    }

    .soft-aurora canvas,
    .home-aurora canvas {
        display: none;
    }
}