#login{display:flex;flex:1 1 0%;align-items:center}#login .logo svg{width:250px;height:55px}#login .call{margin-left:auto;margin-right:auto;margin-top:3rem;text-align:center;font-size:1.875rem;line-height:2.25rem;font-weight:700;max-width:450px;transition:.3s}#login #forget .call{margin-top:5rem;max-width:490px}#login #forgetCode .call{margin-top:5rem;max-width:400px}#login #newPassword .call{max-width:360px}#login .form{display:flex;width:100%;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center}#login .form .content{margin-left:auto;margin-right:auto;margin-top:3rem;border-radius:1.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:3rem;border:1px solid rgba(112,112,112,1);width:470px;transition:.3s}#login .form .inputBlock{position:relative;margin-bottom:1rem}#login .register{margin-top:1rem;background-color:#35b1c9;border-color:#35b1c9}#login .register:hover{background-color:white;color:#35b1c9}#login .form .lostPassword{margin-bottom:2.25rem;margin-left:auto;display:block;cursor:pointer;font-size:.75rem;line-height:1rem;color:var(--second-color);width:-moz-fit-content;width:fit-content}@media screen and (max-width:1700px){#login .logo svg{width:200px;height:44px}#login .call{font-size:1.5rem;line-height:2rem;max-width:300px}#login #forget .call{margin-top:3rem;max-width:390px}#login #forgetCode .call{margin-top:3rem;max-width:320px}#login #newPassword .call{max-width:300px}}@media screen and (max-width:767px){#login{width:100%}#login .logo svg{width:160px;height:35px}#login .call{margin-top:2rem;font-size:1.125rem;line-height:1.75rem;max-width:230px}#login .form .content{margin-top:2rem;width:100%;padding:2rem 1rem}#login .form .lostPassword{margin-bottom:1.25rem}#login #forgetCode .call{max-width:260px}#login #forget .btnDefault,#login #forgetCode .btnDefault{margin-top:1.5rem}#login #forget,#login #forgetCode,#login #newPassword{width:100%}#login #newPassword .call{max-width:220px}}