:root{
  --navy:#102a43;--blue:#303e97;--teal:#0f766e;--teal-dark:#115e59;--bg:#f4f7f9;
  --line:#d9e2ec;--muted:#627d98;--red:#b42318;--shadow:0 24px 70px rgba(16,42,67,.14)
}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(135deg,#eef5f8,#fff 50%,#e6fffa);color:#1f2933}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,560px);align-items:stretch}
.login-brand{padding:clamp(40px,7vw,96px);background:linear-gradient(145deg,#102a43,#143d5f);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.login-brand img{display:block;width:min(620px,90%);height:auto;filter:brightness(0) invert(1);opacity:.98}
.login-brand h1{font-size:clamp(36px,5vw,64px);line-height:1.02;margin:24px 0 16px}.login-brand p{max-width:600px;color:#d9e2ec;line-height:1.65;font-size:17px}
.login-brand small{color:#9fb3c8;line-height:1.55}
.login-panel-wrap{display:grid;place-items:center;padding:28px}.login-card{width:min(100%,460px);background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}
.login-card .logo{display:block;width:min(360px,100%);height:auto;margin:0 0 28px}.eyebrow{margin:0;color:var(--teal);font-weight:900;font-size:12px;letter-spacing:.12em}.login-card h2{margin:7px 0 8px;color:var(--navy);font-size:30px}.subtext{margin:0 0 24px;color:var(--muted);line-height:1.5}
form{display:grid;gap:16px}label{display:grid;gap:7px;color:var(--navy);font-size:13px;font-weight:850}input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;outline:none}input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,118,110,.12)}
button{border:0;border-radius:12px;padding:13px 16px;background:var(--teal);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 9px 24px rgba(15,118,110,.22)}button:hover{background:var(--teal-dark)}button:disabled{opacity:.6;cursor:wait}
.message{min-height:22px;margin-top:14px;color:var(--red);font-size:13px;line-height:1.45}.portal-link{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.portal-link a{color:var(--teal);font-weight:850;text-decoration:none}.security-copy{margin-top:20px;padding:13px;border-radius:12px;background:#eef8f7;color:#395b60;font-size:11px;line-height:1.5}
.login-legal-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:14px;font-size:12px}.login-legal-links a{color:var(--teal-dark);font-weight:800;text-decoration:none}.login-legal-links a:hover{text-decoration:underline}
@media(max-width:880px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel-wrap{min-height:100vh;padding:18px}.login-card{padding:26px}}