.mati-login-wrapper[data-v-4d380914]{width:100vw;height:100vh;background:#eff7ff;overflow:hidden;display:flex;align-items:center;justify-content:center}.mati-login-container[data-v-4d380914]{width:1920px;height:1080px;position:relative;display:flex;align-items:center;justify-content:center}.bg-circle[data-v-4d380914]{position:absolute;width:447px;height:447px;border-radius:50%;background:#dfebff;pointer-events:none}.bg-circle.bg-circle-top-right[data-v-4d380914]{top:-200px;right:-350px;z-index:-1}.bottom-left-decoration[data-v-4d380914]{position:absolute;left:-432px;top:780px;z-index:-1;pointer-events:none}.main-card[data-v-4d380914]{width:1371px;height:747px;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.08);display:flex;align-items:center;overflow:hidden;padding:35px 50px}.left-section[data-v-4d380914]{width:672px;height:543px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.left-section .login-illustration[data-v-4d380914]{width:672px;height:543px;-o-object-fit:contain;object-fit:contain}.right-section[data-v-4d380914]{width:584px;height:676px;background:rgba(50,159,216,.8);border-radius:30px;display:flex;align-items:center;justify-content:center;padding:60px 80px;margin-left:auto;flex-shrink:0;box-sizing:border-box}.login-form-container[data-v-4d380914]{width:100%}.login-form-container .login-title[data-v-4d380914]{font-size:28px;font-weight:400;color:#fff;text-align:center;margin-bottom:50px;letter-spacing:2px}.login-form[data-v-4d380914] .el-form-item{margin-bottom:24px}.login-form[data-v-4d380914] .el-input__inner{height:50px;line-height:50px;background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.4);border-radius:5px;color:#fff;font-size:16px;padding-left:40px!important}.login-form[data-v-4d380914] .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.7)}.login-form[data-v-4d380914] .el-input__inner::placeholder{color:hsla(0,0%,100%,.7)}.login-form[data-v-4d380914] .el-input__inner:focus{background:hsla(0,0%,100%,.35);border-color:hsla(0,0%,100%,.6)}.login-form[data-v-4d380914] .el-input__prefix{color:hsla(0,0%,100%,.8);font-size:18px}.login-form[data-v-4d380914] .el-input__icon{line-height:50px}.remember-row[data-v-4d380914] .el-form-item__content{display:flex!important;justify-content:space-between!important;align-items:center;width:100%;line-height:normal}.remember-row[data-v-4d380914] .el-checkbox{margin-right:auto}.remember-row[data-v-4d380914] .el-checkbox .el-checkbox__label{color:#fff;font-size:14px}.remember-row[data-v-4d380914] .el-checkbox .el-checkbox__inner{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5)}.remember-row[data-v-4d380914] .el-checkbox.is-checked .el-checkbox__inner{background:#005e8f;border-color:#005e8f}.remember-row .forgot-password[data-v-4d380914]{margin-left:auto;color:hsla(0,0%,100%,.9);font-size:14px;cursor:pointer}.remember-row .forgot-password[data-v-4d380914]:hover{color:#fff;text-decoration:underline}.login-button[data-v-4d380914]{width:100%;height:50px;background:#005e8f;border:none;border-radius:5px;font-size:16px;font-weight:400;letter-spacing:2px}.login-button[data-v-4d380914]:hover{background:#004a73}.login-button[data-v-4d380914]:active{background:#003d5f}.login-wrap{display:flex;justify-content:center;align-items:center;background:linear-gradient(to top left,#00b894,#00cec9,#0984e3);position:fixed;top:0;left:0;right:0;bottom:0}.login-wrap .form-wrap{text-align:center;color:#fff;background-color:hsla(0,0%,100%,.1);padding:30px;border-radius:5px}.login-wrap .form-wrap h1{font-size:30px;font-weight:100;letter-spacing:2px;margin-bottom:15px;transition:1s ease-in-out}.login-wrap .form-wrap .el-form{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;opacity:1;transition:opacity .5s}.login-wrap .form-wrap .el-form .el-form-item{margin-bottom:15px}.login-wrap .form-wrap .el-form .el-form-item,.login-wrap .form-wrap .el-form .el-form-item .el-button,.login-wrap .form-wrap .el-form .el-form-item .el-form-item__content{width:100%}.login-wrap .form-wrap .el-form .el-form-item:last-child{margin-bottom:0}.login-wrap .form-wrap .el-form .remeber-me{text-align:left}.login-wrap .form-wrap .el-form .remeber-me .el-checkbox__label{color:#fff;font-size:16px}.login-wrap .form-wrap .el-form .el-form-item__label{color:#fff;font-size:18px;margin-bottom:10px}.login-wrap .form-wrap .el-form input{outline:none;border:1px solid hsla(0,0%,100%,.4);background-color:hsla(0,0%,100%,.2);width:350px;padding:20px 10px;border-radius:3px;text-align:left;color:#464646;transition:.25s;font-size:16px}.login-wrap .form-wrap .el-form input::-moz-placeholder{color:#464646;font-weight:300;font-size:15px}.login-wrap .form-wrap .el-form input::placeholder{color:#464646;font-weight:300;font-size:15px}.login-wrap .form-wrap .el-form input:hover{background-color:hsla(0,0%,100%,.4)}.login-wrap .form-wrap .el-form input:focus{background-color:hsla(0,0%,100%,.6)}.login-wrap ul.bg-squares{list-style:none;margin:0;padding:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.login-wrap ul.bg-squares li{width:40px;height:40px;background-color:hsla(0,0%,100%,.15);position:absolute;bottom:-40px;animation:square 20s linear infinite}.login-wrap ul.bg-squares li:first-child{left:10%;animation-delay:.5s}.login-wrap ul.bg-squares li:nth-child(2){left:20%;width:80px;height:80px;bottom:-80px;animation-delay:2s;animation-duration:16s}.login-wrap ul.bg-squares li:nth-child(3){left:25%;animation-delay:4s}.login-wrap ul.bg-squares li:nth-child(4){left:40%;width:60px;height:60px;bottom:-60px;background-color:hsla(0,0%,100%,.4);animation-duration:22s}.login-wrap ul.bg-squares li:nth-child(5){left:70%}.login-wrap ul.bg-squares li:nth-child(6){left:80%;width:120px;height:120px;bottom:-120px;background-color:hsla(0,0%,100%,.2);animation-delay:3s}.login-wrap ul.bg-squares li:nth-child(7){left:32%;width:160px;height:160px;bottom:-160px;animation-delay:7s}.login-wrap ul.bg-squares li:nth-child(8){left:55%;width:20px;height:20px;bottom:-20px;background-color:hsla(0,0%,100%,.3);animation-delay:15s;animation-duration:40s}.login-wrap ul.bg-squares li:nth-child(9){left:25%;width:10px;height:10px;bottom:-10px;background-color:hsla(0,0%,100%,.3);animation-delay:2s;animation-duration:40s}.login-wrap ul.bg-squares li:nth-child(10){left:90%;width:160px;height:160px;bottom:-160px;animation-delay:10s}@keyframes square{0%{transform:translateY(0)}to{transform:translateY(-120vh) rotate(600deg)}}.login-wrap:not(.default){background:#fff}.login-wrap:not(.default) .form-wrap{background:transparent;box-shadow:none;border-radius:0}.login-wrap:not(.default) .bg-squares,.login-wrap:not(.default) .form-wrap .login-form,.login-wrap:not(.default) .form-wrap h1{display:none}.login-wrap:not(.default) .login-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:820px;height:570px;background-size:cover;background-position:50%;background-repeat:no-repeat}.login-wrap:not(.default) .login-logo{position:absolute;top:20px;left:20px;height:auto;z-index:10}.login-wrap:not(.default) .form-content{position:absolute;display:flex;flex-direction:column;align-items:center}.login-wrap:not(.default) .login-background .form-content h1{font-size:21px;font-weight:500;color:#11212b;text-align:center}.login-wrap:not(.default) .login-background .form-content .el-form-item__label{font-size:12px;color:#11162f}.login-wrap:not(.default) .login-background .login-form{width:100%}.login-wrap:not(.default) .login-background .el-form-item{margin-bottom:15px!important}.login-wrap:not(.default) .el-checkbox__label{font-size:12px;color:#11162f;font-weight:400}.login-wrap:not(.default) .el-input__inner{color:#2d2d2f}.login-wrap:not(.default) .login-background .login-btn{width:100%;border-radius:6px;color:#fff;font-weight:400;font-size:14px;border:none}