.redesign-auth{font-feature-settings:"cv11", "ss01";--out:cubic-bezier(.23, 1, .32, 1)}.redesign-auth .auth-panel{padding:clamp(20px,3vw,40px)}.redesign-auth .auth-panel>header>.brand-lockup{display:flex}.redesign-auth .auth-form{padding:40px 0}.redesign-auth .auth-form>div{max-width:400px}.auth-segment{background:#f0f2f4;border-radius:8px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px;display:grid;position:relative}.auth-segment>span{width:calc(50% - 4px);transition:transform .24s var(--out);background:#fff;border-radius:6px;position:absolute;inset:4px auto 4px 4px;box-shadow:0 1px 2px #17203314}.auth-segment.is-create>span{transform:translate(100%)}.auth-segment button{color:#454b53;min-height:40px;font-size:13px;font-weight:600;position:relative}.auth-segment button[aria-pressed=true]{color:#1b1d20}.redesign-auth .auth-form h1{letter-spacing:-.04em;font-size:34px;font-weight:500;line-height:1.1}.redesign-auth .auth-form h1+p{margin-top:8px;font-size:15px;line-height:1.5}.redesign-auth .auth-form input{border-radius:6px;height:48px;padding-inline:14px;font-size:15px}.redesign-auth .auth-form form>button{border-radius:6px;min-height:48px}.redesign-auth .auth-form button:has(svg){border-radius:6px;min-height:48px}.redesign-auth .auth-form label{font-size:13px;font-weight:550}.auth-upload-hint{color:#626b76;font-size:13px;line-height:1.5}.redesign-auth .auth-panel footer{justify-content:flex-start;gap:16px;margin-top:12px}.redesign-auth .auth-story{border-left:1px solid #e5e7eb;border-right:0;justify-content:center;padding:clamp(32px,5vw,80px)}.auth-story-inner{flex-direction:column;gap:40px;width:100%;max-width:520px;margin:auto;display:flex}.redesign-auth .auth-story h2{letter-spacing:-.04em;margin:0;font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1.08}.auth-story-inner>p{color:#454b53;font-size:15px;line-height:1.6}.auth-collection{animation:auth-card-in .9s .15s var(--out) both;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 30px 60px #17203314}.auth-collection-heading{justify-content:space-between;align-items:flex-end;gap:12px;padding:20px 18px 14px;display:flex}.auth-collection-heading span{color:#626b76;font-size:12.5px}.auth-collection-heading h3{letter-spacing:-.03em;font-size:20px;font-weight:600}.auth-progress{background:#eef0f2;border-radius:3px;height:3px;margin:0 18px 16px;overflow:hidden}.auth-progress i{transform-origin:0;height:100%;animation:auth-fill 9s var(--out) infinite;background:#31654a;display:block}.auth-collection-row{border-top:1px solid #eef0f2;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;height:54px;padding:0 18px;font-size:14px;display:grid}.auth-arrival-check{border:1.5px dashed #cbd0d7;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:relative}.auth-arrival-check svg{color:#fff;width:20px;height:20px;animation:auth-check 9s var(--out) infinite;animation-delay:var(--row-delay);background:#31654a;border-radius:50%;padding:3px}.auth-arrival-label{color:#626b76;min-width:58px;font-size:12.5px;font-weight:550;position:relative}.auth-arrival-label>span:last-child{color:#31654a;animation:auth-check 9s var(--out) infinite;animation-delay:var(--row-delay);background:#fff;position:absolute;inset:0}@keyframes auth-card-in{0%{opacity:0;transform:translateY(24px)rotate(-1deg)}to{opacity:1;transform:rotate(-1.5deg)}}@keyframes auth-check{0%,8%{opacity:0;transform:scale(.9)}14%{opacity:1;transform:scale(1.1)}18%,88%{opacity:1;transform:scale(1)}94%,to{opacity:0;transform:scale(.9)}}@keyframes auth-fill{0%,10%{transform:scaleX(.25)}20%{transform:scaleX(.5)}30%{transform:scaleX(.75)}40%,88%{transform:scaleX(1)}96%,to{transform:scaleX(.25)}}@media (max-width:900px){.redesign-auth{grid-template-columns:minmax(0,1fr)}.redesign-auth .auth-story{display:none}}@media (prefers-reduced-motion:reduce){.redesign-auth *,.redesign-auth :after{transition:none!important;animation:none!important}.auth-arrival-label>span:first-child{visibility:hidden}}.redesign-auth[data-hidden=true] *,.redesign-auth[data-hidden=true] :before,.redesign-auth[data-hidden=true] :after{animation-play-state:paused!important}
