.gradient-base{background-color:#0f0d13;background-size:100% 100%;background-position:50%;background-repeat:no-repeat;min-height:100vh}.gradient-login{composes:gradient-base;background-image:radial-gradient(500px 700px ellipse at 98% 50%,rgba(52,24,196,.15) 0,rgba(52,24,196,.08) 45%,rgba(52,24,196,.02) 65%,rgba(52,24,196,0) 80%),radial-gradient(2000px 300px ellipse at -5% 90%,rgba(52,24,196,.15) 0,rgba(52,24,196,.08) 45%,rgba(52,24,196,.02) 65%,rgba(52,24,196,0) 80%),radial-gradient(1800px 250px ellipse at -10% 85%,rgba(52,24,196,.12) 0,rgba(52,24,196,.06) 45%,rgba(52,24,196,.02) 65%,rgba(52,24,196,0) 80%),radial-gradient(800px 600px ellipse at -15% 75%,rgba(52,24,196,.12) 0,rgba(52,24,196,.06) 45%,rgba(52,24,196,.02) 65%,rgba(52,24,196,0) 80%)}.gradient-onboarding{composes:gradient-base;background-image:radial-gradient(400px 500px ellipse at 98% 50%,rgba(52,24,196,.15) 0,rgba(52,24,196,.08) 45%,rgba(52,24,196,.02) 65%,rgba(52,24,196,0) 80%),radial-gradient(600px 700px ellipse at 5% 10%,rgba(52,24,196,.15) 0,rgba(52,24,196,.08) 45%,rgba(52,24,196,.02) 65%,rgba(52,24,196,0) 80%),radial-gradient(300px 300px ellipse at 10% 90%,rgba(52,24,196,.08) 0,rgba(52,24,196,.04) 45%,rgba(52,24,196,.01) 65%,rgba(52,24,196,0) 80%)}.animated-gradient-border{position:relative;padding:1px;border-radius:8px;background:linear-gradient(90deg,#9747ff,#ffffff 50%,#9747ff);background-size:400% 400%;animation:gradientMove 10s linear infinite}.animated-gradient-border>*{border-radius:calc(.5rem - 1px);position:relative}@keyframes gradientMove{0%{background-position:0 50%}25%{background-position:50% 0}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0 50%}}