:root{color-scheme:light;--ink:#16334c;--muted:#63768a;--line:#dce5ed;--orange:#ff850d;--gold:#efbc4a}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;background:#f7f9fc}button,input{font:inherit}button{cursor:pointer}a,button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid #488bc4;outline-offset:3px}.page{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,1fr)}.brand-side{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(32px,4.2vw,72px);color:#fff;background:radial-gradient(ellipse at 100% 60%,#234b60 0,transparent 65%),#102c42}.brand-side:after{content:"";position:absolute;z-index:-1;width:620px;height:620px;border:1px solid #ffffff08;border-radius:50%;right:-330px;top:16%;box-shadow:0 0 0 80px #ffffff02,0 0 0 160px #ffffff02;pointer-events:none}.brand-mark{display:flex;align-items:center;gap:15px}.group-symbol{display:grid;place-items:center;flex-shrink:0;width:66px;height:66px;padding:9px;background:#fff;border-radius:12px}.group-symbol img{width:100%;height:100%;object-fit:contain}.brand-label{display:block;font-size:10px;letter-spacing:2.5px;color:#b5c6d3;margin-bottom:6px;font-weight:600}.brand-mark strong{font-size:24px;letter-spacing:-.8px;font-weight:650}.brand-dot{color:var(--orange)}.brand-caption{margin-left:auto;font-size:10px;color:#adc0ce;border-left:1px solid #ffffff25;padding-left:18px}.hero-copy{padding:65px 0 58px;max-width:600px}.eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:600;color:#f0c470;margin:0 0 24px}.hero-copy h1{font-size:clamp(36px,3.8vw,61px);line-height:1.12;letter-spacing:-2px;font-weight:600;margin:0}.hero-copy h1>span{color:#f4c76e}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;color:#bbcbd7;max-width:450px;margin:24px 0 0}.hero-rule{height:3px;width:42px;margin-top:30px;border-radius:3px;background:var(--orange)}.companies-heading{display:flex;align-items:center;gap:18px;font-size:10px;color:#b4c5d2;letter-spacing:1.1px}.companies-line{height:1px;flex:1;background:#ffffff20}.company-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:20px 0 0;list-style:none}.company-logos li{min-width:0;text-align:center}.company-logo{display:flex;align-items:center;justify-content:center;height:66px;padding:9px;border:1px solid #ffffff20;border-radius:8px;background:#fff;overflow:hidden}.company-logo img{width:100%;height:100%;object-fit:contain}.company-logo.auto{background:#343937}.company-logo.shop{background:#032641}.company-logo.batista{background:#080808}.company-logo.agro{background:#f2f7f0}.company-logos li>span{display:block;margin-top:9px;color:#b7c9d6;font-size:9px;line-height:1.5}.companies-note{margin:23px 0 0;color:#9eb4c4;font-size:11px}.login-side{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:64px 42px 88px;background:#fbfcfe}.login-card{width:100%;max-width:370px}.login-eyebrow{display:block;text-transform:uppercase;letter-spacing:1.7px;font-size:10px;font-weight:650;color:#947022;margin-bottom:17px}.login-head{margin-bottom:30px}.login-head h2{margin:0;font-size:29px;letter-spacing:-1px;line-height:1.2;font-weight:650}.login-head p{font-size:13px;line-height:1.8;color:var(--muted);margin:12px 0 0}.field{display:grid;gap:9px;margin-bottom:20px}label{font-size:13px;font-weight:600;color:#304b62}input[type=text],input[type=password]{display:block;width:100%;height:50px;border:1px solid #cbd8e4;border-radius:8px;background:white;color:var(--ink);padding:0 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#7d8da0;font-size:13px}input:focus{border-color:#477eac;box-shadow:0 0 0 3px #427db312}.password-field{position:relative}.password-field input{padding-right:52px}.password-toggle{position:absolute;right:3px;top:3px;height:44px;width:44px;display:grid;place-items:center;border:0;background:transparent;border-radius:6px;color:#6d8396}.password-toggle:hover{background:#eef3f8}.password-toggle svg{width:20px;height:20px}.eye-slash{display:none}.password-toggle[aria-pressed=true] .eye-slash{display:block}.actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 26px}.checkbox{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:400;color:#5d7184;cursor:pointer;min-height:36px}.checkbox input{width:16px;height:16px;accent-color:#234c6e;margin:0}.forgot{border:0;background:transparent;color:#295474;font-size:12px;font-weight:600;padding:10px 0}.forgot:hover{text-decoration:underline}.btn-primary{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:50px;border:1px solid #17384f;background:#17384f;color:#fff;border-radius:8px;padding:0 18px;font-size:14px;font-weight:600;box-shadow:0 5px 12px #18374d14;transition:background .15s}.btn-primary>span{color:#f1c56c;font-size:22px;font-weight:400}.btn-primary:hover{background:#24506c}.footer{margin-top:25px;padding-top:20px;border-top:1px solid #e3eaf1;font-size:11px;line-height:1.9;color:#78899a}.partner{position:absolute;bottom:27px;display:flex;align-items:center;gap:7px;color:#7b8a98;font-size:10px}.partner img{width:32px;height:32px;object-fit:contain}.partner strong{font-size:12px;font-weight:600;color:#52687b}.error,.success{font-size:13px;line-height:1.6;padding:12px;border-radius:8px;margin-bottom:18px}.error{display:none;color:#9d302c;background:#fff2f0;border:1px solid #efcbc7}.success{color:#21674b;background:#eef8f2;border:1px solid #c1e2cf}.modal-overlay{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:20px;background:#081e35a6;overflow:auto}.modal-overlay.open{display:flex}.modal{width:100%;max-width:430px;max-height:calc(100svh - 40px);overflow:auto;padding:28px;border-radius:14px;background:white;box-shadow:0 20px 80px #06162640}.modal h2{margin:0 0 10px;font-size:22px;letter-spacing:-.5px}.modal p{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 22px}.modal label{display:block;margin-bottom:8px}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.modal-actions button{min-height:44px;padding:10px 15px;font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:7px}.btn-submit{background:#17384f;color:white}.btn-cancel{background:white;color:var(--ink)}
@media(min-width:1600px){.login-card{max-width:400px}.company-logo{height:82px}.hero-copy{max-width:680px}.hero-copy h1{font-size:66px}}
@media(max-width:1100px) and (min-width:761px){.brand-side{padding:32px 25px}.brand-caption{display:none}.company-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero-copy{padding:50px 0}.login-side{padding-left:30px;padding-right:30px}.hero-copy h1{font-size:40px}.eyebrow{font-size:9px}}
@media(max-width:760px){.page{display:flex;flex-direction:column}.brand-side{display:contents}.brand-mark{order:0;padding:20px 24px;background:#102c42;gap:12px}.group-symbol{width:46px;height:46px;padding:6px;border-radius:8px}.brand-label{font-size:8px;margin-bottom:4px}.brand-mark strong{font-size:21px}.brand-caption{font-size:9px;padding-left:10px}.hero-copy{display:none}.login-side{order:1;padding:32px 24px 24px;background:#fbfcfe}.login-card{max-width:420px}.login-eyebrow{font-size:9px;margin-bottom:12px}.login-head{margin-bottom:25px}.login-head h2{font-size:26px}.login-head p{font-size:13px}.partner{position:static;margin-top:24px}.companies{order:2;background:#102c42;padding:26px 24px}.company-logos{max-width:550px;gap:8px;margin:18px auto 0}.company-logo{height:54px;padding:6px}.company-logos li>span{font-size:8px}.companies-note{text-align:center;margin-top:19px;font-size:10px}.companies-heading{max-width:550px;margin:auto}.footer{font-size:11px}}
@media(max-width:380px){.brand-mark{padding:17px 18px}.brand-caption{display:none}.login-side{padding:28px 18px 20px}.companies{padding:24px 18px}.company-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 9px}.company-logo{height:55px}.actions{gap:6px}.forgot,.checkbox{font-size:11px}.modal{padding:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:760px){.brand-side:after{display:none}}

.company-logo.park{background:#074788}

/* Reversible visual study: identity beside the sign-in, companies grouped together. */
.page{grid-template-columns:minmax(0,1.05fr) minmax(440px,1fr)}
.brand-side{justify-content:center;padding:clamp(32px,5vw,88px);gap:40px}
.hero-copy{padding:0;max-width:560px}.eyebrow{margin-bottom:20px}
.hero-copy h1{font-size:clamp(36px,3.6vw,58px)}
.hero-copy>p:not(.eyebrow){font-size:14px;margin-top:20px;max-width:440px}
.hero-rule{margin-top:24px}
.companies{max-width:560px;width:100%}.company-logos{gap:14px 12px;margin-top:18px}
.company-logo{height:78px;padding:12px;border-radius:10px;box-shadow:0 4px 14px #061b2914}
.company-logos li>span{font-size:10px;margin-top:8px;color:#d1dce4}
.companies-note{margin-top:18px}
.login-side{padding-top:48px;padding-bottom:72px}
.login-card{max-width:390px}
.login-card .brand-mark{padding:0 0 27px;margin:0 0 30px;border-bottom:1px solid #dce5ed;gap:16px;background:transparent}
.login-card .group-symbol{width:76px;height:76px;padding:10px;border:1px solid #e0e7ee;border-radius:16px;box-shadow:0 4px 16px #17384f06}
.login-card .brand-label{color:#667b8d;font-size:9px;letter-spacing:2.3px}
.login-card .brand-mark strong{color:#17384f;font-size:30px;letter-spacing:-1px}
.login-card .brand-caption{display:none}
.login-eyebrow{display:none}.login-head h2{font-size:25px;letter-spacing:-.6px}
.login-head p{margin-top:10px}.login-head{margin-bottom:24px}
@media(min-width:1600px){.company-logo{height:88px}.login-card{max-width:410px}}
@media(max-width:1100px) and (min-width:761px){.page{grid-template-columns:minmax(0,1fr) minmax(370px,1fr)}.brand-side{padding:32px 28px;gap:30px}.hero-copy h1{font-size:38px}.company-logo{height:68px;padding:9px}.company-logos li>span{font-size:9px}.login-side{padding:36px 28px 70px}}
@media(max-width:760px){.page{display:flex}.brand-side{display:contents}.hero-copy{display:none}.login-side{padding:28px 24px 22px}.login-card{max-width:420px}.login-card .brand-mark{margin-bottom:24px;padding-bottom:22px}.login-card .group-symbol{width:64px;height:64px;padding:9px;border-radius:13px}.login-card .brand-mark strong{font-size:28px}.login-head h2{font-size:24px}.companies{max-width:none;padding:24px;background:#102c42}.company-logo{height:62px;padding:8px}.company-logos{gap:12px 9px;margin-top:16px}.company-logos li>span{font-size:9px}.partner{margin-top:20px}}
@media(max-width:380px){.login-side{padding:24px 18px 20px}.login-card .brand-mark{gap:12px}.login-card .brand-mark strong{font-size:26px}.companies{padding:22px 18px}.company-logo{height:56px;padding:6px}.company-logos li>span{font-size:8px}}

/* Restore the original white Hub identity at the top of the navy panel. */
@media(min-width:761px){.brand-side{justify-content:flex-start;gap:28px;padding-top:clamp(24px,2.4vw,40px)}.brand-side>.brand-mark{flex-shrink:0}.brand-side>.hero-copy{margin-top:0}.brand-side>.companies{margin-bottom:auto}}

.staff-login{display:flex;justify-content:center;gap:12px;margin-top:16px;padding:12px;border:1px solid #d1d5db;border-radius:10px;color:#374151;text-decoration:none;font-weight:600}.staff-login:hover{background:#f3f4f6}.staff-login:focus-visible{outline:2px solid #2563eb;outline-offset:3px}

.session-help{font-size:12px;line-height:1.6;color:#536479;margin:0 0 18px;text-align:left}
@media(max-width:480px){.actions{flex-wrap:wrap;gap:12px}.session-help{font-size:12px}}