.user-auth-page{--user-blue:#2563eb;--user-blue-dark:#1d4ed8;--user-ink:#172033;--user-muted:#667085;--user-line:#dce3ec;min-height:100vh;color:var(--user-ink);background:#f5f7fa;grid-template-rows:auto 1fr auto;display:grid}.user-auth-topbar{border-bottom:1px solid #17203314;justify-content:space-between;align-items:center;gap:20px;width:min(1120px,100% - 40px);min-height:72px;margin:0 auto;display:flex}.user-brand{min-width:0;color:var(--user-ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.user-brand-mark{color:#fff;background:var(--user-blue);border-radius:8px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 7px 18px #2563eb38}.user-brand>span:last-child{gap:1px;min-width:0;display:grid}.user-brand strong{font-size:15px;font-weight:720}.user-brand small{color:var(--user-muted);font-size:10px}.user-auth-back{min-height:40px;color:var(--user-muted);align-items:center;gap:7px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.user-auth-back:hover{color:var(--user-ink)}.user-auth-stage{place-items:center;width:min(100% - 40px,440px);margin:42px auto;display:grid}.user-auth-panel{border:1px solid var(--user-line);border-top:3px solid var(--user-blue);background:#fff;border-radius:8px;width:100%;padding:30px;box-shadow:0 16px 44px #17203314}.user-auth-heading{margin-bottom:26px}.user-auth-heading h1{letter-spacing:0;margin:0;font-size:25px;font-weight:730;line-height:1.2}.user-auth-heading p{color:var(--user-muted);margin:8px 0 0;font-size:13px;line-height:1.6}.user-auth-form{gap:18px;display:grid}.user-auth-field{min-width:0;color:var(--user-ink);gap:8px;font-size:13px;font-weight:670;display:grid}.user-auth-label-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.user-auth-label-row a{color:var(--user-blue);font-size:12px;font-weight:650;text-decoration:none}.user-auth-label-row small{color:var(--user-muted);font-size:11px;font-weight:500}.user-auth-input{display:block;position:relative}.user-auth-input>svg{z-index:1;color:#8591a3;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.user-auth-input input{width:100%;height:48px;color:var(--user-ink);background:#fbfcfe;border:1px solid #d5dde7;border-radius:7px;outline:none;padding:0 13px 0 40px;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s}.user-auth-input input::placeholder{color:#98a2b3}.user-auth-input input:hover{border-color:#b7c1ce}.user-auth-input input:focus{border-color:var(--user-blue);background:#fff;box-shadow:0 0 0 3px #2563eb21}.user-auth-password-input input{padding-right:44px}.user-password-visibility{color:#7c8798;background:0 0;border:0;border-radius:6px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:5px;right:5px}.user-password-visibility:hover{color:var(--user-blue);background:#eef4ff}.user-password-visibility:focus-visible,.user-auth-submit:focus-visible,.user-auth-back:focus-visible,.user-brand:focus-visible,.user-auth-switch a:focus-visible{outline-offset:2px;outline:3px solid #2563eb40}.user-auth-error{color:#a52a20;background:#fff7f6;border:1px solid #f0c5c0;border-radius:6px;align-items:flex-start;gap:8px;min-width:0;padding:11px 12px;font-size:12px;line-height:1.5;display:flex}.user-auth-error svg{flex:none;margin-top:1px}.user-auth-error span{overflow-wrap:anywhere;min-width:0}.user-auth-submit{border:1px solid var(--user-blue);color:#fff;background:var(--user-blue);border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:0 18px;font-size:14px;font-weight:680;text-decoration:none;transition:background-color .15s,border-color .15s,transform .1s;display:inline-flex;box-shadow:0 7px 16px #2563eb2e}.user-auth-submit:hover{border-color:var(--user-blue-dark);background:var(--user-blue-dark)}.user-auth-submit:active{transform:scale(.99)}.user-auth-submit:disabled{cursor:wait;color:#778399;box-shadow:none;background:#e8edf3;border-color:#cbd5e1}.user-auth-switch{color:var(--user-muted);text-align:center;margin:0;font-size:12px}.user-auth-switch a{color:var(--user-blue);margin-left:4px;font-weight:680;text-decoration:none}.user-auth-switch a:hover,.user-auth-label-row a:hover{color:var(--user-blue-dark)}.user-auth-success{text-align:center;justify-items:center;gap:16px;display:grid}.user-auth-success-icon{color:#08796e;background:#e4f6f1;border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.user-auth-success h2{margin:0;font-size:19px}.user-auth-success p{color:var(--user-muted);margin:5px 0 0;font-size:13px;line-height:1.55}.user-auth-message{color:var(--user-muted);gap:18px;font-size:13px;line-height:1.65;display:grid}.user-auth-message p{margin:0}.user-auth-message .user-auth-submit{color:#fff}.user-auth-footer{min-height:58px;color:var(--user-muted);justify-content:center;align-items:center;padding:10px 20px;font-size:11px;display:flex}.user-auth-footer a{color:inherit;text-decoration:none}.user-auth-footer a:hover{color:var(--user-ink)}@media (max-width:560px){.user-auth-topbar{width:min(100% - 28px,440px);min-height:64px}.user-auth-back{justify-content:center;width:40px;font-size:0}.user-auth-back svg{width:18px;height:18px}.user-auth-stage{align-items:start;width:min(100% - 28px,440px);margin:28px auto}.user-auth-panel{padding:24px 20px}.user-auth-heading{margin-bottom:22px}.user-auth-heading h1{font-size:23px}}@media (prefers-color-scheme:dark){.user-auth-page{--user-ink:#f2f4f7;--user-muted:#9aa3af;--user-line:#353b44;background:#14171b}.user-auth-panel{background:#1e2228;box-shadow:0 18px 44px #0000003d}.user-auth-input input{color:#f2f4f7;background:#272c33;border-color:#3c434d}.user-auth-input input:hover{border-color:#56606d}.user-auth-input input:focus{background:#272c33}.user-password-visibility:hover{background:#29364c}.user-auth-error{color:#f0998f;background:#342522;border-color:#69443e}.user-auth-success-icon{color:#67d5bf;background:#179a852e}}@media (prefers-reduced-motion:reduce){.user-auth-page *,.user-auth-page :before,.user-auth-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}