body {
    background:
        radial-gradient(circle at 15% 15%, rgba(132, 76, 255, 0.20), transparent 30%),
        radial-gradient(circle at 80% 20%, rgba(96, 56, 211, 0.18), transparent 34%),
        linear-gradient(180deg, #05030a 0%, #090611 45%, #040308 100%) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

body::before,
body::after {
    content: "";
    position: fixed;
    inset: -18%;
    pointer-events: none;
    z-index: -1;
    filter: blur(48px);
}

body::before {
    background:
        radial-gradient(circle at 25% 32%, rgba(164, 120, 255, 0.18), transparent 24%),
        radial-gradient(circle at 68% 62%, rgba(102, 51, 153, 0.22), transparent 28%),
        radial-gradient(circle at 52% 80%, rgba(63, 28, 109, 0.18), transparent 30%);
    opacity: 0.95;
}

body::after {
    background:
        radial-gradient(circle at 72% 26%, rgba(190, 160, 255, 0.10), transparent 22%),
        radial-gradient(circle at 18% 74%, rgba(128, 90, 213, 0.12), transparent 24%),
        radial-gradient(circle at 84% 78%, rgba(76, 29, 149, 0.18), transparent 26%);
    opacity: 0.75;
}

@media (max-width: 1024px), (hover: none) {
    body {
        background-attachment: scroll !important;
    }
}