.view-login[data-v-c6fe655e]{position:relative}.view-login .box[data-v-c6fe655e]{background:linear-gradient(180deg,#ff8307,#fd6523 28.24%);border-radius:36px;color:var(--color-text-primary);left:50%;max-width:580px;padding:32px;position:absolute;top:50%;translate:-50% -50%;width:100%}.view-login .box .title[data-v-c6fe655e]{font-size:1.375rem;margin:0;padding-bottom:16px}.view-login .box .intro[data-v-c6fe655e]{font-size:.75rem;margin:0;padding-bottom:16px}.view-login .box .intro button[data-v-c6fe655e]{text-decoration:underline}.view-login .box .login-action[data-v-c6fe655e]{margin-left:auto}.view-login .box .formkit-form[data-v-c6fe655e]{display:grid;gap:16px}.view-login .box .button-wrapper[data-v-c6fe655e]{display:flex;flex-direction:row-reverse}@media (max-width:700px){.view-login[data-v-c6fe655e]{position:relative}.view-login .box[data-v-c6fe655e]{margin:32px 0;max-width:100%;position:unset;translate:none;width:auto}.view-login .box .button-wrapper[data-v-c6fe655e]{display:flex;flex-direction:column;gap:16px}.view-login .box .login-action[data-v-c6fe655e],.view-login .box .remind-action[data-v-c6fe655e]{margin:0;width:100%}}