:root{color:#12352f;font-synthesis:none;background:#f5f7f4;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:32px clamp(20px,5vw,64px)}header{border-bottom:1px solid #d2ded6;justify-content:space-between;align-items:center;gap:16px;padding-bottom:28px;display:flex}.brand{letter-spacing:.14em;font-weight:800}.badge{border:1px solid #b8cbc0;border-radius:20px;padding:6px 12px;font-size:.8rem}.hero{padding:64px 0 36px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}h1{letter-spacing:-.045em;margin:18px 0 24px;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.08}p{color:#415c53;line-height:1.6}.status{border:1px solid #b8cbc0;border-radius:8px;padding:8px 16px;display:inline-block}.modules{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}article{background:#fff;border:1px solid #d2ded6;border-radius:12px;padding:24px 18px}h2{margin:0;font-size:1.05rem}article p{margin-bottom:0;font-size:.8rem}footer{color:#526b60;padding-top:48px;font-size:.8rem}button{color:#fff;cursor:pointer;background:#12352f;border:0;border-radius:6px;padding:12px 18px}button:focus-visible{outline-offset:3px;outline:3px solid #6ca48b}button:disabled{cursor:wait;opacity:.65}.login-page{max-width:720px}.login-card{background:#fff;border:1px solid #d2ded6;border-radius:18px;max-width:520px;margin:64px auto;padding:clamp(24px,6vw,48px);box-shadow:0 18px 60px #12352f14}.login-card h1{font-size:clamp(2rem,7vw,3.25rem)}.login-actions,form,.guidance-actions{gap:14px;display:grid}.secondary{color:#12352f;background:#edf3ef;border:1px solid #b8cbc0}.link-button{color:#12352f;background:0 0;text-decoration:underline}label{color:#284a40;gap:7px;font-weight:650;display:grid}input{width:100%;font:inherit;color:#12352f;border:1px solid #9db4a8;border-radius:7px;padding:12px 14px}input:focus-visible{border-color:#315f51;outline:3px solid #9bc3af}.auth-message{background:#f2f6f3;border-left:4px solid #315f51;padding:10px 12px}.browser-guidance{border:1px solid #d2ded6;border-radius:10px;margin-top:24px;padding:18px}.browser-guidance h2{font-size:1rem}.browser-guidance code{overflow-wrap:anywhere;margin:12px 0;display:block}.guidance-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.login-page{color:#092a5e;background:#f5f7fb;width:100%;max-width:none;min-height:100dvh;padding:0;font-family:Poppins,system-ui,sans-serif;overflow-x:hidden}.login-hero{color:#fff;background:#092a5e;border:0;height:330px;padding:22px 24px;display:block;position:relative;overflow:hidden}.login-brand{z-index:1;object-fit:contain;width:124px;height:64px;margin:0 auto;display:block;position:relative}.login-truck{object-fit:contain;width:319px;height:256px;position:absolute;top:102px;left:190px}.login-hero-copy{z-index:1;margin-top:22px;position:relative}.login-hero-copy p{color:#f6c315;letter-spacing:.07em;margin:0 0 10px;font-size:.62rem;font-weight:700}.login-hero-copy h2{color:#fff;letter-spacing:-.04em;margin:0;font-size:1.7rem;line-height:1.25}.login-app-id{display:none}.login-card{z-index:2;border:1px solid #e2e7ef;border-radius:20px;max-width:none;margin:-38px 20px 0;padding:24px;position:relative;box-shadow:0 12px 28px #092a5e12}.login-card h1{letter-spacing:-.025em;margin:0 0 8px;font-size:1.43rem;font-weight:600}.login-intro{color:#697386;margin:0 0 24px;font-size:.8rem;line-height:1.65}.login-actions{gap:12px}.login-card .passkey-action{text-align:left;align-items:center;gap:10px;padding:10px 12px;display:flex}.passkey-action>svg{flex:none;width:22px;height:22px}.passkey-action strong,.passkey-action small{display:block}.passkey-action strong{font-size:.8rem}.passkey-action small{font-size:.65rem;font-weight:400}.login-card button:not(.link-button){color:#083ea8;background:#f6c315;min-height:44px;font-weight:700}.login-card button.passkey-action{min-height:56px}.login-card .secondary{border-color:#d8e0ec;background:#fff!important}.login-card .link-button{color:#083ea8;font-size:.75rem}.login-security{color:#606d80;text-align:center;justify-content:center;align-items:center;gap:6px;margin:4px 0 0;font-size:.65rem;display:flex}.login-security svg{color:#17875b;width:12px;height:12px}.login-card label{color:#092a5e;font-size:.84rem}.login-card input{color:#092a5e;border-color:#c9cfdf}.login-card input:focus-visible,.login-card button:focus-visible{outline-offset:2px;outline:3px solid #083ea8}.login-card .auth-message{background:#fff8d8;border-left-color:#f6c315}.login-footer{text-align:center;justify-items:center;gap:10px;padding:64px 20px 18px;display:grid}.login-footer p{color:#606d80;margin:0;font-size:.7rem}.login-footer span{color:#083ea8;border:1px solid #d8e0ec;border-radius:99px;align-items:center;gap:7px;padding:9px 14px;font-size:.7rem;font-weight:600;display:flex}.login-footer svg{width:13px;height:13px}.login-footer small{color:#788496;margin-top:54px;font-size:.57rem}@media (width>=768px){.login-page{width:100%;max-width:none;min-height:100vh;box-shadow:none;grid-template-rows:161px auto 1fr;grid-template-columns:43% minmax(0,1fr);margin:0;display:grid}.login-hero{grid-area:1/1/4;height:100%;min-height:768px;padding:32px 40px}.login-brand{width:146px;height:78px;margin:0}.login-hero-copy{margin-top:61px}.login-hero-copy h2{font-size:2.4rem}.login-truck{width:110%;height:auto;top:57%;left:19%}.login-app-id{color:#092a5e;letter-spacing:.14em;grid-area:1/2;place-self:end center;margin:0 0 28px;font-size:1.15rem;font-weight:700;display:block}.login-card{grid-area:2/2;justify-self:center;width:min(488px,100% - 96px);margin:0}.login-footer{grid-area:3/2;align-self:end;padding:28px 20px 18px}.login-footer small{margin-top:36px}}@media (width>=1200px){.login-page{grid-template-rows:207px auto 1fr;grid-template-columns:46% minmax(0,1fr)}.login-hero{min-height:900px;padding:40px 54px}.login-brand{width:166px;height:88px}.login-hero-copy{margin:78px 0 0 10px}.login-hero-copy h2{font-size:3rem}.login-truck{width:86%;top:56%;left:34%}.login-app-id{margin-bottom:55px}.login-card{width:min(480px,100% - 120px)}.login-footer small{margin-top:54px}}@media (width>=1800px){.login-page{grid-template-rows:1fr auto 1fr}.login-hero-copy{margin-top:clamp(90px,12vh,170px)}.login-truck{width:min(78%,800px);top:50%;left:50%;transform:translate(-50%)}.login-app-id{margin-bottom:52px;font-size:1.35rem}.login-card{width:min(560px,100% - 120px);padding:32px}.login-card h1{font-size:1.7rem}.login-intro{font-size:.95rem}.login-card button.passkey-action{min-height:64px}.login-footer{align-self:stretch;padding:48px 20px 24px}.login-footer small{align-self:end;margin-top:auto}}