.mobile-login-entry--welcome,.mobile-login-entry--holding,.mobile-login-entry--leaving{height:100dvh;overflow:hidden}.mobile-login-entry--welcome .mobile-login-entry-form,.mobile-login-entry--holding .mobile-login-entry-form{opacity:0;transform:translateY(32px)}.mobile-login-entry--leaving .mobile-login-entry-form{animation:login-form-arrive .5s cubic-bezier(.22,1,.36,1) both}.mobile-login-welcome{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100dvh;padding:max(28px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));overflow:hidden;border:0;color:#172334;background:radial-gradient(ellipse at 90% 10%,#d7efe0,transparent 60%),radial-gradient(ellipse at 5% 90%,#f8ddba,transparent 60%),#fbf3e7;cursor:pointer}.mobile-login-welcome:focus-visible{outline:3px solid #7959ce;outline-offset:-6px}.mobile-login-welcome-heading{font:24px/1.2 Georgia,serif}.mobile-login-welcome-logo{width:min(340px,88vw);height:auto;aspect-ratio:3247 / 709;-o-object-fit:contain;object-fit:contain;margin-top:12px}.mobile-login-welcome-film{width:min(460px,115vw);max-width:none;height:min(42dvh,360px);-o-object-fit:cover;object-fit:cover;mix-blend-mode:multiply;margin:16px -24px;-webkit-mask-image:linear-gradient(transparent,black 12%,black 86%,transparent);mask-image:linear-gradient(transparent,black 12%,black 86%,transparent)}.mobile-login-welcome-skip{font-size:12px;letter-spacing:.04em;color:#655f58;padding:16px}.mobile-login-entry--leaving .mobile-login-welcome{animation:login-welcome-leave .5s cubic-bezier(.65,0,.35,1) both}@keyframes login-welcome-leave{to{transform:translateY(-100%);opacity:0}}@keyframes login-form-arrive{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce),(min-width: 640px){.mobile-login-welcome{display:none}.mobile-login-entry .mobile-login-entry-form{animation:none;transform:none;opacity:1}}