.details-opportunite{max-width:960px;margin:0 auto;padding:100px 24px 60px}.details-opportunite .image-principale{width:100%;max-height:500px;object-fit:cover;border-radius:16px;margin-bottom:28px;box-shadow:0 12px 40px #0000001a}.meta-opportunite{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;padding:18px 24px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border-radius:14px;font-size:.9rem;color:#64748b;border:1px solid rgba(37,99,235,.06)}.meta-opportunite .statut{padding:5px 14px;border-radius:20px;font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}@keyframes statusPulse{0%,to{box-shadow:0 0 #10b9814d}50%{box-shadow:0 0 0 6px #10b98100}}.meta-opportunite .statut.actif{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2);animation:statusPulse 2.5s ease-in-out infinite;position:relative}.meta-opportunite .statut.expiré{background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.15)}.meta-opportunite .statut.retiré{background:#94a3b81a;color:#64748b;border:1px solid rgba(148,163,184,.2)}.details-opportunite h1{font-family:Outfit,sans-serif;font-size:2.4rem;font-weight:800;line-height:1.2;margin-bottom:20px;color:var(--color-dark, #0a1628);letter-spacing:-.02em}.details-opportunite .description{font-size:1.15rem;line-height:1.8;margin-bottom:32px;color:#475569;border-left:4px solid var(--color-accent1, #0077b6);padding-left:20px}.quantite,.contact{font-size:1rem;margin-bottom:18px;padding:14px 20px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;color:#334155;display:flex;align-items:center;gap:10px}.quantite strong,.contact strong{color:var(--color-dark, #0a1628);font-weight:700}.details-opportunite .mots-cles{margin-top:36px;display:flex;flex-wrap:wrap;gap:8px}.details-opportunite .mot-cle{display:inline-block;background:linear-gradient(135deg,var(--color-accent1, #0077b6),#005f8a);color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:500;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease}.details-opportunite .mot-cle:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0077b64d}@media(max-width:768px){.details-opportunite{padding:80px 16px 40px}.details-opportunite .image-principale{max-height:300px;border-radius:12px}.details-opportunite h1{font-size:1.75rem}.meta-opportunite{padding:12px 16px}}@media(max-width:480px){.details-opportunite h1{font-size:1.5rem}}