.login-page{background:var(--abc-color-ground);min-height:100dvh;display:grid}@media (min-width:960px){.login-page{grid-template-columns:minmax(0,4fr) minmax(0,5fr)}}.login-side{justify-content:space-between;gap:var(--abc-space-stack-xl);padding:var(--abc-space-layout-site-page-sm);background:var(--abc-color-info-soft);flex-direction:column;display:none}@media (min-width:960px){.login-side{display:flex}}.login-side__art{align-self:center;max-width:100%;height:auto}.login-side__title{margin:0 0 var(--abc-space-inline-sm);color:var(--abc-color-ink)}.login-side__text{max-width:var(--abc-size-frame-modal);color:var(--abc-color-ink-muted);margin:0}.login-main{padding:var(--abc-space-layout-site-page-sm) var(--abc-space-layout-gutter);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:relative}.login-lang{top:var(--abc-space-stack-xl);right:var(--abc-space-layout-gutter);position:absolute}@media (min-width:960px){.login-logo--mobile{display:none}}.login-card{gap:var(--abc-space-layout-panel);width:100%;max-width:calc(var(--abc-size-frame-modal) - var(--abc-space-stack-xl) * 2 + var(--abc-space-layout-page-web) * 2);padding:var(--abc-space-layout-page-web);border-radius:var(--abc-radius-lg);background:var(--abc-color-surface);box-shadow:var(--abc-shadow-card);flex-direction:column;display:flex}.login-card__intro{gap:var(--abc-space-stack-intro);flex-direction:column;display:flex}.login-card__intro>*{margin:0}.login-muted{color:var(--abc-color-ink-muted);margin:0}.login-back{align-items:center;gap:var(--abc-space-inline-sm);color:var(--abc-color-link);align-self:flex-start;text-decoration:underline;display:inline-flex}.login-link{color:var(--abc-color-link);text-decoration:underline}.login-form{gap:var(--abc-space-stack-lg);flex-direction:column;display:flex}.login-resend{min-height:var(--abc-size-control-web);align-items:center;display:flex}.login-notice{gap:var(--abc-space-stack-md);padding:var(--abc-space-stack-md) var(--abc-space-layout-gutter);border-radius:var(--abc-radius-md);display:flex}.login-notice--error{background:var(--abc-color-error-soft);color:var(--abc-color-error)}.login-notice--info{background:var(--abc-color-surface-sunken);color:var(--abc-color-ink)}.login-notice__icon{padding-top:var(--abc-space-stack-hairline);flex:none;display:inline-flex}.login-notice__body{gap:var(--abc-space-inline-sm);flex-direction:column;min-width:0;display:flex}.login-notice__body p{margin:0}.login-notice__ref{letter-spacing:0}.login-devcode{gap:var(--abc-space-inline-sm);padding:var(--abc-space-stack-md) var(--abc-space-layout-gutter);border:var(--abc-border-width) dashed var(--abc-color-warning);border-radius:var(--abc-radius-md);background:var(--abc-color-warning-soft);color:var(--abc-color-ink);flex-direction:column;display:flex}.login-devcode p{margin:0}.login-devcode__title{align-items:center;gap:var(--abc-space-inline-sm);display:inline-flex}.login-devcode__code{font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all}.login-code{gap:var(--abc-space-inline-sm);display:flex}.login-code__box{min-width:0;max-width:calc(var(--abc-size-control-field) * 6 / 7);height:var(--abc-size-control-field);border:var(--abc-border-width) solid var(--abc-color-ink);border-radius:var(--abc-radius-sm);background:var(--abc-color-surface);color:var(--abc-color-ink);text-align:center;flex:1 1 0;padding:0}.login-code__box:focus-visible{border:var(--abc-border-strong) solid var(--abc-color-outline);box-shadow:var(--abc-shadow-focus);outline:none}.login-code__box[aria-invalid=true]{border-color:var(--abc-color-field-border-error)}.login-qr{width:calc(var(--abc-size-control-field) * 4);max-width:100%;padding:var(--abc-space-inline-sm);border:var(--abc-border-width) solid var(--abc-color-line);border-radius:var(--abc-radius-md);background:var(--abc-color-surface);align-self:center}.login-qr svg{width:100%;height:auto;display:block}.login-key{margin-top:var(--abc-space-inline-sm);overflow-wrap:anywhere;color:var(--abc-color-ink);letter-spacing:.1em;display:block}.login-backup{gap:var(--abc-space-inline-sm);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.login-backup__code{padding:var(--abc-space-inline-md);border-radius:var(--abc-radius-sm);background:var(--abc-color-surface-sunken);text-align:center;letter-spacing:.08em}