.bg{opacity:.5;z-index:-1;background-image:linear-gradient(-60deg,#042079 50%,#097dbb 50%);animation:3s ease-in-out infinite alternate slide;position:fixed;inset:0 -50%}.bg2{animation-duration:4s;animation-direction:alternate-reverse}.bg3{animation-duration:5s}@keyframes slide{0%{transform:translate(-25%)}to{transform:translate(25%)}}.card{--white:#fff;--black:#14141a;--paragraph:#d4d4d4;--line:#1e947b;--primary:#31d9f6;background-color:#0b5b74;background-image:radial-gradient(at 88% 40%,#14141a 0,#0000 85%),radial-gradient(at 49% 30%,#4b4bda 0,#0000 85%),radial-gradient(at 14% 26%,#074075 0,#0000 85%),radial-gradient(at 0 64%,#035563 0,#0000 85%),radial-gradient(at 41% 94%,#3c9eaf 0,#0000 85%),radial-gradient(at 100% 99%,#063037 0,#0000 85%);border-radius:1rem;flex-direction:column;gap:1rem;width:24rem;padding:1rem;display:flex;position:relative;box-shadow:inset 0 -16px 24px #34024a40}.card .card__border{pointer-events:none;z-index:-10;background-image:linear-gradient(#db1fb2 0%,#fff 150%);border-radius:1rem;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.card .card__border:before{content:"";pointer-events:none;z-index:100;transform:translate(-50%,-50%),rotate(0deg);transform-origin:0;background-image:linear-gradient(#6660 0%,#00d9ff 40% 60%,#fff0 100%);width:200%;height:10rem;animation:8s linear infinite rotate;position:fixed;top:50%;left:50%}@keyframes rotate{to{transform:rotate(360deg)}}.card .line{background-color:var(--line);border:none;width:100%;height:.1rem}.card .button{cursor:pointer;width:100%;color:var(--white);box-shadow:inset 0 -2px 25px -4px var(--white);background-image:linear-gradient(#017084 0%,#31d9f6);border:0;border-radius:9999px;padding:.5rem;font-size:.75rem}