.login-form{justify-content:center;align-items:center;width:100%;height:90vh;padding:0;display:flex}.login-form .wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ffffff80;border:2px solid #ffffff80;border-radius:20px;justify-content:center;align-items:center;height:440px;transition:transform .5s,height .2s;display:flex;top:20%;overflow:hidden;transform:scale(1);box-shadow:0 0 30px #00000080}.login-form .wrapper .form-box h2{color:#aedc6b;text-align:center;font-size:2em}.login-form .wrapper .form-box.login{transition:transform .18s}.login-form .wrapper .form-box.register{transition:none;position:absolute}.login-form .wrapper .icon-close{color:#fff;cursor:pointer;background:#aedc6b;border-bottom-left-radius:20px;justify-content:center;align-items:center;width:45px;height:45px;font-size:2em;display:flex;position:absolute;top:0;right:0}.login-form .wrapper .input-box{border-bottom:2px solid #aedc6b;width:100%;height:50px;margin:30px 0;position:relative}.login-form .wrapper .input-box label{color:#162938;pointer-events:none;font-size:1em;font-weight:500;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.login-form .wrapper .input-box input{color:#162938;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 45px 0 5px;font-size:1em;font-weight:600}.login-form .wrapper .input-box input:focus~label,.login-form .wrapper .input-box input:valid~label{transition:all .5s;top:-5px}.login-form .wrapper .input-box .icon{color:#162938;font-size:1.2em;line-height:57px;position:absolute;top:7px;right:8px}.login-form .wrapper.active-popup{transform:scale(1)}.login-form .wrapper.active{height:520px}.login-form .wrapper.active .form-box.login{transition:none;transform:translate(-400px)}.login-form .wrapper.active .form-box.register{transition:transform .18s;transform:translate(0)}.login-form .remember-forgot{color:#162938;justify-content:space-between;margin:-15px 0 15px;font-size:.9em;font-weight:500;display:flex}.login-form .remember-forgot label input{accent-color:#162938;margin-right:3px}.login-form .remember-forgot a{color:#162938;text-decoration:none}.login-form .remember-forgot a:hover{text-decoration:underline}.login-form .btn{cursor:pointer;color:#fff;background:#aedc6b;border:none;border-radius:6px;outline:none;width:100%;height:45px;font-size:1em;font-weight:500}.login-form .login-register{color:#162938;text-align:center;margin:25px 0 10px;font-size:.9em;font-weight:500}.login-form .login-register p a{color:#aedc6b;font-weight:600;text-decoration:none}.login-form .login-register p a:hover{text-decoration:underline}@media (max-width:500px){.login-form{padding:5rem 1rem .5rem}}