.login-page{--motion-press:var(--t-press,80ms);--motion-quick:var(--t-quick,.14s);--motion-fade:var(--t-fade,.2s);--motion-pop:var(--t-pop,.32s);--motion-sheet:var(--t-sheet,.44s);--motion-ease-out:var(--ease-out,cubic-bezier(.22, 1, .36, 1));--motion-ease-in:var(--ease-in,cubic-bezier(.4, 0, 1, 1));--motion-spring:var(--ease-spring,linear(0, .007 1.56%, .027 3.13%, .055 4.69%, .09 6.25%, .174 9.38%, .265 12.5%, .444 18.75%, .524 21.88%, .596 25%, .659 28.13%, .715 31.25%, .763 34.38%, .803 37.5%, .838 40.63%, .867 43.75%, .911 50%, .942 56.25%, .962 62.5%, .986 75%, .996 87.5%, 1));--motion-press-scale:var(--press-scale,.97);--login-rise:8px;--login-blur:0px;--login-dir:1;--login-ring:color-mix(in srgb, var(--text) 12%, transparent);--login-gutter:24px;background:var(--surface);min-height:100dvh;color:var(--text);grid-template-columns:minmax(0,1.1fr) minmax(400px,1fr);display:grid}.login-page .login-brand{color:#fff;background:radial-gradient(120% 90% at 0 100%,#ff6a0047,#0000 60%),#0b0f14;flex-direction:column;justify-content:center;padding:64px clamp(32px,6vw,96px);display:flex}.login-page .login-brand-inner{flex-direction:column;align-items:flex-start;gap:40px;display:flex}.login-page .login-brand-logo{width:198px;height:auto}.login-page .login-slogan{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(34px,4vw,52px);font-weight:800;line-height:1.05}.login-page .login-panel{padding:clamp(48px, calc(50dvh - 240px), 30dvh) var(--login-gutter) 28px;flex-direction:column;align-items:center;display:flex}.login-page .login-card{flex-direction:column;width:100%;max-width:368px;display:flex}.login-page .login-title{margin:0 0 8px}.login-page .login-steps{position:relative}.login-page .login-form{flex-direction:column;display:flex}.login-page .login-lede{color:var(--muted);margin:0 0 24px}.login-page .login-lede b{color:var(--text);white-space:nowrap;font-weight:600}.login-page .login-notice{border-radius:var(--radius-control);background:var(--secondary);color:var(--text);margin:4px 0 20px;padding:10px 12px;font-size:14px;line-height:20px}.login-page .login-field{flex-direction:column;gap:8px;display:flex}.login-page .login-field .login-label{margin:0}.login-page .login-slot{min-height:20px;margin-top:8px}.login-page .login-slot :is(.login-error,.login-info){margin:0;font-size:14px;line-height:20px}.login-page .login-links{justify-content:space-between;gap:12px;margin-top:8px;display:flex}.login-page .login-links .btn-text{min-height:44px;padding:0 2px}.login-page .login-help{margin:16px 0 0}.login-page .login-dev{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:32px;padding-top:20px;display:flex}.login-page .login-dev .login-label{margin:0}.login-page .login-dev .btn{width:100%;margin-top:4px}.login-page .login-footer{flex-wrap:wrap;justify-content:center;gap:6px 20px;margin-top:auto;padding-top:40px;display:flex}.login-page .login-footer a{transition:color var(--motion-quick) var(--motion-ease-out)}.login-page .login-footer a:hover{color:var(--text)}.login-page .login-about{text-align:center;flex-basis:100%;max-width:368px;margin:0 auto 6px}.login-page .login-phone{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);height:48px;transition:border-color var(--motion-quick) var(--motion-ease-out), box-shadow var(--motion-quick) var(--motion-ease-out);align-items:stretch;display:flex}.login-page .login-phone:focus-within{border-color:var(--text);box-shadow:0 0 0 3px var(--login-ring)}.login-page .login-phone[data-invalid]{border-color:var(--danger)}.login-page .login-phone-prefix{border-right:1px solid var(--line);font-variant-numeric:tabular-nums;align-items:center;padding:0 12px 0 14px;font-weight:600;display:inline-flex}.login-page .login-phone-input{border-radius:0 var(--radius-control) var(--radius-control) 0;min-width:0;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;padding:0 14px;font-size:16px}.login-page .login-phone-input:focus-visible{outline:none}.login-page .login-phone-input::placeholder{color:var(--muted);opacity:1}.login-page .login-otp{position:relative}.login-page .login-otp-input{z-index:1;color:#0000;-webkit-text-fill-color:transparent;caret-color:#0000;letter-spacing:-.5em;cursor:text;background:0 0;border:0;outline:none;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.login-page .login-otp-input:focus-visible{outline:none}.login-page .login-otp-input::selection{background:0 0}.login-page .login-otp-input::-ms-reveal{display:none}.login-page .login-otp-input:-webkit-autofill{transition:background-color 600000s,color 600000s}.login-page .login-otp-cells{gap:8px;display:flex}.login-page .login-otp-cell{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);font-variant-numeric:tabular-nums;min-width:0;height:52px;transition:border-color var(--motion-quick) var(--motion-ease-out), box-shadow var(--motion-quick) var(--motion-ease-out);flex:1 1 0;place-items:center;font-size:22px;font-weight:600;display:grid}.login-page .login-otp-cell:nth-child(4){margin-left:8px}.login-page .login-otp-cell[data-active]{border-color:var(--text);box-shadow:0 0 0 3px var(--login-ring)}.login-page .login-otp[data-invalid] .login-otp-cell{border-color:var(--danger)}.login-page .login-otp[data-invalid] .login-otp-cell[data-active]{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 16%, transparent)}.login-page .login-otp-char{--login-rise:4px;--login-blur:2px;--login-dir:1;animation:login-fade-in var(--motion-quick) var(--motion-ease-out) backwards, login-rise var(--motion-pop) var(--motion-spring) backwards, login-unblur var(--motion-quick) var(--motion-ease-out) backwards;display:inline-block}.login-page .btn{transition:scale var(--motion-pop) var(--motion-spring), filter var(--motion-quick) var(--motion-ease-out), background-color var(--motion-quick) var(--motion-ease-out), color var(--motion-quick) var(--motion-ease-out), opacity var(--motion-quick) var(--motion-ease-out)}.login-page .btn:active:not(:disabled){transform:none;scale:var(--motion-press-scale);transition-duration:var(--motion-press);transition-timing-function:var(--motion-ease-out)}.login-page .btn-text:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.login-page .login-submit{grid-template-columns:1fr auto 1fr;align-items:center;column-gap:10px;width:100%;margin-top:12px;display:grid}.login-page .login-submit .login-swap{grid-column:2}.login-page .login-submit[data-busy]{opacity:1;cursor:progress}.login-page .login-spinner{border:2px solid color-mix(in srgb, currentColor 28%, transparent);visibility:hidden;border-top-color:currentColor;border-radius:999px;grid-column:3;justify-self:start;width:16px;height:16px}.login-page .login-submit[data-busy] .login-spinner{visibility:visible;animation:login-spin .8s linear infinite, login-appear var(--motion-fade) var(--motion-ease-out) .4s backwards}.login-page .login-swap{justify-items:center;display:inline-grid}.login-page .login-swap>span{transition:opacity var(--motion-quick) var(--motion-ease-out), translate var(--motion-pop) var(--motion-spring);grid-area:1/1}.login-page .login-swap>span:last-child{opacity:0;translate:0 6px}.login-page .login-swap[data-busy]>span:first-child{opacity:0;translate:0 -6px}.login-page .login-swap[data-busy]>span:last-child{opacity:1;translate:none}.login-page .login-handoff{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.login-page .login-handoff .login-title{margin:0}.login-page .login-wait{display:flex}.login-page .login-cta{width:100%}.login-page .login-handoff .login-lede,.login-page .login-handoff .login-notice{margin:0}.login-page .login-account{border:1px solid var(--line);border-radius:var(--radius-card);align-items:center;gap:12px;width:100%;padding:12px;display:flex}.login-page .login-account-text{flex-direction:column;min-width:0;display:flex}.login-page .login-account-text>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.login-page .login-choices{flex-direction:column;gap:8px;width:100%;display:flex}.login-page .login-account{--login-delay:.22s;--login-blur:3px}.login-page .login-choices{--login-delay:.26s}@keyframes login-fade-in{0%{opacity:0}}@keyframes login-rise{0%{translate:0 calc(var(--login-rise) * var(--login-dir))}}@keyframes login-unblur{0%{filter:blur(var(--login-blur))}}@keyframes login-leave{to{opacity:0;translate:0 calc(-6px * var(--login-dir))}}@keyframes login-appear{0%{opacity:0}to{opacity:1}}@keyframes login-spin{to{rotate:360deg}}@keyframes login-out{to{opacity:0;transform:scale(.985)}}@keyframes login-fade-out{to{opacity:0}}.login-page .login-in{animation:login-fade-in var(--motion-fade) var(--motion-ease-out) backwards, login-rise var(--login-move,var(--motion-pop)) var(--motion-spring) backwards, login-unblur var(--motion-fade) var(--motion-ease-out) backwards;animation-delay:var(--login-delay,0s)}.login-page .login-brand-logo{--login-delay:40ms;--login-rise:16px;--login-blur:8px;--login-move:var(--motion-sheet)}.login-page .login-slogan{--login-delay:.1s;--login-rise:16px;--login-blur:8px;--login-move:var(--motion-sheet)}.login-page .login-title{--login-delay:.16s;--login-blur:6px}.login-page :is(.login-lede,.login-notice){--login-delay:.2s;--login-blur:3px}.login-page .login-field{--login-delay:.24s;--login-blur:3px}.login-page .login-submit{--login-delay:.28s}.login-page .login-after{--login-delay:.32s}.login-page .login-footer{--login-delay:.36s;--login-rise:0px}.login-page .login-wait{--login-delay:.16s}.login-page .login-handoff .login-title{--login-delay:.2s}.login-page .login-cta{--login-delay:.24s}.login-page .login-steps[data-dir=back]{--login-dir:-1}.login-page .login-step[data-leaving]{pointer-events:none;animation:login-leave var(--motion-quick) var(--motion-ease-in) forwards;position:absolute;inset:0 0 auto}.login-page .login-step[data-enter=step] :is(.login-lede,.login-notice){--login-delay:60ms}.login-page .login-step[data-enter=step] .login-field{--login-delay:.1s}.login-page .login-step[data-enter=step] .login-submit{--login-delay:.14s}.login-page .login-step[data-enter=step] .login-after{--login-delay:.18s}.login-page .login-message{--login-rise:4px;--login-dir:1;animation:login-fade-in var(--motion-fade) var(--motion-ease-out) backwards, login-rise var(--motion-pop) var(--motion-spring) backwards}::view-transition-old(.auth){animation:.18s cubic-bezier(.4,0,1,1) both login-out}@media (max-width:860px){.login-page{--login-gutter:clamp(16px, 6vw, 24px);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.login-page .login-brand{padding:max(28px, env(safe-area-inset-top)) var(--login-gutter) 28px}.login-page .login-brand-inner{gap:14px;width:100%;max-width:368px;margin:0 auto}.login-page .login-brand-logo{--login-rise:10px;--login-blur:6px;width:112px}.login-page .login-slogan{letter-spacing:-.02em;--login-rise:10px;--login-blur:6px;font-size:22px;line-height:28px}.login-page .login-panel{padding:32px var(--login-gutter) max(24px, env(safe-area-inset-bottom))}.login-page .login-footer{padding-top:32px}}@media (prefers-reduced-motion:reduce){.login-page{--motion-press-scale:1}.login-page .login-in{animation:.16s linear backwards login-fade-in}.login-page :is(.login-message,.login-otp-char){animation:.12s linear backwards login-fade-in}.login-page .login-step[data-leaving]{animation:.1s linear forwards login-fade-out}.login-page .login-swap>span{translate:none}.login-page .login-submit[data-busy] .login-spinner{animation:2.4s linear infinite login-spin,.16s linear .4s backwards login-appear}::view-transition-old(.auth){animation:.12s linear both login-fade-out}}