:root{--red:#c43832}
*{box-sizing:border-box}
body{margin:0;font:14px/1.25 Manrope,Arial,sans-serif;background:#131515;color:#fff}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.dealer-shell{display:grid;grid-template-columns:41% 59%;min-height:100vh}
.login-panel{padding:34px clamp(30px,4.6vw,88px) 45px;background:#131515}
.login-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.logo{display:block;width:125px;height:50px;overflow:hidden;flex:none}
.logo img{display:block;width:252.78px;height:66px;max-width:none;transform:translateY(-1px)}
.home-link{text-transform:uppercase;color:#a9aaa8;font-size:10px;letter-spacing:.08em;font-weight:800;margin-top:13px}
.home-link:hover,.dealer-help a:hover{text-decoration:underline}
.login-content{padding:75px 0 15px;max-width:560px}
.eyebrow{color:#d44b45;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.18em}
.login-content>.eyebrow{margin:0}
.login-content h1{font:500 98px/.88 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.02em;color:#3d3d3d;margin:20px 0 26px}
.login-content h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #c43832}
.lead,.visual-lead{font-size:14px;line-height:1.8;color:#c4c7c5}
.lead{max-width:520px;margin:0 20px 7px}
.login-form{margin-top:38px}
.login-form>label{display:block;color:#c9c9c9;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin:17px 0 5px}
.login-form>input{width:100%;height:58px;background:#f7faff;border:1px solid #d8dfe7;padding:0 18px;font-size:14px;color:#181818}
.form-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:13px 0 22px;font-size:10px;color:#ccc}
.form-row .remember{display:flex;align-items:center;gap:6px}
.remember input{accent-color:#c43832}
.form-row>a{text-decoration:underline}
.login-form button{width:274px;height:56px;background:#c43832;color:#fff;border:0;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.11em;display:flex;align-items:center;justify-content:space-between;padding:0 22px;cursor:pointer}
.login-form button:hover{background:#d7453d}
.login-message{font-size:12px;line-height:1.7;color:#ffccc8;border-left:3px solid #c43832;padding-left:13px;margin-top:17px}
.login-message a{text-decoration:underline;font-weight:800}
.dealer-help{margin:22px 20px 7px;color:#bbb;font-size:14px;line-height:1.8}
.dealer-help a{color:#fff;font-weight:800}
.local-label{display:none;color:#757a78;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.12em;margin-top:55px}body.local-preview .local-label{display:block}
.visual-panel{padding:34px clamp(30px,4.6vw,88px);background:linear-gradient(110deg,rgba(4,8,6,.15),rgba(4,8,6,.78)),url('https://cms10420.sfstatic.io/upload_dir/pics/Vortex_Optics/Veil/Vortex_Veil_forside.jpg') center/cover;min-width:0}
.visual-content{max-width:640px;margin-top:clamp(95px,10.6vw,204px)}
.visual-content>.eyebrow{margin:0}
.visual-content h2{font:500 92px/.9 Oswald,sans-serif;text-transform:uppercase;color:#393939;letter-spacing:0;margin:17px 0 22px}
.visual-lead{max-width:560px;margin:0 40px 7px;line-height:1.85;color:#ddd}
.benefits{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff44;margin-top:32px;width:640px;max-width:100%;background:#17171799}
.benefits>div{padding:18px;border-right:1px solid #ffffff38;border-bottom:1px solid #ffffff38}
.benefits>div:nth-child(even){border-right:0}
.benefits>div:nth-child(n+3){border-bottom:0}
.benefits strong{display:block;font:500 19px Oswald,sans-serif;text-transform:uppercase}
.benefits span,.benefits small{display:block;font-size:9px;color:#ddd;margin-top:5px}
.benefits small{color:#aaa}
@media(max-width:1000px){
  .dealer-shell{grid-template-columns:1fr}
  .login-panel{padding:28px 7% 70px}
  .login-content{padding-top:65px}
  .visual-panel{min-height:550px;padding:65px 7%}
  .visual-content{margin-top:0}
}
@media(max-width:600px){
  .login-panel header{align-items:center}
  .home-link{font-size:8px;text-align:right}
  .login-content h1{font-size:68px}
  .visual-content h2{font-size:67px}
  .benefits{grid-template-columns:1fr}
  .benefits>div{border-right:0!important;border-bottom:1px solid #ffffff38!important}
  .benefits>div:last-child{border-bottom:0!important}
}