.login-shell{min-height:100vh;position:relative}.login-shell:before{content:"";opacity:.55;pointer-events:none;background:linear-gradient(118deg,#0000 0 42%,#ed1b2f57 42.15%,#ffffff29 42.45%,#0000 42.75% 100%),linear-gradient(122deg,#0000 0 53%,#ffffff0e 53.12%,#0000 53.35% 100%);position:absolute;inset:0}.login-shell:after{content:"WORKSPACE MOTORVIA · LIVE";z-index:2;color:#ffffffb8;letter-spacing:.16em;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:10px 13px;font-size:9px;font-weight:950;position:absolute;top:34px;right:clamp(22px,4vw,56px);box-shadow:0 18px 46px #00000038}.login-access form{position:relative}.login-story:before{opacity:.72}.login-story:after{border-color:#ed1b2f17;box-shadow:inset 0 0 0 70px #ffffff03,inset 0 0 0 150px #ed1b2f06,0 0 120px #ed1b2f24}.login-story>div:after{content:"";background:linear-gradient(90deg,#ed1b2f,#ed1b2f26,#0000);width:min(420px,72vw);height:2px;margin-top:28px;display:block;box-shadow:0 0 34px #ed1b2f57}.login-logo-link{transform:translateZ(0)}.login-logo-link:after{content:"";filter:blur(18px);z-index:-1;background:#ed1b2f38;border-radius:50%;height:18px;position:absolute;bottom:-13px;left:7%;right:10%}.login-badges b{box-shadow:inset 0 1px #ffffff14,0 12px 32px #00000029}.login-control-room{overflow:hidden}.login-control-room:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 0,#ed1b2f2e,#0000 34%);position:absolute;inset:-1px}.login-control-room>*{z-index:1;position:relative}.login-access form:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(145deg,#ffffff47,#ed1b2f57,#ffffff0f);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.login-access form>*{z-index:1;position:relative}.login-access button:not(.login-link-button){transition:transform .18s,box-shadow .18s,filter .18s}.login-access button:not(.login-link-button):hover{filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 22px 54px #ed1b2f6b}.login-access input{box-shadow:inset 0 1px #ffffff0f}@media (min-width:901px){.login-story,.login-access{min-height:100vh}}@media (max-width:900px){.login-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr;min-height:100dvh;overflow:auto}.login-shell:after{display:none}.login-shell:before{opacity:.38}.login-story{gap:8px;min-height:auto;padding:18px 22px 4px;overflow:visible}.login-story:after{width:340px;height:340px;top:-150px;bottom:auto;right:-120px}.login-logo-link img{width:174px}.login-story>div{max-width:620px}.login-story span{font-size:9px}.login-story h1{max-width:600px;margin:7px 0 0;font-size:clamp(26px,6vw,32px);line-height:.96}.login-story>div:after{width:260px;margin-top:14px}.login-story p,.login-badges,.login-story footer,.login-control-room{display:none}.login-access{background:0 0;border-left:0;align-items:start;padding:8px 20px 24px}.login-access form{border-radius:24px;width:min(430px,100%);padding:22px 24px}.login-mark{width:72px;height:38px;margin-bottom:12px}.login-access form>span{font-size:9px}.login-access h2{margin:7px 0;font-size:28px}.login-access form>p{margin-bottom:14px;font-size:12px}.login-access label{margin-top:10px}.login-access input{height:44px}.login-access button,.login-access .login-secondary-action{height:46px;margin-top:16px}}@media (max-width:520px){.login-story{padding:20px 18px 6px}.login-logo-link img{width:168px}.login-story h1{font-size:31px}.login-story p,.login-badges{display:none}.login-access{padding:8px 16px 20px}}.login-shell:before{animation:9s ease-in-out infinite alternate motorviaRoadSweep}.login-shell:after{animation:3.8s ease-in-out infinite motorviaLivePulse}.login-logo-link{animation:.7s ease-out both motorviaSoftReveal}.login-story>div:after{animation:.85s ease-out .2s both motorviaLineReveal}.login-access form{animation:.75s cubic-bezier(.2,.8,.2,1) 80ms both motorviaCardIn}.login-access button:not(.login-link-button){position:relative;overflow:hidden}.login-access button:not(.login-link-button):after{content:"";background:linear-gradient(90deg,#0000,#ffffff6b,#0000);width:34%;animation:5.6s ease-in-out infinite motorviaButtonSheen;position:absolute;inset:-40% auto -40% -42%;transform:skew(-18deg)}.login-control-room:before{animation:6s ease-in-out infinite alternate motorviaPanelGlow}@keyframes motorviaSoftReveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes motorviaCardIn{0%{opacity:0;filter:blur(6px);transform:translateY(16px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes motorviaLineReveal{0%{opacity:0;transform-origin:0;transform:scaleX(.18)}to{opacity:1;transform-origin:0;transform:scaleX(1)}}@keyframes motorviaRoadSweep{0%{opacity:.38;transform:translate(-18px,16px)}to{opacity:.68;transform:translate(18px,-18px)}}@keyframes motorviaButtonSheen{0%,48%{opacity:0;left:-42%}56%{opacity:.85}68%,to{opacity:0;left:120%}}@keyframes motorviaLivePulse{0%,to{border-color:#ffffff1f;transform:translateY(0)}50%{border-color:#ed1b2f3d;transform:translateY(-2px)}}@keyframes motorviaPanelGlow{0%{opacity:.65;transform:translate(-10px)}to{opacity:1;transform:translate(10px)}}@media (prefers-reduced-motion:reduce){.login-shell:before,.login-shell:after,.login-logo-link,.login-story>div:after,.login-access form,.login-access button:not(.login-link-button):after,.login-control-room:before{animation:none!important}.login-access button:not(.login-link-button):hover{transform:none}}.login-access img.login-mark{object-fit:contain;object-position:left center;width:92px;height:52px;box-shadow:none;border-radius:0;margin-bottom:25px;display:block}