.gradient-base{background-color:#0f0d13;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;min-height:100vh}.gradient-login{composes:gradient-base;background-image:radial-gradient(500px 700px at 98%,#3418c426 0%,#3418c414 45%,#3418c405 65%,#3418c400 80%),radial-gradient(2000px 300px at -5% 90%,#3418c426 0%,#3418c414 45%,#3418c405 65%,#3418c400 80%),radial-gradient(1800px 250px at -10% 85%,#3418c41f 0%,#3418c40f 45%,#3418c405 65%,#3418c400 80%),radial-gradient(800px 600px at -15% 75%,#3418c41f 0%,#3418c40f 45%,#3418c405 65%,#3418c400 80%)}.gradient-onboarding{composes:gradient-base;background-image:radial-gradient(400px 500px at 98%,#3418c426 0%,#3418c414 45%,#3418c405 65%,#3418c400 80%),radial-gradient(600px 700px at 5% 10%,#3418c426 0%,#3418c414 45%,#3418c405 65%,#3418c400 80%),radial-gradient(300px 300px at 10% 90%,#3418c414 0%,#3418c40a 45%,#3418c403 65%,#3418c400 80%)}.animated-gradient-border{background:linear-gradient(90deg,#9747ff 0%,#fff 50%,#9747ff 100%) 0 0/400% 400%;border-radius:8px;padding:1px;animation:10s linear infinite gradientMove;position:relative}.animated-gradient-border>*{border-radius:calc(.5rem - 1px);position:relative}@keyframes gradientMove{0%{background-position:0%}25%{background-position:50% 0}50%{background-position:100%}75%{background-position:50% 100%}to{background-position:0%}}