/* Reference-aligned compact landing layout */
body{background:#fff}.site-header{height:64px;padding:7px 16px;max-width:960px}.site-brand img{width:39px;height:43px}.site-brand span{font-size:15px}.login-link{padding:9px 15px}.hero{max-width:960px;height:286px;border-radius:0;overflow:visible}.hero:after{background:linear-gradient(90deg,#fff 0%,#fffffff5 32%,#ffffff22 58%,transparent 76%)}.hero-copy{top:18px;left:17px;width:340px}.hero-copy .eyebrow{display:none}.hero h1{font-size:39px;line-height:1.04;margin-bottom:9px}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.35;width:280px;margin-bottom:10px}.hero-actions{gap:9px}.btn-primary,.btn-outline{font-size:12px;padding:10px 12px}.hero-features{margin-top:10px;gap:10px;font-size:9px}.section{max-width:930px;padding:18px 18px}.program{margin-top:0;padding-top:18px;padding-bottom:15px;grid-template-columns:1.05fr 1.55fr;gap:25px;border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 10px #0b1c5911}.section-kicker{font-size:9px;margin-bottom:3px}.section h2{font-size:19px;margin-bottom:9px}.program-intro>p:last-child{font-size:13px;line-height:1.65}.support-grid{gap:17px 20px}.support-grid>article>i{width:39px;height:39px;font-size:18px}.support-grid h3{font-size:13px;margin:1px 0 3px}.support-grid p{font-size:10px}.categories{padding-top:12px;padding-bottom:15px}.section-heading h2{font-size:20px;margin-bottom:14px}.category-grid{gap:14px}.category-top{height:102px;padding:12px;gap:10px}.category-top>span{width:48px;height:48px;font-size:23px}.category-card h3{font-size:15px;margin:3px 0 5px}.category-card ul{font-size:10px;line-height:1.55}.category-card img{height:91px}.benefits{padding:13px 15px}.benefits h2{font-size:18px;margin:2px 0 14px}.benefits .section-heading p{display:none}.benefit-grid{max-width:900px}.benefit-grid span{font-size:10px;padding:0 6px}.benefit-grid i{font-size:24px;margin-bottom:5px}.process{padding-top:16px;padding-bottom:15px}.process .section-heading h2{margin-bottom:13px}.process ol:before{top:13px}.process b{width:27px;height:27px;font-size:13px}.process i{font-size:27px;height:30px}.process li{gap:4px;font-size:9px}.opportunities{padding-top:12px;padding-bottom:12px}.opportunity-grid{gap:12px}.opportunity-grid article{min-height:108px}.opportunity-grid div{padding:12px;max-width:150px}.opportunity-grid h3{font-size:12px;margin-bottom:5px}.opportunity-grid p,.opportunity-grid strong{font-size:10px;margin-bottom:3px}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;padding-top:14px;padding-bottom:14px}.faq-card,.help-card{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.faq-card{padding:15px}.faq-card h2,.help-card h2{font-size:17px;color:var(--blue);margin:0 0 8px}.faq-card details{border-top:1px solid var(--line);font-size:10px}.faq-card summary{list-style:none;padding:7px 2px;font-weight:700;cursor:pointer}.faq-card summary::-webkit-details-marker{display:none}.faq-card summary i{float:right}.faq-card details p{font-size:10px;color:#4b5879;margin:0 2px 8px}.help-card{display:flex;min-height:160px;background:#f4faff}.help-card>div{padding:20px;width:63%;z-index:1}.help-card h2{color:var(--navy)}.help-card p{font-size:13px;line-height:1.5;margin:0 0 13px}.help-card img{width:46%;object-fit:cover;object-position:center}.help-card .btn-primary{font-size:10px;padding:9px}.registration{padding-top:12px;padding-bottom:18px}.registration-card{padding:13px 18px 9px;border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 13px #0b1c5913}.register-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:14px;text-align:center;font-size:9px;color:#8490aa}.register-steps span{border-top:2px solid #ced8f7;padding-top:6px}.register-steps .active{color:var(--blue);border-color:var(--blue);font-weight:700}.register-steps b{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#fff;border:1px solid #cfd8ef;margin-right:3px}.register-steps .active b{background:var(--blue);border-color:var(--blue);color:#fff}.registration form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 18px}.registration label{font-size:9px;font-weight:700}.registration em{color:#e21b34;font-style:normal}.registration input,.registration select{display:block;width:100%;margin-top:4px;border:1px solid #d9e1f0;border-radius:4px;padding:7px;font-size:10px}.registration button{grid-column:2/4;justify-self:center;width:112px;padding:8px;border:0;border-radius:4px;background:var(--blue);color:#fff;font-size:13px;font-weight:700}.secure{text-align:center;font-size:9px;margin:9px 0 0;color:#53617c}footer{display:block;padding:13px max(18px,calc((100% - 920px)/2)) 0;background:#fff}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px}.footer-top span{display:grid;grid-template-columns:23px 1fr;column-gap:5px}.footer-top span i{grid-row:1/3;color:var(--blue);font-size:19px}.footer-top span b{font-size:9px}.footer-top a{font-size:10px}.footer-top .site-brand{font-size:12px}.footer-top .site-brand img{width:34px;height:38px}footer>p{margin:13px -100vw 0;padding:7px;background:linear-gradient(90deg,#062779,#0b47c4);color:#fff;text-align:center;font-size:10px}@media(max-width:850px){.hero{height:500px}.hero-copy{top:28px}.program,.faq-section{grid-template-columns:1fr}.faq-section{gap:12px}.registration form{grid-template-columns:1fr 1fr}.registration button{grid-column:1/3}.footer-top{flex-wrap:wrap}.site-header{max-width:100%}}@media(max-width:560px){.hero{height:540px}.hero-copy{width:auto}.hero h1{font-size:34px}.program{margin:0 12px}.category-top{height:120px}.registration form{grid-template-columns:1fr}.registration button{grid-column:auto;width:100%}.register-steps{font-size:7px}.register-steps b{display:block;margin:0 auto 3px}.faq-section{padding-left:12px;padding-right:12px}.footer-top{flex-direction:column;align-items:flex-start}}
.benefit-grid { grid-template-columns: repeat(8, 1fr); }
.benefit-grid span { font-size: 9px; padding: 0 5px; }
.opportunity-grid small { display: block; margin-bottom: 3px; font-size: 10px; }
.opportunity-note { margin: 9px 0 0; color: #18265f; font-size: 9px; font-weight: 600; text-align: center; }
.opportunity-note i { margin-right: 5px; color: var(--blue); }
.applicant-registration-form h3 { margin: 22px 0 12px; padding-bottom: 8px; border-bottom: 1px solid #dbe5f3; color: #073ab8; font-size: 17px; }
.applicant-registration-form h3:first-child { margin-top: 0; }.applicant-registration-form h3 small { color: #7583a3; font-size: 11px; font-weight: 400; }.applicant-registration-form label { display: block; color: #142561; font-size: 13px; font-weight: 700; }.applicant-registration-form input,.applicant-registration-form select,.applicant-registration-form textarea { display: block; width: 100%; margin-top: 5px; padding: 9px; border: 1px solid #d6e0f0; border-radius: 5px; font: inherit; font-size: 13px; }.applicant-registration-form em { color: #dc3545; font-style: normal; }.register-submit { border: 0; padding: 12px 30px; font-size: 14px; cursor: pointer; }
.benefit-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.benefit-grid span { overflow-wrap: anywhere; }

/* Full-width landing page layout */
.site-header { max-width: none; padding-left: clamp(22px, 4vw, 72px); padding-right: clamp(22px, 4vw, 72px); }
.hero { max-width: none; height: clamp(340px, 33vw, 510px); }
.hero-copy { left: clamp(28px, 6vw, 110px); top: clamp(28px, 5vw, 76px); width: min(42vw, 520px); }
.hero h1 { font-size: clamp(38px, 4vw, 62px); }
.hero-copy > p:not(.eyebrow) { width: auto; font-size: clamp(14px, 1.35vw, 18px); }
.section { max-width: none; padding-left: clamp(28px, 6vw, 115px); padding-right: clamp(28px, 6vw, 115px); }
.program { max-width: none; margin-left: clamp(18px, 3vw, 65px); margin-right: clamp(18px, 3vw, 65px); }
.category-card img { height: clamp(105px, 11vw, 175px); }
.benefit-grid { max-width: none; }
footer { padding-left: clamp(28px, 6vw, 115px); padding-right: clamp(28px, 6vw, 115px); }

@media (max-width: 850px) {
    .hero { height: 500px; }
    .hero-copy { width: min(86vw, 520px); left: 28px; top: 32px; }
    .program { margin-left: 18px; margin-right: 18px; }
}

/* Bootstrap grid integration for responsive landing sections */
.program.row, .category-grid.row, .faq-section.row { display: flex; }
body { overflow-x: hidden; }

/* Responsive hero banner */
.hero {
    min-height: 380px;
    background: linear-gradient(115deg, #fdfefe 0%, #e9f7ff 47%, #77c5f6 100%);
    isolation: isolate;
}
.hero-image { object-position: center center; }
.hero::after {
    z-index: 0;
    background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.9) 29%, rgba(255,255,255,.4) 52%, rgba(255,255,255,0) 74%);
}
.hero-copy { z-index: 1; }
.hero-copy h1 { max-width: 620px; text-shadow: 0 1px 0 rgba(255,255,255,.55); }
.hero-actions .btn-primary, .hero-actions .btn-outline { min-height: 52px; justify-content: center; }
.hero-actions .btn-primary { min-width: 190px; }
.hero-actions .btn-outline { min-width: 130px; }
.hero-actions .btn-primary, .hero-actions .btn-outline { padding: 12px 18px; font-size: 12px; line-height: 1.25; }
.hero-features { max-width: 620px; }

@media (max-width: 767.98px) {
    .hero { height: 580px; min-height: 580px; }
    .hero-image { object-position: 62% center; }
    .hero::after { background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.88) 51%, rgba(255,255,255,.14) 80%, rgba(255,255,255,0) 100%); }
    .hero-copy { top: 30px; left: 22px; width: calc(100% - 44px); }
    .hero-copy h1 { font-size: clamp(38px, 11vw, 52px); }
    .hero-copy > p:not(.eyebrow) { max-width: 320px; }
    .hero-actions { flex-wrap: wrap; }
    .hero-actions .btn-primary { min-width: 200px; }
    .hero-features { gap: 8px 12px; }
}

@media (min-width: 768px) {
    .category-grid.row { gap: 28px !important; }
    .category-grid.row > .category-card { flex: 0 0 calc((100% - 56px) / 3); width: calc((100% - 56px) / 3); max-width: calc((100% - 56px) / 3); }
}

/* Exact desktop hero reference artwork */
.hero-picture { display: block; width: 100%; height: 100%; }
.hero-hotspot { display: none; }
.site-header { display: none; }
.hero-topbar { position: absolute; z-index: 2; top: clamp(14px, 2vw, 28px); left: clamp(20px, 4vw, 72px); right: clamp(20px, 4vw, 72px); display: flex; align-items: center; justify-content: space-between; }
.hero-topbar .site-brand { font-size: clamp(14px, 1.2vw, 17px); }
.hero-topbar .site-brand img { width: clamp(38px, 3vw, 50px); height: clamp(42px, 3.5vw, 55px); }
.hero-topbar .login-link { padding: 10px 17px; font-size: 12px; }
.applicant-menu .dropdown-toggle::after { margin-left: 7px; vertical-align: .1em; }
.applicant-menu .dropdown-menu { min-width: 170px; margin-top: 8px; border-radius: 8px; font-size: 13px; }
.applicant-menu .dropdown-item { padding: 9px 13px; }

@media (min-width: 768px) {
    .site-header { display: none; }
}
.program.row { grid-template-columns: none; }
.category-grid.row { grid-template-columns: none; gap: 0; }
.category-grid.row > .category-card { width: auto; }
.faq-section.row { grid-template-columns: none; gap: 0; }
.faq-section.row > .faq-card, .faq-section.row > .help-card { width: auto; }

@media (max-width: 991.98px) {
    .program.row, .faq-section.row { margin-left: 0; margin-right: 0; }
    .program.row > *, .faq-section.row > * { margin-bottom: 1rem; }
}

@media (min-width: 768px) {
    .hero-copy { top: clamp(82px, 6vw, 110px); }
}

@media (max-width: 767.98px) {
    .hero-copy { top: 96px; }
}

/* Program and category panels aligned to the supplied reference */
.program {
    align-items: center;
    gap: 28px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
    border: 1px solid #e6ebf5;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 3px 14px rgba(13, 38, 104, .07);
}
.program .section-kicker, .categories .section-kicker { display: none; }
.program .program-intro { padding-right: 20px; }
.program .program-intro h2 { margin-bottom: 8px; color: #0a38b7; font-size: clamp(18px, 1.45vw, 23px); }
.program .program-intro > p:last-child { max-width: 390px; color: #0b245d; font-size: 13px; font-weight: 600; line-height: 1.7; }
.program .support-grid { gap: 22px 28px; }
.program .support-grid > article { align-items: center; }
.program .support-grid > article > i { width: 48px; height: 48px; color: #063db8; font-size: 22px; box-shadow: 0 4px 13px rgba(10, 37, 105, .14); }
.program .support-grid h3 { margin: 0 0 3px; color: #0c1c56; font-size: 13px; line-height: 1.45; }
.program .support-grid p { display: none; }

@media (min-width: 768px) {
    .program.row > .program-intro { flex: 0 0 39%; width: 39%; max-width: 39%; }
    .program.row > .support-grid { display: grid; flex: 0 0 61%; width: 61%; max-width: 61%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 480px) {
    .program.row { flex-wrap: nowrap; }
    .program.row > .program-intro { flex: 0 0 39%; width: 39%; max-width: 39%; }
    .program.row > .support-grid { display: grid; flex: 0 0 61%; width: 61%; max-width: 61%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.categories { padding-top: 16px; padding-bottom: 16px; }
.categories .section-heading { width: 100%; text-align: center; }
.categories .section-heading h2 { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 0 0 15px; color: #073ac4; font-size: clamp(19px, 1.55vw, 24px); }
.categories .section-heading h2::before, .categories .section-heading h2::after { width: 36px; height: 1px; background: #5e8cff; content: ''; }
.category-grid.row { --bs-gutter-x: 28px; --bs-gutter-y: 24px; justify-content: center; }
.category-grid.row > .category-card { display: flex; flex-direction: column; min-height: 245px; padding: 0; }
.category-top { height: 132px; padding: 16px 18px; }
.category-top > span { width: 59px; height: 59px; font-size: 28px; }
.category-card h3 { margin: 3px 0 6px; color: #0b1d68; font-size: 18px; }
.category-card ul { font-size: 13px; font-weight: 600; line-height: 1.85; }
.category-card img { height: 113px; margin-top: auto; object-fit: cover; }
.category-card.truck ul li::marker { color: #0c4ee0; }
.category-card.bus ul li::marker { color: #05966b; }
.category-card.taxi ul li::marker { color: #f57a10; }

/* Benefits bar */
.benefits {
    margin: 0 clamp(16px, 2vw, 32px);
    padding: 9px clamp(12px, 2vw, 30px) 14px;
    background: linear-gradient(105deg, #06309a 0%, #0648c8 52%, #062d96 100%);
}
.benefits .section-heading h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 0 0 10px;
    color: #fff;
    font-size: 17px;
}
.benefits .section-heading h2::before, .benefits .section-heading h2::after { width: 38px; height: 1px; background: rgba(255,255,255,.72); content: ''; }
.benefit-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); max-width: none; }
.benefit-grid span { min-height: 67px; padding: 0 12px; border-right: 1px solid rgba(255,255,255,.35); color: #fff; font-size: 10px; font-weight: 700; line-height: 1.35; }
.benefit-grid i { display: block; width: auto; height: auto; margin: 0 0 7px; background: transparent; color: #fff; font-size: 29px; }
.benefit-grid span:nth-child(4) i, .benefit-grid span:nth-child(8) i { display: none; }
.benefit-grid span:nth-child(4)::before, .benefit-grid span:nth-child(8)::before { content: ''; display: block; width: 32px; height: 32px; margin: 0 auto 7px; background-position: center; background-repeat: no-repeat; background-size: contain; }
.benefit-grid span:nth-child(4)::before { background-image: url('../images/benefit-driver-training.png'); }
.benefit-grid span:nth-child(8)::before { background-image: url('../images/benefit-employer-matching.png'); }
.benefit-grid span:nth-child(4)::before { width: 42px; height: 42px; margin-bottom: 4px; filter: brightness(0) invert(1); }
.benefit-grid span:nth-child(8)::before { filter: brightness(0) invert(1); }

@media (max-width: 767.98px) {
    .benefits { margin: 0; padding: 14px 12px; }
    .benefit-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 18px; }
    .benefit-grid span:nth-child(4) { border-right: 0; }
}

@media (max-width: 460px) {
    .benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .benefit-grid span { border-right: 0; }
}

/* Recruitment process timeline */
.process { padding-top: 16px; padding-bottom: 18px; }
.process .section-kicker { display: none; }
.process .section-heading h2 { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 0 0 14px; color: #073ac4; font-size: clamp(19px, 1.55vw, 24px); }
.process .section-heading h2::before, .process .section-heading h2::after { width: 36px; height: 1px; background: #5e8cff; content: ''; }
.process ol { margin: 0 auto; max-width: 1220px; }
.process ol::before { top: 13px; height: 0; border-top: 2px dotted #5281ed; background: none; }
.process li { gap: 5px; color: #0a1b5b; font-size: 10px; line-height: 1.35; }
.process b { width: 28px; height: 28px; background: #073ebc; font-size: 14px; box-shadow: 0 2px 5px rgba(7,62,188,.2); }
.process i { height: 42px; color: #073ebc; font-size: 34px; line-height: 1; }

@media (max-width: 767.98px) {
    .process ol { grid-template-columns: repeat(4, 1fr); gap: 24px 8px; }
    .process ol::before { display: none; }
}

@media (max-width: 460px) {
    .process ol { grid-template-columns: repeat(2, 1fr); }
}

/* Job opportunities cards */
.opportunities { padding-top: 14px; padding-bottom: 14px; }
.opportunities .section-kicker { display: none; }
.opportunities .section-heading h2 { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 0 0 12px; color: #073ac4; font-size: clamp(19px, 1.55vw, 24px); }
.opportunities .section-heading h2::before, .opportunities .section-heading h2::after { width: 36px; height: 1px; background: #5e8cff; content: ''; }
.opportunity-grid { gap: 16px; }
.opportunity-grid article { min-height: 126px; border: 1px solid #dce5f5; border-radius: 7px; }
.opportunity-grid img { opacity: 1; object-position: right center; }
.opportunity-grid article::after { background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.96) 42%, rgba(255,255,255,.32) 70%, rgba(255,255,255,0) 100%); }
.opportunity-grid div { max-width: 57%; padding: 12px; }
.opportunity-grid h3 { margin: 0 0 4px; color: #073ab8; font-size: 13px; }
.opportunity-grid p, .opportunity-grid small, .opportunity-grid strong { margin: 0 0 4px; color: #0b215d; font-size: 10px; font-weight: 600; }
.opportunity-grid small { display: block; }
.opportunity-grid strong { color: #063db8; font-size: 13px; font-weight: 800; }
.opportunity-note { margin: 9px 0 0; font-size: 9px; }
.carousel { padding: 0 30px; }
.job-carousel-control { width: 27px; color: #073ebc; opacity: 1; }
.job-carousel-control i { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; background: #fff; border: 1px solid #b8cafa; font-size: 15px; }

@media (max-width: 767.98px) {
    .opportunity-grid { grid-template-columns: 1fr; }
    .opportunity-grid article { min-height: 126px; }
}

/* FAQ and help cards */
.faq-section { align-items: stretch; padding-top: 14px; padding-bottom: 14px; }
.faq-card, .help-card { min-height: 164px; border: 1px solid #e3e9f3; border-radius: 7px; box-shadow: 0 2px 8px rgba(10,35,94,.05); }
.faq-card { padding: 12px; }
.faq-card h2, .help-card h2 { margin: 0 0 7px; color: #073ab8; font-size: 16px; }
.faq-card details { border: 1px solid #e5eaf3; border-bottom: 0; background: #fff; }
.faq-card details:last-child { border-bottom: 1px solid #e5eaf3; }
.faq-card summary { padding: 5px 10px; color: #10235f; font-size: 9px; }
.faq-card details p { font-size: 9px; }
.help-card { background: #f7fbff; }
.help-card > div { padding: 25px 14px; width: 52%; }
.help-card p { color: #12235d; font-size: 10px; font-weight: 600; line-height: 1.55; }
.help-card img { width: 48%; }
.help-card .btn-primary { padding: 9px 10px; font-size: 9px; }

@media (min-width: 480px) {
    .faq-section.row { flex-wrap: nowrap; }
    .faq-section.row > .faq-card { flex: 0 0 48%; width: 48%; max-width: 48%; }
    .faq-section.row > .help-card { flex: 0 0 52%; width: 52%; max-width: 52%; }
}

@media (max-width: 767.98px) {
    .program { margin-left: 14px; margin-right: 14px; }
    .program .program-intro { padding-right: 0; }
    .program .support-grid { gap: 16px; }
    .category-top { height: 118px; }
    .category-card img { height: 135px; }
}
.wizard-step-labels { display: flex; justify-content: space-between; margin: -8px 0 18px; color: #8290ad; font-size: 12px; font-weight: 700; }.wizard-step-labels .active { color: #073ab8; }.wizard-panel { display: none; }.wizard-panel.active { display: block; }.wizard-actions { display: flex; justify-content: flex-end; gap: 10px; }.wizard-prev,.register-submit { display: none; }.wizard-actions .btn { min-width: 105px; }.wizard-progress { height: 7px; background: #e7edfa; }.wizard-progress .progress-bar { background: #073ebc; transition: width .25s ease; }
@media (max-width: 575px) { .wizard-step-labels { gap: 6px; font-size: 9px; }.wizard-actions { justify-content: space-between; }.wizard-actions .btn,.register-submit { min-width: 92px; } }

/* Compact reference-style registration wizard */
.registration { padding-top: 10px; padding-bottom: 16px; }
.registration .section-heading { position: relative; z-index: 1; }
.registration .section-heading h2 { margin: 0 -1px -8px; color: #073ab8; font-size: 18px; }
.registration .section-kicker { display: none; }
.registration-card { padding: 18px 30px 10px; border-radius: 14px; background: #fff; box-shadow: 0 3px 16px rgba(16,39,93,.13); }
.applicant-registration-form { display: block !important; }
.wizard-progress { height: 2px; margin: 11px 9% 0; border-radius: 0; background: #d7e0f4; }
.wizard-step-labels { position: relative; margin: -18px 0 18px; padding: 0 4%; }
.wizard-step-labels span { position: relative; flex: 1; padding-top: 25px; text-align: center; color: #8993aa; font-size: 10px; }
.wizard-step-labels span::before { position: absolute; top: 0; left: 50%; display: grid; width: 18px; height: 18px; place-items: center; border: 1px solid #c7d0e3; border-radius: 50%; background: #fff; color: #8490a9; content: counter(step); counter-increment: step; font-size: 10px; }
.wizard-step-labels { counter-reset: step; }
.wizard-step-labels span.active { color: #073ebc; font-weight: 800; }
.wizard-step-labels span.active::before { border-color: #073ebc; background: #073ebc; color: #fff; }
.applicant-registration-form h3 { display: none; }
.wizard-panel.active { padding: 0; }
.wizard-panel.active .row { --bs-gutter-x: 28px; --bs-gutter-y: 12px; }
.applicant-registration-form label { font-size: 10px; }
.applicant-registration-form input,.applicant-registration-form select,.applicant-registration-form textarea { margin-top: 3px; padding: 8px 10px; font-size: 11px; }
.wizard-actions { justify-content: center; margin-top: 15px !important; }
.wizard-actions .btn,.register-submit { display: inline-flex; min-width: 112px; min-height: 38px; align-items: center; justify-content: center; padding: 8px 18px !important; border-radius: 5px; font-size: 11px; }
.wizard-prev,.register-submit { display: none; }
.wizard-actions .btn-primary,.register-submit { background: linear-gradient(90deg,#0739b4,#0955d7); }
.secure { font-size: 10px; }
@media (min-width: 768px) { .wizard-panel.active .row > .col-md-6 { flex: 0 0 25%; width: 25%; }.wizard-panel.active .row > .col-md-4 { flex: 0 0 25%; width: 25%; }.wizard-panel.active .row > .col-md-6:nth-child(5) { margin-left: 0; } }
@media (max-width: 575px) { .registration-card { padding: 16px; }.wizard-step-labels { padding: 0; }.wizard-step-labels span { font-size: 8px; }.wizard-panel.active .row { --bs-gutter-x: 12px; } }

/* Default landing-page text size */
body { font-size: 14px; }

/* About the Program copy */
.program-intro > p:last-child { font-size: 16px; }
.human-verification { width:min(100%, 340px); padding:15px 16px; border:1px solid #d7dfeb; border-radius:8px; background:linear-gradient(135deg,#fff,#f5f8fe); box-shadow:0 5px 14px #0b1c5910; transition:border-color .2s,box-shadow .2s; }
.human-verification:has(input:checked) { border-color:#3c78e8; box-shadow:0 5px 16px #0b57d022; }
.human-verification label { display:flex; align-items:center; gap:12px; color:#172554; font-size:14px; font-weight:600; cursor:pointer; }
.human-verification label::after { content:'↻\A reCAPTCHA'; white-space:pre; margin-left:auto; color:#667085; font-size:9px; line-height:1.2; text-align:center; }
.human-verification input { appearance:none; position:relative; flex:0 0 25px; width:25px; height:25px; margin:0; border:2px solid #9aabc6; border-radius:6px; background:#fff; cursor:pointer; transition:.18s; }
.human-verification input:checked { border-color:#0b57d0; background:#0b57d0; }
.human-verification input:checked::after { content:'✓'; position:absolute; inset:-2px 0 0; color:#fff; font-size:19px; font-weight:900; line-height:24px; text-align:center; }

/* Consistent landing-page text size */
body p,
body h3,
body ul,
body summary,
body label {
    font-size: 14px !important;
}

body button {
    font-size: 14px !important;
}

body .btn-primary {
    font-size: 14px !important;
}

body h2 {
    font-size: 25px !important;
}

body .footer-top {
    font-size: 14px !important;
}

body .footer-top span b {
    font-size: 14px !important;
}

body .wizard-step-labels span {
    font-size: 14px !important;
}

.register-early {
    display: none;
    border: 0;
    cursor: pointer;
    white-space: nowrap;
    width: auto;
    min-width: 260px;
    flex: 0 0 auto;
    min-height: 38px;
    padding: 8px 18px !important;
    border-radius: 5px;
    background: linear-gradient(90deg,#0739b4,#0955d7);
}

/* Eight-step recruitment timeline */
.process-timeline { position:relative; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:0; max-width:1280px; padding:0; margin:0 auto; list-style:none; }
.process-timeline::before { content:''; position:absolute; z-index:0; top:14px; left:5.5%; right:5.5%; border-top:2px dotted #5281ed; }
.process-timeline li { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; color:#071d4b; font-size:clamp(9px,.8vw,12px); font-weight:700; line-height:1.35; text-align:center; }
.process-timeline b { display:grid; width:29px; height:29px; place-items:center; margin-bottom:7px; border-radius:50%; background:#073ebc; box-shadow:0 2px 5px rgba(7,62,188,.2); color:#fff; font-size:14px; }
.process-timeline i { display:grid; height:43px; place-items:center; margin-bottom:6px; color:#073ebc; font-size:32px; line-height:1; }
.process-timeline span { max-width:150px; }
@media (max-width:767.98px) { .process-timeline { grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px 8px; } .process-timeline::before { display:none; } .process-timeline li { font-size:11px; } }
@media (max-width:460px) { .process-timeline { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 12px; } .process-timeline li { font-size:12px; } }
