:root{--ef-primary: #101A36;--ef-primary-dark: #004080;--ef-secondary: #1e5cb8;--ef-accent: #00b4d8;--ef-dark: #1f2937;--ef-gray: #6b7280;--ef-gray-light: #9ca3af;--ef-bg-light: #f8fafc;--ef-bg-white: #ffffff;--ef-border: #e5e7eb;--ef-border-light: #f3f4f6;--ef-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--ef-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--ef-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--ef-radius: 12px;--ef-radius-sm: 8px}.site-main.metiers-hub{overflow-x: hidden}@media (min-width: 769px){.site-main.metiers-hub{padding-top: 0 !important;margin-top: -120px !important}}@media (max-width: 768px){.site-main.metiers-hub{padding-top: var(--header-height) !important;margin-top: 0 !important}}.container{max-width: 1200px;margin: 0 auto;padding: 0 24px}.hero-ef{background: linear-gradient(135deg,var(--ef-primary) 0%,var(--ef-primary-dark) 100%);padding: 180px 0 100px 0;color: white;position: relative;overflow: hidden}@media (max-width: 768px){.hero-ef{padding: 80px 0 60px 0 !important}}.hero-ef::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: none;opacity: 0.6}.hero-content{position: relative;z-index: 2;text-align: center;max-width: 800px;margin: 0 auto}.hero-badge{display: inline-block;background: rgba(255,255,255,0.15);border: 1px solid rgba(255,255,255,0.2);padding: 8px 20px;border-radius: 25px;font-size: 14px;font-weight: 500;margin-bottom: 24px;backdrop-filter: blur(10px)}.hero-title{font-size: 4.5rem;font-weight: 800;margin-bottom: 24px;line-height: 1.1;letter-spacing: -0.02em}.hero-description{font-size: 1.5rem;line-height: 1.6;opacity: 0.9;margin-bottom: 48px;max-width: 600px;margin-left: auto;margin-right: auto}.hero-stats{display: flex;justify-content: center;align-items: center;gap: 24px;margin-bottom: 24px}.stat-item{text-align: center}.stat-number{display: block;font-size: 2.5rem;font-weight: 700;margin-bottom: 4px}.stat-label{font-size: 1.125rem;opacity: 0.8}.stat-divider{width: 1px;height: 40px;background: rgba(255,255,255,0.2)}.metiers-section{padding: 100px 0;background: var(--ef-bg-light)}.section-header{text-align: center;margin-bottom: 80px;max-width: 700px;margin-left: auto;margin-right: auto}.section-title{font-size: 3rem;font-weight: 700;color: var(--ef-dark);margin-bottom: 16px;line-height: 1.2}.section-subtitle{font-size: 1.375rem;color: var(--ef-gray);line-height: 1.6;margin: 0}.metiers-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(380px,1fr));gap: 32px}.metier-card{background: var(--ef-bg-white);border-radius: var(--ef-radius);padding: 32px;border: 1px solid var(--ef-border-light);transition: all 0.3s ease;position: relative;overflow: hidden;display: block;text-decoration: none;color: inherit}.metier-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg,var(--ef-primary) 0%,var(--ef-accent) 100%);transform: scaleX(0);transition: transform 0.3s ease}.metier-card:hover::before{transform: scaleX(1)}.metier-card:hover{transform: translateY(-8px);box-shadow: var(--ef-shadow-lg);border-color: var(--ef-border)}.card-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px}.card-icon{width: 48px;height: 48px;border-radius: var(--ef-radius-sm);background: linear-gradient(135deg,var(--ef-primary) 0%,var(--ef-secondary) 100%);display: flex;align-items: center;justify-content: center;color: white}.card-icon svg{width: 24px;height: 24px}.formations-count{background: var(--ef-bg-light);color: var(--ef-gray);padding: 8px 16px;font-size: 1rem;border-radius: 20px;font-weight: 500}.card-content{margin-bottom: 24px}.metier-title{font-size: 1.875rem;font-weight: 600;color: var(--ef-dark);margin-bottom: 12px;line-height: 1.3}.metier-description{color: var(--ef-gray);line-height: 1.6;margin-bottom: 20px;font-size: 1.125rem}.metier-details{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin-bottom: 20px;padding: 16px;background: var(--ef-bg-light);border-radius: var(--ef-radius-sm)}.detail-item{text-align: center}.detail-label{display: block;font-size: 0.95rem;color: var(--ef-gray-light);margin-bottom: 4px;text-transform: uppercase;letter-spacing: 0.05em}.detail-value{display: block;font-size: 1.125rem;font-weight: 600;color: var(--ef-dark)}.metier-tags{display: flex;flex-wrap: wrap;gap: 8px}.tag{background: rgba(26,86,219,0.1);color: var(--ef-primary);padding: 4px 12px;border-radius: 16px;font-size: 0.95rem;font-weight: 500}.card-footer{padding-top: 24px;border-top: 1px solid var(--ef-border-light)}.btn-discover{display: inline-flex;align-items: center;gap: 8px;color: var(--ef-primary);text-decoration: none;font-size: 1.125rem;font-weight: 500;padding: 8px 0;transition: all 0.2s ease}.btn-discover:hover{color: var(--ef-primary-dark);gap: 12px}.btn-discover svg{transition: transform 0.2s ease}.btn-discover:hover svg{transform: translateX(2px)}.cta-section{padding: 80px 0;background: var(--ef-bg-white)}.cta-content{text-align: center;max-width: 600px;margin: 0 auto}.cta-title{font-size: 2.25rem;font-weight: 700;color: var(--ef-dark);margin-bottom: 16px;line-height: 1.2}.cta-description{font-size: 1.125rem;color: var(--ef-gray);line-height: 1.6;margin-bottom: 32px}.cta-actions{display: flex;gap: 16px;justify-content: center;flex-wrap: wrap}.btn-primary,.btn-secondary{display: inline-flex;align-items: center;padding: 14px 24px;border-radius: var(--ef-radius-sm);font-weight: 500;text-decoration: none;transition: all 0.2s ease}.btn-primary{background: var(--ef-primary);color: white;border: 2px solid var(--ef-primary)}.btn-primary:hover{background: var(--ef-primary-dark);border-color: var(--ef-primary-dark);transform: translateY(-1px);box-shadow: var(--ef-shadow-md)}.btn-secondary{background: transparent;color: var(--ef-primary);border: 2px solid var(--ef-primary)}.btn-secondary:hover{background: var(--ef-primary);color: white;transform: translateY(-1px);box-shadow: var(--ef-shadow-md)}@media (max-width: 768px){.hero-title{font-size: 2.5rem}.hero-description{font-size: 1.125rem}.hero-stats{flex-direction: column;gap: 16px}.stat-divider{display: none}.section-title{font-size: 2rem}.metiers-grid{grid-template-columns: 1fr;gap: 24px}.metier-card{padding: 24px}.cta-title{font-size: 1.875rem}.cta-actions{flex-direction: column;align-items: center}.btn-primary,.btn-secondary{min-width: 240px;justify-content: center}}@media (max-width: 480px){.hero-title{font-size: 2rem}.metiers-section{padding: 80px 0}.section-header{margin-bottom: 60px}.cta-section{padding: 60px 0}}:root{--ef-primary-dark: #0a1228;--ef-secondary: #3C65CF;--ef-accent: #3C65CF;--ef-dark: #ffffff;--ef-gray: rgba(255,255,255,.78);--ef-gray-light: rgba(255,255,255,.60);--ef-bg-light: #0d1631;--ef-bg-white: rgba(38,64,131,.5);--ef-border: rgba(60,101,207,.55);--ef-border-light: rgba(60,101,207,.30)}.hero-ef{background: url('/img/headers/general/general-1.webp') center center / cover no-repeat,#101A36}.hero-ef::after{content: '';position: absolute;inset: 0;background: linear-gradient(135deg,rgba(16,26,54,.80) 0%,rgba(43,16,82,.80) 100%);z-index: 1;pointer-events: none}.hero-content{z-index: 2}.metier-card{-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);box-shadow: 0 0 20px rgba(60,101,207,.18)}.metier-card:hover{border-color: #3C65CF;box-shadow: 0 0 32px rgba(60,101,207,.40);transform: translateY(-6px)}.tag{background: rgba(60,101,207,.20);color: #cdd9ff}.formations-count{background: rgba(60,101,207,.18);color: rgba(255,255,255,.85)}.metier-details{background: rgba(16,26,54,.55)}.btn-discover{color: #6E9BFF}.btn-discover:hover{color: #9fb3ff}.cta-section{background: #0d1631}.btn-primary{background: #CF573C;border-color: #CF573C}.btn-primary:hover{background: #b5482f;border-color: #b5482f}.btn-secondary{color: #fff;border-color: rgba(255,255,255,.55)}.btn-secondary:hover{background: rgba(255,255,255,.12);color: #fff;border-color: #fff}