.login{height:100dvh;display:flex}.login .login-col{flex:1}.login .login-col .login-header{border-bottom:1.5px solid #f0effb;width:100%;padding:32px 42px}.login .login-col .login-header img{max-width:100%;height:auto;display:block}.login .login-col .login-form{flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 92px);display:flex}.login .login-col .login-form .login-container{width:100%;max-width:576px;padding:20px}.login .login-col .login-form .login-container h1{color:#000929;font-size:32px;font-weight:700}.login .login-col .login-form .login-container h2{color:#000929;opacity:.5;margin:8px 0 32px;font-size:16px;font-weight:500}.login .login-col .login-form .login-container .forgot-password-btn{color:#7065f0;text-align:center;margin:14px auto 44px;font-size:14px;font-weight:500;transition:color .3s ease-in-out}.login .login-col .login-form .login-container .forgot-password-btn:hover{color:#2f395c}.login .login-col .login-form .login-container .button-primary{width:100%}.login .login-col .login-form .login-container .register-button{color:#6c727f;text-align:center;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:32px;font-size:14px;font-weight:500;display:flex}.login .login-col .login-form .login-container .register-button a{color:#000929;font-weight:700;transition:color .3s ease-in-out}.login .login-col .login-form .login-container .register-button a:hover{color:#7065f0}.login .login-col .login-img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:1024px){.login{height:auto;min-height:100dvh}.login .login-col .login-header img{margin:0 auto}.login .login-col .login-form .login-container h1,.login .login-col .login-form .login-container h2{text-align:center}.login .login-col.col-image{display:none}}