.auth-scene-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.auth-scene-bg__svg {
    position: absolute;
    inset: -2%;
    display: block;
    width: 104%;
    height: 104%;
}

/* Soft primary wash */
.auth-scene-bg__base {
    fill: rgba(var(--brand-primary-rgb, 106, 63, 216), 0.08);
}

/* Primary ribbon */
.auth-scene-bg__shape--left {
    fill: rgba(var(--brand-primary-rgb, 106, 63, 216), 0.20);
}

/* Secondary decorative waves */
.auth-scene-bg__shape--right {
    fill: rgba(var(--brand-secondary-rgb, var(--brand-accent-rgb, 85, 41, 184)), 0.16);
}

.auth-scene-bg__shape--lower-right {
    fill: rgba(var(--brand-secondary-rgb, var(--brand-accent-rgb, 85, 41, 184)), 0.12);
}

/* Stronger primary foreground ribbon */
.auth-scene-bg__shape--foreground {
    fill: rgba(var(--brand-primary-rgb, 106, 63, 216), 0.42);
}

.auth-scene-bg__dots {
    fill: rgba(var(--brand-secondary-rgb, var(--brand-accent-rgb, 85, 41, 184)), 0.40);
    opacity: 0.55;
}

@media (max-width: 575.98px) {
    .auth-scene-bg__svg {
        inset: 8% -4% -2%;
        width: 108%;
        height: 94%;
    }
}