.mx-shell.mx-login{display:grid;min-height:100vh;place-items:center;padding:24px;background:var(--ui-surface-muted)}.mx-shell .mx-login-card{width:100%;max-width:400px;padding:32px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-panel);background:#fff}.mx-shell .mx-login-brand{display:grid;grid-gap:12px;gap:12px;margin-bottom:24px}.mx-shell .mx-login-mark{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px;background:var(--ui-primary);color:var(--ui-primary-text)}.mx-shell .mx-login-brand h1{margin:0;font-size:22px;font-weight:600;line-height:1.3;color:var(--ui-ink-strong)}.mx-shell .mx-login-brand p{margin:0;color:var(--ui-text-muted)}.mx-shell .mx-login-form{display:grid;grid-gap:16px;gap:16px}.mx-shell .mx-login-field{display:grid;grid-gap:6px;gap:6px;font-size:13px;font-weight:500;color:var(--ui-ink)}.mx-shell .mx-login-field .mx-input{width:100%;height:40px}.mx-shell .mx-login-form .mx-btn{width:100%;height:40px;margin-top:4px}.mx-shell .mx-login-error{margin:0;padding:10px 12px;border-radius:10px;background:var(--ui-danger-bg);color:var(--ui-danger);font-size:13px}@media (max-width:480px){.mx-shell .mx-login-card{padding:24px 20px}}.mx-shell .mx-login-title{line-height:0}.mx-shell .mx-login-wordmark{display:block;width:141px;height:auto}.mx-shell .mx-login-brand .mx-login-tagline{margin-top:-6px;font-size:13px;color:var(--ui-ink-strong)}.mx-shell .mx-login-site{margin:20px 0 0;text-align:center;font-size:12px}.mx-shell .mx-login-site a{color:var(--ui-text-muted);text-decoration:none}.mx-shell .mx-login-site a:hover{color:var(--ui-ink-strong);text-decoration:underline}