html,
body{
    background:#f4f6fa;
}
main{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(
            950px 700px at 88% 4%,
            rgba(99,102,241,0.18) 0%,
            rgba(99,102,241,0.10) 28%,
            rgba(99,102,241,0.035) 52%,
            transparent 74%
        ),
        radial-gradient(
            1000px 750px at 4% 23%,
            rgba(37,99,235,0.13) 0%,
            rgba(37,99,235,0.065) 30%,
            rgba(37,99,235,0.02) 55%,
            transparent 76%
        ),
        radial-gradient(
            900px 700px at 92% 43%,
            rgba(124,58,237,0.15) 0%,
            rgba(124,58,237,0.07) 32%,
            rgba(124,58,237,0.02) 58%,
            transparent 76%
        ),
        radial-gradient(
            1000px 750px at 8% 62%,
            rgba(79,70,229,0.12) 0%,
            rgba(79,70,229,0.055) 32%,
            rgba(79,70,229,0.018) 58%,
            transparent 78%
        ),
        radial-gradient(
            950px 700px at 88% 78%,
            rgba(37,99,235,0.14) 0%,
            rgba(37,99,235,0.06) 30%,
            rgba(37,99,235,0.018) 55%,
            transparent 76%
        ),
        radial-gradient(
            1000px 750px at 18% 96%,
            rgba(124,58,237,0.10) 0%,
            rgba(124,58,237,0.045) 30%,
            rgba(124,58,237,0.015) 55%,
            transparent 76%
        ),
        linear-gradient(
            180deg,
            #fbfcfd 0%,
            #f7f9fc 12%,
            #f1f5fb 25%,
            #f8f9fc 38%,
            #f2f5fa 52%,
            #f8f9fc 66%,
            #f1f5fb 80%,
            #f8f9fc 92%,
            #fbfcfd 100%
        );
}
main::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
    background:
        radial-gradient(
            650px 500px at 72% 16%,
            rgba(99,102,241,0.10),
            transparent 72%
        ),
        radial-gradient(
            750px 550px at 28% 34%,
            rgba(37,99,235,0.075),
            transparent 72%
        ),
        radial-gradient(
            700px 550px at 70% 55%,
            rgba(124,58,237,0.08),
            transparent 72%
        ),
        radial-gradient(
            750px 550px at 30% 77%,
            rgba(79,70,229,0.065),
            transparent 72%
        );
}
main::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
    opacity:.7;
    background:
        radial-gradient(
            500px 350px at 50% 10%,
            rgba(255,255,255,0.8),
            transparent 72%
        ),
        linear-gradient(
            115deg,
            transparent 0%,
            rgba(255,255,255,0.28) 22%,
            transparent 40%,
            rgba(255,255,255,0.22) 61%,
            transparent 82%
        );
}
main > section{
    position:relative;
    z-index:1;
    background:transparent;
}
main > section::before,
main > section::after{
    background-color:transparent;
}