.login-root{--lg-text:var(--sak-color-foreground);--lg-text-2:var(--sak-color-secondary);--lg-silver-2:var(--sak-color-secondary);--lg-silver-3:var(--sak-color-muted);min-height:100dvh;background:var(--sak-color-panel)}.login-btn{position:relative;display:flex;width:100%;height:3.25rem;align-items:center;justify-content:center;border-radius:.6rem;background:#bc4b24;color:white;transition:background .15s}.login-btn:hover:not(:disabled){background:#9c3b1b}.login-btn:focus-visible{outline:3px solid #d99778;outline-offset:3px}.login-btn:disabled{opacity:.65;cursor:not-allowed}.login-btn__layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:opacity .16s}.login-btn[data-phase=loading] .login-btn__idle,.login-btn[data-phase=success] .login-btn__idle,.login-btn__busy,.login-btn__done{opacity:0}.login-btn[data-phase=loading] .login-btn__busy,.login-btn[data-phase=success] .login-btn__done{opacity:1}.login-btn[data-phase=success]{background:#147d61}.login-spinner{width:1rem;height:1rem;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}.login-root[data-shake="1"] .login-card{animation:login-shake .25s ease-in-out}@keyframes login-shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.login-hero{animation:login-rise .32s ease-out both}.login-card{animation:login-fade .26s ease-out 80ms both}@keyframes login-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes login-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.login-root *,.login-root :after{animation:none!important;transition:none!important}}