.login-page{display:flex;flex-direction:column;width:100vw;height:100dvh;flex-direction:row;overflow:hidden}.login-page .login-card{width:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.login-page .login-card .login-form{max-width:474px;display:flex;flex-direction:column;align-items:center;gap:var(--s-spacing-x-small);width:65%;gap:var(--s-spacing-large)}.login-page .login-card .login-form video{width:min-content}.login-page .login-card .login-form header{display:flex;flex-direction:column;align-items:center;gap:var(--s-spacing-xx-small)}.login-page .login-card .login-form header h1{text-align:center;color:var(--s-color-content-default)}.login-page .login-card .login-form form{display:flex;flex-direction:column;gap:var(--s-spacing-large);width:100%}.login-page .login-card .login-form form .input-field{display:flex;flex-direction:column;width:100%;gap:var(--s-spacing-medium)}.login-page .login-card .login-form form footer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-spacing-xx-small);width:100%}.login-page .login-card .login-form form footer p{color:var(--s-color-content-light)}.login-page .login-image{position:relative;width:50%}.login-page .login-image .login-video{background:#2160eb;mix-blend-mode:color;position:absolute;z-index:2;width:100%;height:100%}.login-page .login-image video{width:100%;height:100%;object-fit:cover}@media screen and (max-width:768px){.login-page .login-card{width:100%}.login-page .login-card .login-form{width:87%}.login-page .login-image{display:none}}