body{font-family:Poppins,sans-serif;background:radial-gradient(circle at 50% 50%,#020617,#000);margin:0;overflow:hidden;-webkit-font-smoothing:antialiased}.background-container:before,.background-container:after{content:"";position:absolute;width:120vmax;height:120vmax;left:50%;top:50%;transform:translate(-50%,-50%);background-size:100% 100%;filter:blur(80px);opacity:.5;mix-blend-mode:screen;animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 50% 50%,rgba(6,182,212,.4) 0%,transparent 70%),radial-gradient(circle at 30% 70%,rgba(124,58,237,.4) 0%,transparent 70%);will-change:transform,opacity}.background-container:after{width:140vmax;height:140vmax;animation-duration:30s;animation-direction:reverse;background-image:radial-gradient(circle at 70% 30%,rgba(236,72,153,.4) 0%,transparent 70%),radial-gradient(circle at 30% 70%,rgba(59,130,246,.4) 0%,transparent 70%)}@keyframes float{0%{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:.5}25%{transform:translate(-45%,-55%) rotate(90deg) scale(1.1);opacity:.6}50%{transform:translate(-55%,-45%) rotate(180deg) scale(.9);opacity:.5}75%{transform:translate(-45%,-55%) rotate(270deg) scale(1.1);opacity:.6}to{transform:translate(-50%,-50%) rotate(360deg) scale(1);opacity:.5}}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,rgba(6,182,212,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(6,182,212,.1) 1px,transparent 1px);background-size:3rem 3rem;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 80%);mask-image:radial-gradient(circle at center,black 40%,transparent 80%);opacity:.4;animation:grid-pan 30s linear infinite}@keyframes grid-pan{to{transform:translate(3rem,3rem)}}#stars,#stars2,#stars3{position:absolute;width:100%;height:100%;pointer-events:none;background-repeat:repeat;background-position:0 0;will-change:transform,background-position,opacity;transition:transform .9s cubic-bezier(.2,.9,.2,1),opacity .9s ease}#stars{background-image:url(/assets/particle.png),radial-gradient(1px 1px at 50% 50%,#fff,#0000);background-size:48px 48px,50px 50px;animation:move-particles-1 80s linear infinite;opacity:.95;transform:translate3d(var(--mx),calc(var(--my) * .6),0)}#stars2{background-image:url(/assets/particle.png),radial-gradient(1px 1px at 50% 50%,#fff9,#0000);background-size:72px 72px,100px 100px;animation:move-particles-2 120s linear infinite;opacity:.8;transform:translate3d(calc(var(--mx) * .6),calc(var(--my) * .4),0)}#stars3{background-image:url(/assets/particle.png),radial-gradient(1px 1px at 50% 50%,#ffffff59,#0000);background-size:110px 110px,150px 150px;animation:move-particles-3 200s linear infinite;opacity:.65;transform:translate3d(calc(var(--mx) * .25),calc(var(--my) * .15),0)}@keyframes move-particles-1{0%{background-position:0 0}to{background-position:-2000px -1200px}}@keyframes move-particles-2{0%{background-position:0 0}to{background-position:1800px -800px}}@keyframes move-particles-3{0%{background-position:0 0}to{background-position:-1200px 900px}}@media(max-width:640px){.background-container:before{width:150vmax;height:150vmax}.background-container:after{width:170vmax;height:170vmax}.grid-overlay{opacity:.2;background-size:2rem 2rem}}@media(prefers-reduced-motion:reduce){:root:not([data-force-motion="1"]) *,:root:not([data-force-motion="1"]) *:before,:root:not([data-force-motion="1"]) *:after{animation:none!important;transition:none!important;transform:none!important}}.card{--card-border: rgba(6, 182, 212, .15);--card-shadow: rgba(6, 182, 212, .1);--hover-intensity: 0;position:relative;isolation:isolate;transition:--hover-intensity .2s}.card:before,.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;animation:pulse 4s ease-in-out infinite alternate;transition:all .3s}.card:before{background:linear-gradient(120deg,#06b6d41a,#7c3aed0d,#ec48991a);filter:blur(20px);opacity:.5}.card:after{border:1px solid var(--card-border);box-shadow:0 0 20px var(--card-shadow),inset 0 0 20px var(--card-shadow)}.card:hover{--hover-intensity: 1}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.98);opacity:.8}}.input-glow{transition:all .3s;border:1px solid rgba(6,182,212,.2)}.input-glow:focus{border-color:#06b6d480;box-shadow:0 0 0 2px #06b6d41a,0 0 15px #06b6d433}.btn-futuristic{position:relative;isolation:isolate;overflow:hidden;transition:all .3s}.btn-futuristic:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(90deg,#ec4899,#8b5cf6,#06b6d4);z-index:-2;animation:border-flow 4s linear infinite}.btn-futuristic:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:inherit;border-radius:inherit;z-index:-1}@keyframes border-flow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.amount-btn{position:relative;transition:all .3s}.amount-btn:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(45deg,#06b6d400,#06b6d44d,#06b6d400);opacity:0;transition:opacity .3s}.amount-btn:hover:before,.amount-btn.selected:before{opacity:1}@keyframes cyber-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.cyber-pulse{animation:cyber-pulse 2s ease-in-out infinite}@keyframes success-ring{0%{stroke-dashoffset:95;transform:rotate(0)}50%{stroke-dashoffset:25}to{stroke-dashoffset:95;transform:rotate(360deg)}}.success-ring{stroke-dasharray:95;transform-origin:50% 50%;animation:success-ring 4s ease-in-out infinite}:root{--mx: 0px;--my: 0px}html,body{height:100%}body{font-family:Poppins,sans-serif;background-color:#020617;margin:0;overflow:hidden;-webkit-font-smoothing:antialiased}.background-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.background-container>div{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-repeat:repeat;background-position:0 0;will-change:transform,background-position,opacity;transition:transform .9s cubic-bezier(.2,.9,.2,1),opacity .9s ease}#stars{background-image:url(/assets/particle.png);background-size:60px 60px;animation:move-stars 400s linear infinite;opacity:.4;transform:translate3d(var(--mx),calc(var(--my) * .6),0)}#stars2{background-image:url(/assets/particle.png);background-size:45px 45px;animation:move-stars 300s linear infinite;opacity:.3;transform:translate3d(calc(var(--mx) * .6),calc(var(--my) * .9),0)}#stars3{display:none}.grid-overlay{background-image:linear-gradient(to right,rgba(6,182,212,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(6,182,212,.08) 1px,transparent 1px);background-size:3rem 3rem;animation:pan-grid 60s linear infinite;will-change:background-position,transform;opacity:.08;transform:translate3d(calc(var(--mx) * -.35),calc(var(--my) * -.35),0)}@keyframes move-stars{0%{background-position:0 0}to{background-position:0 10000px}}@keyframes pan-grid{0%{background-position:0 0}to{background-position:100rem 100rem}}.background-container:before,.background-container:after{content:"";position:absolute;width:80vmax;height:80vmax;left:50%;top:50%;transform:translate(-50%,-50%) translate3d(calc(var(--mx) * .02),calc(var(--my) * .02),0);filter:blur(60px) saturate(140%);opacity:.9;pointer-events:none;mix-blend-mode:normal;will-change:transform,opacity}.background-container:before{background:radial-gradient(closest-side at 30% 30%,rgba(59,130,246,.35),transparent 30%),radial-gradient(closest-side at 70% 70%,rgba(124,58,237,.28),transparent 30%);animation:blob1 18s ease-in-out infinite alternate}.background-container:after{background:radial-gradient(closest-side at 20% 80%,rgba(6,182,212,.2),transparent 25%),radial-gradient(closest-side at 80% 20%,rgba(236,72,153,.18),transparent 25%);animation:blob2 22s ease-in-out infinite alternate}@keyframes blob1{0%{transform:translate(-50%,-50%) translate3d(-6vmax,-4vmax,0) scale(1)}to{transform:translate(-50%,-50%) translate3d(6vmax,4vmax,0) scale(1.07)}}@keyframes blob2{0%{transform:translate(-50%,-50%) translate3d(6vmax,-5vmax,0) scale(1)}to{transform:translate(-50%,-50%) translate3d(-6vmax,5vmax,0) scale(1.06)}}@media(max-width:640px){#stars{animation-duration:300s}#stars2{animation-duration:180s}#stars3{animation-duration:120s}.grid-overlay{opacity:.05;background-size:4rem 4rem}}@media(prefers-reduced-motion:reduce){:root:not([data-force-motion="1"]) *,:root:not([data-force-motion="1"]) *:before,:root:not([data-force-motion="1"]) *:after{animation:none!important;transition:none!important}}