body,input,button{font-family:"Poppins",sans-serif}body{padding:0;margin:0;color:#6c23c9;letter-spacing:.33px;background-color:#f9fafb}::placeholder{color:#caafed}.wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box;position:relative;overflow:hidden}.wrapper:before{content:"";background-image:url(../img/signup.png);background-position:center;background-size:cover;position:absolute;inset:0;z-index:-1;filter:blur(250px)}.wrapper .card{display:flex;box-shadow:0px 0px 20px rgba(102,102,102,.3960784314);border-radius:14px;background-color:#fff;width:100%;max-width:1360px;min-height:822px;box-sizing:border-box;overflow:hidden}.wrapper .card .cover{width:50%;display:flex}.wrapper .card .cover img{width:100%;height:100%;max-width:100%;object-fit:cover;border-radius:14px 0 0 14px}.wrapper .card .login-form{width:50%;padding:80px 10%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.wrapper .card .login-form .title{font-size:34px;font-weight:600}.wrapper .card .login-form .caption{color:#898490;margin-bottom:30px}.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:14px;border:2px solid #9659e5;outline:none;color:#000;font-size:15px;box-sizing:border-box}.wrapper .card .login-form form button{font-size:20px;width:100%;background-color:#6c23c9;padding:13px;color:#fff;margin-bottom:15px;border-radius:14px;border:none;cursor:pointer;box-sizing:border-box;transition:opacity .2s}.wrapper .card .login-form form button:hover{opacity:.9}.wrapper .card .login-form form .google-btn{display:flex;justify-content:center;align-items:center;background-color:#fff;border:2px solid #898490;color:#898490}.wrapper .card .login-form form .google-btn img{margin-right:7px}.wrapper .card .login-form form .google-btn:hover{background-color:#f9fafb}@media screen and (max-width: 1024px){.wrapper{padding:15px}.wrapper .card{flex-direction:column;min-height:auto}.wrapper .card .cover{width:100%;height:300px}.wrapper .card .cover img{border-radius:14px 14px 0 0}.wrapper .card .login-form{width:100%;padding:50px 40px}}@media screen and (max-width: 576px){.wrapper{padding:10px}.wrapper .card .login-form{padding:30px 20px}.wrapper .card .login-form .title{font-size:26px}.wrapper .card .login-form .input-control{margin-bottom:20px}.wrapper .card .login-form .input-control .label{font-size:16px}.wrapper .card .login-form .input-control input{padding:12px 15px}.wrapper .card .login-form button{font-size:16px;padding:12px}}