.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-content{visibility:hidden}.login-demo-content{display:inline-block;max-width:100%;vertical-align:top;white-space:pre-wrap;transform-origin:center}.login-demo-text[data-phase=convert] .login-demo-content{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-text[data-phase=convert] .login-demo-content{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-content,.login-demo-flight,.login-demo-birth{animation:none}}