.noise-cycle{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;mix-blend-mode:overlay;opacity:.8;transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000;-webkit-perspective:1000}.noise-frame{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:repeat;opacity:0;animation-duration:1s;animation-timing-function:steps(1);animation-iteration-count:infinite;will-change:opacity}.frame1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.41' numOctaves='3' seed='23123' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise1)' fill='black' opacity='0.4'/%3E%3C/svg%3E");background-position:0 0;animation:noiseFrame1 .4s steps(1) infinite}.frame2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.43' numOctaves='4' seed='24383' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise2)' fill='black' opacity='0.4'/%3E%3C/svg%3E");background-position:5px 5px;animation:noiseFrame2 .4s steps(1) infinite}.frame3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise3'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.42' numOctaves='2' seed='93742' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise3)' fill='black' opacity='0.4'/%3E%3C/svg%3E");background-position:-5px -5px;animation:noiseFrame3 .4s steps(1) infinite}.frame4{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise4'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.44' numOctaves='5' seed='48725' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise4)' fill='black' opacity='0.4'/%3E%3C/svg%3E");background-position:10px 10px;animation:noiseFrame4 .4s steps(1) infinite}@keyframes noiseFrame1{0%,24%{opacity:1}25%,to{opacity:0}}@keyframes noiseFrame2{0%,24%{opacity:0}25%,49%{opacity:1}50%,to{opacity:0}}@keyframes noiseFrame3{0%,49%{opacity:0}50%,74%{opacity:1}75%,to{opacity:0}}@keyframes noiseFrame4{0%,74%{opacity:0}75%,to{opacity:1}}@media (max-width: 600px){.noise-cycle .noise-frame{animation:none;opacity:0}.noise-cycle .frame1{animation:none;opacity:1}}.mobile .noise-cycle .noise-frame{animation:none;opacity:0}.mobile .noise-cycle .frame1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' seed='23123' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise1)' fill='black' opacity='0.4'/%3E%3C/svg%3E");animation:none;opacity:1}@media (hover: none){.noise-cycle .noise-frame{animation:none!important;opacity:0!important}.noise-cycle .frame1{animation:none!important;opacity:1!important}}:root{--color1: #FF2626;--color2: #FF9A00;--color3: #FF2626;--color4: #949494;--gradient1: radial-gradient(circle at 25% 35%, var(--color1) 0%, transparent 65%);--gradient2: radial-gradient(circle at 75% 65%, var(--color2) 0%, transparent 65%);--gradient3: radial-gradient(circle at 45% 55%, var(--color3) 0%, transparent 65%);--gradient4: radial-gradient(circle at 55% 45%, var(--color4) 0%, transparent 85%)}@keyframes liquidSwirl{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}@keyframes gradientShift{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(5deg)}to{filter:hue-rotate(0deg)}}.liquid-bg{position:absolute;left:50%;transform:translate(-50%);width:100vw;background:var(--gradient1),var(--gradient2),var(--gradient3),var(--gradient4);background-blend-mode:screen,multiply,overlay,normal;background-size:125% 125%;background-position:center;animation:liquidSwirl 30s ease-in-out infinite,gradientShift 15s ease-in-out infinite;will-change:background-position,filter}@media (max-width: 600px){.liquid-bg{width:100vw;background-size:150% 150%;animation:none;will-change:auto;background-position:top center}}.mobile.liquid-bg{animation:none!important;will-change:auto}@media (hover: none){.liquid-bg{animation:none!important;background-size:cover!important;background-position:center;will-change:auto}}@media screen and (-webkit-min-device-pixel-ratio:0){.liquid-bg{margin-left:calc(50% - 50vw)}}