:root{--primary:#4f46e5;--background:#fff;--text:#1f2937;--muted:#6b7280;color:var(--text);background:var(--background);-webkit-font-smoothing:antialiased;font:18px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--background);margin:0}h1,h2{margin:0 0 .5em;line-height:1.15}a{color:var(--primary)}.button{background:var(--primary);color:#fff;border-radius:999px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-block}.error{text-align:center;color:var(--muted);padding:4rem 1rem}.login-step-back{width:34px;height:34px;color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;left:12px}.login-step-back:hover{opacity:1}.login-step-dots{justify-content:center;gap:7px;display:flex}.login-step-dot{opacity:.25;background:currentColor;border-radius:50%;width:7px;height:7px}.login-step-dot.active{opacity:.9}.login-step-success{color:#22c55e;justify-content:center;display:flex}.login-step-input{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:color-mix(in srgb, currentColor 8%, transparent);border:1px solid color-mix(in srgb, currentColor 22%, transparent);border-radius:12px;outline:none;padding:12px 16px;font-size:15px}.login-step-input:focus{border-color:color-mix(in srgb, currentColor 48%, transparent)}.login-step-input::placeholder{color:color-mix(in srgb, currentColor 45%, transparent)}.login-step-error{color:#e5484d;margin:-4px 0 0;font-size:13px}.login-step-hint{opacity:.6;margin:-6px 0 2px;font-size:13px}