.mechanic-application-page{background:#f4f7fa;color:var(--ca-slate)}
.mechanic-application-hero{padding:clamp(150px,18vw,210px) 0 72px;color:#fff;background:linear-gradient(120deg,rgba(7,17,29,.98),rgba(13,94,168,.88)),url("../img/carousel-1.jpg") center/cover}
.mechanic-application-hero h1{max-width:760px;margin:0 0 16px;color:#fff;font-size:clamp(2.7rem,6vw,5rem);line-height:.95}
.mechanic-application-hero>div>p:last-child{max-width:720px;margin:0;color:#d9e5f1;font-size:1.12rem}
.mechanic-application-content{padding:42px 0 80px}
.mechanic-application-state{display:flex;gap:20px;align-items:flex-start;max-width:850px;margin:0 auto;padding:30px;border:1px solid var(--ca-border);border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(7,17,29,.08)}
.mechanic-application-state>i{display:grid;width:50px;height:50px;flex:0 0 50px;place-items:center;border-radius:12px;color:#fff;background:var(--ca-blue);font-size:1.2rem}
.mechanic-application-state strong,.mechanic-application-state span{display:block}.mechanic-application-state strong{color:var(--ca-ink);font-size:1.35rem}.mechanic-application-state span{margin-top:5px}.mechanic-application-state small{display:block;margin-top:14px;color:#657284;text-transform:capitalize}
.mechanic-state-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.mechanic-application-form{display:grid;max-width:1040px;margin:0 auto;gap:18px}
.mechanic-form-intro,.mechanic-form-section,.mechanic-application-submit{padding:clamp(22px,4vw,36px);border:1px solid var(--ca-border);border-radius:16px;background:#fff;box-shadow:0 14px 36px rgba(7,17,29,.055)}
.mechanic-form-intro{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.mechanic-form-intro h2{margin:0 0 8px;font-size:2rem}.mechanic-form-intro p{margin:0}
.mechanic-draft-note{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;color:#0d5ea8;background:#e9f4ff;font-size:.82rem;font-weight:800;white-space:nowrap}
.mechanic-form-section-heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;margin-bottom:24px}.mechanic-form-section-heading>span{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;color:#fff;background:var(--ca-steel);font-weight:900}.mechanic-form-section-heading h2{margin:0 0 4px;font-size:1.5rem}.mechanic-form-section-heading p{margin:0;color:#697586}
.mechanic-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mechanic-form-grid label,.mechanic-form-section>label{display:grid;gap:7px;margin:0;color:var(--ca-ink);font-weight:800}.mechanic-grid-wide{grid-column:1/-1}.mechanic-form-grid small{color:#667085;font-weight:500}.mechanic-form-grid .form-control,.mechanic-form-section>.form-control{min-height:48px;border-color:#bcc7d3;border-radius:8px}.mechanic-form-grid textarea.form-control,.mechanic-form-section textarea.form-control{min-height:120px}.mechanic-file{height:auto!important;padding:8px!important}
.mechanic-application-submit{display:grid;gap:18px}.mechanic-confirm{display:flex;gap:12px;align-items:flex-start;margin:0;color:var(--ca-ink);font-weight:700}.mechanic-confirm input{width:20px;height:20px;flex:0 0 20px;margin-top:2px}.mechanic-application-submit .btn{justify-self:start}.mechanic-application-submit .account-status{min-height:24px;margin:0;color:#9d2722;font-weight:700}
@media(max-width:767.98px){.mechanic-application-hero{padding:54px 0 46px}.mechanic-application-content{padding:22px 0 48px}.mechanic-application-state,.mechanic-form-intro{display:grid}.mechanic-application-state{padding:22px}.mechanic-form-grid{grid-template-columns:1fr}.mechanic-grid-wide{grid-column:auto}.mechanic-form-section-heading{grid-template-columns:40px minmax(0,1fr)}.mechanic-form-section-heading>span{width:40px;height:40px}.mechanic-draft-note{width:max-content}.mechanic-state-actions,.mechanic-application-submit .btn{display:grid;width:100%}.mechanic-state-actions .btn{width:100%}}

/* Loaded after the site theme so registration cards retain accessible contrast. */
.mechanic-application-page{min-height:620px;background:#f4f7fa!important;color:#344054!important}
.mechanic-application-content{background:#f4f7fa!important}
.mechanic-application-state,.mechanic-form-intro,.mechanic-form-section,.mechanic-application-submit{color:#344054!important;background:#fff!important;border-color:#d0dae4!important}
.mechanic-application-state>div{min-width:0;flex:1}
.mechanic-application-state strong,.mechanic-form-intro h2,.mechanic-form-section h2{color:#111820!important}
.mechanic-application-state span,.mechanic-form-intro p,.mechanic-form-section p{color:#526274!important}
.mechanic-application-state small,.mechanic-form-grid small{color:#657284!important}
.mechanic-form-grid label,.mechanic-form-section>label,.mechanic-confirm{color:#111820!important}
.mechanic-confirm span{color:#344054!important}
.mechanic-confirm a{color:#096fc7!important;text-decoration:underline}
.mechanic-form-grid .form-control,.mechanic-form-section>.form-control{color:#111820!important;background:#fff!important;border-color:#aebbc8!important}
.mechanic-form-grid .form-control::placeholder,.mechanic-form-section .form-control::placeholder{color:#778594!important;opacity:1}
.mechanic-form-grid select.form-control{color-scheme:light}