.login-page{--login-accent:color-mix(in srgb,var(--text-primary)40%,var(--bg-color));background:var(--bg-color);min-height:100dvh;color:var(--text-primary);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;display:flex;overflow:hidden}.login-stage{--w:min(90vw,1100px);--u:calc(var(--w)/1200);width:var(--w);height:calc(var(--u)*620);position:relative}.login-mark{left:0;top:calc(var(--u)*165);width:100%;height:calc(var(--u)*150);animation:.8s cubic-bezier(.65,0,.35,1) 3.35s both login-lift;position:absolute}.login-wordmark{height:100%;font-size:inherit}.login-mark svg{width:100%;height:100%;display:block;overflow:visible}.login-mark path{fill:var(--text-primary)}.login-letter{animation:login-rise .7s cubic-bezier(.3,1.35,.6,1)var(--d)both;transform:translateY(46px)}.login-rule{left:0;top:calc(var(--u)*151);width:100%;height:max(1px,calc(var(--u)*2));background:var(--text-primary);transform-origin:50%;animation:.8s cubic-bezier(.65,0,.35,1) 50ms both login-rule-in,.7s cubic-bezier(.65,0,.35,1) 2.1s forwards login-rule-out;position:absolute}.login-tick{left:var(--x);top:calc(var(--u)*139);width:max(1px,calc(var(--u)*2));height:calc(var(--u)*26);background:var(--login-accent);animation:login-tick-in .15s ease-out var(--d)both,login-tick-out .4s ease-out 2s forwards;position:absolute;transform:translate(-50%)}.login-bar{left:50%;top:calc(var(--u)*298);width:calc(var(--u)*96);margin-left:calc(var(--u)*-48);height:max(2px,calc(var(--u)*3));background:var(--login-accent);animation:.45s cubic-bezier(.33,1,.68,1) 3.9s both login-bar;position:absolute}.login-tag{left:0;top:calc(var(--u)*340);text-align:center;width:100%;font-size:max(12px,calc(var(--u)*34));letter-spacing:.42em;text-transform:uppercase;color:var(--text-secondary);margin:0;padding-left:.42em;font-weight:400;line-height:1.2;position:absolute}.login-tag span{animation:login-word .5s cubic-bezier(.33,1,.68,1)var(--d)both;display:inline-block}.login-actions{left:0;top:calc(var(--u)*540);justify-content:center;width:100%;display:flex;position:absolute}.login-button{min-width:max(160px,calc(var(--u)*260));height:max(44px,calc(var(--u)*72));border:max(1px,calc(var(--u)*2))solid var(--text-primary);color:var(--text-primary);font:inherit;font-size:max(13px,calc(var(--u)*24));letter-spacing:.32em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0 1.4em 0 1.72em;font-weight:400;transition:background-color .2s,color .2s;animation:.5s cubic-bezier(.33,1,.68,1) 4.6s both login-button;display:inline-flex}.login-button:hover{background:var(--text-primary);color:var(--bg-color)}.login-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}@keyframes login-rule-in{0%{transform:scaleX(.08)}to{transform:scaleX(1)}}@keyframes login-rule-out{0%{opacity:1;transform:scaleX(1)}57%{opacity:1}to{opacity:0;transform:scaleX(0)}}@keyframes login-tick-in{0%{opacity:0;transform:translate(-50%)scaleY(0)}to{opacity:1;transform:translate(-50%)scaleY(1)}}@keyframes login-tick-out{to{opacity:0;transform:translate(-50%)scaleY(0)}}@keyframes login-rise{0%{transform:translateY(46px)}to{transform:translateY(0)}}@keyframes login-lift{0%{transform:translateY(0)}to{transform:translateY(calc(var(--u)*-72))}}@keyframes login-bar{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes login-word{0%{transform:translateX(calc(var(--u)*24));opacity:0}to{opacity:1;transform:none}}@keyframes login-button{0%{transform:translateY(calc(var(--u)*16));opacity:0}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.login-page *,.login-page :before,.login-page :after{animation-duration:1ms!important;animation-delay:0s!important}}