.uncoder-login{--uncoder-login-gap: 16px;display:flex;flex-direction:column;gap:var(--uncoder-login-gap);max-width:420px;margin:0}.uncoder-login>p{margin:0}.uncoder-login__label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:600;color:var(--uncoder-c-heading, inherit)}.uncoder-login .uncoder-login__input{display:block;width:100%;max-width:100%;height:auto;margin:0;padding:11px 14px;border:1px solid var(--uncoder-c-border, #d8dce3);border-radius:8px;background-color:var(--uncoder-c-surface, #fff);box-shadow:none;color:var(--uncoder-c-text, inherit);font:inherit;font-size:1rem;line-height:1.4;transition:border-color .2s,background-color .2s}.uncoder-login .uncoder-login__input:focus{border-color:var(--uncoder-c-primary, #2b59ff);outline:3px solid color-mix(in srgb,var(--uncoder-c-primary, #2b59ff) 22%,transparent);outline-offset:0}.uncoder-login__input::placeholder{color:var(--uncoder-c-muted, #6b7280);opacity:1}.uncoder-login__remember{font-size:.875rem;color:var(--uncoder-c-text, inherit)}.uncoder-login__remember label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.uncoder-login__remember input{width:16px;height:16px;margin:0;accent-color:var(--uncoder-c-primary, #2b59ff)}.uncoder-login__button{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0;padding:13px 24px;border:1px solid transparent;border-radius:8px;background-color:var(--uncoder-c-primary, #2b59ff);color:#fff;font:inherit;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.uncoder-login__button:hover{background-color:color-mix(in srgb,var(--uncoder-c-primary, #2b59ff) 86%,#000)}.uncoder-login__button:focus-visible,.uncoder-login a:focus-visible,.uncoder-login-status a:focus-visible{outline:2px solid var(--uncoder-c-primary, currentColor);outline-offset:2px}.uncoder-login__links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:.875rem;color:var(--uncoder-c-muted, inherit)}.uncoder-login__links a,.uncoder-login-status a{color:var(--uncoder-c-primary, inherit);text-decoration:none;transition:color .2s}.uncoder-login__links a:hover,.uncoder-login-status a:hover{text-decoration:underline;text-underline-offset:.2em}.uncoder-login-status{margin:0;font-size:.9375rem;color:var(--uncoder-c-text, inherit)}.uncoder-login-status__sep{margin-inline:4px;opacity:.6}