/* ══ JOIN SECTION ══ */
    .join-section{
      margin:0.4rem 0 0;
      padding:1rem 1rem 1.6rem;
      position:relative;
    }
    .join-header{
      text-align:center;
      margin-bottom:1rem;
    }
    .join-eyebrow{
      display:inline-flex;align-items:center;gap:0.35rem;
      font-size:0.52rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;
      color:var(--pink);margin-bottom:0.35rem;
    }
    .join-eyebrow-dot{
      width:5px;height:5px;border-radius:50%;background:var(--pink);
      animation:pulse 2s infinite;flex-shrink:0;
    }
    .join-title{
      font-family:'Syne',sans-serif;
      font-size:1.05rem;font-weight:800;
      color:var(--text);margin-bottom:0.22rem;
      letter-spacing:-0.01em;
    }
    .join-sub{
      font-size:0.62rem;color:var(--muted);line-height:1.5;
      max-width:280px;margin:0 auto;
    }
    .join-grid{
      display:flex;flex-direction:column;gap:0.55rem;
    }
    .join-card{
      display:flex;align-items:center;gap:0.8rem;
      width:100%;
      padding:0.75rem 0.9rem;
      border-radius:14px;
      cursor:pointer;
      text-align:left;
      border:none;
      transition:transform 0.18s,box-shadow 0.18s,background 0.18s;
      position:relative;
      overflow:hidden;
    }
    .join-card::before{
      content:'';position:absolute;inset:0;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,0.03),transparent);
      transform:translateX(-100%);
      transition:transform 0.5s;
    }
    .join-card:active{transform:scale(0.97);}
    .join-card:active::before{transform:translateX(100%);}

    /* Membre — cyan */
    .join-card-membre{
      background:linear-gradient(135deg,rgba(0,229,255,0.10),rgba(0,229,255,0.05));
      border:1.5px solid rgba(0,229,255,0.30);
      box-shadow:0 2px 14px rgba(0,229,255,0.08);
    }
    /* Taxi — amber */
    .join-card-taxi{
      background:linear-gradient(135deg,rgba(255,215,0,0.12),rgba(255,215,0,0.05));
      border:1.5px solid rgba(255,215,0,0.35);
      box-shadow:0 2px 14px rgba(255,215,0,0.08);
    }
    /* Établissement — pink/purple */
    .join-card-etabl{
      background:linear-gradient(135deg,rgba(255,45,155,0.12),rgba(204,68,255,0.07));
      border:1.5px solid rgba(255,45,155,0.32);
      box-shadow:0 2px 14px rgba(255,45,155,0.10);
    }

    .join-card-icon{
      font-size:1.55rem;line-height:1;flex-shrink:0;
      width:40px;height:40px;
      display:flex;align-items:center;justify-content:center;
      border-radius:11px;
      background:rgba(255,255,255,0.05);
    }
    .join-card-body{flex:1;min-width:0;}
    .join-card-title{
      font-family:'Syne',sans-serif;font-size:0.84rem;font-weight:800;
      color:var(--text);margin-bottom:0.1rem;letter-spacing:-0.01em;
    }
    .join-card-desc{
      font-size:0.62rem;color:var(--muted);margin-bottom:0.35rem;
    }
    .join-card-tags{display:flex;gap:0.3rem;flex-wrap:wrap;}
    .join-tag{
      font-size:0.5rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;
      padding:0.12rem 0.42rem;border-radius:99px;
      background:rgba(255,255,255,0.07);color:var(--muted);
      border:1px solid rgba(255,255,255,0.10);
    }
    .join-card-membre .join-tag{background:rgba(0,229,255,0.09);color:var(--cyan);border-color:rgba(0,229,255,0.20);}
    .join-card-taxi .join-tag{background:rgba(255,215,0,0.10);color:var(--amber);border-color:rgba(255,215,0,0.22);}
    .join-card-etabl .join-tag{background:rgba(255,45,155,0.10);color:var(--pink);border-color:rgba(255,45,155,0.22);}
    .join-tag-paid{background:rgba(255,215,0,0.14)!important;color:var(--amber)!important;border-color:rgba(255,215,0,0.35)!important;}

    .join-card-arrow{
      font-size:1.2rem;font-weight:300;
      flex-shrink:0;opacity:0.45;
      transition:opacity 0.18s,transform 0.18s;
    }
    .join-card-membre .join-card-arrow{color:var(--cyan);}
    .join-card-taxi .join-card-arrow{color:var(--amber);}
    .join-card-etabl .join-card-arrow{color:var(--pink);}
    .join-card:active .join-card-arrow{opacity:1;transform:translateX(3px);}