.recrutement-page *,.recrutement-page :after,.recrutement-page :before{box-sizing:border-box}.recrutement-page{--navy:#001440;--navy-mid:#0033a0;--navy-light:#00a9a7;--cyan:#00a9a7;--cyan-dark:#007e7d;--cyan-glow:rgba(0,169,167,0.18);--cream:#FFFFFF;--white:#FFFFFF;--ink:#1e293b;--ink-mid:#334155;--ink-soft:#64748b;--border:#e2e8f0;--border-dark:#94a3b8;font-family:var(--font-inter),sans-serif;background:var(--cream);color:var(--ink);overflow-x:hidden;scroll-behavior:smooth}.recrutement-page .hero{background:linear-gradient(180deg,rgba(0,20,64,.9) 0,rgba(0,20,64,0) 120px),linear-gradient(90deg,rgba(0,20,64,.75) 0,rgba(30,41,59,.45)),url(/photo_banniere.png) no-repeat top/cover;min-height:92vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.recrutement-page .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,169,167,.06),transparent 50%),repeating-linear-gradient(90deg,transparent,transparent 60px,rgba(0,169,167,.03) 0,rgba(0,169,167,.03) 61px);pointer-events:none}.recrutement-page .hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,169,167,.15) 0,transparent 65%);top:-100px;right:-80px;pointer-events:none}.recrutement-page .hero-left{padding:100px 60px 80px 80px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.recrutement-page .hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(0,169,167,.12);border:1px solid rgba(0,169,167,.3);color:var(--cyan);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:32px;width:fit-content;animation:fadeUp .5s ease both}.recrutement-page .hero-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.recrutement-page .hero h1{font-family:var(--font-outfit),sans-serif;font-size:clamp(44px,5.5vw,72px);font-weight:300;color:#fff;line-height:1.08;margin-bottom:24px;animation:fadeUp .6s ease .1s both}.recrutement-page .hero h1 em{font-style:normal;color:var(--cyan);font-weight:300}.recrutement-page .hero-sub{font-size:15px;font-weight:300;color:rgba(255,255,255,.5);line-height:1.7;max-width:440px;margin-bottom:44px;animation:fadeUp .6s ease .2s both}.recrutement-page .hero-actions{display:flex;gap:14px;align-items:center;animation:fadeUp .6s ease .3s both;flex-wrap:wrap}.recrutement-page .btn-primary{background:var(--cyan);color:var(--navy);border:none;padding:14px 32px;border-radius:8px;font-size:14px;font-weight:600;font-family:var(--font-inter),sans-serif;cursor:pointer;letter-spacing:.02em;transition:background .2s,transform .15s,box-shadow .2s;text-decoration:none;display:inline-block}.recrutement-page .btn-primary:hover{background:var(--cyan-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,169,167,.35)}.recrutement-page .btn-ghost{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);border:1.5px solid rgba(255,255,255,.45);padding:14px 28px;border-radius:8px;font-size:14px;font-weight:500;font-family:var(--font-inter),sans-serif;cursor:pointer;transition:border-color .2s,color .2s,background .2s;text-decoration:none;display:inline-block}.recrutement-page .btn-ghost:hover{border-color:var(--cyan);color:var(--cyan);background:rgba(0,169,167,.08)}.recrutement-page .hero-stats{display:flex;gap:36px;margin-top:56px;padding-top:36px;border-top:1px solid rgba(255,255,255,.08);animation:fadeUp .6s ease .4s both}.recrutement-page .hero-stat-num{font-family:var(--font-outfit),sans-serif;font-size:36px;font-weight:300;color:var(--cyan);line-height:1}.recrutement-page .hero-stat-label{font-size:11px;color:rgba(255,255,255,.4);font-weight:400;margin-top:4px;letter-spacing:.04em}.recrutement-page .hero-right{position:relative;display:flex;align-items:center;justify-content:center;z-index:2;padding:60px 40px}.recrutement-page .hero-card{background:rgba(255,255,255,.04);border:1px solid rgba(0,169,167,.2);border-radius:20px;padding:36px;width:100%;max-width:380px;backdrop-filter:blur(12px);animation:fadeUp .7s ease .5s both}.recrutement-page .hero-card-title{font-family:var(--font-outfit),sans-serif;font-size:22px;font-weight:400;color:#fff;margin-bottom:6px}.recrutement-page .hero-card-sub{font-size:12px;color:rgba(255,255,255,.4);margin-bottom:24px;letter-spacing:.04em}.recrutement-page .mini-form{display:flex;flex-direction:column;gap:12px}.recrutement-page .mini-form input,.recrutement-page .mini-form select{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:11px 14px;font-size:13px;color:#fff;font-family:var(--font-inter),sans-serif;outline:none;transition:border-color .2s,background .2s;width:100%}.recrutement-page .mini-form input::placeholder{color:rgba(255,255,255,.3)}.recrutement-page .mini-form select{color:rgba(255,255,255,.5)}.recrutement-page .mini-form select option{background:var(--navy);color:#fff}.recrutement-page .mini-form input:focus,.recrutement-page .mini-form select:focus{border-color:var(--cyan);background:rgba(0,169,167,.08)}.recrutement-page .mini-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recrutement-page .mini-submit{background:var(--cyan);color:var(--navy);border:none;border-radius:8px;padding:13px;font-size:13px;font-weight:600;font-family:var(--font-inter),sans-serif;cursor:pointer;transition:background .2s,transform .15s;margin-top:4px;letter-spacing:.04em}.recrutement-page .mini-submit:hover{background:var(--cyan-dark);transform:translateY(-1px)}.recrutement-page .hero-card-note{font-size:10px;color:rgba(255,255,255,.25);text-align:center;margin-top:10px;letter-spacing:.04em}.recrutement-page .avantages-band{background:var(--cyan);padding:18px 2.5rem;display:flex;justify-content:center;gap:0;flex-wrap:wrap}.recrutement-page .av-item{display:flex;align-items:center;gap:8px;padding:0 28px;border-right:1px solid rgba(15,23,42,.2);font-size:12.5px;font-weight:500;color:var(--navy);letter-spacing:.02em}.recrutement-page .av-item:last-child{border-right:none}.recrutement-page .av-item svg{width:16px;height:16px;stroke:var(--navy);fill:none;flex-shrink:0}.recrutement-page .section{padding:88px 2.5rem;max-width:1140px;margin:0 auto}.recrutement-page .section-label{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan-dark);margin-bottom:14px}.recrutement-page .section-label:before{content:"";display:block;width:24px;height:1px;background:var(--cyan)}.recrutement-page .section-title{font-family:var(--font-outfit),sans-serif;font-size:clamp(32px,3.5vw,48px);font-weight:300;color:var(--navy);line-height:1.15;margin-bottom:12px}.recrutement-page .section-title em{font-style:normal;color:var(--navy-mid)}.recrutement-page .section-desc{font-size:14px;color:var(--ink-soft);font-weight:300;line-height:1.75;max-width:520px;margin-bottom:52px}.recrutement-page .offres-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recrutement-page .offre-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:28px;transition:border-color .25s,box-shadow .25s,transform .2s;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column}.recrutement-page .offre-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.recrutement-page .offre-card:hover{border-color:var(--cyan);box-shadow:0 8px 32px rgba(0,169,167,.12);transform:translateY(-4px)}.recrutement-page .offre-card:hover:before{transform:scaleX(1)}.recrutement-page .offre-badge{position:absolute;top:28px;right:28px;display:inline-block;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:12px}.recrutement-page .badge-urgence{background:#FDE8E8;color:#B91C1C}.recrutement-page .badge-cdi{background:#E0E8F8;color:var(--navy-mid)}.recrutement-page .badge-cdd{background:var(--cyan-glow);color:var(--cyan-dark)}.recrutement-page .badge-featured{background:var(--cyan);color:var(--navy)}.recrutement-page .offre-icon{width:44px;height:44px;border-radius:10px;background:var(--cream);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.recrutement-page .offre-icon svg{width:22px;height:22px;stroke:var(--navy-mid);fill:none;stroke-width:1.5}.recrutement-page .offre-title{font-family:var(--font-outfit),sans-serif;font-size:20px;font-weight:600;color:var(--navy);margin-bottom:6px;line-height:1.3}.recrutement-page .offre-lieu{font-size:12px;color:var(--ink-soft);margin-bottom:14px;display:flex;align-items:center;gap:4px}.recrutement-page .offre-lieu svg{width:12px;height:12px;stroke:currentColor;fill:none}.recrutement-page .offre-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.recrutement-page .offre-tag{font-size:10px;font-weight:500;padding:4px 10px;border-radius:20px;background:var(--cream);color:var(--ink-mid);border:1px solid var(--border)}.recrutement-page .offre-desc{font-size:13px;color:var(--ink-soft);line-height:1.65;margin-bottom:20px;font-weight:300}.recrutement-page .offre-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border);margin-top:auto}.recrutement-page .offre-card.featured .offre-footer{border-top-color:rgba(255,255,255,.1)}.recrutement-page .offre-salaire{font-family:var(--font-inter),monospace;font-size:12px;font-weight:500;color:var(--navy-mid)}.recrutement-page .offre-btn{background:var(--navy);color:#fff;border:none;padding:8px 18px;border-radius:6px;font-size:12px;font-weight:500;font-family:var(--font-inter),sans-serif;cursor:pointer;transition:background .2s}.recrutement-page .offre-btn:hover{background:var(--navy-light)}.recrutement-page .offre-card.featured .offre-btn:hover{background:var(--cyan-dark)}.recrutement-page .processus-section{background:var(--navy);padding:88px 2.5rem;position:relative;overflow:hidden}.recrutement-page .processus-section:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 80px,rgba(0,169,167,.03) 0,rgba(0,169,167,.03) 81px);pointer-events:none}.recrutement-page .processus-inner{max-width:1140px;margin:0 auto}.recrutement-page .processus-section .section-title{color:#fff}.recrutement-page .processus-section .section-title em{color:var(--cyan)}.recrutement-page .processus-section .section-desc{color:rgba(255,255,255,.4)}.recrutement-page .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:52px;position:relative}.recrutement-page .steps:before{content:"";position:absolute;top:36px;left:calc(12.5% + 18px);right:calc(12.5% + 18px);height:1px;background:linear-gradient(90deg,var(--cyan),rgba(0,169,167,.2))}.recrutement-page .step{padding:0 20px;text-align:center;position:relative}.recrutement-page .step-num{width:52px;height:52px;border-radius:50%;background:rgba(0,169,167,.1);border:1px solid rgba(0,169,167,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-family:var(--font-inter),monospace;font-size:13px;font-weight:500;color:var(--cyan);position:relative;z-index:2;transition:background .3s,border-color .3s}.recrutement-page .step:hover .step-num{background:var(--cyan);color:var(--navy);border-color:var(--cyan)}.recrutement-page .step-title{font-family:var(--font-outfit),sans-serif;font-size:19px;font-weight:600;color:#fff;margin-bottom:10px}.recrutement-page .step-desc{font-size:13px;color:rgba(255,255,255,.4);line-height:1.65;font-weight:300}.recrutement-page .profils-section{background:var(--white);padding:88px 2.5rem}.recrutement-page .profils-inner{max-width:1140px;margin:0 auto}.recrutement-page .profils-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:52px;align-items:end}.recrutement-page .profils-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.recrutement-page .profil-card{border:1px solid var(--border);border-radius:12px;padding:24px 18px;text-align:center;transition:border-color .2s,box-shadow .2s,transform .2s;cursor:pointer}.recrutement-page .profil-card:hover{border-color:var(--cyan);box-shadow:0 6px 24px rgba(0,169,167,.1);transform:translateY(-3px)}.recrutement-page .profil-emoji{font-size:36px;margin-bottom:12px;display:block}.recrutement-page .profil-title{font-family:var(--font-outfit),sans-serif;font-size:16px;font-weight:600;color:var(--navy);margin-bottom:6px}.recrutement-page .profil-desc{font-size:12px;color:var(--ink-soft);line-height:1.5}.recrutement-page .profil-count{display:inline-block;background:var(--cream);color:var(--navy-mid);font-size:10px;font-weight:500;padding:3px 10px;border-radius:12px;margin-top:10px;font-family:var(--font-inter),monospace}.recrutement-page .form-section{background:var(--cream);padding:88px 2.5rem}.recrutement-page .form-inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}.recrutement-page .form-testimonials{margin-top:48px;display:flex;flex-direction:column;gap:16px}.recrutement-page .testimonial{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:20px}.recrutement-page .testimonial-text{font-family:var(--font-outfit),sans-serif;font-size:16px;font-style:normal;color:var(--navy);line-height:1.5;margin-bottom:12px}.recrutement-page .testimonial-author{display:flex;align-items:center;gap:10px}.recrutement-page .testimonial-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.recrutement-page .av-a{background:var(--cyan-glow);color:var(--cyan-dark)}.recrutement-page .av-b{background:#E0E8F8;color:var(--navy-mid)}.recrutement-page .testimonial-name{font-size:12px;font-weight:500;color:var(--navy)}.recrutement-page .testimonial-role{font-size:11px;color:var(--ink-soft)}.recrutement-page .stars{color:var(--cyan);font-size:11px;margin-bottom:8px}.recrutement-page .form-card{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:44px 40px;box-shadow:0 4px 32px rgba(11,31,75,.07);scroll-margin-top:96px}.recrutement-page .form-card-title{font-family:var(--font-outfit),sans-serif;font-size:28px;font-weight:400;color:var(--navy);margin-bottom:6px}.recrutement-page .form-card-sub{font-size:13px;color:var(--ink-soft);margin-bottom:32px;font-weight:300}.recrutement-page .form-group{margin-bottom:18px}.recrutement-page .form-label{display:block;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:7px}.recrutement-page .form-input,.recrutement-page .form-select,.recrutement-page .form-textarea{width:100%;background:var(--cream);border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-size:13.5px;color:var(--ink);font-family:var(--font-inter),sans-serif;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.recrutement-page .form-input::placeholder,.recrutement-page .form-textarea::placeholder{color:var(--ink-soft)}.recrutement-page .form-input:focus,.recrutement-page .form-select:focus,.recrutement-page .form-textarea:focus{border-color:var(--cyan);background:var(--white);box-shadow:0 0 0 3px rgba(0,169,167,.1)}.recrutement-page .form-textarea{resize:vertical;min-height:110px}.recrutement-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.recrutement-page .upload-zone{border:2px dashed var(--border);border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.recrutement-page .upload-zone:hover{border-color:var(--cyan);background:rgba(0,169,167,.04)}.recrutement-page .upload-zone svg{width:28px;height:28px;stroke:var(--ink-soft);fill:none;margin-bottom:8px}.recrutement-page .upload-zone p{font-size:13px;color:var(--ink-soft);margin-bottom:4px}.recrutement-page .upload-zone span{font-size:11px;color:var(--ink-soft);opacity:.6}.recrutement-page .form-submit{width:100%;background:var(--navy);color:#fff;border:none;border-radius:10px;padding:16px;font-size:14px;font-weight:600;font-family:var(--font-inter),sans-serif;cursor:pointer;letter-spacing:.04em;margin-top:8px;transition:background .2s,transform .15s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:8px}.recrutement-page .form-submit:hover{background:var(--navy-mid);transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,42,.25)}.recrutement-page .form-submit svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2}.recrutement-page .form-note{font-size:11px;color:var(--ink-soft);text-align:center;margin-top:14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes revealFallback{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.recrutement-page .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;animation:revealFallback .6s ease 1.2s forwards}.recrutement-page .reveal.visible{opacity:1;transform:translateY(0);animation:none}.recrutement-page .reveal-delay-1{transition-delay:.1s;animation-delay:1.3s}.recrutement-page .reveal-delay-2{transition-delay:.2s;animation-delay:1.4s}.recrutement-page .reveal-delay-3{transition-delay:.3s;animation-delay:1.5s}@media (max-width:960px){.recrutement-page .hero{grid-template-columns:1fr;min-height:auto}.recrutement-page .hero-right{display:none}.recrutement-page .hero-left{padding:80px 2rem 60px}.recrutement-page .offres-grid{grid-template-columns:1fr}.recrutement-page .steps{grid-template-columns:1fr 1fr}.recrutement-page .steps:before{display:none}.recrutement-page .profils-grid{grid-template-columns:repeat(2,1fr)}.recrutement-page .profils-header{grid-template-columns:1fr;gap:24px}.recrutement-page .form-inner{grid-template-columns:1fr;gap:40px}}@media (max-width:600px){.recrutement-page .form-row,.recrutement-page .profils-grid,.recrutement-page .steps{grid-template-columns:1fr}.recrutement-page .avantages-band{gap:12px;flex-direction:column;align-items:center}.recrutement-page .av-item{border-right:none;border-bottom:1px solid rgba(15,23,42,.1);padding:8px 0}.recrutement-page .av-item:last-child{border-bottom:none}.recrutement-page .processus-section,.recrutement-page .profils-section .profils-inner,.recrutement-page .section{padding:56px 1.25rem}.recrutement-page .form-section{padding:88px 1.25rem 56px}.recrutement-page .form-inner{gap:32px}.recrutement-page .form-card{order:-1}.recrutement-page .form-left{order:0;padding-top:16px}.recrutement-page .form-testimonials{display:none}.recrutement-page .offres-grid{grid-template-columns:1fr;gap:14px}.recrutement-page .offre-card{padding:20px 18px}.recrutement-page .offre-title{font-size:17px}.recrutement-page .section-desc{max-width:100%;margin-bottom:32px}.recrutement-page .section-title{font-size:clamp(26px,7vw,36px)}}@media (max-width:520px){.recrutement-page .hero{min-height:85vh}.recrutement-page .hero-left{padding:72px 1.25rem 48px}.recrutement-page .hero-actions{flex-direction:column;align-items:stretch;width:100%;gap:10px}.recrutement-page .hero-actions .btn-ghost,.recrutement-page .hero-actions .btn-primary{text-align:center;width:100%;padding:15px 20px;font-size:15px}.recrutement-page .hero-card,.recrutement-page .step{padding:24px 20px}.recrutement-page .step-num{font-size:42px}.recrutement-page .form-card{padding:24px 20px}.recrutement-page .upload-zone{padding:24px 16px}.recrutement-page .profil-card{padding:20px 16px}}