*{box-sizing:border-box;margin:0;padding:0}.container{margin:0 auto;width:100%}.container-login{align-items:center;background-image:linear-gradient(90deg,#b721ff,#21d4fd);display:flex;flex-wrap:wrap;justify-content:center;min-height:100vh;padding:15px;width:100%}.wrap-login{background-color:#333;border-radius:10px;box-shadow:0 5px 10px #000;overflow:hidden;padding:77px 55px 33px;width:390px}.login-form-title{color:azure;display:block;font-size:30px;line-height:1.2;text-align:center}.login-form-title img{width:120px}.wrap-input{border-bottom:2px solid #adadad;margin-bottom:37px;position:relative;width:100%}.input{background-color:initial;border:none;color:#fff;display:block;font-size:15px;height:45px;line-height:1.2;padding:0 5px}.input,.login-form{width:100%}.focus-input{color:#adadad;height:100%;pointer-events:none;top:0;width:100%}.focus-input,.focus-input:before{display:block;left:0;position:absolute}.focus-input:before{background:linear-gradient(270deg,#21d4fd,#b721ff);bottom:-2px;content:"";height:2px;width:0}.focus-input:after,.focus-input:before{-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s}.focus-input:after{color:#999;content:attr(data-placeholder);display:block;font-size:15px;left:0;line-height:1.2;padding:5px;position:absolute;top:16px;width:100%}.input:focus{outline:0}.input:focus+.focus-input:after{top:-15px}.input:focus+.focus-input:before{width:100%}.container-login-form-btn{flex-wrap:wrap;padding-bottom:13px}.container-login-form-btn,.login-form-btn{align-items:center;display:flex;justify-content:center}.login-form-btn{background:linear-gradient(270deg,#21d4fd,#b721ff);border:none;border-radius:10px;color:#fff;font-size:15px;height:50px;line-height:1.2;text-transform:uppercase;width:100%}.login-form-btn:hover{cursor:pointer}.text-center{align-items:center;display:flex;justify-content:center;margin-top:50px}.txt{color:#fff;padding-right:10px}.text2,.txt{font-size:15px;line-height:1.2;text-decoration:none}.text2{color:#b721ff}.has-value+.focus-input:after{top:-15px}.has-value+.focus-input:before{width:100px}
/*# sourceMappingURL=main.e3157647.css.map*/