section#login{background:url(../images/app/login-bg.jpg);background-position:50%;background-size:cover;padding:165px 0}section#login .wrapper .container{background:-webkit-gradient(linear,left top,left bottom,from(rgba(242,245,252,.78)),to(hsla(0,0%,100%,.78)));background:linear-gradient(180deg,rgba(242,245,252,.78),hsla(0,0%,100%,.78));border-radius:20px;box-shadow:0 2px 6px 0 rgba(13,10,44,.08);margin:0 auto 30px;padding:36px 0;width:507px}section#login .wrapper .container h1{color:#1e1b39;font-family:Inter SemiBold,sans-serif;font-size:24px;margin-bottom:12px;text-align:center}section#login .wrapper .container p{color:#696c83;font-family:Inter Regular,sans-serif;font-size:16px;margin:0 auto 30px;max-width:435px;text-align:center}section#login .wrapper .container form{margin:0 auto;max-width:375px}section#login .wrapper .container form .login-error{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#e53935;font-size:12px;font-weight:600;margin-bottom:20px;padding:10px 14px}section#login .wrapper .container form .input-label{margin-bottom:26px;width:100%}section#login .wrapper .container form .input-label:last-of-type{margin-bottom:5px}section#login .wrapper .container form .input-label .validate{border-color:#e53935}section#login .wrapper .container form .forgotten-password{color:#3a61ff;display:block;font-family:Inter Medium,sans-serif;font-size:13px;font-weight:500;margin-bottom:20px;text-decoration:underline}section#login .wrapper .container form .btn{border-radius:50px;font-size:18px;height:54px;justify-content:center;margin:35px auto 0;width:212px}section#login .wrapper .container form .btn:after{display:none}section#login .wrapper>p{color:#82828e;font-size:12px;line-height:1.9;text-align:center}@media screen and (max-width:1024px){section#login{padding:110px 0}section#login .wrapper .container{max-width:507px;width:-webkit-calc(100% - 30px);width:calc(100% - 30px)}section#login .wrapper .container h1{font-size:20px}section#login .wrapper .container p{font-size:14px}}@media screen and (max-width:512px){section#login{padding:80px 0 40px}section#login .wrapper .container{padding:25px 0}section#login .wrapper .container form{max-width:-webkit-calc(100% - 30px);max-width:calc(100% - 30px)}}
