@layer components{.animated-border::before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(90deg,#57dfe7,#b865ff,#b964ff,#57dfe7);background-size:300% 300%;border-radius:16px;z-index:-1;animation:moveGradient 5s linear infinite;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;box-sizing:border-box}@keyframes moveGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}}.bg-gradient-animated{position:relative;z-index:0;background:linear-gradient(90deg,rgb(87 223 231 / .2),rgb(184 101 255 / .2),rgb(185 100 255 / .2),rgb(87 223 231 / .2));background-size:200% 200%;animation:gradient-move 6s ease-in-out infinite}.bg-gradient-animated::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#57dfe7,#b865ff,#b964ff,#57dfe7);z-index:1}.bg-gradient-animated::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#57dfe7,#b865ff,#b964ff,#57dfe7);z-index:1}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.animated-gradient{background-size:200% 200%;animation:gradient-move 5s ease infinite}.gradient-border-button{position:relative;z-index:0;border-radius:9999px;overflow:hidden;transition:all 0.3s ease}.gradient-border-button::before{content:"";position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background:linear-gradient(45deg,#9333ea,#3b82f6,#9333ea,#3b82f6);background-size:400% 400%;opacity:0;transition:opacity 0.3s ease;animation:gradient-rotate 4s ease infinite}.gradient-border-button::after{content:"";position:absolute;z-index:-1;left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:#2a2a2ac5;border-radius:9999px;opacity:0;transition:opacity 0.3s ease}.gradient-border-button:hover{background:#fff0}.gradient-border-button:hover::before{opacity:1}.gradient-border-button:hover::after{opacity:1}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes animate__fadeInRight{0%{opacity:0;transform:translateX(100px)}100%{opacity:1;transform:translateX(0)}}@keyframes animate__fadeInLeft{100%{opacity:1;transform:translateX(0)}0%{opacity:0;transform:translateX(100px)}}.fade-in-right{animation:animate__fadeInRight 1s ease-out forwards}.fade-in-left{animation:animate__fadeInLeft 1s ease-out forwards}@keyframes animate__zoomIn{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{opacity:1;transform:scale(1)}}.zoom-in{animation:animate__zoomIn 1s ease-out forwards}#faq-content{transition:max-height 0.4s ease-in-out;overflow:hidden}.gradient-border-button-tab::before{content:"";position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background:linear-gradient(45deg,#9333ea,#3b82f6,#9333ea,#3b82f6);background-size:400% 400%;opacity:1;transition:opacity 0.3s ease;animation:gradient-rotate 4s ease infinite}.gradient-border-button-tab::after{content:"";position:absolute;z-index:-1;left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:#2a2a2ac5;border-radius:9999px;opacity:1;transition:opacity 0.3s ease}.gradient-border-button-tab{position:relative;z-index:0;border-radius:9999px;overflow:hidden;background:#fff0;transition:all 0.3s ease}.gradient-border-button-tab:hover{background:linear-gradient(45deg,#9333ea,#3b82f6,#9333ea,#3b82f6)}.gradient-border-button-tab:hover::before{background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%)}.gradient-border-button-tab:hover::after{background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%)}