:root{--color-bg2:#000;--color-bg1:#2b212f;--color1:79,52,90;--color2:79,52,90;--color3:79,52,90;--color4:79,52,90;--color5:79,52,90;--color-interactive:79,52,90;--circle-size:80%;--blending:hard-light}body,html{font-family:Dongle,sans-serif;margin:0;padding:0;height:100%;width:100%}@keyframes moveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}to{transform:translateX(-50%) translateY(-10%)}}.gradient-bg{width:100vw;height:100vh;position:relative;overflow:hidden;background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2));top:0;left:0;.svgBlur{display:none}.noiseBg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;mix-blend-mode:soft-light;opacity:.3}.gradients-container{filter:url(#goo) blur(40px);width:100%;height:100%}.g1{background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;transform-origin:center center;animation:moveVertical 30s ease infinite}.g1,.g2{position:absolute;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);opacity:1}.g2{background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;transform-origin:calc(50% - 400px);animation:moveInCircle 20s infinite reverse}.g3{background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;top:calc(50% - var(--circle-size) / 2 + 200px);left:calc(50% - var(--circle-size) / 2 - 500px);transform-origin:calc(50% + 400px);animation:moveInCircle 40s linear infinite;opacity:1}.g3,.g4{position:absolute;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size)}.g4{background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 200px);animation:moveHorizontal 40s ease infinite;opacity:.7}.g5{background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;width:calc(var(--circle-size) * 2);height:calc(var(--circle-size) * 2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);animation:moveInCircle 20s ease infinite;opacity:1}.g5,.interactive{position:absolute;mix-blend-mode:var(--blending)}.interactive{background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;width:100%;height:100%;top:-50%;left:-50%;opacity:.7}}:root{--glow-hue:222deg;--shadow-hue:180deg;--spring-easing:linear(0,0.002,0.01 0.9%,0.038 1.8%,0.156,0.312 5.8%,0.789 11.1%,1.015 14.2%,1.096,1.157,1.199,1.224 20.3%,1.231,1.231,1.226,1.214 24.6%,1.176 26.9%,1.057 32.6%,1.007 35.5%,0.984,0.968,0.956,0.949 42%,0.946 44.1%,0.95 46.5%,0.998 57.2%,1.007,1.011 63.3%,1.012 68.3%,0.998 84%,1);--spring-duration:1.33s}@property --shimmer{syntax:"<angle>";inherits:false;initial-value:33deg}@keyframes shimmer{0%{--shimmer:0deg}to{--shimmer:360deg}}@keyframes shine{0%{opacity:0}15%{opacity:1}55%{opacity:1}to{opacity:0}}@keyframes text{0%{background-position:100%}to{background-position:-100%}}button{color:#fff;font-weight:600;background-image:linear-gradient(315deg,#facfad -10%,#2b212f 50%,#2b212f 110%);padding:.8em 1.4em;position:relative;isolation:isolate;box-shadow:0 2px 3px 1px hsl(var(--glow-hue) 50% 20%/50%),inset 0 -10px 20px -10px hsla(var(--shadow-hue),10%,90%,95%);border-radius:.66em;scale:1;transition:all var(--spring-duration) var(--spring-easing)}button.active,button:hover:not(:active){transition-duration:calc(var(--spring-duration) * .5);scale:1.2;box-shadow:0 4px 8px -2px hsl(var(--glow-hue) 50% 20%/50%),inset 0 0 0 transparent}button:active{scale:1.1;transition-duration:calc(var(--spring-duration) * .5)}.shimmer{position:absolute;inset:-40px;border-radius:inherit;-webkit-mask-image:conic-gradient(from var(--shimmer,0deg),transparent 0,transparent 10%,#000 36%,#000 45%,transparent 50%,transparent 60%,#000 85%,#000 95%,transparent 100%);mask-image:conic-gradient(from var(--shimmer,0deg),transparent 0,transparent 10%,#000 36%,#000 45%,transparent 50%,transparent 60%,#000 85%,#000 95%,transparent 100%);-webkit-mask-size:cover;mask-size:cover;mix-blend-mode:plus-lighter;animation:shimmer 1s linear infinite both}button.active .shimmer:after,button.active .shimmer:before,button:hover .shimmer:after,button:hover .shimmer:before{opacity:1;animation:shine 1.2s ease-in 1 forwards}.shimmer:after,.shimmer:before{transition:all .5s ease;opacity:0;content:"";border-radius:inherit;position:absolute;mix-blend-mode:color;inset:40px;pointer-events:none}.shimmer:before{box-shadow:0 0 3px 2px hsl(var(--glow-hue) 20% 95%),0 0 7px 4px hsl(var(--glow-hue) 20% 80%),0 0 13px 4px hsl(var(--glow-hue) 50% 70%),0 0 25px 5px hsl(var(--glow-hue) 100% 70%);z-index:-1}.shimmer:after{box-shadow:inset 0 0 0 1px hsl(var(--glow-hue) 70% 95%),inset 0 0 2px 1px hsl(var(--glow-hue) 100% 80%),inset 0 0 5px 2px hsl(var(--glow-hue) 100% 70%);z-index:2}button .text{color:transparent;-webkit-background-clip:text;background-clip:text;background-color:var(--bg);background-image:linear-gradient(120deg,transparent,hsla(var(--glow-hue),100%,80%,.66) 40%,hsla(var(--glow-hue),100%,90%,.9) 50%,transparent 52%);background-repeat:no-repeat;background-size:300% 300%;background-position:center 200%}button.active .text,button:hover .text{animation:text .66s ease-in 1 both}.shimmerText{position:relative;display:inline-block;color:#fff;font-size:3rem;font-weight:700;background:linear-gradient(45deg,hsla(0,0%,100%,.8) 25%,hsla(0,0%,100%,0));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px hsla(0,0%,100%,.9),0 0 10px hsla(0,0%,100%,.6),0 0 15px hsla(0,0%,100%,.4),0 0 20px hsla(0,0%,100%,.3),0 0 25px hsla(0,0%,100%,.2),0 0 30px hsla(0,0%,100%,.1)}.hero{display:flex;justify-content:center;align-items:center;height:900px}@media (max-width:768px){.hero-section{padding-top:1rem;padding-bottom:1rem}.text-left{text-align:center}.floating-mockup{transform:scale(1);max-width:300px}.container{padding:1rem}.gradient-bg{background:linear-gradient(30deg,var(--color-bg1),var(--color-bg2))}.animate-scroll{animation:scroll 20s linear infinite}.brand-link{margin:0 2rem}}@media (min-width:190px){.hero{height:900px}.hero-section{padding-top:1rem;padding-bottom:1rem}}