/* Заставка «ночная дорога»: общая для маркета и входа в CRM */
.cs-scene{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#070a14 0%,#0b1020 54%,#141a2c 62%,#0a0e1a 100%)}
.cs-road{position:absolute;left:0;right:0;top:62%;bottom:0;background:linear-gradient(180deg,#1a2031,#0c101c)}
.cs-road::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#2a3350}
.cs-lines{position:absolute;left:0;top:34%;width:500vw;height:6px;background:repeating-linear-gradient(90deg,#e8ecf6 0 90px,transparent 90px 210px);opacity:.75;will-change:transform}
.cs-stage{position:absolute;left:50%;top:62%;width:min(760px,84vw);transform:translate(-50%,-78%);will-change:transform}
.cs-car{position:relative;will-change:transform}
.cs-tilt{position:relative;transform-origin:21% 98%;will-change:transform}
.cs-body{display:block;width:100%;height:auto}
.cs-wheel{position:absolute;display:block;aspect-ratio:1;will-change:transform}
.cs-shadow{position:absolute;left:3%;right:3%;bottom:-3%;height:12%;background:radial-gradient(closest-side,rgba(0,0,0,.72),transparent);z-index:-1}
.cs-hl,.cs-tl,.cs-beam,.cs-pool{position:absolute;pointer-events:none;opacity:0}
.cs-hl{left:92.4%;top:44.5%;width:8.5%;aspect-ratio:1;margin:-4.2% 0 0 -4.2%;border-radius:50%;background:radial-gradient(closest-side,#fff 0,#dfeaff 22%,rgba(170,205,255,.42) 48%,transparent 100%)}
.cs-beam{left:84%;top:21%;width:72%;height:48%;z-index:-1;background:radial-gradient(ellipse 100% 42% at 0 50%,rgba(214,230,255,.5),rgba(190,214,255,.16) 58%,transparent 100%)}
.cs-pool{left:90%;top:88%;width:56%;height:18%;background:radial-gradient(closest-side,rgba(205,224,255,.34),transparent)}
.cs-tl{left:6%;top:37%;width:9%;height:9%;margin:-2.4% 0 0 -3%;border-radius:50%;background:radial-gradient(closest-side,#fff 0,#ff5a4d 34%,rgba(255,30,30,.34) 62%,transparent 100%)}
.cs-mark{position:absolute;left:0;right:0;top:calc(74.92% + 26px);text-align:center;color:#fff;opacity:0}
.cs-mark b{display:block;font:800 clamp(20px,3vw,30px)/1.15 Unbounded,Inter,system-ui,sans-serif}
.cs-mark span{display:block;margin-top:8px;font:600 14px/1.3 Inter,system-ui,sans-serif;color:#fff}

/* Вход в CRM: сцена на весь экран, панель появляется под припаркованной машиной */
#login-screen.cs{background:#070a14!important;background-image:none!important;flex-direction:column;justify-content:center}
#login-screen.cs .cs-stage{z-index:5}
#login-screen.cs .cs-road{z-index:0}
#login-screen.cs .cs-car{transition:transform .62s cubic-bezier(.4,0,.2,1),opacity .5s ease .12s;transform-origin:50% 50%}
#login-screen.cs.cs-morph .cs-car{transform:translateY(-14vh) scale(.42)!important;opacity:0}
#login-screen.cs.cs-ready .cs-stage{display:none}
#login-screen.cs .login-box{position:relative;z-index:6;width:min(404px,calc(100vw - 32px));padding:30px 30px 26px;background:#e3e8f3;border:1.5px solid #a4b0cf;border-radius:16px;box-shadow:0 26px 60px rgba(0,0,0,.5);text-align:left;animation:none!important;opacity:0;transform:translateY(40px) scale(.9);transition:opacity .42s ease .16s,transform .52s cubic-bezier(.22,.61,.36,1) .16s;pointer-events:none;color:#000}
#login-screen.cs.cs-morph .login-box{opacity:1;transform:none;pointer-events:auto}
#login-screen.cs .login-box>*{animation:none!important;opacity:1!important;transform:none!important}
#login-screen.cs .login-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}
#login-screen.cs .login-mark{width:46px;height:46px;margin:0;padding:4px;flex:none;border-radius:10px;background:#1d1d1b}
#login-screen.cs .login-logo{margin:0;font:500 15px/1.2 Wadik,Inter,sans-serif;color:#000}
#login-screen.cs .login-logo span{color:#000}
#login-screen.cs .login-sub{margin:3px 0 0;font:600 13px/1.3 Inter,system-ui,sans-serif;color:#000}
#login-screen.cs .lf{margin:0 0 14px;text-align:left}
#login-screen.cs .lf label{display:block;margin:0 0 6px;font:700 13px/1.2 Inter,system-ui,sans-serif;color:#000;text-transform:none;letter-spacing:0}
#login-screen.cs .lf input{width:100%;height:46px;padding:0 13px;box-sizing:border-box;background:#f8f9fc;border:1px solid #a4b0cf;border-radius:9px;font:600 16px/1 Inter,system-ui,sans-serif;color:#000;outline:0}
#login-screen.cs .lf input:focus{background:#f8f9fc;border-color:#3d6fe0;box-shadow:0 0 0 3px rgba(61,111,224,.2)}
#login-screen.cs .btn-login{width:100%;height:48px;margin-top:6px;background:#3d6fe0;border:0;border-radius:9px;font:800 15px/1 Inter,system-ui,sans-serif;color:#fff;cursor:pointer}
#login-screen.cs .btn-login:hover,#login-screen.cs .btn-login:focus,#login-screen.cs .btn-login:active{background:#2f5bd3!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#login-screen.cs .btn-login:focus-visible{outline:3px solid #9db8f2;outline-offset:2px}
#login-screen.cs .login-err{margin-top:12px;font:700 13px/1.3 Inter,system-ui,sans-serif;color:#c81e1e;text-align:center}
@media (prefers-reduced-motion:reduce){#login-screen.cs .cs-stage,#login-screen.cs .login-box{transition:none}}

#login-screen.cs .btn-login,#login-screen.cs .btn-login:hover,#login-screen.cs .btn-login:focus,#login-screen.cs .btn-login:active{transform:none!important;width:100%!important;margin:6px 0 0!important;box-shadow:none!important;animation:none!important;filter:none!important}
#login-screen.cs .btn-login::before,#login-screen.cs .btn-login::after{display:none!important;content:none!important}