.mfx-login{border:1px solid var(--hair);border-radius:var(--radius);background:#ffffff8c;gap:14px;max-width:440px;padding:clamp(26px,3vw,40px);display:grid;box-shadow:0 1px 2px #1730560a,0 18px 44px -24px #1730564d}.mfx-login-h{margin:2px 0 4px}.mfx-field{gap:6px;display:grid}.mfx-field span{font-size:var(--t-12);letter-spacing:.03em;color:var(--slate)}.mfx-field input{width:100%;font:400 15px var(--font);color:var(--ink);border:1px solid var(--hair);border-radius:var(--radius-sm);background:#fff;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.mfx-field input::placeholder{color:var(--mist)}.mfx-field input:focus{border-color:var(--mid);box-shadow:0 0 0 3px #4891cf29}.mfx-login-submit{font:600 14.5px var(--font);text-align:center;color:var(--paper);background:var(--ink);cursor:pointer;border:0;border-radius:999px;margin-top:6px;padding:13px 18px;transition:transform .15s,box-shadow .2s;box-shadow:0 12px 28px -14px #17305699}.mfx-login-submit:hover{transform:translateY(-1px)}.mfx-login-demo{font:600 14px var(--font);text-align:center;color:var(--ink);border:1px solid var(--hair);cursor:pointer;background:0 0;border-radius:999px;padding:11px 18px;transition:border-color .2s,background .2s}.mfx-login-demo:hover{border-color:var(--slate);background:#17305608}.mfx-login-submit[disabled],.mfx-login-demo[disabled]{opacity:.6;cursor:not-allowed}.mfx-login-err{font-size:var(--t-12);color:#8a2d1c;border-radius:var(--radius-sm);background:#b04a381a;border:1px solid #b04a3847;margin:0;padding:10px 12px}.mfx-login-alt{font-size:var(--t-12);color:var(--slate);text-align:center;margin:4px 0 0}.mfx-login-alt a{color:var(--mid);text-decoration:none}.mfx-login-alt a:hover{text-decoration:underline}