.referral-page-shell{background-color:var(--color-bg-page)}.referral-page-shell>*{position:relative;z-index:1}.referral-page-shell:before{position:absolute;top:0;right:0;left:0;z-index:0;height:clamp(520px,56.25vw,1080px);pointer-events:none;background-image:var(--referral-bg-mobile-image),radial-gradient(circle at 50% 0,var(--color-bg-brand-soft),transparent 34rem);background-repeat:no-repeat,no-repeat;background-position:top,top;background-size:100% auto,auto;content:"";-webkit-mask-image:linear-gradient(180deg,#000,#000 58%,rgba(0,0,0,.72) 76%,transparent);mask-image:linear-gradient(180deg,#000,#000 58%,rgba(0,0,0,.72) 76%,transparent)}.referral-hero-glow{background:radial-gradient(circle at 50% 0,var(--color-bg-brand-soft),transparent 64%);opacity:.8}@media (min-width:768px){.referral-page-shell:before{background-image:var(--referral-bg-image),radial-gradient(circle at 50% 0,var(--color-bg-brand-soft),transparent 34rem);background-repeat:no-repeat,no-repeat;background-position:top,top;background-size:clamp(960px,100vw,1920px) auto,auto}}html[data-theme=light] .referral-page-shell:before{background-image:var(--referral-bg-light-mobile-image),radial-gradient(circle at 50% 0,var(--color-bg-brand-soft),transparent 34rem);background-repeat:no-repeat,no-repeat;background-position:top,top;background-size:100% auto,auto}@media (min-width:768px){html[data-theme=light] .referral-page-shell:before{background-image:var(--referral-bg-light-image),radial-gradient(circle at 50% 0,var(--color-bg-brand-soft),transparent 34rem);background-size:clamp(960px,100vw,1920px) auto,auto}}html[data-theme=light] .referral-hero-glow{background:radial-gradient(circle at 50% 0,var(--color-bg-brand-muted),transparent 68%);opacity:.5}