.torque-stage{display:none}@media screen{:root:not([data-site-style=previous],[data-site-style=classic]) .welcome.torque-login{background:linear-gradient(125deg,#232a2a,#171d1e 55%,#101617);grid-template-columns:minmax(0,56fr) minmax(0,44fr);place-items:stretch stretch;width:100%;max-width:none;min-height:100svh;margin:0;padding:0;display:grid}:root:not([data-site-style=previous],[data-site-style=classic]) .torque-login .dealer-login-card{box-sizing:border-box;width:100%;max-width:540px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:auto;padding:36px clamp(24px,3vw,54px)}:root:not([data-site-style=previous],[data-site-style=classic]) .torque-login .torque-stage{background:radial-gradient(at 48% 40%,#323e3d,#192123 42%,#0c1112 78%);border-right:1px solid #637652;min-width:0;min-height:575px;display:block;position:relative;overflow:hidden}.torque-stage:before{content:"";background-image:linear-gradient(#b3cbd108 1px,#0000 1px),linear-gradient(90deg,#b3cbd108 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 15%,#000a);mask-image:linear-gradient(#0000 15%,#000a)}.torque-rail,.torque-caption{letter-spacing:.13em;text-transform:uppercase;color:#bdc9c0;justify-content:space-between;font:11px/1.6 Consolas,monospace;display:flex;position:absolute;left:7%;right:7%}.torque-rail{z-index:1;top:5%}.torque-rail span:first-child:before{content:"";background:#c3f745;width:20px;height:3px;margin:0 10px 3px 0;display:inline-block}.torque-caption{border-top:1px solid #85948242;padding-top:12px;bottom:4%}.torque-scene{perspective:1300px;place-items:center;display:grid;position:absolute;inset:9% 3% 7%}.torque-scene:before{content:"";filter:blur(10px);background:radial-gradient(#b6ed3d55,#0000 68%);width:62%;height:6%;position:absolute;bottom:5%}.torque-scene svg{filter:drop-shadow(15px 36px 16px #020606aa);width:min(94%,72vh,700px);height:auto;transform:rotateX(15deg)rotateY(-17deg)rotate(-7deg)}.torque-engraving{text-align:center;color:#e0e8dd;letter-spacing:.06em;text-transform:uppercase;align-items:center;height:100%;font:600 15px/1.2 Bahnschrift,system-ui;display:grid}.torque-engraving span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.torque-stage{--needle-angle:-116deg}.torque-stage[data-stage=selected]{--needle-angle:-36deg}.torque-stage[data-stage=signin]{--needle-angle:48deg}.torque-needle{transform-box:view-box;transform-origin:318px 310px;transform:rotate(var(--needle-angle))}}@media screen and (prefers-reduced-motion:no-preference){.torque-needle{transition:transform .85s cubic-bezier(.22,1.28,.35,1);animation:1.7s both torque-startup}@keyframes torque-startup{0%{animation-timing-function:cubic-bezier(.42,0,.28,1);transform:rotate(-180deg)}44%{animation-timing-function:cubic-bezier(.3,0,.18,1);transform:rotate(71deg)}83%{transform:rotate(calc(var(--needle-angle) - 5deg));animation-timing-function:ease-out}to{transform:rotate(var(--needle-angle))}}.torque-needle{animation-fill-mode:backwards}}@media screen and (max-width:760px){:root:not([data-site-style=previous],[data-site-style=classic]) .welcome.torque-login{display:block}:root:not([data-site-style=previous],[data-site-style=classic]) .torque-login .torque-stage{border-bottom:1px solid #637652;border-right:0;height:182px;min-height:0}.torque-scene{height:300px;inset:-88px 0 auto}.torque-scene svg{width:292px;transform:rotateX(9deg)rotateY(-12deg)rotate(-8deg)}.torque-caption{display:none}.torque-rail{font-size:9px;top:12px;left:4%;right:4%}:root:not([data-site-style=previous],[data-site-style=classic]) .torque-login .dealer-login-card{padding:22px 6% 30px}}
