.login-screen{background:radial-gradient(120% 80% at 50% -10%, var(--lm-glow) 0%, transparent 60%), var(--lm-canvas);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{text-align:center;width:100%;max-width:360px;animation:login-rise .36s var(--lm-ease-out) both;flex-direction:column;align-items:center;padding:34px 30px 28px;display:flex}@keyframes login-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}}.login-mark{box-shadow:var(--lm-shadow-md);border-radius:13px;place-items:center;margin-bottom:14px;line-height:0;display:grid}.login-title{margin:0;font-size:22px}.login-subtitle{max-width:30ch;color:var(--lm-ink-soft);margin:6px 0 0;font-size:13.5px;line-height:1.4}.login-form{text-align:left;flex-direction:column;gap:14px;width:100%;margin-top:24px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-error{color:var(--lm-hot-ink);animation:login-shake .32s var(--lm-ease-out);margin:0;font-size:12.5px}@keyframes login-shake{25%{transform:translate(-4px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}.login-spinner{vertical-align:-2px;border:2px solid;border-top-color:#0000;border-radius:999px;width:13px;height:13px;margin-right:8px;animation:.7s linear infinite login-spin;display:inline-block}@keyframes login-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.login-card{animation:.24s both login-fade}.login-error{animation:none}}@keyframes login-fade{0%{opacity:0}}.login-demo{color:var(--lm-muted);margin:18px 0 0;font-size:11.5px;line-height:1.5}