/* Scoped login design: no changes to shared application styles. */
.hb-login-page{background:radial-gradient(circle at 15% 15%,#123e53 0,transparent 43%),linear-gradient(135deg,#061b2a,#092b3d 70%,#071e2d);padding:clamp(48px,7vw,110px) 24px;min-height:calc(100vh - 180px);font-family:Arial,Helvetica,sans-serif;color:#fff}
.hb-login-wrap{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,470px);gap:clamp(35px,7vw,105px);align-items:center}
.hb-login-intro{padding:20px 0}.hb-login-kicker{font-size:12px;font-weight:800;letter-spacing:.23em;color:#ff791c;margin:0 0 25px}.hb-login-intro h1{color:#fff;font-size:clamp(45px,5.5vw,78px);line-height:1.04;letter-spacing:-.055em;margin:0 0 24px;font-weight:800}.hb-login-intro h1 span{color:#ff791c}.hb-login-intro>p:not(.hb-login-kicker){font-size:18px;line-height:1.7;color:#d2e1e9;max-width:520px}.hb-login-trust{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hb-login-trust span{border:1px solid #436074;border-radius:100px;padding:9px 13px;font-size:12px;font-weight:700;color:#e8f0f5}
.hb-login-card{background:#fff;color:#0b2738;border-radius:18px;padding:clamp(27px,4vw,42px);box-shadow:0 24px 70px #0005}.hb-login-card-top{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.16em;color:#bd4e08;margin-bottom:23px}.hb-login-lock{background:#fff0e5;color:#ff791c;width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.hb-login-card h2{font-size:clamp(29px,3vw,38px);letter-spacing:-.04em;color:#082638;margin:0 0 7px}.hb-login-subtitle{color:#5e7080;margin:0 0 28px}.hb-login-form{display:grid;gap:10px}.hb-login-form label{font-weight:700;font-size:13px;color:#102f40}.hb-login-form input{width:100%;min-height:50px;border:1px solid #cbd7e0;border-radius:9px;padding:12px 14px;font-size:15px;background:#fff;color:#102f40}.hb-login-form input:focus{border-color:#f47719;outline:3px solid #ff791c35}.hb-login-password-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.hb-login-password-row a,.hb-login-join a{color:#b94d07;font-size:13px;font-weight:700}.hb-login-submit{width:100%;margin-top:17px;min-height:52px;border:0;border-radius:9px;background:#ff791c;color:#081e2b;font-weight:800;font-size:15px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:13px}.hb-login-submit:hover{background:#f46b16;transform:none}.hb-login-join{border-top:1px solid #e6edf1;margin:28px 0 0;padding-top:22px;text-align:center;font-size:14px;color:#506777}.hb-login-assurance{text-align:center;font-size:12px;color:#778894;margin:18px 0 0}.hb-login-alert,.hb-login-success{border-radius:9px;padding:12px 14px;font-size:14px}.hb-login-alert{background:#fff1f0;color:#912c2c;border:1px solid #f3c9c4}.hb-login-success{background:#e9f7ef;color:#236643;border:1px solid #b9e2c9}
@media(max-width:800px){.hb-login-wrap{grid-template-columns:1fr;max-width:510px;gap:28px}.hb-login-intro{padding:0}.hb-login-intro h1{font-size:clamp(39px,8vw,58px)}.hb-login-trust{margin-top:18px}.hb-login-page{padding:40px 16px 65px}}

/* HaulageBid Scania visual update — CSS only, original layout retained. */
.hb-login-page {
  background: linear-gradient(90deg,rgba(0,25,37,.91) 0%,rgba(0,25,37,.78) 48%,rgba(0,25,37,.55) 100%), url('/assets/scania-v8-hero.webp') center center / cover no-repeat !important;
}
.hb-login-page .hb-login-card {
  background: rgba(0,30,43,.96) !important;
  color: #fff !important;
  border: 1px solid rgba(170,208,225,.25);
}
.hb-login-page .hb-login-card h2,
.hb-login-page .hb-login-form label { color:#fff !important; }
.hb-login-page .hb-login-subtitle,
.hb-login-page .hb-login-join,
.hb-login-page .hb-login-assurance { color:#c7d8e1 !important; }
.hb-login-page .hb-login-card-top { color:#ff7000 !important; }
.hb-login-page .hb-login-lock { background:rgba(255,112,0,.14);color:#ff7000; }
.hb-login-page .hb-login-form input { background:#fff;color:#001e2b; }
.hb-login-page .hb-login-join { border-top-color:rgba(255,255,255,.18); }
.hb-login-page .hb-login-password-row a,
.hb-login-page .hb-login-join a { color:#ff923f; }
.hb-login-page .hb-login-submit { background:#ff7000;color:#fff; }
.hb-login-page .hb-login-submit:hover { background:#ed6500; }
