:root{--ink:#0d2240;--ink2:#4a5b75;--mute:#7a8aa3;--line:#dfe6f0;--blue:#0652a1;--teal:#2ab7b9;--err:#b42318;--errbg:#fdecea;
  --font:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;--display:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:#fff;color:var(--ink);font:15px/1.5 var(--font)}
.wrap{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.panel{display:flex;flex-direction:column;justify-content:center;padding:48px clamp(24px,7vw,96px);max-width:560px;width:100%;justify-self:center}
.logo{height:56px;width:auto;align-self:flex-start;margin-bottom:36px}
h1{font:600 clamp(24px,2.6vw,30px)/1.2 var(--display);margin:0 0 6px;letter-spacing:-.01em}
.sub{color:var(--ink2);margin:0 0 28px}
form{display:grid;gap:6px}
label{font-size:13px;font-weight:600;color:var(--ink2);margin-top:10px}
input{width:100%;font:inherit;color:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#f6f8fb}
input:focus{outline:none;background:#fff;border-color:var(--blue);box-shadow:0 0 0 3px rgba(6,82,161,.15)}
.pw{position:relative}.pw input{padding-right:90px}
#ver{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--blue);font:600 13px var(--font);padding:6px 10px;border-radius:7px;cursor:pointer}
#ver:hover{background:#eef4fb}
.go{margin-top:18px;background:var(--blue);color:#fff;border:0;border-radius:10px;padding:13px;font:700 15px var(--font);cursor:pointer}
.go:hover{background:#0a5db5}.go:disabled{opacity:.6;cursor:wait}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.err{background:var(--errbg);color:var(--err);border-radius:9px;padding:9px 12px;margin:10px 0 0;font-size:13.5px}
.nota{color:var(--mute);font-size:12.5px;margin-top:22px}
.lado{background:var(--blue);color:#fff;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:56px}
.lado::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:var(--teal)}
.lado p{position:relative;font:500 clamp(20px,2vw,26px)/1.35 var(--display);max-width:22ch;margin:0}
.cruz{position:absolute;right:-90px;top:-60px;width:460px;height:460px;opacity:.16;
  background:linear-gradient(var(--teal),var(--teal)) center/34% 100% no-repeat,linear-gradient(var(--teal),var(--teal)) center/100% 34% no-repeat;border-radius:40px}
@media (max-width:860px){.wrap{grid-template-columns:1fr}.lado{display:none}.panel{padding:40px 22px}}
@media (prefers-reduced-motion:no-preference){.panel{animation:in .35s ease-out}@keyframes in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}