.login-page.signin{--signin-ink:#f6f4ff;--signin-muted:#ece9ffb8;--signin-faint:#e4e0ff75;--signin-glow:#8f86ff;color:var(--signin-ink);background:radial-gradient(55% 45% at 50% 40%,#1d1742 0%,#0f0c21 58%,#09070f 100%);flex-direction:column;padding-bottom:5rem}.login-page.signin:before,.login-page.signin:after{display:none}.login-page.signin .login-card{width:min(100%,360px);box-shadow:none;color:var(--signin-ink);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.login-page.signin .login-logo{filter:brightness(1.3);width:min(100%,300px);margin-bottom:3.25rem}.login-page.signin .strata-logo-word{fill:#fff}.login-page.signin .login-heading{margin-bottom:1.4rem}.login-page.signin .login-heading h1{color:var(--signin-muted);font-family:var(--body-font);letter-spacing:0;margin:0;font-size:1.05rem;font-weight:500;line-height:1.4}.login-page.signin .login-heading p{color:var(--signin-faint);letter-spacing:0;text-transform:none;text-wrap:balance;margin:.5rem auto 0;font-size:.9rem;font-weight:400;line-height:1.55}.login-page.signin .google-sign-in{min-height:48px;box-shadow:none;color:#1d1b2e;background:#fff;border:0;border-radius:10px;font-weight:700}.login-page.signin .google-sign-in:hover{box-shadow:0 0 0 4px #8f86ff4d}.login-page.signin .google-sign-in:focus-visible{outline-offset:3px;outline:3px solid #b9adff}.login-page.signin .google-sign-in-disabled,.login-page.signin .google-sign-in-disabled:hover{box-shadow:none}.login-page.signin .login-domain-note{color:var(--signin-faint);text-wrap:balance;margin-top:1.1rem;font-size:.82rem}.login-page.signin .login-domain-note strong{color:var(--signin-muted)}.login-page.signin .login-setup-notice{color:var(--signin-ink);background:#8f86ff1f;border-color:#8f86ff4d}.login-page.signin .signin-footer{color:var(--signin-faint);letter-spacing:.02em;text-align:center;animation:fade-rise .56s 3.1s var(--motion-soft) both;margin:0;font-size:.75rem;position:absolute;bottom:1.75rem;left:0;right:0}.signin{--fly-x:0px;--fly-y:-10vh;--fly-s:.39}.login-intro{z-index:50;cursor:pointer;place-items:center;animation:1ms 2.96s forwards login-intro-end;display:grid;position:fixed;inset:0;overflow:hidden}.login-intro>*{grid-area:1/1}.login-intro-line{background:linear-gradient(90deg, transparent, var(--signin-glow) 38%, #efe9ff 62%, transparent);opacity:0;width:72vw;height:2px;translate:0 var(--y);animation:login-intro-line 1s calc(var(--line) * .12s) cubic-bezier(.5, 0, .2, 1) both;border-radius:2px;justify-self:start;box-shadow:0 0 18px 2px #8f86ff8c}.login-intro-bloom{aspect-ratio:1;opacity:0;background:radial-gradient(circle,#7c6cff80,#66338c38 42%,#0000 70%);border-radius:50%;width:min(92vw,820px);animation:1.7s cubic-bezier(.2,.8,.2,1) .45s both login-intro-bloom,.5s ease-in 2.35s forwards login-intro-fade}.login-intro-mark{filter:brightness(1.55)drop-shadow(0 0 26px #9682ff80);width:min(78vw,760px);animation:.6s cubic-bezier(.65,0,.2,1) 2.35s forwards login-intro-fly}.login-intro-mark svg{width:100%;height:auto;display:block}.login-intro .strata-logo-mark{transform-box:fill-box;transform-origin:50%;animation:login-intro-center .76s 1.25s var(--motion-spring) both}.login-intro .strata-logo-layer{transform-box:fill-box;transform-origin:50%;animation:.82s cubic-bezier(.34,1.4,.64,1) .5s both login-intro-layer}.login-intro .strata-logo-layer[data-layer=leaf]{--from:translate(-520px, -720px) rotate(-26deg) scale(.5)}.login-intro .strata-logo-layer[data-layer=swoosh]{--from:translate(-940px, 320px) rotate(12deg) scale(.6);animation-delay:.59s}.login-intro .strata-logo-layer[data-layer=slab]{--from:translate(820px, 620px) rotate(20deg) scale(.5);animation-delay:.68s}.login-intro .strata-logo-word path{fill:#fff;transform-box:fill-box;animation:login-intro-letter .58s calc(1.35s + var(--letter) * 32ms) var(--motion-spring) both}.login-intro .strata-logo-sheen{animation:.9s cubic-bezier(.45,0,.2,1) 1.85s both login-intro-sheen}.signin:is([data-intro=play],[data-intro=done]) .login-card{animation:.52s ease-out 2.4s both signin-fade-in}.signin:is([data-intro=play],[data-intro=done]) .login-card .login-logo{animation:1ms 2.95s both signin-show}.signin:is([data-intro=play],[data-intro=done]) .login-heading{animation:fade-rise .62s 2.78s var(--motion-soft) both}.signin:is([data-intro=play],[data-intro=done]) .google-sign-in{animation:fade-rise .62s 2.88s var(--motion-soft) both}.signin:is([data-intro=play],[data-intro=done]) .login-domain-note,.signin:is([data-intro=play],[data-intro=done]) .login-setup-notice{animation:fade-rise .56s 2.98s var(--motion-soft) both}.signin[data-intro=done] .login-intro{animation:.24s ease-out forwards signin-out}.signin[data-intro=done] .login-card,.signin[data-intro=done] .login-card *,.signin[data-intro=done] .signin-footer{animation-delay:0s!important}.signin:not([data-intro]) .login-card,.signin[data-intro=skip] .login-card{animation:.36s ease-out both signin-fade-in}.signin:not([data-intro]) .login-card *,.signin[data-intro=skip] .login-card *{animation:none}.signin:not([data-intro]) .signin-footer,.signin[data-intro=skip] .signin-footer{animation-delay:0s}.signin[data-intro=skip] .login-intro{display:none}@media (prefers-reduced-motion:reduce){.login-intro{display:none}.signin .login-card,.signin .login-card *,.signin-footer{animation:none!important}}@keyframes login-intro-line{0%{opacity:0;transform:translate(-72vw)scaleX(.4)}22%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate(100vw)scaleX(1)}}@keyframes login-intro-bloom{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(1.12)}}@keyframes login-intro-layer{0%{opacity:0;transform:var(--from)}35%{opacity:1}to{opacity:1;transform:none}}@keyframes login-intro-center{0%{transform:translate(1497px)scale(1.5)}to{transform:none}}@keyframes login-intro-letter{0%{opacity:0;transform:translateY(180px)}to{opacity:1;transform:none}}@keyframes login-intro-sheen{0%{visibility:visible;transform:translate(0)skew(-18deg)}to{visibility:visible;transform:translate(1900px)skew(-18deg)}}@keyframes login-intro-fly{0%{filter:brightness(1.55)drop-shadow(0 0 26px #9682ff80);transform:none}to{transform:translate(var(--fly-x), var(--fly-y)) scale(var(--fly-s));filter:brightness(1.3)drop-shadow(0 0 #9682ff00)}}@keyframes login-intro-fade{to{opacity:0}}@keyframes login-intro-end{to{visibility:hidden}}@keyframes signin-out{to{opacity:0;visibility:hidden}}@keyframes signin-fade-in{0%{opacity:0}to{opacity:1}}@keyframes signin-show{0%{opacity:0}to{opacity:1}}
