.bright-spots {
                        position: absolute;
                        inset: 0;
                        top: -100px;
                    }

                    .referral-page-content {
                        position: relative;
                    }

                    .bright-spots .spot-1 {
                        display: block;
                        aspect-ratio: 1;
                        /* decorative blurred background blob (blur 80px,
                           opacity .5, z-index -1): legacy green -> Business
                           Arise blue */
                        background: var(--primary-color, #0073FC);
                        width: 300px;
                        right: -100px;
                        border-radius: 50%;
                        top: 330px;
                        position: absolute;
                        filter: blur(80px);
                        z-index: -1;
                        opacity: 0.5;
                    }

                    .bright-spots .spot-1:after {
                        content: '';
                        display: block;
                        inset: 0;
                        background: linear-gradient(0, #0f00ffc2, #0067ffc2, rgba(0, 115, 252, .76) 70%, #ff0c00c2);
                        position: absolute;
                        border-radius: 50%;
                    }


                    .bright-spots .spot-2 {
                        display: block;
                        aspect-ratio: 1;
                        /* decorative blurred background blob */
                        background: var(--primary-color-light, #66ACFF);
                        width: 170px;
                        right: 300px;
                        border-radius: 50%;
                        top: 170px;
                        position: absolute;
                        filter: blur(70px);
                        z-index: -1;
                        opacity: 0.45;
                    }

                    .bright-spots .spot-2:after {
                        content: '';
                        display: block;
                        inset: 0;
                        background: linear-gradient(0, #0067ffc2, rgba(0, 115, 252, .76));
                        position: absolute;
                        border-radius: 50%;
                    }


                    .bright-spots .spot-3 {
                        display: block;
                        aspect-ratio: 1;
                        /* decorative blurred blob: legacy green -> Business Arise blue */
                        background: var(--primary-color-light, #66ACFF);
                        width: 380px;
                        left: -150px;
                        border-radius: 50%;
                        top: 0;
                        position: absolute;
                        filter: blur(80px);
                        z-index: -1;
                        opacity: 0.5;
                    }

                    .bright-spots .spot-3:after {
                        content: '';
                        display: block;
                        inset: 0;
                        background: linear-gradient(0, #3600dfc2 -13%, #0085ffc2 10%, rgba(0, 115, 252, .76), #ff0c00c2);
                        position: absolute;
                        border-radius: 50%;
                    }


                    .bright-spots .spot-4 {
                        display: block;
                        aspect-ratio: 1;
                        /* decorative blurred background blob */
                        background: var(--primary-color-light, #66ACFF);
                        width: 370px;
                        left: -130px;
                        border-radius: 50%;
                        top: 580px;
                        position: absolute;
                        filter: blur(80px);
                        z-index: -1;
                        opacity: 0.5;
                    }

                    .bright-spots .spot-4:after {
                        content: '';
                        display: block;
                        inset: 0;
                        background: linear-gradient(0, #ff0c00e0 -8%, rgba(0, 115, 252, .76), #ff0c00c2);
                        position: absolute;
                        border-radius: 50%;
                    }

                    .bright-spots .spot-5 {
                        display: block;
                        aspect-ratio: 1;
                        /* decorative blurred background blob */
                        background: var(--primary-color-light, #66ACFF);
                        width: 370px;
                        right: -110px;
                        border-radius: 50%;
                        top: 820px;
                        position: absolute;
                        filter: blur(90px);
                        z-index: -1;
                        opacity: 0.5;
                    }

                    .bright-spots .spot-5:after {
                        content: '';
                        display: block;
                        inset: 0;
                        background: linear-gradient(0, #3300d1e0 -8%, rgba(0, 115, 252, .76), #0008ffc2);
                        position: absolute;
                        border-radius: 50%;
                    }