.btn-masuk-pressed{opacity:.9!important;transition:transform .12s cubic-bezier(.2,0,0,1),opacity .12s!important;transform:scale(.95)!important}body.login-nav-in-flight #siteHead,body.login-nav-in-flight main:not(.login-shell){opacity:.45;pointer-events:none;transition:opacity .22s ease-out}.login-transition-root{--brand:#10367d;z-index:999998;pointer-events:none;position:fixed;inset:0;overflow:hidden}.login-transition--expanding.login-transition-root,.login-transition--navigating.login-transition-root{pointer-events:auto}.login-transition-disc{left:var(--origin-x,50vw);top:var(--origin-y,50vh);width:var(--disc-size,200vmax);height:var(--disc-size,200vmax);will-change:transform;pointer-events:none;opacity:0;background:#10367d;border-radius:50%;position:fixed;transform:translate(-50%,-50%)scale(.01)}.login-transition--expanding .login-transition-disc{opacity:1;transition:transform .26s cubic-bezier(.22,1,.36,1);transform:translate(-50%,-50%)scale(1)}.login-transition--navigating .login-transition-disc{opacity:1;transform:translate(-50%,-50%)scale(1)}.login-transition-curtain-left,.login-transition-curtain-right{will-change:transform, opacity;pointer-events:none;background:#10367d;display:none;position:fixed;top:0;bottom:0}.login-transition-curtain-left{z-index:999999;width:50vw;left:0}.login-transition-curtain-right{z-index:999999;width:50vw;right:0}.login-transition--revealing .login-transition-disc{display:none}.login-transition--revealing .login-transition-curtain-left{opacity:1;animation:.22s cubic-bezier(.16,1,.3,1) forwards curtainLeftFade;display:block}.login-transition--revealing .login-transition-curtain-right{animation:.32s cubic-bezier(.16,1,.3,1) forwards curtainRightSlide;display:block;transform:translate(0,0)}@keyframes curtainLeftFade{0%{opacity:1}to{opacity:0}}@keyframes curtainRightSlide{0%{transform:translate(0,0)}to{transform:translate(100%)}}@media (max-width:1080px){.login-transition-curtain-left{display:none!important}.login-transition-curtain-right{width:100vw;left:0;right:0}.login-transition--revealing .login-transition-curtain-right{animation:.32s cubic-bezier(.16,1,.3,1) forwards curtainMobileSlideUp;display:block;transform:translate(0,0)}}@keyframes curtainMobileSlideUp{0%{transform:translate(0,0)}to{transform:translateY(-100%)}}.login-shell.login-shell--from-transition .brand-panel{opacity:1!important;animation:.3s cubic-bezier(.16,1,.3,1) both loginBrandReveal!important}.login-shell.login-shell--from-transition .brand-panel .mark,.login-shell.login-shell--from-transition .slogan-kicker,.login-shell.login-shell--from-transition .slogan .line,.login-shell.login-shell--from-transition .proof,.login-shell.login-shell--from-transition .brand-foot,.login-shell.login-shell--from-transition .motifs{opacity:1!important;animation:none!important;transform:none!important}.login-shell.login-shell--from-transition .form-panel{opacity:1!important;animation:.34s cubic-bezier(.16,1,.3,1) both loginFormReveal!important}.login-shell.login-shell--from-transition .form-head{animation:.3s cubic-bezier(.16,1,.3,1) 50ms both loginElementStagger}.login-shell.login-shell--from-transition .card{animation:.32s cubic-bezier(.16,1,.3,1) .1s both loginElementStagger}.login-shell.login-shell--from-transition .form-foot,.login-shell.login-shell--from-transition .legal{animation:.34s cubic-bezier(.16,1,.3,1) .15s both loginElementStagger}@keyframes loginBrandReveal{0%{opacity:.85;transform:translate(-12px)}to{opacity:1;transform:translate(0,0)}}@keyframes loginFormReveal{0%{opacity:.85;transform:translate(20px)}to{opacity:1;transform:translate(0,0)}}@keyframes loginElementStagger{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@media (max-width:1080px){.login-shell.login-shell--from-transition .form-panel{animation:.32s cubic-bezier(.16,1,.3,1) both loginFormRevealMobile!important}}@keyframes loginFormRevealMobile{0%{opacity:.85;transform:translateY(14px)}to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.btn-masuk-pressed,.login-transition-root,.login-transition-disc,.login-transition-curtain-left,.login-transition-curtain-right{transition:none!important;animation:none!important;display:none!important}body.login-nav-in-flight #siteHead,body.login-nav-in-flight main:not(.login-shell){opacity:1!important;transition:none!important}.login-shell.login-shell--from-transition .brand-panel,.login-shell.login-shell--from-transition .form-panel,.login-shell.login-shell--from-transition .form-head,.login-shell.login-shell--from-transition .card,.login-shell.login-shell--from-transition .form-foot,.login-shell.login-shell--from-transition .legal{opacity:1!important;animation:none!important;transform:none!important}}