.job-detail-page{font-family:var(--font-primary,'Orkney','Nunito Sans',system-ui,sans-serif)}.job-detail-page *{font-family:var(--font-primary,'Orkney','Nunito Sans',system-ui,sans-serif);box-sizing:border-box}.job-detail-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.job-detail-loader-spinner{width:50px;height:50px;border:4px solid var(--bleu-petrole-pale,#e8f0f4);border-top-color:var(--bleu-petrole,#22577a);border-radius:50%;animation:jd-spin 1s linear infinite}@keyframes jd-spin{to{transform:rotate(360deg)}}.job-detail-loader p{color:var(--anthracite-muted,#6b6b6b);font-size:1rem}.job-detail-error{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px}.job-detail-error-content{text-align:center;max-width:400px}.job-detail-error-icon{font-size:4rem;margin-bottom:20px;display:block}.job-detail-error h2{color:var(--bleu-petrole,#22577a);margin-bottom:10px;font-size:1.5rem;font-weight:800}.job-detail-error p{color:var(--anthracite-muted,#6b6b6b);margin-bottom:24px;line-height:1.6}.job-detail-error-btn{display:inline-flex;align-items:center;gap:8px;background:var(--gradient-cuivre,linear-gradient(135deg,#ffd664 0%,#ffe28a 100%));color:var(--anthracite,#2c2c2c);padding:14px 28px;border-radius:var(--radius-md,12px);text-decoration:none;font-weight:700;font-size:.95rem;transition:all 0.3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-cuivre,0 8px 24px rgb(255 214 100 / .35))}.job-detail-error-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgb(255 214 100 / .4)}@keyframes jd-fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes jd-pulse-ring{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}}.job-detail-header{position:relative;min-height:360px;display:flex;align-items:flex-end;padding:40px 50px;overflow:hidden}.job-detail-header-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-color:var(--bleu-petrole-dark,#1a4460)}.job-detail-header-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgb(26 68 96 / .95) 0%,rgb(34 87 122 / .8) 50%,rgb(34 87 122 / .5) 100%)}.job-detail-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgb(255 214 100 / .08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgb(34 87 122 / .15) 0%,transparent 50%);pointer-events:none;z-index:1}.job-detail-header::after{content:'';position:absolute;top:15%;right:5%;width:300px;height:300px;border:1px solid rgb(255 214 100 / .1);border-radius:50%;animation:jd-pulse-ring 4s ease-in-out infinite;z-index:1}.job-detail-header-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;width:100%}.job-detail-breadcrumb{background:var(--ivoire,#f7f4ed);padding:.9rem 2rem;border-bottom:1px solid rgb(34 87 122 / .08);font-size:.82rem}.job-detail-breadcrumb-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:.5rem;color:var(--gris-moyen,#888)}.job-detail-breadcrumb a{color:var(--bleu-petrole,#22577a);text-decoration:none;transition:all 0.2s ease}.job-detail-breadcrumb a:hover{color:var(--bleu-petrole-dark,#1a4a66);text-decoration:underline}.job-detail-breadcrumb .separator{color:var(--gris-clair,#ccc);margin:0 .15rem}.job-detail-breadcrumb .current{color:var(--texte-principal,#2c2c2c);font-weight:500}.job-detail-header-badges{display:flex;gap:10px;margin-bottom:20px;opacity:0;animation:jd-fade-up 0.6s ease forwards 0.2s}.job-detail-badge{display:inline-block;padding:6px 16px;border-radius:var(--radius-full,100px);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.job-detail-badge--contract{background:var(--bleu-petrole-pale,#e8f0f4);color:var(--bleu-petrole,#22577a)}.job-detail-badge--new{background:rgb(255 255 255 / .15);color:var(--blanc,#ffffff);border:1px solid rgb(255 255 255 / .3)}.job-detail-title{color:var(--blanc,#ffffff);font-size:clamp(1.8rem, 4vw, 2.8rem);font-weight:800;margin:0 0 20px 0;line-height:1.1;letter-spacing:-.02em;opacity:0;animation:jd-fade-up 0.6s ease forwards 0.3s}.job-detail-title strong,.job-detail-title .highlight{color:var(--jaune-cuivre,#ffd664)}.job-detail-meta{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px;opacity:0;animation:jd-fade-up 0.6s ease forwards 0.4s}.job-detail-meta-item{display:flex;align-items:center;gap:8px;color:rgb(255 255 255 / .85);font-size:.95rem;font-weight:500}.job-detail-meta-item svg{width:18px;height:18px;opacity:.7;color:var(--jaune-cuivre,#ffd664)}.job-detail-sectors{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;opacity:0;animation:jd-fade-up 0.6s ease forwards 0.5s}.job-detail-sector{background:rgb(255 255 255 / .12);color:var(--blanc,#ffffff);padding:5px 14px;border-radius:var(--radius-full,100px);font-size:.8rem;font-weight:600;border:1px solid rgb(255 255 255 / .15);backdrop-filter:blur(5px)}.job-detail-body{background:var(--ivoire,#f7f4ed);padding:50px 2rem 0}.job-detail-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}.job-detail-main{display:flex;flex-direction:column;gap:24px}.job-detail-section{background:var(--blanc,#ffffff);border-radius:var(--radius-lg,20px);padding:32px;border:2px solid var(--bleu-petrole-pale,#e8f0f4);transition:border-color 0.3s ease}.job-detail-section:hover{border-color:var(--bleu-petrole,#22577a)}.job-detail-section-title{display:flex;align-items:center;gap:12px;color:var(--bleu-petrole,#22577a);font-size:1.25rem;font-weight:800;margin:0 0 24px 0;padding-bottom:16px;border-bottom:none;position:relative}.job-detail-section-title::after{display:none}.job-detail-section-title svg{width:22px;height:22px;color:var(--jaune-cuivre,#ffd664)}.job-detail-section-content{color:var(--anthracite,#2c2c2c);line-height:1.7;font-size:.95rem}.job-detail-section-content p{margin:0 0 16px 0}.job-detail-section-content ul{margin:0 0 16px 0;padding-left:20px}.job-detail-section-content li{margin-bottom:8px}.job-detail-section-content strong{color:var(--bleu-petrole,#22577a)}.job-detail-sidebar{display:flex;flex-direction:column;gap:24px}.job-detail-apply-card{background:var(--blanc,#ffffff);border-radius:var(--radius-lg,20px);padding:32px;box-shadow:var(--shadow-md,0 8px 24px rgb(34 87 122 / .1));border:2px solid var(--bleu-petrole-pale,#e8f0f4)}.job-detail-apply-title{color:var(--bleu-petrole,#22577a);font-size:1.2rem;font-weight:800;margin:0 0 6px 0}.job-detail-apply-subtitle{color:var(--anthracite-muted,#6b6b6b);font-size:.9rem;margin:0 0 24px 0;line-height:1.5}.job-detail-form-group{margin-bottom:18px}.job-detail-form-label{display:block;color:var(--anthracite,#2c2c2c);font-weight:700;font-size:.85rem;margin-bottom:8px}.job-detail-form-label .required{color:#e74c3c}.job-detail-form-input{width:100%;padding:14px 16px;border:2px solid var(--bleu-petrole-pale,#e8f0f4);border-radius:var(--radius-md,12px);font-size:.95rem;color:var(--anthracite,#2c2c2c);background:var(--ivoire-light,#fcfaf6);transition:all 0.3s ease}.job-detail-form-input::placeholder{color:var(--anthracite-muted,#6b6b6b)}.job-detail-form-input:focus{outline:none;border-color:var(--bleu-petrole,#22577a);background:var(--blanc,#ffffff);box-shadow:0 0 0 4px rgb(34 87 122 / .1)}.job-detail-form-radio-group{display:flex;gap:16px}.job-detail-form-radio{display:flex;align-items:center;gap:8px;cursor:pointer}.job-detail-form-radio input[type="radio"]{width:18px;height:18px;accent-color:var(--bleu-petrole,#22577a)}.job-detail-form-radio-label{font-size:.95rem;color:var(--anthracite,#2c2c2c)}.job-detail-form-multiselect{position:relative}.job-detail-form-ms-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:var(--blanc,#fff);border:2px solid var(--bleu-petrole-pale,#e8f0f4);border-radius:var(--radius-md,12px);color:var(--anthracite,#2c2c2c);font-size:.95rem;font-family:'Orkney',sans-serif;cursor:pointer;transition:border-color 0.2s;box-sizing:border-box}.job-detail-form-ms-trigger:hover,.job-detail-form-multiselect.open .job-detail-form-ms-trigger{border-color:var(--bleu-petrole,#22577a)}.job-detail-form-ms-trigger svg{flex-shrink:0;stroke:var(--anthracite-muted,#6b6b6b);transition:transform 0.2s}.job-detail-form-multiselect.open .job-detail-form-ms-trigger svg{transform:rotate(180deg)}.job-detail-form-ms-placeholder{color:var(--anthracite-muted,#6b6b6b);opacity:.6}.job-detail-form-ms-placeholder.has-value{color:var(--anthracite,#2c2c2c);opacity:1}.job-detail-form-ms-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:200px;overflow-y:auto;background:var(--blanc,#fff);border:2px solid var(--bleu-petrole-pale,#e8f0f4);border-radius:var(--radius-md,12px);z-index:50;padding:6px 0;box-shadow:0 8px 24px rgb(0 0 0 / .12)}.job-detail-form-multiselect.open .job-detail-form-ms-dropdown{display:block}.job-detail-form-ms-option{display:flex;align-items:center;gap:8px;padding:8px 14px;color:var(--anthracite,#2c2c2c);font-size:.88rem;cursor:pointer;transition:background 0.15s}.job-detail-form-ms-option:hover{background:rgb(34 87 122 / .06)}.job-detail-form-ms-option input[type="checkbox"]{accent-color:var(--bleu-petrole,#22577a);width:16px;height:16px;cursor:pointer}.job-detail-form-upload{position:relative}.job-detail-form-upload input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.job-detail-form-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:2px dashed var(--bleu-petrole-pale,#e8f0f4);border-radius:var(--radius-md,12px);text-align:center;transition:all 0.3s ease;background:var(--ivoire-light,#fcfaf6)}.job-detail-form-upload:hover .job-detail-form-upload-placeholder{border-color:var(--bleu-petrole,#22577a);background:rgb(34 87 122 / .03)}.job-detail-form-upload-placeholder svg{width:32px;height:32px;color:var(--bleu-petrole,#22577a);margin-bottom:8px}.job-detail-form-upload-placeholder span{color:var(--bleu-petrole,#22577a);font-weight:700;font-size:.9rem}.job-detail-form-upload-placeholder small{color:var(--anthracite-muted,#6b6b6b);font-size:.8rem;margin-top:4px}.job-detail-form-upload-file{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bleu-petrole-pale,#e8f0f4);border:2px solid var(--bleu-petrole,#22577a);border-radius:var(--radius-md,12px)}.job-detail-form-upload-file svg{width:24px;height:24px;color:var(--bleu-petrole,#22577a);flex-shrink:0}.job-detail-form-upload-file span{flex:1;font-size:.9rem;color:var(--bleu-petrole,#22577a);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-detail-form-upload-remove{background:var(--blanc,#ffffff);border:none;font-size:1.3rem;color:var(--anthracite-muted,#6b6b6b);cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1;transition:all 0.2s ease}.job-detail-form-upload-remove:hover{background:#e74c3c;color:var(--blanc,#ffffff)}.job-detail-form-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.job-detail-form-checkbox input[type="checkbox"]{width:22px;height:22px;min-width:22px;margin-top:2px;accent-color:var(--bleu-petrole,#22577a);flex-shrink:0}.job-detail-form-checkbox-label{font-size:.85rem;color:var(--anthracite-muted,#6b6b6b);line-height:1.5}.job-detail-form-checkbox-label a{color:var(--bleu-petrole,#22577a);text-decoration:underline}.job-detail-form-checkbox-label a:hover{color:var(--jaune-cuivre-dark,#e5be4d)}.job-detail-form-submit{width:100%;padding:16px 24px;background:var(--gradient-cuivre,linear-gradient(135deg,#ffd664 0%,#ffe28a 100%));color:var(--anthracite,#2c2c2c);border:none;border-radius:var(--radius-md,12px);font-size:1rem;font-weight:700;cursor:pointer;transition:all 0.3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;box-shadow:var(--shadow-cuivre,0 8px 24px rgb(255 214 100 / .35));position:relative;overflow:hidden}.job-detail-form-submit::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .3) 0%,transparent 50%);opacity:0;transition:opacity 0.3s ease}.job-detail-form-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px rgb(255 214 100 / .4)}.job-detail-form-submit:hover:not(:disabled)::before{opacity:1}.job-detail-form-submit:disabled{opacity:.7;cursor:not-allowed}.job-detail-form-submit-loader{display:flex;align-items:center;gap:10px}.job-detail-form-submit-loader .spinner{width:20px;height:20px;animation:jd-spin 1s linear infinite}.job-detail-apply-success,.job-detail-apply-error{text-align:center;padding:24px 0}.job-detail-apply-success-icon,.job-detail-apply-error-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 16px}.job-detail-apply-success-icon{background:rgb(39 174 96 / .1);color:#27ae60}.job-detail-apply-error-icon{background:rgb(231 76 60 / .1);color:#e74c3c}.job-detail-apply-success h4,.job-detail-apply-error h4{margin:0 0 8px 0;color:var(--bleu-petrole,#22577a);font-weight:800}.job-detail-apply-success p,.job-detail-apply-error p{color:var(--anthracite-muted,#6b6b6b);font-size:.9rem;margin:0 0 20px 0;line-height:1.6}.job-detail-apply-success-btn,.job-detail-apply-error-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md,12px);font-weight:700;font-size:.9rem;text-decoration:none;transition:all 0.3s ease;cursor:pointer;border:none}.job-detail-apply-success-btn{background:var(--gradient-cuivre,linear-gradient(135deg,#ffd664 0%,#ffe28a 100%));color:var(--anthracite,#2c2c2c);box-shadow:var(--shadow-cuivre,0 8px 24px rgb(255 214 100 / .35))}.job-detail-apply-success-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgb(255 214 100 / .4)}.job-detail-apply-error-btn{background:var(--bleu-petrole,#22577a);color:var(--blanc,#ffffff)}.job-detail-apply-error-btn:hover{background:var(--bleu-petrole-dark,#1a4460);transform:translateY(-2px)}.job-detail-info-card{background:var(--blanc,#ffffff);border-radius:var(--radius-lg,20px);padding:28px;border:2px solid var(--bleu-petrole-pale,#e8f0f4)}.job-detail-info-title{color:var(--bleu-petrole,#22577a);font-size:1rem;font-weight:800;margin:0 0 16px 0;padding-bottom:12px;border-bottom:none;position:relative}.job-detail-info-title::after{display:none}.job-detail-info-list{list-style:none;padding:0;margin:0}.job-detail-info-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--bleu-petrole-pale,#e8f0f4);font-size:.9rem}.job-detail-info-list li:last-child{border-bottom:none}.job-detail-info-list strong{color:var(--anthracite-muted,#6b6b6b);font-weight:500}.job-detail-info-list span{color:var(--bleu-petrole,#22577a);font-weight:700}.job-detail-metier-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:var(--bleu-petrole,#22577a);color:var(--blanc,#ffffff);border:none;border-radius:var(--radius-md,12px);text-decoration:none;font-weight:700;font-size:.95rem;transition:all 0.3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgb(34 87 122 / .2)}.job-detail-metier-btn:hover{background:var(--bleu-petrole-dark,#1a4460);transform:translateY(-3px);box-shadow:0 8px 24px rgb(34 87 122 / .3);color:var(--blanc,#ffffff)}.job-detail-metier-btn svg{width:20px;height:20px;flex-shrink:0}.job-detail-similar{background:var(--ivoire,#f7f4ed);padding:50px 2rem}.job-detail-similar-header{max-width:1200px;margin:0 auto 32px;text-align:left}.job-detail-similar-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--anthracite,#2c2c2c);margin-bottom:10px}.job-detail-similar-eyebrow::before{content:'';width:30px;height:3px;background:var(--jaune-cuivre,#ffd664);border-radius:2px}.job-detail-similar-title{color:var(--bleu-petrole,#22577a);font-size:1.5rem;font-weight:800;margin:0 0 8px 0}.job-detail-similar-subtitle{color:var(--anthracite-muted,#6b6b6b);font-size:.95rem;margin:0}.job-detail-similar-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.job-detail-similar-card{background:var(--blanc,#ffffff);border:2px solid var(--bleu-petrole-pale,#e8f0f4);border-radius:var(--radius-lg,20px);padding:28px;text-decoration:none;color:var(--anthracite,#2c2c2c);transition:all 0.3s ease;display:flex;flex-direction:column;gap:12px}.job-detail-similar-card:hover{border-color:var(--bleu-petrole,#22577a);transform:translateY(-4px);box-shadow:var(--shadow-md,0 8px 24px rgb(34 87 122 / .1))}.job-detail-similar-card-header{display:flex;align-items:center;gap:8px}.job-detail-similar-card-badge{display:inline-block;padding:4px 12px;background:var(--bleu-petrole-pale,#e8f0f4);color:var(--bleu-petrole,#22577a);border-radius:var(--radius-full,100px);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.job-detail-similar-card-title{color:var(--anthracite,#2c2c2c);font-size:1.05rem;font-weight:700;margin:0;line-height:1.3}.job-detail-similar-card-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}.job-detail-similar-card-location{display:flex;align-items:center;gap:6px;color:var(--anthracite-muted,#6b6b6b);font-size:.85rem}.job-detail-similar-card-location svg{width:14px;height:14px;color:var(--jaune-cuivre,#ffd664)}.job-detail-similar-cta{max-width:1200px;margin:32px auto 0;text-align:center}.job-detail-similar-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--gradient-cuivre,linear-gradient(135deg,#ffd664 0%,#ffe28a 100%));color:var(--anthracite,#2c2c2c);text-decoration:none;font-weight:700;font-size:.95rem;border-radius:var(--radius-md,12px);box-shadow:var(--shadow-cuivre,0 8px 24px rgb(255 214 100 / .35));transition:all 0.3s cubic-bezier(.4,0,.2,1)}.job-detail-similar-cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgb(255 214 100 / .4)}.job-detail-similar-cta-btn svg{width:18px;height:18px;transition:transform 0.3s ease}.job-detail-similar-cta-btn:hover svg{transform:translateX(4px)}.job-detail-back{background:var(--ivoire,#f7f4ed);padding:0 2rem 50px;max-width:1264px;margin:0 auto}.job-detail-back-btn{display:inline-flex;align-items:center;gap:10px;color:var(--bleu-petrole,#22577a);text-decoration:none;font-weight:700;font-size:.95rem;padding:12px 24px;background:var(--blanc,#ffffff);border:2px solid var(--bleu-petrole-pale,#e8f0f4);border-radius:var(--radius-md,12px);transition:all 0.3s ease}.job-detail-back-btn:hover{background:var(--bleu-petrole,#22577a);border-color:var(--bleu-petrole,#22577a);color:var(--blanc,#ffffff);transform:translateY(-2px);box-shadow:var(--shadow-md,0 8px 24px rgb(34 87 122 / .1))}.job-detail-back-btn svg{width:18px;height:18px;transition:transform 0.3s ease}.job-detail-back-btn:hover svg{transform:translateX(-4px)}@media (max-width:900px){.job-detail-container{grid-template-columns:1fr}.job-detail-sidebar{position:static}.job-detail-header{min-height:300px;padding:120px 2rem 40px}.job-detail-title{font-size:1.8rem}.job-detail-meta{gap:16px}.job-detail-header::after{width:200px;height:200px}.job-detail-similar-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.job-detail-header{min-height:260px;padding:120px 1rem 30px}.job-detail-title{font-size:1.5rem}.job-detail-body{padding:30px 1rem}.job-detail-section{padding:24px 20px}.job-detail-apply-card{padding:24px 20px}.job-detail-info-card{padding:24px 20px}.job-detail-meta{flex-direction:column;gap:10px}.job-detail-form-radio-group{flex-direction:column;gap:10px}.job-detail-back{padding:0 1rem 40px}.job-detail-header::after{display:none}.job-detail-similar-grid{grid-template-columns:1fr}.job-detail-similar{padding:40px 1rem}}