@keyframes moveHorizontalGreen{0%{transform:translate(-200px)}50%{transform:translate(200px)}to{transform:translate(-250px)}}@keyframes moveHorizontalOrange{0%{transform:translate(200px)}50%{transform:translate(-200px)}to{transform:translate(200px)}}.hero-animated-gradient{z-index:0;background-color:#111827;position:relative;overflow:hidden}.hero-animated-gradient:before{content:"";filter:blur(70px);z-index:-1;background:radial-gradient(circle,#10b98180 0%,#10b98100 70%);border-radius:50%;width:1000px;height:750px;margin-top:-200px;margin-left:-500px;animation:18s ease-in-out infinite moveHorizontalGreen;position:absolute;top:100%;left:50%}.hero-animated-gradient:after{content:"";filter:blur(70px);z-index:-1;background:radial-gradient(circle,#f59e0b80 0%,#f59e0b00 70%);border-radius:50%;width:1000px;height:750px;margin-top:-200px;margin-left:-500px;animation:18s ease-in-out infinite moveHorizontalOrange;position:absolute;top:100%;left:50%}@property --border-angle{syntax:"<angle>";inherits:true;initial-value:0deg}.hero-value-item{--border-angle:0deg;background-color:#ffffff0d;border:1.5px solid #ffffff1a;animation:5s linear infinite borderRotate;position:relative}.hero-value-item:before{content:"";z-index:0;border-radius:inherit;background:conic-gradient(from var(--border-angle),#10b9810d 0%,#10b9810d 35%,#10b98199 50%,#10b9810d 65%,#10b9810d 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes borderRotate{0%{--border-angle:0deg}to{--border-angle:360deg}}@keyframes twinkleMove{0%{-webkit-mask-position:50%,0 0,0 0;mask-position:50%,0 0,0 0}to{-webkit-mask-position:50%,130px 130px,-170px 170px;mask-position:50%,130px 130px,-170px 170px}}.hero-pattern{opacity:.5;background-image:radial-gradient(#ffffff14 1.5px,#0000 1.5px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 80%);mask-image:radial-gradient(circle,#000 30%,#0000 80%)}.hero-pattern-twinkle{-webkit-mask-composite:source-in;opacity:1;background-image:radial-gradient(#fff 1.5px,#0000 1.5px);background-size:24px 24px;animation:15s linear infinite twinkleMove;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 70%),radial-gradient(circle,#000 2px,#0000 30px),radial-gradient(circle,#000 2px,#0000 40px);mask-image:radial-gradient(circle,#000 30%,#0000 70%),radial-gradient(circle,#000 2px,#0000 30px),radial-gradient(circle,#000 2px,#0000 40px);-webkit-mask-size:100% 100%,130px 130px,170px 170px;mask-size:100% 100%,130px 130px,170px 170px;-webkit-mask-repeat:no-repeat,repeat,repeat;mask-repeat:no-repeat,repeat,repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.hero-pattern-highlight{-webkit-mask-image:radial-gradient(300px circle at var(--mouse-x,50%)var(--mouse-y,50%),black 0%,transparent 100%);mask-image:radial-gradient(300px circle at var(--mouse-x,50%)var(--mouse-y,50%),black 0%,transparent 100%);-webkit-mask-image:radial-gradient(96px circle at var(--mouse-x,50%)var(--mouse-y,50%),black 1%,transparent 100%);opacity:1;background-image:radial-gradient(#ffffff4d 1.5px,#0000 1.5px);background-size:24px 24px}.hero-btn-animated-border{--border-angle:0deg;animation:5.5s linear infinite borderRotate;position:relative;color:#fff!important;border:1.5px solid #0000!important}.hero-btn-animated-border:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--border-angle),#ffffff1a 0%,#ffffff1a 35%,#fffc 50%,#ffffff1a 65%,#ffffff1a 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}