.login-page[data-v-cfc8654a]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--grey-5,#f5f5f6)}:root[data-theme=dark] .login-page[data-v-cfc8654a]{background:var(--navy-base)}.login-card[data-v-cfc8654a]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:380px;margin:16px;padding:48px 32px;background:var(--surface-primary);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 4px 24px var(--shadow-color);animation:loginFadeIn-cfc8654a .6s ease-out}.login-card__logo[data-v-cfc8654a]{width:200px;margin-bottom:40px}.login-card__logo--dark[data-v-cfc8654a]{display:none}@keyframes loginFadeIn-cfc8654a{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=dark] .login-card .login-card__logo--light{display:none}:root[data-theme=dark] .login-card .login-card__logo--dark{display:block}:root[data-theme=dark] .login-card .viu-button .button.solid{color:var(--navy-700)}.login-card .viu-button{width:100%}.login-card .viu-button .button.solid{width:100%;font-weight:600;font-size:14px;text-transform:none;border-radius:4px;height:40px;padding:0 24px;justify-content:center;text-align:center}@media(max-width:380px){.login-card .viu-button .button.solid{font-size:13px;padding:12px 16px}}