.login{background:url(../img/login-back.428c7abd.png) no-repeat 50%;background-size:100% 100%;width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10}.login,.login-cont{display:flex;align-items:center}.login-cont{width:1100px;height:600px;margin:0 auto;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.1);background-color:hsla(0,0%,100%,.2)}.login-text{width:80%;height:350px;margin:0 auto;background:linear-gradient(90deg,#5389e9,#9ed8db);border-radius:5px;color:#fff;padding:20px 40px;box-sizing:border-box;line-height:40px;position:relative}.login-text>h1{font-size:60px;padding-bottom:30px;position:relative;margin:40px 0}.login-text>h1:after{content:"";display:block;width:80px;height:6px;background-color:#fff;position:absolute;bottom:0;left:0;z-index:1;border-radius:10px}.login-text>p{font-size:30px;width:300px;margin:0}.login-input{position:absolute;top:-60px;right:0;z-index:1;border-radius:5px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);padding:40px}.login-input>h2{font-size:24px;color:#5386e9;text-align:center;padding-bottom:30px;position:relative}.login-input>h2:after{content:"";background-color:#c9d5fc;height:10px;width:142px;position:absolute;bottom:33px;left:50%;transform:translateX(-50%);z-index:-1}.login-input-text{margin-top:60px;width:400px;border-bottom:1px solid #ccc;position:relative}.login-input-text>img{width:22px;height:22px;position:absolute;top:10px;left:6px;z-index:1;-o-object-fit:contain;object-fit:contain}.login-input-text>input{width:calc(100% - 40px);height:40px;padding-left:40px;border:none;outline:none}.login-input-but{margin-top:40px;text-align:center}.login-input-but>button{width:400px;height:60px;color:#fff;border-radius:5px;font-size:26px;background:linear-gradient(90deg,#5389e9,#9ed8db);border:none;outline:none;cursor:pointer}