.page-login{--muted:#484848;--login-space:var(--site-frame-inset);--login-header-height:44px;background:#fff;padding:0;position:relative;overflow-x:clip}.page-login .site-header{top:var(--login-space);z-index:40;width:calc(100% - 2 * var(--login-space));max-width:none;height:var(--login-header-height);justify-content:flex-end;padding:0;position:absolute;left:50%;translate:-50%}.page-login .login-layout{width:100%;max-width:none;min-height:100svh;padding:calc(var(--login-header-height) + 2 * var(--login-space)) var(--login-space) 0;align-items:center;gap:var(--login-space);background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) minmax(340px,1fr);overflow:clip visible}.page-login .auth-content{max-width:400px;padding:24px 0}@media (width>=801px){.page-login .login-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(64px,8vw,128px);max-width:1600px;padding:88px clamp(32px,5vw,96px)}}.page-login .page-heading{margin-bottom:36px}.page-login .page-heading h1{letter-spacing:-.025em;margin:0;font-size:clamp(32px,2.8vw,40px);font-weight:600;line-height:1.16}.page-login .social{gap:12px}.page-login .social button{border-color:#dedee3;border-radius:14px;min-height:54px;font-size:15px}.page-login .form-divider{color:var(--muted);margin-block:28px;font-size:14px}.page-login .login-form label{margin-bottom:10px;font-size:15px}.page-login .login-form input{border-color:#a8a8b2;border-radius:14px;min-height:54px}.page-login .login-actions{margin-top:16px}.page-login .login-actions button{min-height:54px;margin-top:0;font-size:15px}.page-login .login-layout:has([data-registration-welcome]){grid-template-columns:1fr}.page-login .login-layout:has([data-registration-welcome]) .login-art{display:none}.page-login .code-heading h1{margin-bottom:12px}@media (width>=801px){.page-login .login-layout:has([data-login-step=code]){padding-block:48px}.page-login .login-layout:has([data-login-step=code]) .auth-content{padding-block:0}.page-login .login-layout:has([data-login-step=code]) .page-heading{margin-bottom:24px}}.page-login .login-art{isolation:isolate;--login-art-height:min(680px, calc(100svh - 176px));aspect-ratio:1;width:100%;height:auto;max-width:var(--login-art-height);text-align:left;border-radius:0;place-self:center;padding:0;display:block;position:relative;overflow:visible;container-type:size}.login-art-card{background:#deebf0;border-radius:36px;position:absolute;inset:0;overflow:hidden}.login-art-background{pointer-events:none;width:157.13%;max-width:none;height:auto;position:absolute;top:39.21%;left:51.65%;transform:translate(-50%,-50%)rotate(-35.91deg)}.login-art-heading{z-index:2;padding:calc(4.923cqw + clamp(8px,1.8cqw,18px)) 4.923cqw 0;position:relative}.login-art-card h2{color:#4c7082;font-family:var(--font-display);font-size:var(--hero-title-size);line-height:var(--hero-title-leading);font-weight:var(--hero-title-weight);letter-spacing:var(--hero-title-tracking);margin:0;padding:0}.login-art-card h2 span{display:block}.login-wave-backdrop{flex-direction:row-reverse;align-items:center;gap:.9886cqw;width:90.47cqw;height:16.807cqw;margin-top:clamp(12px,2.4cqw,24px);margin-left:7.847cqw;padding:0 4.943cqw 0 7.415cqw;display:flex;position:relative}.login-wave-backdrop i{width:.9886cqw;height:calc(var(--bar-height) * .4943cqw);transform-origin:50%;animation:login-wave-audio var(--wave-duration) ease-in-out var(--wave-delay) infinite;background:#ffffff52;border-radius:4.943cqw;flex-shrink:0;display:block}.login-art-messages{width:100%;height:20.769cqw;position:absolute;top:50.15%;left:0}.login-voice-bubble{--glass-edge:clamp(.75px, .1154cqw, 1.5px);z-index:2;-webkit-backdrop-filter:blur(8px)saturate(1.1);color:#6f8093;background:#f8f8f829;border:1px solid #7a8f9761;border-radius:6.408cqw 6.408cqw 6.408cqw 1.831cqw;justify-content:center;align-items:center;gap:0;height:8.6154cqw;padding:0 3.6923cqw;font-size:2cqw;display:flex;position:absolute;box-shadow:1px 0 #6279832e,-1px 0 #6279832e,0 1.2cqw 2.2cqw #28414c06}.login-voice-bubble:before{box-shadow:inset 0 var(--glass-edge) 1px #fffffffa, inset 0 calc(-1 * var(--glass-edge)) 1px #fffffffa, inset 0 .8cqw 1cqw -.6cqw #ffffffb3, inset 0 -.8cqw 1cqw -.6cqw #fffc;background:linear-gradient(#ffffff38,#7d939d09 30%,#ffffff0f 64%,#ffffff38);border:0}.login-voice-bubble:after{content:"";border-radius:inherit;pointer-events:none;padding:var(--glass-edge);background:linear-gradient(160deg,#fffffff5 4%,#ffffff40 28%,#657d8833 48%,#ffffffe6 78%);position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.login-voice-bubble>span:last-child{opacity:.6}@media (prefers-reduced-transparency:reduce){.login-voice-bubble{-webkit-backdrop-filter:none;background:#e5edf0}}.login-voice-short{width:27.0769%;top:0;left:2.7692%}.login-voice-long{width:40.6154%;top:12.1538cqw;left:19.6923%}.login-wave{flex-shrink:0;align-items:center;gap:.3077cqw;padding:0 2.3077cqw 0 1.5385cqw;display:flex}.login-wave i{width:.3077cqw;height:calc(var(--bar-height) * .153846cqw);background:#6f8093;border-radius:3px;display:block}.login-folder,.login-mail{z-index:2;transform-origin:50% 100%;width:6.7478%;height:auto;animation:.65s cubic-bezier(.16,1,.3,1) both login-icon-rise;position:absolute}.login-folder{animation-delay:.16s;top:10.973cqw;left:8.6169%;rotate:-8.53deg}.login-mail{animation-delay:.28s;top:7.0785cqw;left:48.0017%;rotate:11.76deg}.login-art-footer{z-index:2;flex-direction:column;gap:5.3846cqw;width:65%;display:flex;position:absolute;bottom:5.5385cqw;left:4.923%}.login-art-caption{color:#566f7a;font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(15px,3.3231cqw,29px);font-weight:600;line-height:1.25}.login-art-caption-fade{color:#0000;background:linear-gradient(90deg,#566f7a 60%,#566f7a3d) text}.login-conversation-hint{color:#5a75888c;letter-spacing:-.02em;align-items:center;gap:1.2308cqw;margin:0;font-size:clamp(12px,2.4923cqw,22px);font-weight:500;line-height:1.1;display:flex}.login-command-key{border:1px solid #5a758833;border-radius:.4444em;flex:none;place-items:center;width:1.5556em;height:1.5556em;font-size:1em;display:grid}.login-character-frame{z-index:3;pointer-events:none;position:absolute;inset:0 -33% calc(50cqw - 50svh) 39%;overflow:clip}.page-login .login-character-frame .landing-hero-character{aspect-ratio:1240/1674;width:100%;height:auto;display:block;position:absolute;inset:auto 0 0 auto;translate:0 19.26%}.page-login .login-character-frame :is(canvas,img){width:100%;height:auto;inset:0}@media (width>=1600px){.page-login .auth-content{max-width:440px}}@media (width<=1100px){.login-character-frame{left:32%;right:-26%}}@media (width<=800px){.page-login{padding-bottom:0}.page-login .login-layout{min-height:100svh;padding:clamp(112px, calc(12svh + 16px), 132px) var(--login-space) 0;flex-direction:column;gap:32px;display:flex}.page-login .login-layout:has([data-login-step=email]){background:#fff}.page-login .auth-content{order:-1;width:100%;max-width:400px;padding:0}.page-login .page-heading{text-align:center;margin-bottom:28px}.page-login .login-art{width:min(100%,440px);height:var(--login-art-height);aspect-ratio:auto;--login-art-height:clamp(300px, 36svh, 360px);flex-shrink:0;align-self:center;max-width:none;margin-top:auto}.login-art:before{content:"";pointer-events:none;background:radial-gradient(70% 90% at 50% -20%,#fff 66%,#f9fcfd 82%,#eaf4f8 110%,#dcecf2 145%);width:100vw;position:absolute;inset:-32px auto 0 50%;translate:-50%}.login-art-card{display:none}.login-character-frame{inset:0}.page-login .login-character-frame .landing-hero-character{width:min(165%,560px);inset:-4cqw auto auto 50%;translate:-50%}.page-login .login-layout:has([data-login-step=code]),.page-login .login-layout:has([data-registration-welcome]){justify-content:center;padding-top:80px;padding-bottom:40px}}@keyframes login-icon-rise{0%{opacity:0;transform:translateY(2cqw)}to{opacity:1;transform:translateY(0)}}@keyframes login-wave-audio{0%,to{transform:scaleY(.82)}18%{transform:scaleY(1.02)}39%{transform:scaleY(.68)}61%{transform:scaleY(1.08)}82%{transform:scaleY(.88)}}@media (prefers-reduced-motion:reduce){.login-folder,.login-mail,.login-wave-backdrop i{animation:none}}