.login-page{overflow-x:hidden}.login-page:before{content:"";position:fixed;inset:0 0 auto;top:inherit;z-index:2;height:calc(env(safe-area-inset-top, 0px) + 40px);background:linear-gradient(to bottom,var(--color-canvas) env(safe-area-inset-top,0),transparent 100%);pointer-events:none}.login-stage{position:relative;isolation:isolate;width:100%;max-width:520px;min-height:100%;margin-inline:auto;padding:calc(env(safe-area-inset-top, 0px) + 150px) 40px calc(env(safe-area-inset-bottom, 0px) + 32px)}.login-content{position:relative;z-index:1}.login-light{user-select:none}.login-light,.login-water-frame{position:absolute;inset:0;pointer-events:none}.login-water-frame{border:0;width:100%;height:100%;opacity:0}.login-page[data-welcome-water-ready] .login-water-frame{opacity:1}.login-page[data-welcome-water-ready] .login-mark{opacity:0}.login-mark{display:block;margin-bottom:32px}.login-title{margin:0;font-size:var(--text-metric);line-height:1.08}.login-title span{display:block}.login-intro{max-width:20rem;margin-top:18px;font-size:var(--text-base);line-height:var(--leading-body)}.login-form-region{margin-top:28px}.login-method{margin-bottom:24px}.login-terms{margin-top:20px;text-align:left}@media (max-width:359px){.login-stage{padding-inline:24px;padding-top:calc(env(safe-area-inset-top, 0px) + 84px)}.login-mark{height:56px;width:auto;margin-bottom:24px}.login-title{font-size:var(--text-display)}}@media (max-height:740px){.login-stage{padding-top:calc(env(safe-area-inset-top, 0px) + 64px)}.login-mark{height:56px;width:auto;margin-bottom:24px}.login-title{font-size:var(--text-display)}.login-form-region{margin-top:24px}.login-method{margin-bottom:20px}}@media (max-height:600px){.login-stage{padding-top:calc(env(safe-area-inset-top, 0px) + 24px)}.login-mark{height:44px;width:auto;margin-bottom:18px}.login-intro{margin-top:12px}}.login-page[data-keyboard-open] .login-stage{padding-top:calc(env(safe-area-inset-top, 0px) + 20px)}.login-page[data-keyboard-open] .login-mark{height:44px;width:auto;margin-bottom:0}.login-page[data-keyboard-open] .login-form-region{margin-top:20px}@media (prefers-reduced-motion:reduce){.login-water-frame{display:none}.login-page[data-welcome-water-ready] .login-mark{opacity:1}}