.bar-recrutement{--navy:#0a2442;--teal:#0c8f8f;--gold:#d9a72e;--light:#f5f8fb;--ink:#172433;--muted:#5b6876;
  max-width:900px;margin:36px auto;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);
  background:#fff;border:1px solid #dbe3ea;border-radius:18px;padding:32px;box-shadow:0 12px 32px rgba(10,36,66,.08)}
.bar-head{text-align:center;margin-bottom:22px}
.bar-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--teal);font-weight:800;font-size:13px;margin:0}
.bar-head h2{color:var(--navy);font-size:clamp(1.5rem,3vw,2rem);margin:.3rem 0}
.bar-lead{color:var(--muted);max-width:560px;margin:0 auto}
.bar-profils{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:24px 0}
.bar-profil-card{display:flex;align-items:center;gap:10px;background:var(--light);border:1px solid #dbe3ea;border-left:4px solid var(--gold);
  border-radius:12px;padding:12px 14px;font-weight:700;font-size:14px;color:var(--navy)}
.bar-profil-icon{font-size:18px}
.bar-notice{padding:12px 16px;border-radius:10px;margin-bottom:18px;font-weight:700}
.bar-notice-success{background:#dcf3ea;border:1px solid #9fceaa;color:#1e7d4f}
.bar-notice-error{background:#fff2e2;border:1px solid #f3c9c9;color:#a12b2b}
.bar-form{display:flex;flex-direction:column;gap:14px}
.bar-form label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px;color:var(--navy)}
.bar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.bar-form input[type=text],.bar-form input[type=email],.bar-form select,.bar-form textarea{
  font:400 15px/1.4 Inter,Arial,sans-serif;padding:11px 12px;border:1px solid #dbe3ea;border-radius:10px;color:var(--ink);background:#fffdfa}
.bar-form input[type=file]{font:14px Inter,Arial,sans-serif;padding:8px 0}
.bar-form textarea{resize:vertical}
.bar-btn{align-self:flex-start;background:var(--navy);color:#fff;border:none;border-radius:10px;padding:12px 22px;
  font-weight:800;font-size:15px;cursor:pointer;transition:.2s ease}
.bar-btn:hover{background:#0c3a66}
@media(max-width:600px){.bar-recrutement{padding:22px}}