.login-film{--login-glide:var(--site-motion-reveal);width:100%}.login-film--loading,.login-film__stage{--login-stage-height:clamp(270px,33vw,380px);height:var(--login-stage-height)}.login-film .site-film__scene{overflow:hidden}.login-film__stage{place-items:center;display:grid;position:relative;overflow:hidden}.login-film__screen{width:100%;height:100%;position:relative;overflow:hidden}.login-film__canvas{zoom:var(--login-scale,1);background:var(--site-surface);width:390px;height:640px;position:absolute;inset:0 auto auto 0}.login-film__canvas .otp-login{--font-body:var(--site-font);--font-heading:var(--site-font);--font-button:var(--site-font)}.login-film__canvas .otp-login,.login-film__canvas .otp-login__layout{height:640px;min-height:640px}.login-film__canvas .otp-login__content{justify-content:flex-start;padding-top:52px}.login-film__canvas .otp-login__title{font-size:22px;line-height:1.2}.login-film__canvas .otp-login__note{font-size:12px;line-height:1.5}.login-film__canvas .otp-login__note-link{font-size:inherit}.login-film__canvas .otp-login__footer{padding-bottom:38px}.login-film__canvas[data-pressed=true] .sbtn{background:#242424}.login-film__canvas[data-typing=true] .sf__input{border-color:var(--accent,#121212)}.login-film__canvas[data-count="0"] .sco__slot:first-child .sco__box,.login-film__canvas[data-count="1"] .sco__slot:nth-child(2) .sco__box,.login-film__canvas[data-count="2"] .sco__slot:nth-child(3) .sco__box,.login-film__canvas[data-count="3"] .sco__slot:nth-child(4) .sco__box,.login-film__canvas[data-count="4"] .sco__slot:nth-child(5) .sco__box,.login-film__canvas[data-count="5"] .sco__slot:nth-child(6) .sco__box{border-color:var(--accent,#121212);outline:1px solid var(--accent,#121212);outline-offset:0}.login-film__welcome{text-align:center;width:100%;color:var(--site-text);flex-direction:column;align-items:center;gap:20px;display:flex}.login-film__success-mark{color:#286843;background:#e9f4ec;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.login-film__canvas .sco__digit:not(.sco__digit--leaving){animation:none;transform:none}.login-film__canvas .otp-login__step--in-forward[data-settled=true]{opacity:1;will-change:auto;animation:none;transform:none}.login-media{isolation:isolate;aspect-ratio:1;border-radius:var(--site-radius-2xl);width:100%;position:relative;overflow:hidden}.login-media:before{content:"";z-index:-2;background:url(https://res.cloudinary.com/dmgmoisae/image/upload/v1791374810/Codex_maxxing_1x1_kyl3s3.webp) 50%/cover no-repeat;position:absolute;inset:0}.login-media__film{zoom:var(--login-presentation-scale,1);width:380px}.login-media .login-film--loading,.login-media .login-film__stage{--login-stage-height:380px}.login-media .site-film__scene{background:0 0}