body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4d65d8;--secondly:#5168c1}body{font-family:Poppins,sans-serif;overflow:hidden}.wave{bottom:0;height:100%;left:0;position:fixed;z-index:-1}.container{grid-gap:7rem;display:grid;grid-template-columns:repeat(2,1fr);height:100vh;padding:0 2rem;width:100vw}.img{justify-content:flex-end}.img,.login-content{align-items:center;display:flex}.login-content{justify-content:flex-start;text-align:center}.card-3d-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .6s ease-out}.card-change{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;width:360px}.card-front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-back{position:absolute;top:0;width:100%;z-index:20}.img img{width:500px}.card img{height:100px}.card h2{color:#333;font-size:2.9rem;margin:15px 0;text-transform:uppercase}.card .input-div{border-bottom:2px solid #d9d9d9;display:grid;grid-template-columns:7% 93%;margin:25px 0;padding:5px 0;position:relative}.input-div.one{margin-top:0}.input-div.code{grid-template-columns:7% 63% 30%;margin-bottom:4px}.i{align-items:center;color:#d9d9d9;display:flex;justify-content:center}.i i{transition:.3s}.input-div>div{height:45px;position:relative}.input-div>div>h5{color:#999;font-size:18px}.input-div>div>h5,.input-div>div>span{left:10px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.3s}.input-div>div>span{color:#4d65d8;color:var(--primary);font-size:14px}.input-div.code>div>span{cursor:pointer}.input-div:after,.input-div:before{background-color:#4d65d8;background-color:var(--primary);bottom:-2px;content:"";height:2px;position:absolute;transition:.4s;width:0}.input-div:before{right:50%}.input-div:after{left:50%}.input-div.focus:after,.input-div.focus:before{width:50%}.input-div.focus>div>h5{font-size:12px;top:-5px}.input-div.focus>.i>i{color:#4d65d8;color:var(--primary)}.input-div>div>input{background:none;border:none;color:#555;font-family:poppins,sans-serif;font-size:1.2rem;height:100%;left:0;outline:none;padding:.5rem .7rem;position:absolute;top:0;width:100%}.input-div.pass{grid-template-columns:7% 86% 7%;margin-bottom:4px}.card .bottom-div{display:grid;grid-template-columns:50% 50%;padding-bottom:12px;padding-top:12px;position:relative}.left{text-align:left}.left,.right{color:#999;cursor:pointer;display:block;font-size:.9rem;text-decoration:none;transition:.3s}.right{text-align:right}.left:hover,.right:hover{color:#4d65d8;color:var(--primary)}.btn{background-image:linear-gradient(90deg,#5168c1,#4d65d8,#5168c1);background-image:linear-gradient(to right,var(--secondly),var(--primary),var(--secondly));background-size:200%;border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-family:Poppins,sans-serif;font-size:1.2rem;height:auto;margin:1rem 0;outline:none;padding:7px 12px;text-align:center;text-transform:uppercase;transition:.5s;width:100%}.btn:hover{background-position:100%}.message{background-color:rgba(0,0,0,.7);border-radius:8px;box-sizing:border-box;color:#fff;font-size:15px;left:50%;line-height:1.5;max-height:70%;max-width:70%;min-width:96px;overflow:auto;padding:12px;pointer-events:all;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;word-break:break-all}@media screen and (max-width:1050px){.container{grid-gap:5rem}}@media screen and (max-width:1000px){.card{width:290px}.card h2{font-size:2.4rem;margin:8px 0}.img img{width:400px}}@media screen and (max-width:900px){.container{grid-template-columns:1fr}.img,.wave{display:none}.login-content{justify-content:center}}@font-face{font-family:iconfont;src:url(/static/media/iconfont.3516285638504dc3beb0.ttf) format("truetype")}.iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconfont!important;font-size:18px;font-style:normal;font-weight:700}.icon-phone:before{content:"\e652"}.icon-lock:before{content:"\e6c0"}.icon-people:before{content:"\e736"}.icon-attention:before{content:"\e73d"}.icon-attentionforbid:before{content:"\e7b2"}
/*# sourceMappingURL=main.6e8b1c6e.css.map*/