@keyframes hero-gradient-animation{0%{--s-start-0: 1%;--s-end-0: 61%;--c-0: hsla(215, 20%, 65%, .05);--x-0: 91%;--y-0: 90%;--s-start-2: 19%;--s-end-2: 54%;--x-2: 11%;--c-2: hsla(212, 100%, 57%, .3);--y-2: 32%;--y-3: 31%;--s-start-3: 0%;--s-end-3: 67%;--x-3: 2%;--c-3: hsla(188, 94%, 42%, .3);--y-4: 93%;--c-4: hsla(197, 0%, 0%, 1);--s-start-4: 12%;--s-end-4: 82%;--x-4: 74%}to{--s-start-0: 19%;--s-end-0: 69%;--c-0: hsla(188, 94%, 42%, .2);--x-0: 49%;--y-0: 25%;--s-start-2: 6%;--s-end-2: 73%;--x-2: 44%;--c-2: hsla(258, 89%, 66%, .5);--y-2: 93%;--y-3: 51%;--s-start-3: 8%;--s-end-3: 86%;--x-3: 97%;--c-3: hsla(0, 78%, 2%, 1);--y-4: 69%;--c-4: hsla(197, 78%, 14%, 1);--s-start-4: 20%;--s-end-4: 75%;--x-4: 10%}}@property --s-start-0{syntax: "<percentage>"; inherits: false; initial-value: 1%;}@property --s-end-0{syntax: "<percentage>"; inherits: false; initial-value: 61%;}@property --c-0{syntax: "<color>"; inherits: false; initial-value: hsla(215,20%,65%,.05);}@property --x-0{syntax: "<percentage>"; inherits: false; initial-value: 91%;}@property --y-0{syntax: "<percentage>"; inherits: false; initial-value: 90%;}@property --y-1{syntax: "<percentage>"; inherits: false; initial-value: 24%;}@property --c-1{syntax: "<color>"; inherits: false; initial-value: hsla(0,0%,0%,1);}@property --x-1{syntax: "<percentage>"; inherits: false; initial-value: 17%;}@property --s-start-1{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --s-end-1{syntax: "<percentage>"; inherits: false; initial-value: 55%;}@property --s-start-2{syntax: "<percentage>"; inherits: false; initial-value: 19%;}@property --s-end-2{syntax: "<percentage>"; inherits: false; initial-value: 54%;}@property --x-2{syntax: "<percentage>"; inherits: false; initial-value: 11%;}@property --c-2{syntax: "<color>"; inherits: false; initial-value: hsla(212,100%,57%,.3);}@property --y-2{syntax: "<percentage>"; inherits: false; initial-value: 32%;}@property --y-3{syntax: "<percentage>"; inherits: false; initial-value: 31%;}@property --s-start-3{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --s-end-3{syntax: "<percentage>"; inherits: false; initial-value: 67%;}@property --x-3{syntax: "<percentage>"; inherits: false; initial-value: 2%;}@property --c-3{syntax: "<color>"; inherits: false; initial-value: hsla(188,94%,42%,.3);}@property --y-4{syntax: "<percentage>"; inherits: false; initial-value: 93%;}@property --c-4{syntax: "<color>"; inherits: false; initial-value: hsla(197,0%,0%,1);}@property --s-start-4{syntax: "<percentage>"; inherits: false; initial-value: 12%;}@property --s-end-4{syntax: "<percentage>"; inherits: false; initial-value: 82%;}@property --x-4{syntax: "<percentage>"; inherits: false; initial-value: 74%;}.custom-gradient-bg{--c-0: hsla(215, 20%, 65%, .05);--x-0: 91%;--y-0: 90%;--y-1: 24%;--c-1: hsla(0, 0%, 0%, 1);--x-1: 17%;--x-2: 11%;--c-2: hsla(212, 100%, 57%, .3);--y-2: 32%;--y-3: 31%;--x-3: 2%;--c-3: hsla(188, 94%, 42%, .3);--y-4: 93%;--c-4: hsla(197, 0%, 0%, 1);--x-4: 74%;background-color:#020513;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 3000 3000' 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"),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)),radial-gradient(circle at var(--x-4) var(--y-4),var(--c-4) var(--s-start-4),transparent var(--s-end-4));animation:hero-gradient-animation 10s linear infinite alternate;background-blend-mode:overlay,normal,normal,normal,normal,normal}.custom-gradient-bg-static{background-color:#081540;background-image:radial-gradient(circle at 50% 0%,rgb(20,33,50) 49.15975941515135%,transparent 102.23193813062571%);background-blend-mode:normal;background-attachment:fixed}
