.login-page{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh}.login-page__wrapper{max-width:400px;margin-top:-16px;height:100%;width:100%;padding:0 16px}.login-page__text-wrapper{text-align:center;margin-bottom:32px}.login-page__text-wrapper h1{opacity:0;transform:scale(.95);animation:fade-in-zoom 1s ease-out .5s forwards}.login-page__text-wrapper h3{color:var(--color-gray-blue);opacity:0;transform:translateY(20px);animation:slide-up .5s ease-out 1s forwards}.login-page__form-wrapper{position:relative;padding:24px 32px 32px;opacity:0;transform:scale(.5);animation:appear .5s ease-out forwards;box-shadow:0 5px 10px var(--shadow-color-login)}@media(max-width:767px){.login-page__form-wrapper{padding:24px 24px 36px}}.login-page .login-submit-block{margin-top:32px;display:flex;justify-content:center}.login-page__2fa-wrapper{text-align:center}.login-page__2fa-wrapper img{margin-bottom:16px}.login-page__2fa-code-wrapper{display:flex;justify-content:center;gap:16px;margin-top:16px;margin-bottom:4px}.login-page__2fa-code-wrapper.verify{margin-top:32px}.login-page__2fa-code-wrapper input{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-bottom:4px;margin-left:-2px;font-size:10px;font-weight:700;padding:7px 16px;-webkit-background-clip:text;outline:none;box-shadow:0 5px 10px 0 rgba(0,0,0,.3);transform:scale(1)}.login-page__2fa-code-wrapper input[type=number]::-webkit-inner-spin-button,.login-page__2fa-code-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.login-page__2fa-code-wrapper input[type=number]{-moz-appearance:textfield}.login-page__2fa-code-wrapper input::placeholder{color:var(--color-light-blue-gray)!important;opacity:.5}@media(max-width:767px){.login-page__2fa-code-wrapper input{flex:1 0 auto}}.login-page__2fa-error-wrapper{position:relative;text-align:left}@media(max-width:767px){.login-page .verify-btn{min-width:80px}}.login-page .verify-error{position:absolute;top:-4px}.login-page .login-error,.login-page .verify-error{padding:0 3px;font-size:12px;line-height:1;color:var(--error-color)}@keyframes appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fade-in-zoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}