/* V5.16 — VEHM branded split landing. Sign-in on the LEFT; premium showcase RIGHT. */
html:has(.v516-landing),body:has(.v516-landing){min-height:100%;background:#070e14}
.v516-landing{grid-template-columns:minmax(340px,430px) minmax(0,1fr)!important;min-height:100dvh!important;background:#08121b;isolation:isolate}
.v516-landing .login-side{order:0;min-width:0;align-items:stretch!important;justify-content:stretch!important;padding:0!important;border-left:0!important;border-right:1px solid rgba(220,181,104,.25);background:linear-gradient(145deg,#111e28 0%,#0b161f 72%,#081018 100%)!important}
.v516-login-wrap{width:100%;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:38px clamp(24px,3.4vw,48px);position:relative}
.v516-auth-brand{display:flex;align-items:center;gap:13px;position:absolute;top:40px;left:clamp(24px,3.4vw,48px)}
.v516-auth-brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 4px 13px #0007)}
.v516-auth-brand b{display:block;font-size:25px;line-height:1;letter-spacing:.08em;color:#faf7ef}.v516-auth-brand strong{display:block;color:#d9b36e;font-size:10px;letter-spacing:.22em;margin-top:5px}
.v516-auth-label{margin:54px 0 27px;letter-spacing:.13em;font-size:10px;color:#e2c48e;font-weight:800}.v516-auth-label span{color:#718797;font-weight:600}
.v516-landing .login-card{max-width:100%;border:1px solid #42515a;border-radius:16px;padding:29px 25px 24px;background:linear-gradient(155deg,#1b2a35,#101e27 88%);box-shadow:0 21px 65px #0008,inset 0 1px #ffffff11}
.v516-landing .login-card h2{font-size:32px;margin:10px 0 6px;color:#f4f2eb}.v516-landing .login-card p{line-height:1.65;margin:5px 0 16px;color:#a6b8c3}
.v516-landing .login-card .form-field{margin:16px 0}.v516-landing .login-card input{background:#0b1721;border-color:#455b66;padding:13px 14px;color:#f7f6ec;font-size:14px;min-height:47px}.v516-landing .login-card input:focus{outline:1px solid #e2bd7a}
.v516-login-submit{width:100%;margin-top:14px;min-height:46px;font-weight:800;letter-spacing:.025em;box-shadow:0 7px 25px #aa784344}
.v516-auth-footer{position:absolute;bottom:27px;left:clamp(24px,3.4vw,48px);color:#8298a3;font-size:10px;letter-spacing:.025em}.v516-safe-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#68b58b;box-shadow:0 0 8px #68b58b;margin-right:5px}.v516-auth-footer-dot{color:#cba869;padding:0 7px}
.v516-landing .v516-showcase{order:1;position:relative;min-width:0;padding:0;justify-content:flex-end;background:linear-gradient(128deg,#07131e 0%,#0a1825 55%,#060e14 100%);overflow:hidden}
.v516-showcase:before{content:'';position:absolute!important;inset:0!important;background:radial-gradient(ellipse at 64% 27%,#d5a75d44,transparent 34%),radial-gradient(ellipse at 78% 60%,#28496755,transparent 50%),repeating-linear-gradient(90deg,#d8b7710b 0px,#d8b7710b 1px,transparent 1px,transparent 105px),repeating-linear-gradient(0deg,#d8b7710a 0px,#d8b7710a 1px,transparent 1px,transparent 105px)!important;opacity:1!important}
.v516-showcase-art{position:absolute!important;inset:0 0 6% 6%;background-image:url('/assets/vehm-connected-globe-gold.svg');background-size:min(1020px,108%) auto;background-position:100% -130px;background-repeat:no-repeat;opacity:.5;filter:drop-shadow(0 0 35px #b9923c55);mask-image:linear-gradient(to bottom,#000 4%,#000 63%,transparent 95%);pointer-events:none}
.v516-showcase-content{z-index:1;position:relative;padding:clamp(80px,12vh,135px) clamp(35px,6vw,110px) clamp(60px,11vh,105px);max-width:1200px;width:100%;margin:auto 0}
.v516-showcase-kicker{color:#edc98b;font-weight:750;font-size:11px;letter-spacing:.19em;display:flex;align-items:center;gap:10px}.v516-showcase-kicker span{width:28px;height:1px;background:#f1bf69}
.v516-showcase h1{font-size:clamp(41px,4.7vw,80px);line-height:1.08;letter-spacing:-.055em;margin:22px 0 23px;text-shadow:0 3px 23px #000b;font-weight:760}.v516-showcase h1 em{color:#e7bf74;font-style:normal}
.v516-showcase-content>p{font-size:clamp(14px,1.15vw,18px);max-width:670px;line-height:1.7;color:#d5dde3;text-shadow:0 2px 12px #060c15}
.v516-showcase-actions{display:flex;gap:18px;align-items:center;margin-top:25px;flex-wrap:wrap}.v516-showcase-actions>.btn{padding:12px 22px;font-weight:750}.v516-showcase-meta{font-size:10px;letter-spacing:.14em;color:#abb7bf}
.v516-showcase-board{margin-top:clamp(34px,6vh,70px);border:1px solid #d1a96d5a;border-radius:16px;overflow:hidden;max-width:780px;backdrop-filter:blur(14px);background:linear-gradient(120deg,#0a1929ed,#142734be);box-shadow:0 18px 40px #000a,0 0 28px #b18f4820}
.v516-board-title{display:flex;align-items:center;gap:10px;padding:14px 17px;border-bottom:1px solid #bba16a45;color:#d9bb85;font-size:10px;letter-spacing:.13em;font-weight:800}.v516-live-graphic{font-size:13px;color:#74c3a3}.v516-board-mark{margin-left:auto;color:#8c9eaa;font-size:9px}
.v516-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#ffffff13}.v516-module-grid article{padding:16px 11px 17px;background:#10212eea;min-width:0;display:flex;flex-direction:column;gap:4px}.v516-module-grid article>span{font-size:22px;color:#dfba77}.v516-module-grid strong{font-size:12px;color:#f4f4ee}.v516-module-grid small{font-size:10px;color:#9cb0be;line-height:1.4}
.v516-showcase-footer{position:absolute!important;bottom:25px;right:5%;color:#7791a1;font-size:10px;letter-spacing:.15em}.v516-showcase-footer span{color:#e6b971}
.v516-password-landing .login-side{order:-1}.v516-password-landing .hero{order:1}
@media(max-height:780px) and (min-width:870px){.v516-login-wrap{padding-top:75px;padding-bottom:48px}.v516-auth-brand{top:22px}.v516-auth-footer{bottom:14px}.v516-showcase-content{padding-top:50px;padding-bottom:32px}.v516-showcase-board{margin-top:20px}}
@media(max-width:1130px){.v516-landing{grid-template-columns:minmax(300px,370px) minmax(0,1fr)!important}.v516-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v516-showcase-content{padding-left:34px;padding-right:34px}}
@media(max-width:830px){.v516-landing{grid-template-columns:1fr!important}.v516-landing .login-side{order:0!important;border-right:0!important;border-bottom:1px solid #ae8c5860}.v516-login-wrap{min-height:600px;max-width:600px;margin:auto;padding:118px 24px 65px}.v516-auth-brand{top:30px;left:24px}.v516-auth-footer{left:24px;bottom:15px}.v516-landing .v516-showcase{order:1!important;min-height:590px}.v516-showcase-content{padding:55px 28px 78px}.v516-showcase-art{background-position:100% 20px;opacity:.35}}
@media(prefers-reduced-motion:reduce){.v516-landing *{animation:none!important;transition:none!important}}
