:root {
      --purple:       #6b3aa8;
      --purple-dark:  #4a2578;
      --purple-mid:   #7c45bc;
      --purple-light: #8c5ec8;
      --purple-xlight:#e8ddf5;
      --orange:       #F7941D;
      --orange-dark:  #e07f10;
      --orange-light: #fef4e8;
      --white:        #ffffff;
      --off-white:    #f0ebfa;
      --gray-light:   #ebe4f5;
      --gray-text:    #666;
      --border:       #cfc5e8;
      --text:         #2d2d2d;
      --radius:       18px;
      --shadow:       0 8px 40px rgba(107,58,168,0.13);
      --shadow-card:  0 4px 24px rgba(107,58,168,0.10);
    }
    *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
    html { scroll-behavior: smooth; }
    body { font-family:'Poppins',sans-serif; color:var(--text); background:var(--white); overflow-x:hidden; }

    /* ── NAV ── */
    nav {
      background: var(--purple-dark);
      display: flex; align-items: center; justify-content: space-between;
      padding: 0 52px; height: 66px;
      position: sticky; top:0; z-index:200;
      box-shadow: 0 2px 20px rgba(0,0,0,0.22);
    }
    .nav-logo { font-size:1.65rem; font-weight:900; color:var(--white); letter-spacing:2px; text-decoration:none; }
    .nav-logo span { color:var(--orange); }
    .nav-links { display:flex; gap:28px; list-style:none; align-items:center; }
    .nav-links a { color:rgba(255,255,255,0.80); text-decoration:none; font-size:0.84rem; font-weight:500; transition:color .2s; white-space:nowrap; }
    .nav-links a:hover { color:var(--orange); }
    .nav-links a.active { color:var(--orange); font-weight:600; }
    .nav-cta { background:var(--orange)!important; color:var(--white)!important; padding:9px 22px; border-radius:50px; font-weight:700!important; font-size:0.83rem!important; transition:background .2s,transform .2s!important; box-shadow:0 4px 14px rgba(247,148,29,0.35); }
    .nav-cta:hover { background:var(--orange-dark)!important; transform:translateY(-1px); }

    /* ── BREADCRUMB ── */
    .breadcrumb { background:var(--gray-light); padding:11px 52px; font-size:0.77rem; color:var(--gray-text); border-bottom:1px solid var(--border); }
    .breadcrumb a { color:var(--purple); text-decoration:none; font-weight:500; }
    .breadcrumb a:hover { text-decoration:underline; }
    .breadcrumb span { margin:0 7px; color:#aaa; }

    /* ── HERO AVEC IMAGE ── */
    .hero {
      position: relative;
      min-height: 560px;
      display: flex;
      align-items: center;
      overflow: hidden;
    }
    .hero-bg {
      position: absolute; inset:0;
      background-image: url('https://images.unsplash.com/photo-1531482615713-2afd69097998?w=1400&q=80');
      background-size: cover;
      background-position: center 40%;
      filter: brightness(0.32);
    }
    .hero-overlay {
      position: absolute; inset:0;
      background: linear-gradient(115deg, rgba(74,37,120,0.93) 0%, rgba(107,58,168,0.78) 55%, rgba(107,58,168,0.42) 100%);
    }
    .hero-content {
      position:relative; z-index:2;
      max-width:1100px; margin:0 auto; padding:80px 52px;
      width:100%;
      display: grid;
      grid-template-columns: 1fr 320px;
      gap: 64px;
      align-items: center;
    }
    .hero-badge {
      display:inline-flex; align-items:center; gap:8px;
      background:rgba(247,148,29,0.18); border:1px solid rgba(247,148,29,0.5);
      color:var(--orange); font-size:0.71rem; font-weight:700;
      padding:5px 15px; border-radius:50px; margin-bottom:22px;
      letter-spacing:1px; text-transform:uppercase;
    }
    .hero h1 {
      font-size:clamp(1.75rem,3.2vw,2.7rem); font-weight:800;
      color:var(--white); line-height:1.22; margin-bottom:20px;
    }
    .hero h1 span { color:var(--orange); }
    .hero-sub { color:rgba(255,255,255,0.83); font-size:0.95rem; line-height:1.78; margin-bottom:32px; }
    .hero-trust {
      display:flex; gap:20px; flex-wrap:wrap; margin-top:28px;
    }
    .hero-trust-item {
      display:flex; align-items:center; gap:7px;
      font-size:0.77rem; color:rgba(255,255,255,0.65);
    }
    .hero-trust-item::before { content:'✓'; color:var(--orange); font-weight:700; }

    .hero-glass-card {
      background: rgba(255,255,255,0.09);
      border: 1px solid rgba(255,255,255,0.18);
      border-radius: 20px;
      padding: 32px 26px;
      backdrop-filter: blur(12px);
    }
    .hgc-title {
      font-size:0.75rem; font-weight:700; color:var(--orange);
      text-transform:uppercase; letter-spacing:1.2px; margin-bottom:18px;
    }
    .hgc-item {
      display:flex; align-items:center; gap:12px;
      padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.1);
      font-size:0.83rem; color:rgba(255,255,255,0.87);
    }
    .hgc-item:last-of-type { border-bottom:none; }
    .hgc-dot { width:7px; height:7px; background:var(--orange); border-radius:50%; flex-shrink:0; }
    .hgc-footer {
      margin-top:20px; padding-top:16px;
      border-top:1px solid rgba(255,255,255,0.12);
      display:flex; align-items:center; gap:7px;
      font-size:0.7rem; color:rgba(255,255,255,0.55); font-weight:600;
    }
    .hgc-footer .q-dot { width:6px;height:6px;background:var(--orange);border-radius:50%; }

    /* ── SECTION VISUELLE PROFIL ── */
    .profil-section {
      display:grid; grid-template-columns:1fr 1fr;
      min-height:420px;
    }
    .profil-img {
      position:relative; overflow:hidden;
    }
    .profil-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s ease; }
    .profil-section:hover .profil-img img { transform:scale(1.03); }
    .profil-img-overlay {
      position:absolute; inset:0;
      background:linear-gradient(135deg,rgba(74,37,120,0.3) 0%, transparent 60%);
    }
    .profil-content {
      background:var(--off-white);
      padding:60px 52px;
      display:flex; flex-direction:column; justify-content:center;
    }
    .section-label {
      display:inline-block; background:var(--gray-light); color:var(--purple);
      font-size:0.7rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
      padding:4px 13px; border-radius:50px; margin-bottom:14px;
    }
    h2 { font-size:clamp(1.3rem,2.4vw,1.9rem); font-weight:800; color:var(--purple-dark); line-height:1.28; margin-bottom:14px; }
    h2 span { color:var(--orange); }
    .profil-content p { font-size:0.9rem; color:var(--gray-text); line-height:1.76; margin-bottom:20px; }
    .profil-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }
    .p-tag {
      background:var(--white); border:1.5px solid var(--border); color:var(--purple-dark);
      font-size:0.75rem; font-weight:600; padding:6px 14px; border-radius:20px;
      transition:all .2s; cursor:default;
    }
    .p-tag:hover { background:var(--purple); color:var(--white); border-color:var(--purple); }

    /* ── MAIN LAYOUT ── */
    .main-wrapper {
      max-width:1100px; margin:0 auto; padding:72px 52px;
      display:grid; grid-template-columns:1fr 360px; gap:64px; align-items:start;
    }

    /* ── FORM ── */
    .form-intro { margin-bottom:36px; }
    .form-intro h2 { margin-bottom:10px; }
    .form-intro p { font-size:0.9rem; color:var(--gray-text); line-height:1.72; }

    .form-card {
      background:var(--white); border:1px solid var(--border);
      border-radius:20px; box-shadow:var(--shadow); overflow:hidden;
    }

    .form-section-head {
      background:var(--gray-light); padding:15px 28px;
      display:flex; align-items:center; gap:12px;
      border-bottom:1px solid var(--border);
    }
    .step-num {
      width:30px; height:30px; background:var(--purple); color:var(--white);
      border-radius:50%; font-size:0.78rem; font-weight:700;
      display:flex; align-items:center; justify-content:center; flex-shrink:0;
    }
    .form-section-head strong { font-size:0.88rem; font-weight:700; color:var(--purple-dark); }
    .form-section-head span { font-size:0.75rem; color:var(--gray-text); margin-left:auto; }

    .form-body { padding:28px; }

    .field-group { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
    .field-group.full { grid-template-columns:1fr; }

    .field label { display:block; font-size:0.78rem; font-weight:600; color:var(--purple-dark); margin-bottom:6px; }
    .field label .req { color:var(--orange); }
    .field input[type="text"],
    .field input[type="email"],
    .field input[type="tel"],
    .field input[type="file"],
    .field select,
    .field textarea {
      width:100%; padding:11px 14px;
      border:1.5px solid var(--border); border-radius:10px;
      font-family:'Poppins',sans-serif; font-size:0.85rem; color:var(--text);
      background:var(--white); transition:border-color .2s,box-shadow .2s; outline:none;
    }
    .field input:focus,.field select:focus,.field textarea:focus {
      border-color:var(--purple); box-shadow:0 0 0 3px rgba(107,58,168,0.10);
    }
    .field textarea { resize:vertical; min-height:120px; }
    .field input[type="file"] { padding:8px 14px; cursor:pointer; font-size:0.8rem; color:var(--gray-text); }
    .field-hint { font-size:0.72rem; color:var(--gray-text); margin-top:5px; }

    .checkboxes-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
    .radio-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }

    .check-item,.radio-item {
      display:flex; align-items:center; gap:8px;
      font-size:0.82rem; color:var(--text); cursor:pointer;
      padding:9px 12px; border:1.5px solid var(--border); border-radius:9px;
      transition:border-color .2s,background .2s; line-height:1.35;
    }
    .check-item:hover,.radio-item:hover { border-color:var(--purple-light); background:var(--purple-xlight); }
    .check-item input,.radio-item input { accent-color:var(--purple); width:15px; height:15px; flex-shrink:0; }

    .form-divider { border:none; border-top:1px solid var(--border); margin:4px 0 22px; }

    .rgpd-block {
      background:#fef6ec; border:1.5px solid rgba(247,148,29,0.3);
      border-radius:12px; padding:18px 20px;
      display:flex; gap:12px; align-items:flex-start; margin-bottom:22px;
    }
    .rgpd-block input { accent-color:var(--orange); margin-top:3px; width:16px; height:16px; flex-shrink:0; }
    .rgpd-block label { font-size:0.79rem; color:var(--text); line-height:1.6; cursor:pointer; }
    .rgpd-block a { color:var(--purple); text-decoration:underline; }

    .btn-submit {
      width:100%; background:linear-gradient(135deg,var(--orange),var(--orange-dark));
      color:var(--white); border:none; padding:16px 24px; border-radius:50px;
      font-family:'Poppins',sans-serif; font-size:1rem; font-weight:700;
      cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px;
      box-shadow:0 4px 20px rgba(247,148,29,0.38); transition:transform .2s,box-shadow .2s;
    }
    .btn-submit:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(247,148,29,0.44); }

    /* ── CONFIRMATION ── */
    #confirmation { display:none; text-align:center; padding:52px 32px; }
    .check-circle {
      width:76px; height:76px;
      background:linear-gradient(135deg,var(--purple),var(--purple-light));
      border-radius:50%; display:flex; align-items:center; justify-content:center;
      font-size:2.2rem; margin:0 auto 24px;
    }
    #confirmation h3 { font-size:1.4rem; font-weight:800; color:var(--purple-dark); margin-bottom:12px; }
    #confirmation p { font-size:0.9rem; color:var(--gray-text); line-height:1.72; }

    /* ── SIDEBAR ── */
    .sidebar { display:flex; flex-direction:column; gap:20px; }

    /* card réassurance */
    .reassurance-card { background:var(--white); border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow-card); overflow:hidden; }
    .reassurance-header { background:linear-gradient(135deg,var(--purple-dark),var(--purple)); padding:20px 22px; }
    .reassurance-header h3 { color:var(--white); font-size:0.9rem; font-weight:700; }
    .reassurance-header p { color:rgba(255,255,255,0.68); font-size:0.75rem; margin-top:4px; }
    .reassurance-items { padding:6px 0; }
    .reassurance-item { display:flex; align-items:flex-start; gap:14px; padding:16px 22px; border-bottom:1px solid var(--gray-light); transition:background .2s; }
    .reassurance-item:last-child { border-bottom:none; }
    .reassurance-item:hover { background:var(--off-white); }
    .r-icon { width:44px; height:44px; border-radius:11px; display:flex; align-items:center; justify-content:center; font-size:1.25rem; flex-shrink:0; }
    .r-icon.purple { background:var(--purple-xlight); }
    .r-icon.orange { background:#fef4e8; }
    .r-icon.green  { background:#eafaf0; }
    .reassurance-item strong { display:block; font-size:0.83rem; font-weight:700; color:var(--purple-dark); margin-bottom:3px; }
    .reassurance-item span  { font-size:0.77rem; color:var(--gray-text); line-height:1.5; }

    /* photo sidebar */
    .sidebar-photo {
      border-radius:16px; overflow:hidden;
      box-shadow:var(--shadow-card); aspect-ratio:4/3;
      position:relative;
    }
    .sidebar-photo img { width:100%; height:100%; object-fit:cover; display:block; }
    .sidebar-photo-caption {
      position:absolute; bottom:0; left:0; right:0;
      background:linear-gradient(0deg,rgba(74,37,120,0.88),transparent);
      padding:24px 16px 14px;
      font-size:0.75rem; color:rgba(255,255,255,0.85); font-weight:500; font-style:italic;
    }

    /* profils */
    .profile-card { background:linear-gradient(135deg,#fef4e8,#fdf0e0); border:1px solid rgba(247,148,29,0.22); border-radius:16px; padding:24px 22px; }
    .profile-card h3 { font-size:0.88rem; font-weight:700; color:var(--purple-dark); margin-bottom:14px; }
    .profile-tag { display:inline-block; background:rgba(107,58,168,0.09); color:var(--purple); font-size:0.72rem; font-weight:600; padding:4px 10px; border-radius:20px; margin:3px 2px; transition:all .2s; cursor:default; }
    .profile-tag:hover { background:var(--purple); color:var(--white); }

    /* valeurs */
    .values-card { background:var(--gray-light); border-radius:16px; padding:24px 22px; }
    .values-card h3 { font-size:0.88rem; font-weight:700; color:var(--purple-dark); margin-bottom:16px; }
    .value-item { display:flex; align-items:center; gap:10px; font-size:0.82rem; color:var(--text); margin-bottom:10px; }
    .value-item::before { content:''; width:6px; height:6px; background:var(--orange); border-radius:50%; flex-shrink:0; }
    .values-cta { display:inline-flex; align-items:center; gap:6px; color:var(--purple); font-size:0.8rem; font-weight:600; text-decoration:none; margin-top:14px; transition:gap .2s; }
    .values-cta:hover { gap:10px; }

    /* accessibilité */
    .accessibility-notice { background:var(--white); border:1px solid var(--border); border-radius:14px; padding:18px 20px; display:flex; gap:12px; align-items:flex-start; }
    .accessibility-notice .icon { font-size:1.5rem; flex-shrink:0; }
    .accessibility-notice p { font-size:0.8rem; color:var(--text); line-height:1.6; }
    .accessibility-notice a { color:var(--orange); font-weight:600; text-decoration:none; }
    .accessibility-notice a:hover { text-decoration:underline; }

    /* ── SECTION VALEURS EDNC (entre form et footer) ── */
    .values-full-section {
      background:linear-gradient(135deg,var(--purple-dark) 0%,var(--purple) 55%,#7a48b8 100%);
      padding:72px 52px;
      position:relative; overflow:hidden;
    }
    .values-full-section::before {
      content:''; position:absolute; top:-80px; right:-80px;
      width:420px; height:420px;
      background:radial-gradient(circle,rgba(247,148,29,0.14) 0%,transparent 65%);
      border-radius:50%;
    }
    .values-full-inner { max-width:1100px; margin:0 auto; position:relative; z-index:1; }
    .vfs-header { text-align:center; margin-bottom:48px; }
    .vfs-header h2 { color:var(--white); font-size:clamp(1.3rem,2.4vw,1.9rem); margin-bottom:10px; }
    .vfs-header p { color:rgba(255,255,255,0.72); font-size:0.9rem; max-width:580px; margin:0 auto; line-height:1.72; }
    .vfs-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
    .vfs-card {
      background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.14);
      border-radius:16px; padding:28px 24px; transition:background .25s,transform .25s;
    }
    .vfs-card:hover { background:rgba(255,255,255,0.14); transform:translateY(-4px); }
    .vfs-icon { font-size:1.8rem; margin-bottom:14px; }
    .vfs-card h4 { font-size:0.88rem; font-weight:700; color:var(--white); margin-bottom:8px; }
    .vfs-card p { font-size:0.8rem; color:rgba(255,255,255,0.68); line-height:1.6; }
    .vfs-cta { text-align:center; margin-top:40px; }

    /* ── BOUTONS ── */
    .btn { display:inline-flex; align-items:center; gap:8px; padding:13px 28px; border-radius:50px; font-family:'Poppins',sans-serif; font-weight:600; font-size:0.88rem; text-decoration:none; cursor:pointer; border:none; transition:all .25s ease; white-space:nowrap; }
    .btn-primary { background:var(--orange); color:var(--white); box-shadow:0 4px 20px rgba(247,148,29,0.38); }
    .btn-primary:hover { background:var(--orange-dark); transform:translateY(-2px); box-shadow:0 8px 28px rgba(247,148,29,0.44); }
    .btn-outline-white { background:transparent; color:var(--white); border:2px solid rgba(255,255,255,0.5); }
    .btn-outline-white:hover { background:rgba(255,255,255,0.1); border-color:var(--white); transform:translateY(-2px); }
    .btn-ghost { background:transparent; color:var(--purple); border:2px solid var(--border); font-size:0.84rem; }
    .btn-ghost:hover { border-color:var(--purple); background:var(--purple-xlight); }
    .btn-sm { padding:9px 20px; font-size:0.8rem; }

    /* ── FOOTER ── */
    footer { background:var(--purple-dark); color:rgba(255,255,255,0.68); padding:48px 52px 24px; }
    .footer-inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1.7fr 1fr 1fr 1fr; gap:36px; margin-bottom:32px; }
    .footer-brand .logo { font-size:1.45rem; font-weight:900; color:var(--white); letter-spacing:2px; margin-bottom:12px; display:block; text-decoration:none; }
    .footer-brand .logo span { color:var(--orange); }
    .footer-brand p { font-size:0.79rem; line-height:1.65; margin-bottom:14px; }
    .footer-legal-txt { font-size:0.7rem; color:rgba(255,255,255,0.42); line-height:1.6; border-top:1px solid rgba(255,255,255,0.09); padding-top:10px; margin-top:6px; }
    footer h4 { color:var(--white); font-size:0.81rem; font-weight:700; margin-bottom:14px; text-transform:uppercase; letter-spacing:0.9px; }
    footer ul { list-style:none; }
    footer ul li { margin-bottom:8px; }
    footer ul li a { color:rgba(255,255,255,0.60); text-decoration:none; font-size:0.79rem; transition:color .2s; }
    footer ul li a:hover { color:var(--orange); }
    .footer-bottom { border-top:1px solid rgba(255,255,255,0.09); padding-top:20px; max-width:1100px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; font-size:0.72rem; flex-wrap:wrap; gap:10px; }
    .q-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(247,148,29,0.14); border:1px solid rgba(247,148,29,0.32); color:var(--orange); font-size:0.69rem; font-weight:700; padding:5px 12px; border-radius:30px; }

    /* ── ANIMATIONS ── */
    @keyframes fadeUp { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:translateY(0)} }
    .anim { opacity:0; animation:fadeUp .62s ease forwards; }
    .d1{animation-delay:.1s} .d2{animation-delay:.22s} .d3{animation-delay:.34s} .d4{animation-delay:.46s} .d5{animation-delay:.58s}
    .reveal { opacity:0; transform:translateY(30px); transition:opacity .6s ease,transform .6s ease; }
    .reveal.visible { opacity:1; transform:translateY(0); }

    /* ── RESPONSIVE ── */
    @media(max-width:960px){
      nav{padding:0 24px} .nav-links{display:none}
      .breadcrumb{padding:10px 24px}
      .hero-content{grid-template-columns:1fr; padding:56px 24px} .hero-glass-card{display:none}
      .profil-section{grid-template-columns:1fr}
      .profil-img{height:280px}
      .main-wrapper{grid-template-columns:1fr; padding:48px 24px; gap:40px}
      .values-full-section{padding:56px 24px}
      .vfs-grid{grid-template-columns:1fr 1fr}
      footer{padding:40px 24px 20px}
      .footer-inner{grid-template-columns:1fr 1fr}
    }
    @media(max-width:560px){
      .field-group{grid-template-columns:1fr}
      .checkboxes-grid{grid-template-columns:1fr}
      .radio-grid{grid-template-columns:1fr}
      .vfs-grid{grid-template-columns:1fr}
      .footer-inner{grid-template-columns:1fr}
    }
  
@media(max-width:480px){
  .cand-layout,.form-wrap{flex-direction:column!important;}
  .btn-submit{width:100%!important;font-size:.85rem!important;}
}