.movva-login { --orange:#ff3600; --green:#78a57b; --ink:#172019; --muted:#647068; --line:rgba(23,32,25,.14); display:grid; grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr); width:100vw; min-height:100vh; margin-left:calc(50% - 50vw); color:var(--ink); background:#fff; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:0; }
.movva-login * { box-sizing:border-box; }
.movva-login { box-sizing:border-box; }
.movva-login__visual { position:relative; display:flex; flex-direction:column; justify-content:space-between; min-height:100vh; padding:clamp(30px,5vw,72px); overflow:hidden; color:#fff; background-image:linear-gradient(0deg,rgba(15,21,16,.9),rgba(15,21,16,.18) 70%),linear-gradient(90deg,rgba(15,21,16,.45),transparent),var(--movva-login-photo); background-size:cover; background-position:center; }
.movva-login__visual::before { content:""; position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(90deg,var(--orange) 0 65%,var(--green) 65%); }
.movva-login__visual > * { position:relative; z-index:1; }
.movva-login__visual > img { width:min(230px,55vw); height:auto; mix-blend-mode:screen; }
.movva-login__visual p,.movva-login__eyebrow { margin:0 0 12px; color:#a9c7ab; font-size:11px; font-weight:850; text-transform:uppercase; }
.movva-login__visual h1 { max-width:760px; margin:0 0 22px; color:#fff; font-size:clamp(46px,6.5vw,96px); line-height:.88; }
.movva-login__visual span { display:block; max-width:620px; color:rgba(255,255,255,.72); font-size:17px; line-height:1.6; }
.movva-login__panel { display:grid; place-items:center; padding:clamp(28px,6vw,88px); }
.movva-login__form,.movva-login__dashboard { width:min(100%,560px); }
.movva-login__form h2,.movva-login__dashboard h2 { margin:0 0 12px; font-size:clamp(38px,5vw,66px); line-height:.95; }
.movva-login__form > p:not(.movva-login__eyebrow),.movva-login__dashboard > p:not(.movva-login__eyebrow) { margin:0 0 30px; color:var(--muted); line-height:1.6; }
.movva-login__form > label { display:grid; gap:8px; margin-bottom:17px; font-size:13px; font-weight:750; }
.movva-login__form input[type="text"],.movva-login__form input[type="password"] { width:100%; min-height:52px; padding:13px 14px; border:1px solid var(--line); border-radius:6px; outline:0; background:#f7f8f7; color:var(--ink); font:inherit; }
.movva-login__form input:focus { border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,54,0,.11); background:#fff; }
.movva-login__options { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:5px 0 24px; font-size:12px; }
.movva-login__options label { display:flex; align-items:center; gap:8px; }
.movva-login__options a,.movva-login__logout { color:var(--ink); font-weight:800; text-underline-offset:4px; }
.movva-login__form button { display:flex; align-items:center; justify-content:center; width:100%; min-height:52px; padding:13px 18px; border:0; border-radius:7px; background:linear-gradient(135deg,var(--orange),#ff5b31); color:#fff; font:inherit; font-weight:850; cursor:pointer; }
.movva-login__form button span { display:grid; place-items:center; width:24px; height:24px; margin-left:14px; border-radius:3px; background:var(--green); }
.movva-login__error { margin:0 0 20px; padding:13px 14px; border-left:4px solid var(--orange); background:#fff1ed; color:#8c240b; font-size:13px; line-height:1.5; }
.movva-login__systems { display:grid; gap:10px; margin:28px 0; }
.movva-login__systems a { display:grid; grid-template-columns:38px 1fr auto; gap:4px 14px; align-items:center; padding:18px; border:1px solid var(--line); border-radius:7px; color:var(--ink); text-decoration:none; transition:transform .2s,border-color .2s; }
.movva-login__systems a:hover { transform:translateY(-2px); border-color:var(--orange); }
.movva-login__systems a > span { grid-row:1/3; display:grid; place-items:center; width:38px; height:38px; border-radius:5px; background:var(--ink); color:#fff; font-size:11px; font-weight:900; }
.movva-login__systems strong { font-size:17px; }
.movva-login__systems small { color:var(--muted); }
.movva-login__systems b { grid-column:3; grid-row:1/3; color:var(--orange); font-size:20px; }
@media(max-width:900px){.movva-login{grid-template-columns:1fr}.movva-login__visual{min-height:48vh;padding:34px 24px}.movva-login__visual > img{width:180px}.movva-login__visual h1{font-size:clamp(44px,12vw,72px)}.movva-login__panel{min-height:52vh;padding:52px 22px}}
@media(max-width:520px){.movva-login__options{align-items:flex-start;flex-direction:column}.movva-login__systems a{grid-template-columns:38px 1fr auto}}