:root{--background-primary:#fff;--color-primary:#333}#app[data-theme=dark]{--background-primary:#030303;--color-primary:#ccc}#app{transition:color .3s,background-color .3s;background:var(--background-primary);color:var(--color-primary)}.changeMode{border-radius:50%;padding:5px;position:fixed;right:20px;bottom:35px}.join[data-v-653e5abd]{height:100%;width:100%;overflow-x:hidden;font-family:sans-serif;background:linear-gradient(#03784f,rgba(15,52,95,.8392156863));background-position:50%;background-size:cover;background-repeat:no-repeat;position:absolute}.join input[data-v-653e5abd]{outline:none;border:none;background:transparent}.join .login-box[data-v-653e5abd]{position:absolute;top:50%;left:50%;width:40%;padding:40px;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.5);box-shadow:0 15px 25px rgba(0,0,0,.6);border-radius:10px;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.join .login-box h2[data-v-653e5abd]{margin:0 0 30px;padding:0;color:#fff;text-align:center;text-transform:capitalize}.join .login-box .user-box[data-v-653e5abd]{position:relative}.join .login-box .user-box label[data-v-653e5abd]{position:absolute;top:0;left:0;padding:10px 0;color:#fff;transition:.5s;font-size:16px;pointer-events:none}.join .login-box .user-box .input[data-v-653e5abd]{width:100%;padding:10px 0;color:#fff;margin-bottom:30px;border-bottom:1px solid #fff}.join .input~label[data-v-653e5abd]{top:0;color:#03e9f4;font-size:12px}.join .input:active~label[data-v-653e5abd],.join .input:focus~label[data-v-653e5abd],.join .input:valid~label[data-v-653e5abd]{top:-30px;color:#03e9f4;font-size:12px}.join .login-box form a[data-v-653e5abd]{position:relative;display:inline-block;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:all .5s;letter-spacing:4px;color:#347073}.join .clickable[data-v-653e5abd]{padding:10px 20px!important}.join .login-box a[data-v-653e5abd]:hover{background-color:#347073;color:#fff;border-radius:5px;box-shadow:0 0 5px #347073,0 0 25px #347073,0 0 50px #347073,0 0 100px #347073}.join .submit:hover .router-a[data-v-653e5abd]{color:#fff}.join .login-box a span[data-v-653e5abd]{position:absolute;display:block}@keyframes btnAnimA-653e5abd{0%{left:-100%}50%{left:100%}to{left:100%}}.join .login-box a span[data-v-653e5abd]:first-child{top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#03e9f4);animation:btnAnimA-653e5abd 1.5s linear infinite;animation-fill-mode:backwards;animation-play-state:running}@keyframes btnAnimB-653e5abd{0%{top:-100%}50%{top:100%}to{top:100%}}.join .login-box a span[data-v-653e5abd]:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#03e9f4);animation:btnAnimB-653e5abd 1.5s linear infinite;animation-delay:.3s}@keyframes btnAnimC-653e5abd{0%{right:-100%}50%{right:100%}to{right:100%}}.join .login-box a span[data-v-653e5abd]:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#03e9f4);animation:btnAnimC-653e5abd 1.5s linear infinite;animation-delay:.6s}@keyframes btnAnimD-653e5abd{0%{bottom:-100%}50%,to{bottom:100%}}.join .login-box a span[data-v-653e5abd]:nth-child(4){left:0;bottom:-100%;width:2px;height:100%;background:linear-gradient(1turn,transparent,#03e9f4);animation:btnAnimD-653e5abd 1.5s linear infinite;animation-delay:.9s}.join .form-item[data-v-653e5abd]{margin:20px 0}.join .submit[data-v-653e5abd]{line-height:1}@media(max-width:767px){.join .login-box[data-v-653e5abd]{width:95%}}.join form[data-v-653e5abd]{text-align:center;width:85%}