/* ==========================================
   Background
========================================== */

body {
    background:
        radial-gradient(
            circle at 50% 12%,
            rgba(120, 170, 255, .28),
            transparent 42%
        ),
        radial-gradient(
            circle at 0% 90%,
            rgba(38, 80, 150, .12),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #07111D 0%,
            #030B16 100%
        );
}

/* Glow Left */

.bg-glow-left::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at left center,
            rgba(120,170,255,.18),
            transparent 42%
        );
    pointer-events: none;
    z-index: -1;
}

/* Glow Right */

.bg-glow-right::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at right center,
            rgba(120,170,255,.18),
            transparent 42%
        );
    pointer-events: none;
    z-index: -1;
}

/* Glow Center */

.bg-glow-center::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle,
            rgba(120,170,255,.16),
            transparent 48%
        );
    pointer-events: none;
    z-index: -1;
}