.login-page{position:relative;display:flex;flex-direction:column;min-height:100svh}.login-header{position:relative;z-index:10;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:1280px;margin-inline:auto;padding:32px 24px}.login-landing{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 24px 56px}.login-content{display:flex;flex:none;flex-direction:column;align-items:center;width:100%;max-width:960px;margin-block:auto}.login-hero{display:flex;flex-direction:column;align-items:center;width:100%}.login-sticker{position:relative;z-index:2;width:128px;height:112px;margin-block:-4px -20px;flex-shrink:0;transform:rotate(-28deg)}.login-sticker--compact{width:104px;height:96px;margin:0 0 8px}.login-demo-text{position:relative;z-index:2;width:100%;max-width:640px;min-height:64px;margin:8px 0 0;font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);text-align:center;overflow-wrap:anywhere}.login-demo-copy{position:relative;z-index:2;width:100%;max-width:640px}.login-demo-sizer{display:grid;visibility:hidden;pointer-events:none}.login-demo-sizer>p{grid-area:1 / 1}.login-demo-text--animated{position:absolute;inset:0 0 auto}.login-demo-text[data-phase=gap] .login-demo-suffix{visibility:hidden}.login-demo-prefix{white-space:pre}.login-demo-suffix{display:inline-block;max-width:calc(100% - 3.5em);vertical-align:top;white-space:pre-wrap;transform-origin:center}.login-demo-text[data-phase=convert] .login-demo-suffix{animation:login-demo-convert .3s ease-in-out both}.login-demo-cursor{animation:login-demo-cursor 1s steps(2,jump-none) infinite}.login-actions{position:relative;z-index:3;width:100%;max-width:340px;margin-top:32px}.login-session-slot{min-height:48px;margin-bottom:16px}.login-other-methods{margin-top:24px}.login-footer{position:relative;z-index:3;margin-top:24px;max-width:560px}.login-form{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:24px 24px 48px}.login-demo-cards{position:absolute;z-index:20;inset:0;overflow:hidden;pointer-events:none}.login-demo-flight{position:absolute;animation:login-demo-flight 12s linear both}.login-demo-birth{animation:login-demo-birth .3s cubic-bezier(.2,1.4,.5,1) both}.login-demo-card{display:flex;width:168px;min-height:128px;flex-direction:column;padding:12px 16px;border-radius:20px;background:rgb(var(--color-system-elevation-level1));color:rgb(var(--color-system-text-primary));box-shadow:0 4px 16px rgb(var(--color-component-card-shadow)),0 16px 64px rgb(var(--color-component-card-shadow))}.login-demo-card__emoji{margin-bottom:12px;font-size:var(--text-4xl);line-height:1}.login-demo-card__title{margin-top:auto;font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:500;overflow-wrap:anywhere}.login-demo-card__caption{color:var(--demo-color);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.login-demo-static{position:relative;z-index:2;margin-top:16px}.login-demo-cards[data-paused=true] *,.login-demo-text[data-paused=true] *{animation-play-state:paused}@media(width<640px){.login-header{padding:20px}.login-demo-text{min-height:112px;font-size:var(--text-xl);line-height:var(--text-xl--line-height)}.login-demo-suffix{display:inline;max-width:none}.login-demo-text[data-phase=convert] .login-demo-suffix{animation-name:login-demo-fade}.login-demo-card{width:144px;min-height:120px}}@media(height<800px){.login-header{padding-top:20px;padding-bottom:20px}.login-landing{padding-block:16px 32px}}@media(height<640px){.login-header{padding-top:16px;padding-bottom:16px}.login-sticker{width:104px;height:88px}.login-other-methods,.login-footer{margin-top:16px}}@keyframes login-demo-convert{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes login-demo-cursor{to{opacity:0}}@keyframes login-demo-fade{0%{opacity:1}to{opacity:0}}@keyframes login-demo-birth{0%{transform:translate(-50%,-50%) scale(.1);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes login-demo-flight{0%{transform:translate(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translate(var(--flight-x),var(--flight-y)) rotate(var(--flight-rotation));opacity:0}}@media(prefers-reduced-motion:reduce){.login-demo-cursor,.login-demo-suffix,.login-demo-flight,.login-demo-birth{animation:none}}.login-background{position:absolute;inset:0 0 auto;z-index:-1;height:min(100svh,clamp(320px,calc(50svh + max(0px,36vw - 276.48px)),min(760px,76.8889svh)));overflow:hidden;pointer-events:none;container-type:size;mask-image:linear-gradient(#000 70%,transparent)}.login-background__scene{--login-bg-unit: clamp(.5px, calc(100cqw / 1440), 1.5px);--login-bg-red-anchor: calc(62.5% + clamp(0px, 180px - 12.5cqw, 12.5cqw)) ;--login-bg-orange-anchor: 19.9519%;--login-bg-red: rgb(240 42 68 / 40%);--login-bg-rose: rgb(245 83 104 / 40%);--login-bg-orange: rgb(255 169 70 / 40%);--login-bg-pink: rgb(254 149 161 / 40%);--login-bg-peach: rgb(255 182 153 / 40%);position:absolute;inset:0}.login-background__colors{position:absolute;inset:0;opacity:.4}.login-background__red-position{position:absolute;top:0;left:calc(var(--login-bg-red-anchor) - 900 * var(--login-bg-unit));width:calc(1440 * var(--login-bg-unit))}.login-background__red{display:block;width:100%;height:auto;overflow:visible;filter:blur(calc(112.977 * var(--login-bg-unit)))}.login-background__orange-position{position:absolute;top:calc(-369.52 * var(--login-bg-unit));left:calc(var(--login-bg-orange-anchor) - 506.578 * var(--login-bg-unit));width:calc(1013.156 * var(--login-bg-unit))}.login-background__orange{aspect-ratio:1013.156 / 640.844;border-radius:50%;transform:rotate(-15.069deg);filter:blur(calc(150.635 * var(--login-bg-unit)));background-color:var(--login-bg-orange);animation-name:login-background-orange-color}.login-background__veil{position:absolute;top:calc(199 * var(--login-bg-unit));left:calc(-47 * var(--login-bg-unit));width:calc(100% + 94 * var(--login-bg-unit));height:calc(767 * var(--login-bg-unit));border-radius:50%;background-color:rgb(var(--color-system-elevation-level2));filter:blur(calc(64 * var(--login-bg-unit)))}.login-background__motion{animation-duration:15s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.login-background__red-x{animation-name:login-background-red-x}.login-background__red-y{animation-name:login-background-red-y}.login-background__red-fill{fill:var(--login-bg-red);animation-name:login-background-red-color}.login-background__orange-x{animation-name:login-background-orange-x}.login-background__orange-y{animation-name:login-background-orange-y}.login-background[data-paused=true] .login-background__motion{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.login-background__motion{animation:none}}@keyframes login-background-red-x{0%,to{transform:translate(0)}33.33%{transform:translate(calc(-100 * var(--login-bg-unit)))}66.67%{transform:translate(calc(75 * var(--login-bg-unit)))}}@keyframes login-background-red-y{0%,to{transform:translateY(0)}26.67%{transform:translateY(calc(62.5 * var(--login-bg-unit)))}60%{transform:translateY(calc(-50 * var(--login-bg-unit)))}}@keyframes login-background-orange-x{0%,to{transform:translate(0)}33.33%{transform:translate(calc(87.5 * var(--login-bg-unit)))}66.67%{transform:translate(calc(-62.5 * var(--login-bg-unit)))}}@keyframes login-background-orange-y{0%,to{transform:translateY(0)}33.33%{transform:translateY(calc(-75 * var(--login-bg-unit)))}66.67%{transform:translateY(calc(50 * var(--login-bg-unit)))}}@keyframes login-background-red-color{0%,to{fill:var(--login-bg-red)}20%{fill:var(--login-bg-rose)}40%{fill:var(--login-bg-orange)}60%{fill:var(--login-bg-pink)}80%{fill:var(--login-bg-peach)}}@keyframes login-background-orange-color{0%,to{background-color:var(--login-bg-orange)}20%{background-color:var(--login-bg-pink)}40%{background-color:var(--login-bg-peach)}60%{background-color:var(--login-bg-red)}80%{background-color:var(--login-bg-rose)}}