.login-page{flex-direction:column;width:100vw;height:100dvh;display:flex}.login-page:after{content:"";background-color:#fff6;width:100%;height:100%;position:absolute}.login-page .login-form-block{z-index:1;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.login-page .login-footer{z-index:1;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.login-page .login-footer h3{color:#6788ec;align-items:center;gap:4px;font-size:16px;font-weight:500;display:flex}.login-page .login-footer h3 p{color:#616f9e;font-size:14px;font-weight:500}.login-page .login-footer a{color:#6788ec;font-size:14px;font-weight:500;line-height:16px;text-decoration:underline}.auth-form-container{width:100%;max-width:450px}
.login-form{background-color:#e9edf4;border-radius:24px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 9px 20px #0000001a}.login-form .login-form-top{background-color:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:32px;display:flex}@media (max-width:576px){.login-form .login-form-top{padding:24px}}.login-form .login-form-header{flex-direction:column;align-items:center;gap:8px;margin-bottom:20px;display:flex}.login-form .login-form-title{color:#616f9e;font-size:16px;font-weight:400}.login-form-inputs{width:100%;animation:.5s ease-in-out forwards animationFade}@keyframes animationFade{0%{opacity:0}to{opacity:1}}