.form{display:block;z-index:1}.btn,.form{position:relative}.btn{--border-color:linear-gradient(-45deg,#ffae00,#7e03aa,#00fffb);--border-width:0.125em;--curve-size:0.5em;--blur:30px;--bg:#080312;--color:#afffff;color:var(--color);cursor:pointer;isolation:isolate;display:inline-grid;place-content:center;padding:.5em 1.5em;font-size:17px;border:0;text-transform:uppercase;box-shadow:10px 10px 20px rgba(0,0,0,.6);clip-path:polygon(0 var(--curve-size),var(--curve-size) 0,100% 0,100% calc(100% - var(--curve-size)),calc(100% - var(--curve-size)) 100%,0 100%);transition:color .25s}.btn:after,.btn:before{content:"";position:absolute;inset:0}.btn:before{background:var(--border-color);background-size:300% 300%;animation:move-bg7234 5s ease infinite;z-index:-2}@keyframes move-bg7234{0%{background-position:31% 0}50%{background-position:70% 100%}to{background-position:31% 0}}.btn:after{background:var(--bg);z-index:-1;clip-path:polygon(var(--border-width) calc(var(--curve-size) + var(--border-width) * .5),calc(var(--curve-size) + var(--border-width) * .5) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),var(--border-width) calc(100% - var(--border-width)));transition:clip-path .5s}.btn:where(:hover,:focus):after{clip-path:polygon(calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)));transition:.2s}.btn:where(:hover,:focus){color:#fff}.form button,input{outline:none;margin:8px 0;font-family:monospace}input{background-color:#fff;padding:6px;font-size:.875rem;line-height:1.25rem;width:250px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}input:focus::placeholder{opacity:0;transition:opacity .9s}.input:focus::placeholder{opacity:0;transition:opacity .9s}.submit{position:relative;display:block;padding:8px;background-color:silver;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5);font-size:.875rem;line-height:1.25rem;font-weight:500;width:100%;text-transform:uppercase;overflow:hidden}.submit:hover{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;border-radius:3.9px;box-shadow:4px 5px 17px -4px #fff;cursor:pointer}.submit:hover:before{-webkit-animation:sh02 .5s linear 0s;-moz-animation:sh02 .5s linear 0s;animation:sh02 .5s linear 0s}.submit:before{content:"";display:block;width:0;height:85%;position:absolute;top:50%;left:0;opacity:0;background:#fff;box-shadow:0 0 50px 30px #fff;-webkit-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-ms-transform:skewX(-20deg);-o-transform:skewX(-20deg);transform:skewX(-20deg)}@keyframes sh02{0%{opacity:0;left:0}50%{opacity:1}to{opacity:0;left:100%}}.signup-link{color:silver;font-size:.875rem;line-height:1.25rem;text-align:center;font-family:monospace}.signup-link a{color:#fff;text-decoration:none}.up:hover{text-decoration:underline}form{font-size:1.25rem;line-height:1.75rem;font-family:monospace;font-weight:600;text-align:center;animation-duration:1.5s;overflow:hidden;transition:.12s}.form-title span{animation:flickering 2s linear infinite both}.title-2{display:block;margin-top:-.5rem;font-size:2.1rem;font-weight:800;font-family:Arial,Helvetica,sans-serif;text-align:center;-webkit-text-stroke:#fff .1rem;letter-spacing:.2rem;color:transparent;position:relative;text-shadow:0 0 16px #cecece}.title-2 span:after,.title-2 span:before{content:"—"}@keyframes flickering{0%,to{opacity:1}41.99%{opacity:1}42%{opacity:0}43%{opacity:0}43.01%{opacity:1}47.99%{opacity:1}48%{opacity:0}49%{opacity:0}49.01%{opacity:1}}.bg-stars{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;background-size:cover;animation:animateBg 50s linear infinite}@keyframes animateBg{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.star{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#00fffb;border-radius:50%;box-shadow:0 0 0 4px hsla(0,0%,100%,.1),0 0 0 8px hsla(0,0%,100%,.1),0 0 20px hsla(0,0%,100%,.1);animation:animate 3s linear infinite;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-animation:animate 3s linear infinite}:is(.dark) .star{background:#fff}.star:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:300px;height:1px;background:linear-gradient(90deg,#00fffb,transparent)}:is(.dark) .star:before{background:linear-gradient(90deg,#fff,transparent)}@keyframes animate{0%{transform:rotate(315deg) translateX(0);opacity:1}70%{opacity:1}to{transform:rotate(315deg) translateX(-1000px);opacity:0}}.star:first-child{top:0;right:0;left:auto;animation-delay:0s;animation-duration:1s}.star:nth-child(2){top:0;right:100px;left:auto;animation-delay:.2s;animation-duration:3s}.star:nth-child(3){top:0;right:220px;left:auto;animation-delay:2.75s;animation-duration:2.75s}.star:nth-child(4){top:0;right:-220px;left:auto;animation-delay:1.6s;animation-duration:1.6s}