.pele-login{--pele-login-accent:var(--e-global-color-primary,#6c47ff);--pele-login-width:420px;--pele-login-align:flex-start;--pele-login-gap:16px;--pele-login-box-radius:20px;--pele-login-label:#14172b;--pele-login-field-color:#14172b;--pele-login-field-color-focus:var(--pele-login-field-color);--pele-login-field-bg:#fff;--pele-login-field-bg-focus:#fff;--pele-login-field-border:rgba(20,23,43,.16);--pele-login-field-border-focus:var(--pele-login-accent);--pele-login-field-border-width:1px;--pele-login-field-height:48px;--pele-login-field-radius:12px;--pele-login-btn-color:var(--pele-on-primary,#fff);--pele-login-btn-color-hover:var(--pele-on-primary,#fff);--pele-login-btn-bg:var(--pele-login-accent);--pele-login-btn-bg-hover:color-mix(in srgb,var(--pele-login-accent) 85%,#000);--pele-login-btn-width:100%;--pele-login-btn-radius:12px;--pele-login-link:var(--pele-ink-primary,var(--pele-login-accent));--pele-login-link-hover:color-mix(in srgb,var(--pele-ink-primary,var(--pele-login-accent)) 75%,#000);--pele-login-meta:#5b6178;--pele-login-error:#c62a4b;--pele-login-hello:#14172b;--pele-login-avatar:52px;display:flex;justify-content:var(--pele-login-align)}.pele-login__box{background:#fff;border:1px solid rgba(20,23,43,.07);border-radius:var(--pele-login-box-radius);box-shadow:0 1px 2px rgba(20,23,43,.04),0 22px 48px -26px rgba(20,23,43,.35);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--pele-login-gap);inline-size:100%;margin:0;max-inline-size:var(--pele-login-width);padding:28px}@media(max-width:767px){.pele-login__box{padding:22px 18px}}.pele-login__field{display:flex;flex-direction:column;gap:7px;margin:0}.pele-login__label{color:var(--pele-login-label);font-size:14px;font-weight:600;line-height:1.3}.pele-login__password{display:block;position:relative}.pele-login .pele-login__input,.pele-login .pele-login__input:focus{background:var(--pele-login-field-bg);block-size:var(--pele-login-field-height);border:var(--pele-login-field-border-width) solid var(--pele-login-field-border);border-radius:var(--pele-login-field-radius);box-shadow:none;box-sizing:border-box;color:var(--pele-login-field-color);font-family:inherit;font-size:16px;inline-size:100%;line-height:1.3;margin:0;outline:none;padding:0 14px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.pele-login .pele-login__input::placeholder,.pele-login .pele-login__input:focus::placeholder{color:#8a90a6;opacity:1}.pele-login .pele-login__input:focus{background:var(--pele-login-field-bg-focus);border-color:var(--pele-login-field-border-focus);box-shadow:0 0 0 4px color-mix(in srgb,var(--pele-login-field-border-focus) 16%,transparent);color:var(--pele-login-field-color-focus)}.pele-login .pele-login__input[aria-invalid=true]{border-color:var(--pele-login-error)}.pele-login .pele-login__password .pele-login__input{padding-inline-end:48px}.pele-login .pele-login__reveal{background:transparent;block-size:36px;border:0;border-radius:9px;color:#8a90a6;cursor:pointer;display:inline-grid;inline-size:36px;inset-block-start:50%;inset-inline-end:6px;margin:0;margin-block-start:-18px;padding:0;place-items:center;position:absolute}.pele-login .pele-login__reveal[hidden]{display:none}.pele-login .pele-login__reveal svg{block-size:20px;fill:none;grid-area:1/1;inline-size:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.pele-login .pele-login__reveal .pele-login__eye-off,.pele-login .pele-login__reveal[aria-pressed=true] .pele-login__eye{display:none}.pele-login .pele-login__reveal[aria-pressed=true] .pele-login__eye-off{display:block}.pele-login .pele-login__reveal:focus,.pele-login .pele-login__reveal:hover{background:rgba(20,23,43,.06);color:var(--pele-login-field-color)}.pele-login .pele-login__reveal:focus-visible{outline:2px solid var(--pele-login-accent)}.pele-login__row{align-items:center;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between}.pele-login__remember{align-items:center;color:var(--pele-login-meta);cursor:pointer;display:inline-flex;font-size:14px;gap:9px}.pele-login__remember input{accent-color:var(--pele-login-accent);block-size:18px;cursor:pointer;inline-size:18px;margin:0}.pele-login__links{font-size:14px;margin:0}.pele-login__links a{color:var(--pele-login-link);font-weight:600;text-decoration:none;transition:color .2s ease}.pele-login__links a:hover{color:var(--pele-login-link-hover);text-decoration:underline;text-underline-offset:3px}.pele-login__links a:focus-visible{border-radius:4px;outline:2px solid var(--pele-login-accent);outline-offset:2px}.pele-login__register{text-align:center}.pele-login .pele-login__submit{align-self:flex-start;border:0;border-radius:var(--pele-login-btn-radius);box-shadow:0 12px 24px -14px color-mix(in srgb,var(--pele-login-btn-bg) 85%,#000);box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;inline-size:var(--pele-login-btn-width);line-height:1.2;margin:4px 0 0;min-block-size:var(--pele-login-field-height);padding:0 28px;transition:background-color .2s ease,color .2s ease,transform .2s ease;white-space:normal}.pele-login .pele-login__submit,.pele-login .pele-login__submit:focus{background:var(--pele-login-btn-bg);color:var(--pele-login-btn-color)}.pele-login .pele-login__submit:hover{background:var(--pele-login-btn-bg-hover);color:var(--pele-login-btn-color-hover);transform:translateY(-1px)}.pele-login .pele-login__submit:active{transform:none}.pele-login .pele-login__submit:focus-visible{outline:2px solid var(--pele-login-accent);outline-offset:3px}.pele-login__alert{align-items:flex-start;animation:pele-login-shake .4s ease;background:color-mix(in srgb,var(--pele-login-error) 8%,#fff);border:1px solid color-mix(in srgb,var(--pele-login-error) 28%,transparent);border-radius:12px;color:var(--pele-login-error);display:flex;font-size:14px;font-weight:600;gap:10px;line-height:1.5;outline:none;padding:12px 14px}.pele-login__alert svg{block-size:20px;fill:none;flex:none;inline-size:20px;margin-block-start:1px;stroke:currentColor;stroke-linecap:round;stroke-width:2}.pele-login__alert:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--pele-login-error) 30%,transparent)}.pele-login__member{align-items:center;display:inline-flex;gap:14px}.pele-login .pele-login__avatar{block-size:var(--pele-login-avatar);border-radius:50%;box-shadow:0 0 0 3px #fff,0 6px 16px -6px rgba(20,23,43,.4);flex:none;inline-size:var(--pele-login-avatar);object-fit:cover}.pele-login__member-text{display:flex;flex-direction:column;gap:3px}.pele-login__hello{color:var(--pele-login-hello);font-size:17px;font-weight:700;line-height:1.3;margin:0}.pele-login--member .pele-login__links{display:flex;flex-wrap:wrap;gap:4px 14px}.pele-sr{block-size:1px;inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;clip:rect(0,0,0,0);border:0;white-space:nowrap}@keyframes pele-login-shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@media(prefers-reduced-motion:reduce){.pele-login__alert{animation:none}.pele-login .pele-login__input,.pele-login .pele-login__submit{transition:none}}