.login-app{--login-signal:var(--signal);--login-signal-ink:#fff;background-color:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100dvh;padding:24px;display:flex}:root[data-theme=dark] .login-app{--login-signal:var(--signal);--login-signal-ink:#161a21}.login-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-xl);width:100%;max-width:360px;box-shadow:var(--shadow-2);flex-direction:column;gap:18px;padding:32px 28px 24px;animation:.24s ease-out both login-present;display:flex}.login-card.dx-corners:before,.login-card.dx-corners:after{animation:login-register .2s var(--ease-settle) .12s both}.login-card.dx-corners:before{transform-origin:0 0}.login-card.dx-corners:after{transform-origin:100% 100%}.login-card.is-open{border-bottom-color:var(--login-signal)}.login-card.is-shake{animation:.26s ease-out login-shake}@keyframes login-present{0%{opacity:0}to{opacity:1}}@keyframes login-register{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes login-shake{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.login-brand{align-items:baseline;gap:7px;display:flex}.login-sub{font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:-10px 0 0}.login-form{flex-direction:column;gap:16px;display:flex}.login-label{font-size:var(--fs-nav);color:var(--ink);margin:0;font-weight:600}.login-field{flex-direction:column;display:flex}.login-flabel{font:600 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.login-input{text-align:left;width:100%;height:40px;color:var(--ink);border:none;border-bottom:1px solid var(--hairline-strong);background:0 0;border-radius:0;padding:0 2px;font-size:16px}.login-input:focus{border-bottom:2px solid var(--login-signal);outline:none;margin-bottom:-1px}.login-submit{width:100%;font-size:var(--fs-body);border-radius:var(--radius-md);border:1px solid var(--login-signal);background:var(--login-signal);color:var(--login-signal-ink);margin-top:6px;padding:10px 14px;font-weight:700;transition:filter .15s,opacity .15s}.login-submit:hover:not(:disabled){filter:brightness(1.06)}.login-submit:disabled{opacity:.5;cursor:default}.login-alt{font-size:var(--fs-chip);color:var(--muted);background:0 0;border:none;align-self:flex-end;padding:2px;font-weight:500;text-decoration:underline}.login-alt:hover:not(:disabled){color:var(--ink-2)}.login-msg{font-size:var(--fs-chip);margin:0;font-weight:500;line-height:1.45}.login-msg.err{color:var(--red);animation:.16s ease-out both login-present}.login-msg.note{color:var(--muted)}.login-annot{text-align:center}@media (prefers-reduced-motion:reduce){.login-card,.login-card.is-shake,.login-card.dx-corners:before,.login-card.dx-corners:after,.login-msg.err{animation:none}}