body,input,button{font-family:"Poppins",sans-serif}body{padding:0;margin:0;color:#ee7f57;letter-spacing:.33px}body p{color:#fff}body a{color:#ee7f57}body ul{list-style:none}::placeholder{color:#ee7f57}.wrapper{display:flex;justify-content:center;position:relative}.wrapper:before{background:#3e3e3e;content:"";position:fixed;inset:0;bottom:0;z-index:-1}.wrapper .card{display:flex;border-radius:60px;background-color:#252525;margin-top:40px}.wrapper .card .cover{position:relative;overflow:hidden}.wrapper .card .cover img{border-radius:60px;display:block;width:100%;height:auto;position:relative;z-index:1}.wrapper .card .cover .content{color:#242421;position:absolute;bottom:80px;padding-left:80px;z-index:2}.wrapper .card .cover .content .header{font-weight:600;font-size:52px}.wrapper .card .cover .content .text{font-size:19px}.wrapper .card .login-form{border-radius:0 60px 60px 0;padding-left:140px;padding-right:140px;padding-top:80px;background-color:#252525}.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:none;border-radius:60px;outline:none;color:#ee7f57;background-color:#2b2b2b;font-size:15px;box-sizing:border-box}.wrapper .card .login-form form .input-control input:focus{box-shadow:0 0 8px #ff9e51}.wrapper .card .login-form form button{font-size:20px;width:100%;background-color:#ee7f57;padding:13px;color:#fff;margin-bottom:15px;border-radius:60px;border:none;cursor:pointer;box-sizing:border-box;transition:all .25s}.wrapper .card .login-form form button:hover{box-shadow:0 0 8px #ff9e51}.wrapper .card .login-form .divider{width:100%;background:#955e4d;height:2px}.wrapper .card .login-form .signup-text{text-align:center}.wrapper .card .login-form .social-links{display:flex;justify-content:center;padding:0}.wrapper .card .login-form .social-links li{margin-right:20px}.wrapper .card .login-form .social-links li:last-child{margin-right:0}@media screen and (max-width: 1400px){.wrapper{padding:20px;box-sizing:border-box}.wrapper .card{max-width:1100px}.wrapper .card .cover{width:50%}.wrapper .card .cover img{width:100%;height:100%;object-fit:cover}.wrapper .card .cover .content{padding-left:40px;bottom:40px}.wrapper .card .cover .content .header{font-size:38px}.wrapper .card .cover .content .text{font-size:16px}.wrapper .card .login-form{width:50%;padding:50px 60px;box-sizing:border-box}}@media screen and (max-width: 992px){.wrapper .card{flex-direction:column;width:100%;max-width:600px;border-radius:30px}.wrapper .card .cover{width:100%}.wrapper .card .cover img{border-radius:30px 30px 0 0;max-height:280px}.wrapper .card .cover .content{padding-left:30px;top:25px;bottom:unset;background:#3c3c3c;padding:7px;border-radius:0 12px 12px 0;color:#fff}.wrapper .card .cover .content .header{font-size:32px}.wrapper .card .cover .content .text{font-size:15px}.wrapper .card .login-form{width:100%;padding:40px 30px;border-radius:0 0 30px 30px}}@media screen and (max-width: 576px){.wrapper{padding:10px}.wrapper .card{margin-top:15px;border-radius:20px}.wrapper .card .cover img{border-radius:20px 20px 0 0;max-height:200px}.wrapper .card .cover .content{padding-left:20px;top:15px;color:#fff}.wrapper .card .cover .content .header{font-size:24px}.wrapper .card .cover .content .text{font-size:13px}.wrapper .card .login-form{padding:30px 20px;border-radius:0 0 20px 20px}.wrapper .card .login-form .title{font-size:26px}.wrapper .card .login-form .caption{font-size:14px;margin-bottom:20px}.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:13px 16px;border-radius:20px}.wrapper .card .login-form form button{font-size:16px;padding:12px;border-radius:20px}}