@view-transition{navigation:none}.login{--login-spring:var(--m-ease);--login-fade:var(--m-ease);--login-exit:var(--m-ease-exit);--login-release:var(--m-release);--login-t0:60ms;--login-step:var(--m-stagger-intro);--login-line:var(--line-1);--login-rule:#ffffff0b;--login-light:#ffffff0d;--login-area:.14;isolation:isolate;min-height:100dvh;padding:var(--s7) var(--s4) var(--s8);background:var(--page);color:var(--text);flex-direction:column;align-items:center;display:flex;position:relative}html[data-theme=light] .login{--login-rule:#231f200f;--login-light:#ffffffb3;--login-area:.1}.login__col{gap:var(--s6);flex-direction:column;width:100%;max-width:440px;margin-block:auto;display:flex}.login__bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.login__bg:after{content:"";background:radial-gradient(75% 55% at 50% -6%, var(--login-light), transparent 72%);position:absolute;inset:0}.login__defs{width:0;height:0;position:absolute}.login__stop{stop-color:var(--login-line);stop-opacity:var(--login-area)}.login__stop--mid{stop-opacity:calc(var(--login-area) * .3)}.login__stop--end{stop-opacity:0}.login__rules{background:linear-gradient(to bottom, var(--login-rule) 1px, transparent 1px) 0 50% / 100% 88px;animation:login-appear .6s var(--login-fade) backwards;position:absolute;inset:0;-webkit-mask:radial-gradient(85% 70% at 50% 58%,#000 30%,#0000 92%);mask:radial-gradient(85% 70% at 50% 58%,#000 30%,#0000 92%)}.login__plot{position:absolute;inset:0}@media (max-width:640px){.login__plot{top:58%}}.login__chart{width:100%;height:100%;position:absolute;inset:0;overflow:visible;-webkit-mask:linear-gradient(90deg,#0000 2%,#000 26%);mask:linear-gradient(90deg,#0000 2%,#000 26%)}.login__chart--coarse{display:none}@media (max-width:640px){.login__chart--fine{display:none}.login__chart--coarse{display:block}}.login__line{stroke:var(--login-line);stroke-width:1.5px;stroke-opacity:.6;stroke-linejoin:round;stroke-linecap:round}.login__wipe{background:linear-gradient(90deg, transparent, var(--page) 160px);width:calc(100% + 160px);animation:.74s cubic-bezier(.45,0,.2,1) .16s backwards login-wipe;position:absolute;top:0;bottom:0;left:-160px;transform:translate(calc(75vw + 160px))}.login__last{width:0;height:0;position:absolute}.login__dot{border-radius:var(--r-pill);background:var(--login-line);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--login-line) 18%, transparent), 0 0 16px 2px color-mix(in srgb, var(--login-line) 45%, transparent);animation:login-pop .24s var(--m-ease) .86s backwards;position:absolute;top:-3.5px;left:-3.5px}.login__level{background:repeating-linear-gradient(90deg, var(--login-line) 0 3px, transparent 3px 7px);opacity:.3;transform-origin:0;width:30vw;height:1px;animation:login-level .24s var(--m-ease) .86s backwards;position:absolute;top:-.5px;left:12px;-webkit-mask:linear-gradient(90deg,#000 30%,#0000);mask:linear-gradient(90deg,#000 30%,#0000)}.login__brand{justify-content:center;display:flex}.login__logo{view-transition-name:summit-brand;animation:login-resolve .36s var(--login-fade) backwards}html[data-vt-in] .login__logo{animation:none}.login__card{gap:var(--s6);padding:var(--s7);border-radius:var(--r-panel);animation:login-lift .48s var(--login-spring) backwards, login-appear .24s var(--login-fade) backwards;flex-direction:column;display:flex}.login__card>*{z-index:1;position:relative}.login__title{font-size:var(--t-figure);font-weight:var(--w-regular);letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.15}.login__sub{margin:var(--s2) 0 0;font-size:var(--t-body);color:var(--text-2);text-wrap:pretty;line-height:1.5}.login__actions{gap:var(--s4);flex-direction:column;display:flex}.login__actions--wait{min-height:201px}.login__actions .login__in{--login-at:max(0s, calc(var(--login-t0) + var(--i,0) * var(--login-step) - var(--login-late,0s)))}.login__in{--login-at:calc(var(--login-t0) + var(--i,0) * var(--login-step));animation:login-rise var(--m-ui) var(--login-spring) var(--login-at) backwards, login-appear .22s var(--login-fade) var(--login-at) backwards}.login__form{gap:var(--s2);flex-direction:column;display:flex}.login__labelrow{justify-content:space-between;align-items:baseline;gap:var(--s3);min-width:0;display:flex}.login__label{font-size:var(--t-label);font-weight:var(--w-medium);color:var(--text-sub);flex:none}.login__err{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--t-label);font-weight:var(--w-medium);color:var(--down);opacity:0;transition:opacity var(--dur-press) var(--login-exit), transform var(--dur-press) var(--login-exit);overflow:hidden;transform:translate(10px)}.login__err[data-shown]{opacity:1;transition:opacity var(--dur-ui) var(--login-fade), transform .52s var(--login-spring);transform:none}.login__field{margin-bottom:var(--s2);border-radius:var(--r-pill);--login-lit:linear-gradient(155deg, #fffffff2 0%, color-mix(in srgb, var(--accent) 75%, #fff) 26%, color-mix(in srgb, var(--accent) 80%, transparent) 58%, color-mix(in srgb, var(--accent) 70%, #fff) 100%);--login-glow:color-mix(in srgb, var(--accent) 24%, transparent);display:block}.login__field[data-error]{--login-lit:linear-gradient(155deg, color-mix(in srgb, var(--down) 55%, #fff) 0%, var(--down) 30%, color-mix(in srgb, var(--down) 80%, transparent) 60%, color-mix(in srgb, var(--down) 85%, #fff) 100%);--login-glow:color-mix(in srgb, var(--down) 24%, transparent)}.login__field:after{content:"";border-radius:inherit;background:var(--login-lit);-webkit-mask-composite:xor;opacity:0;pointer-events:none;transition:opacity var(--dur-ui) var(--login-fade);padding:1.5px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.login__ring{border-radius:inherit;box-shadow:0 0 0 4px var(--login-glow);opacity:0;pointer-events:none;transition:opacity var(--dur-ui) var(--login-fade);position:absolute;inset:0}.login__field:focus-within:after,.login__field[data-error]:after,.login__field:focus-within .login__ring,.login__field[data-error] .login__ring{opacity:1}.login__input{z-index:1;width:100%;height:50px;padding:0 var(--s5);border-radius:inherit;color:var(--text);letter-spacing:.12em;transition:opacity var(--dur-ui) var(--login-fade);background:0 0;border:0;outline:none;font-size:16px;display:block;position:relative}.login__input:focus-visible{box-shadow:none}.login__input:read-only{opacity:.6}.login__btn{width:100%;height:56px;padding:0 var(--s5);border-radius:var(--r-pill);background:var(--lg-caustic-solid), var(--primary);color:var(--on-primary);font-size:var(--t-title-v2);font-weight:var(--w-semi);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--m-release) var(--m-spring-calm), filter var(--m-fast) var(--m-ease);border:0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;box-shadow:inset 0 1px 1px #ffffff80,inset 0 -12px 18px -14px #0000002e,0 1px 2px #0000004d,0 14px 30px -16px #000000b3}.login__btn:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(155deg,#ffffffb3 0%,#fff3 30%,#ffffff0a 60%,#ffffff3d 100%);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@media (hover:hover){.login__btn:hover{filter:brightness(.94)}}.login__btn:is(:active,[data-press]){transform:scale(var(--m-press-lg));filter:var(--m-press-dim);transition:transform var(--m-press) var(--m-ease-press), filter var(--m-press) var(--m-ease-press)}html[data-theme=light] .login__btn:is(:active,[data-press]){filter:var(--press-filter)}.login__btn:focus-visible{box-shadow:inset 0 1px 1px 0 #ffffff80, var(--focus)}html[data-theme=light] .login__btn{box-shadow:inset 0 1px 1px #ffffff38,0 1px 2px #231f2029,0 12px 26px -14px #231f2080}.login__btn-label{align-items:center;gap:var(--s2);transition:opacity .16s var(--login-fade), transform var(--login-release) var(--login-spring), filter .16s var(--login-fade);display:inline-flex}.login__spin{opacity:0;pointer-events:none;transition:opacity .14s var(--login-fade), transform var(--login-release) var(--login-spring);place-items:center;display:grid;position:absolute;inset:0;transform:scale(.5)}.login__spin svg{width:22px;height:22px;animation:.8s linear infinite paused login-turn}.login__btn[data-pending]{cursor:progress}.login__btn[data-pending] .login__btn-label{opacity:0;filter:blur(3px);transform:scale(.92)}.login__btn[data-pending] .login__spin{opacity:1;transition-delay:60ms;transform:none}.login__btn[data-pending] .login__spin svg{animation-play-state:running}.login__arrow{width:1.15em;height:1.15em;transition:transform var(--dur-ui) var(--login-spring);flex:none;margin:0 -.2em 0 -.1em}@media (hover:hover){.login__btn:hover .login__arrow{transform:translate(3px)}}.login__btn:focus-visible .login__arrow{transform:translate(3px)}.login__error{font-size:var(--t-body);color:var(--down);margin:0;line-height:1.45}.login__note{padding:var(--s3) var(--s4);border-radius:var(--r-btn);background:color-mix(in srgb, var(--accent) 10%, transparent);font-size:var(--t-body);color:var(--text-sub);margin:0;line-height:1.45}.login__fine{text-align:center;font-size:var(--t-label);color:var(--text-2);text-wrap:balance;margin:0;line-height:1.5}.login__dev{align-items:flex-start;gap:var(--s2);padding:var(--s3) var(--s4) var(--s4);border-radius:var(--r-card);background:var(--band);flex-direction:column;display:flex}.login__dev p{font-size:var(--t-label);color:var(--text-2);margin:0;line-height:1.5}.login__dev code{font-family:var(--mono);color:var(--text-sub);overflow-wrap:anywhere;font-size:.92em}.login__chip{height:var(--chip-h);padding:0 var(--s2);border-radius:var(--r-pill);background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn);font-size:var(--t-micro);font-weight:var(--w-semi);letter-spacing:.04em;text-transform:uppercase;align-items:center;display:inline-flex}.login__foot{text-align:center;font-size:var(--t-label);color:var(--text-2);animation:login-appear .3s var(--login-fade) calc(var(--login-t0) + 6 * var(--login-step)) backwards;margin:0}html[data-vt-in] .login{--login-t0:0s;--login-step:0s}html[data-vt-in] .login__card{animation:login-lift .28s var(--login-spring) backwards, login-appear .2s var(--login-fade) backwards}html[data-vt-in] .login__in{animation-duration:var(--m-ui), .2s;animation-delay:var(--m-stagger)}html[data-vt-in] :is(.login__rules,.login__wipe,.login__dot,.login__level){animation:none}html[data-vt-in] .login__foot{animation:login-appear .2s var(--login-fade) backwards}@media (max-width:480px){.login__card{padding:var(--s6) var(--s5)}}.login[data-leaving] .login__card{animation:login-through .2s var(--login-exit) forwards}.login[data-leaving] :is(.login__bg,.login__foot,.login__brand){animation:login-vanish .2s var(--login-exit) forwards}@keyframes login-appear{0%{opacity:0}}@keyframes login-vanish{to{opacity:0}}@keyframes login-resolve{0%{opacity:0;transform:translateY(6px)scale(.97)}}@keyframes login-lift{0%{transform:translateY(12px)scale(.98)}}@keyframes login-rise{0%{transform:translateY(8px)}}@keyframes login-wipe{0%{transform:translate(0,0)}}@keyframes login-pop{0%{opacity:0;transform:scale(.5)}}@keyframes login-level{0%{opacity:0;transform:scaleX(.4)}}@keyframes login-turn{to{transform:rotate(1turn)}}@keyframes login-through{to{opacity:0;filter:blur(10px);transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.login{--login-t0:0s;--login-step:0s;animation:.32s ease-out backwards login-appear!important}.login :is(.login__in,.login__card,.login__logo,.login__foot,.login__rules,.login__wipe,.login__dot,.login__level){animation-delay:0s!important}.login__spin svg{animation-duration:.8s!important}.login__logo{view-transition-name:none}}
