@keyframes hero-gradient-animation{0%{--x-0:50%;--y-0:-15%;--s-start-0:0%;--s-end-0:45%}to{--x-0:50%;--y-0:25%;--s-start-0:0%;--s-end-0:65%}}@property --x-0{syntax:"<percentage>";inherits:false;initial-value:50%}@property --y-0{syntax:"<percentage>";inherits:false;initial-value:-15%}@property --s-start-0{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-0{syntax:"<percentage>";inherits:false;initial-value:45%}@property --c-0{syntax:"<color>";inherits:false;initial-value:#00ff6d}@property --x-1{syntax:"<percentage>";inherits:false;initial-value:50%}@property --y-1{syntax:"<percentage>";inherits:false;initial-value:4%}@property --s-start-1{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-1{syntax:"<percentage>";inherits:false;initial-value:83.14%}@property --c-1{syntax:"<color>";inherits:false;initial-value:#caf303}@property --x-2{syntax:"<percentage>";inherits:false;initial-value:50%}@property --y-2{syntax:"<percentage>";inherits:false;initial-value:4%}@property --s-start-2{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-2{syntax:"<percentage>";inherits:false;initial-value:115.67%}@property --c-2{syntax:"<color>";inherits:false;initial-value:#e9fa97}@property --x-3{syntax:"<percentage>";inherits:false;initial-value:50%}@property --y-3{syntax:"<percentage>";inherits:false;initial-value:4%}@property --s-start-3{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-end-3{syntax:"<percentage>";inherits:false;initial-value:115.67%}@property --c-3{syntax:"<color>";inherits:false;initial-value:#e9fa9700}.bg-main{--x-0:50%;--y-0:-15%;--c-0:#00ff6d;--x-1:50%;--y-1:4%;--c-1:#caf303;--x-2:50%;--y-2:4%;--c-2:#e9fa97;--x-3:50%;--y-3:4%;--c-3:#e9fa9700;background-color:#f8fdf2;background-image:radial-gradient(circle at var(--x-0)var(--y-0),var(--c-0)var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1)var(--y-1),var(--c-1)var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2)var(--y-2),var(--c-2)var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3)var(--y-3),var(--c-3)var(--s-start-3),transparent var(--s-end-3));background-blend-mode:normal;will-change:background-image;width:100%;animation:5s linear infinite alternate hero-gradient-animation;position:relative;overflow:hidden}.bg-main:after{content:"";pointer-events:none;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 700 700' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}