body,input,button{font-family:"Poppins",sans-serif}body{padding:0;margin:0;color:#141448;letter-spacing:.33px}::placeholder{color:#141448}.wrapper{display:flex;justify-content:center;position:relative}.wrapper:before{content:"";position:absolute;inset:0;z-index:-1;filter:blur(250px)}.wrapper .card{display:flex;box-shadow:0px 0px 20px rgba(102,102,102,.3960784314);background-color:#fff;width:1360px;height:822px;margin-top:40px}.wrapper .card .cover{width:55%;background:url(../img/angle-down.svg) center no-repeat,linear-gradient(0deg, rgb(0, 192, 220) 0%, rgb(0, 245, 231) 100%);padding:0px 90px;box-sizing:border-box}.wrapper .card .cover .title{margin-top:7em;color:#fff;font-size:40px}.wrapper .card .cover .subtitle{color:#141448;font-size:40px;font-weight:medium}.wrapper .card .cover .text{color:#141448;margin-top:20px}.wrapper .card .login-form{width:45%;padding-left:70px;padding-right:70px;padding-top:50px}.wrapper .card .login-form .logo{margin-bottom:20px}.wrapper .card .login-form .title{font-size:34px;font-weight:600}.wrapper .card .login-form .caption{color:#141448;margin-bottom:30px}.wrapper .card .login-form .caption a{color:#00c4dd;text-decoration:none}.wrapper .card .login-form form .input-control{margin-bottom:30px}.wrapper .card .login-form form .input-control .label{font-size:20px;margin-bottom:8px}.wrapper .card .login-form form .input-control input{width:100%;padding:17px 20px;border-radius:7px;border:2px solid #dfdfe6;outline:none;color:#141448;font-size:15px;box-sizing:border-box}.wrapper .card .login-form form button{font-size:20px;width:100%;background:linear-gradient(270deg, rgb(0, 192, 220) 0%, rgb(0, 245, 231) 100%);padding:13px;color:#fff;margin-bottom:15px;border-radius:7px;border:none;cursor:pointer;box-sizing:border-box}.wrapper .card .login-form form .google-btn{display:flex;background:#fff;justify-content:center;align-items:center;background-color:#fff;border:2px solid #dfdfe6;color:#141448;padding:12px;box-sizing:border-box;border-radius:7px;cursor:pointer}.wrapper .card .login-form form .google-btn img{margin-right:7px}@media screen and (max-width: 1400px){.wrapper{padding:20px;box-sizing:border-box}.wrapper .card{width:100%;max-width:1200px;height:auto;min-height:822px}.wrapper .card .login-form{box-sizing:border-box}}@media screen and (max-width: 1024px){.wrapper .card{flex-direction:column;min-height:auto;max-width:650px}.wrapper .card .cover{width:100%;padding:60px 40px;text-align:center;background-size:cover}.wrapper .card .cover .title{margin-top:0}.wrapper .card .login-form{width:100%;padding:50px 40px}.wrapper .card .login-form .logo{display:block;margin:0 auto 20px auto}.wrapper .card .login-form .title,.wrapper .card .login-form .caption{text-align:center}}@media screen and (max-width: 576px){.wrapper{padding:10px}.wrapper .card{margin-top:20px}.wrapper .card .cover{padding:40px 20px}.wrapper .card .cover .title{font-size:32px}.wrapper .card .cover .subtitle{font-size:30px}.wrapper .card .login-form{padding:30px 20px}.wrapper .card .login-form .title{font-size:28px}.wrapper .card .login-form form .input-control{margin-bottom:20px}.wrapper .card .login-form form .input-control .label{font-size:16px}.wrapper .card .login-form form .input-control input{padding:14px 16px}}