.container[data-v-2feddef2]{width:100%;height:450px;display:flex;justify-content:center;align-items:center;background-color:#eff0f4}.container .content .drop[data-v-2feddef2],.container .content[data-v-2feddef2]{display:flex;justify-content:center;align-items:center;position:relative}.container .content .drop[data-v-2feddef2]{width:350px;height:350px;box-shadow:inset 20px 20px 20px rgba(0,0,0,.05),25px 35px 20px rgba(0,0,0,.05),25px 30px 30px rgba(0,0,0,.05),inset -20px -20px 25px hsla(0,0%,100%,.9);transition:.5s;border-radius:50%}.container .content .drop .contentBox[data-v-2feddef2]{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:40px;gap:15px}.container .content .drop .contentBox h2[data-v-2feddef2]{color:#ff8f0f;gap:20px;font-size:28px}.container .content .drop .contentBox form[data-v-2feddef2]{display:flex;flex-direction:column;align-items:center;gap:20px}.container .content .drop .contentBox form .inputBox[data-v-2feddef2]{width:225px;box-shadow:inset 2px 5px 10px rgba(0,0,0,.1),inset -2px -5px 10px #fff,15px 15px 10px rgba(0,0,0,.05),15px 10px 15px rgba(0,0,0,.025);border-radius:25px;position:relative}.container .content .drop .contentBox form .inputBox label[data-v-2feddef2]{position:absolute;top:50%;left:5px;transform:translateY(-50%);font-size:1em;color:#333;pointer-events:none}.container .content .drop .contentBox form .inputBox input[data-v-2feddef2]{border:none;outline:none;background-color:transparent;width:100%;font-size:1em;padding:10px 15px}.container .content .drop .contentBox form .inputBox[data-v-2feddef2]:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:65%;height:5px;background-color:hsla(0,0%,100%,.5);border-radius:5px}.container .content .drop .contentBox form .inputBox input:focus~label[data-v-2feddef2],.container .content .drop .contentBox form .inputBox input:valid~label[data-v-2feddef2]{top:-5px}.container .content .drop .contentBox form .inputBox[data-v-2feddef2]:last-child{transition:.6s;width:120px;background-color:#ff8f0f;box-shadow:inset 2px 5px 10px rgba(0,0,0,.1),15px 15px 10px rgba(0,0,0,.05),15px 10px 15px rgba(0,0,0,.025)}.container .content .drop .contentBox form .inputBox:last-child input[data-v-2feddef2]{color:#fff;text-transform:uppercase;font-size:1em;cursor:pointer;letter-spacing:.1em;font-weight:500}.container .content .drop .contentBox form .inputBox[data-v-2feddef2]:last-child:hover{width:150px}.container .content .drop .contentBox form .remember-forgot[data-v-2feddef2]{margin:-10px 0;font-size:.9em;color:#333;display:flex;justify-content:space-between}.container .content .drop .contentBox form .remember-forgot label input[data-v-2feddef2]{margin-right:3px}.container .content .drop[data-v-2feddef2]:before{content:"";position:absolute;top:50px;left:85px;width:35px;height:35px;border-radius:50%;background-color:#fff;opacity:.9}.container .content .drop[data-v-2feddef2]:after{content:"";position:absolute;top:90px;left:110px;width:15px;height:15px;border-radius:50%;background-color:#fff;opacity:.9}.container .content .btns[data-v-2feddef2]{position:absolute;right:-120px;bottom:0;width:120px;height:120px;background-color:#c61dff;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;cursor:pointer;text-decoration:none;color:#fff;line-height:1.2em;letter-spacing:.1em;font-size:.8em;transition:.25s;text-align:center;box-shadow:inset 10px 10px 10px rgba(190,1,254,.05),25px 35px 20px rgba(190,1,254,.1),25px 30px 30px rgba(190,1,254,.1),inset -10px -10px 15px hsla(0,0%,100%,.5);border-radius:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container .content .btns[data-v-2feddef2]:hover{border-radius:50%}.container .content .btns[data-v-2feddef2]:before{content:"";position:absolute;top:15px;left:30px;width:20px;height:20px;border-radius:50%;background-color:#fff;opacity:.45}.container .content .signup[data-v-2feddef2]{bottom:150px;right:-120px;width:80px;height:80px;border-radius:49% 51% 52% 48%/63% 59% 41% 37%;background-color:#01b4ff;box-shadow:inset 10px 10px 10px rgba(1,180,255,.05),25px 35px 20px rgba(1,180,255,.1),25px 30px 30px rgba(1,180,255,.1),inset -10px -10px 15px hsla(0,0%,100%,.5)}.container .content .signup[data-v-2feddef2]:before{left:20px;width:15xpx;height:15px}