.auth{--auth-g:var(--color-primary-700);--auth-ink:rgb(var(--c-fg));--auth-mute:rgb(var(--c-fg-muted));--auth-line:rgb(var(--c-line));--auth-field:rgb(var(--c-subtle));--auth-danger:rgb(var(--c-danger));--auth-ease:cubic-bezier(.75,0,.25,1);box-sizing:border-box;background:rgb(var(--c-canvas));min-height:100%;color:var(--auth-ink);justify-content:center;align-items:center;padding:40px 16px;display:flex;container-type:inline-size}@media (max-width:1280px){.auth{padding-top:72px}}.auth *,.auth :before,.auth :after{box-sizing:border-box}.auth-card{background:rgb(var(--c-card));border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:1000px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 70px -24px #00000038,0 2px 6px #0000000a}.auth-arc{z-index:1;background-color:var(--auth-g);width:50%;transition:left 1.1s var(--auth-ease);position:absolute;top:0;bottom:0;left:50%}.auth.is-register .auth-arc{left:0}.auth-side{z-index:2;opacity:0;visibility:hidden;transform:translateX(var(--auth-dx,0));flex-direction:column;grid-row:1;justify-content:center;transition:opacity .3s,transform .3s,visibility 0s linear .3s;display:flex;position:relative}.auth.is-login .auth-form--login,.auth.is-login .auth-panel--to-register,.auth.is-register .auth-form--register,.auth.is-register .auth-panel--to-login{opacity:1;visibility:visible;transition:opacity .5s .55s,transform .7s cubic-bezier(.2,.7,.2,1) .55s,visibility;transform:none}.auth-form--login{--auth-dx:-40px;grid-column:1;padding:40px 72px}.auth-form--register{--auth-dx:40px;grid-column:2;padding:40px 72px}.auth-panel--to-register{--auth-dx:40px;color:#fff;grid-column:2;padding:56px 72px}.auth-panel--to-login{--auth-dx:-40px;color:#fff;grid-column:1;padding:56px 72px}.auth-panel h2{letter-spacing:-.015em;max-width:12ch;margin:0 0 14px;font-size:34px;font-weight:700;line-height:1.12}.auth-panel p{color:#ffffffdb;max-width:30ch;margin:0 0 28px;font-size:15px;line-height:1.55}.auth-panel .auth-ghost{align-self:flex-start}.auth-logo{align-self:flex-start;height:32px;margin-bottom:24px}.auth-title{letter-spacing:-.01em;margin:0 0 8px;font-size:30px;font-weight:700;line-height:1.2}.auth-sub{color:var(--auth-mute);margin:0 0 28px;font-size:15px;line-height:1.5}.auth-field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.auth-field label{font-size:13px;font-weight:600}.auth-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-req{color:var(--auth-danger)}.auth-input-wrap{position:relative}.auth-input-wrap .auth-lead{color:var(--auth-mute);pointer-events:none;position:absolute;top:50%;left:16px;translate:0 -50%}.auth input{border:1px solid var(--auth-line);background:var(--auth-field);width:100%;height:52px;font:inherit;color:var(--auth-ink);border-radius:8px;outline:none;padding:0 16px 0 46px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.auth input::placeholder{color:rgb(var(--c-fg-subtle))}.auth input:focus{border-color:var(--accent-strong);background:rgb(var(--c-card));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-strong)16%,transparent)}.auth input[aria-invalid=true]{border-color:var(--auth-danger)}.auth input[aria-invalid=true]:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--auth-danger)16%,transparent)}.auth-input-wrap--pw input{padding-right:54px}.auth-eye{width:44px;height:44px;color:var(--auth-mute);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;display:grid;position:absolute;top:4px;right:4px}.auth-eye:hover{color:var(--auth-ink);background:rgb(var(--c-muted))}.auth-error{color:var(--auth-danger);margin:0;font-size:13px;line-height:1.4}.auth-link{min-height:44px;color:var(--accent-fg);align-items:center;margin:-12px 0;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.auth-link:hover{text-decoration:underline}.auth-btn{background:var(--auth-g);color:#fff;width:100%;height:54px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:16px;font-weight:600;transition:filter .2s,opacity .2s;display:flex}.auth-btn:hover:not(:disabled){filter:brightness(.88)}.auth-btn:disabled{opacity:.45;cursor:not-allowed}.auth-btn svg{transition:transform .2s}.auth-btn:hover:not(:disabled) svg{transform:translate(3px)}.auth-ghost{color:#fff;height:48px;font:inherit;cursor:pointer;background:0 0;border:1.5px solid #ffffffbf;border-radius:8px;align-items:center;gap:8px;padding:0 26px;font-size:15px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.auth-ghost:hover{color:var(--auth-g);background:#fff}.auth-or{color:var(--auth-mute);align-items:center;gap:14px;margin:24px 0 16px;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--auth-line);flex:1;height:1px}.auth-sso-btn{border:1px solid var(--auth-line);background:rgb(var(--c-card));width:100%;height:48px;font:inherit;color:var(--auth-ink);white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s;display:flex}.auth-sso-btn:hover{border-color:rgb(var(--c-line-strong));background:rgb(var(--c-subtle))}.auth-legal{color:var(--auth-mute);text-align:center;margin:22px 0 0;font-size:12px}.auth-legal a{color:inherit;text-decoration:underline}.auth-mhead{display:none}.auth-pill{background:rgb(var(--c-muted));border-radius:8px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative}.auth-pill-thumb{background:rgb(var(--c-card));width:calc(50% - 4px);transition:transform .35s var(--auth-ease);border-radius:4px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 3px #0000001f}.auth.is-register .auth-pill-thumb{transform:translate(100%)}.auth-pill button{z-index:1;min-height:44px;font:inherit;color:var(--auth-mute);cursor:pointer;background:0 0;border:0;border-radius:4px;font-size:14px;font-weight:600;transition:color .35s;position:relative}.auth-pill button[aria-pressed=true]{color:var(--auth-ink)}@container (max-width:760px){.auth-card{border-radius:26px;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage"}.auth .auth-card .auth-arc,.auth .auth-card .auth-panel{display:none}.auth-mhead{flex-direction:column;grid-area:head;gap:24px;padding:28px 24px 0;display:flex}.auth-mhead .auth-logo{margin-bottom:0}.auth-form .auth-logo{display:none}.auth .auth-card .auth-form{grid-area:stage;justify-content:flex-start;padding:24px 24px 32px;transition:opacity .3s,transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s linear .45s}.auth .auth-card .auth-form--login{--auth-dx:-100%}.auth .auth-card .auth-form--register{--auth-dx:100%}.auth.is-login .auth-card .auth-form--login,.auth.is-register .auth-card .auth-form--register{transition:opacity .3s .1s,transform .45s cubic-bezier(.2,.7,.2,1),visibility}.auth-title{font-size:24px}.auth-sub{margin-bottom:24px}}.auth--static .auth-arc,.auth--static .auth-side,.auth--static .auth-pill-thumb,.auth--static .auth-pill button{transition:none!important}@media (prefers-reduced-motion:reduce){.auth-arc,.auth .auth-side,.auth .auth-card .auth-form,.auth-pill-thumb,.auth-pill button{transition:none!important;animation:none!important}}