Modifica di MESB/Accept Membership

<html>
<div style="max-width:900px; margin:0 auto; padding:20px;">

  <h1 style="font-size:1.9em; color:#1f334d; margin-bottom:18px;">
    MESB Membership Confirmation
  </h1>

  <p style="font-size:1.1em; color:#444; line-height:1.6;">
    You have been invited to join the
    <b>Masticationpedia Ethical and Scientific Board (MESB)</b>, the independent body
    responsible for ethics, scientific integrity, and AI/data governance across the Masticationpedia project.
  </p>

  <p style="font-size:1.05em; color:#444; line-height:1.6; margin-top:18px;">
    Before confirming your participation, please read carefully the meaning of your choice.
  </p>

  <!-- BOX ACCEPT -->
  <div style="margin-top:18px; padding:18px 20px; background:#f8fbff; border-radius:14px; border:1px solid #d7e0ef;">
    <h2 style="margin-top:0; font-size:1.25em; color:#223347; font-weight:600;">
      What ACCEPT means
    </h2>

    <p style="color:#444; line-height:1.6;">
      By accepting, you agree to:
    </p>

    <ul style="margin-top:8px; padding-left:22px; color:#444; line-height:1.6;">
      <li>serve as an independent ethical/scientific advisor;</li>
      <li>offer occasional comments or short evaluations (asynchronous; no meetings required);</li>
      <li>have your name publicly listed as a MESB member.</li>
    </ul>

    <p style="font-size:0.9em; color:#666;">
      No operational duties, no administrative responsibilities, no workload beyond brief evaluations.
    </p>
  </div>

  <!-- BOX DECLINE -->
  <div style="margin-top:22px; padding:18px 20px; background:#fef7f7; border-radius:14px; border:1px solid #f1d2d2;">
    <h2 style="margin-top:0; font-size:1.25em; color:#7a2f2f; font-weight:600;">
      What DECLINE means
    </h2>

    <p style="color:#5c3b3b; line-height:1.6;">
      Declining simply means that, at this time, you prefer not to participate in the MESB.
      Your decision will be fully respected and will not affect your relationship with Masticationpedia.
    </p>

    <p style="font-size:0.9em; color:#7a4a4a;">
      You may optionally write a short polite sentence when you decline.
    </p>
  </div>

  <!-- BOX DECISIONE AUTOMATICA -->
  <div style="margin-top:26px; padding:22px 20px; background:#eef5ff; border-radius:14px; border:1px solid #cfdaf3;">
    <h2 style="margin-top:0; font-size:1.25em; color:#223347; font-weight:600;">
      How to confirm your decision
    </h2>

    <p style="color:#444; line-height:1.6; margin-top:6px;">
      To keep everything very simple and fully documented, you can confirm your decision
      with one click using the buttons below. Your choice will be securely recorded in the
      <b>MESB membership log</b>.
    </p>

    <div style="margin-top:14px; text-align:center;">
      <!-- PULSANTE ACCEPT -->
      <button id="mesb-accept-btn"
        style="background:#2e7d32; color:#ffffff; padding:12px 26px; border-radius:10px;
               border:none; text-decoration:none; font-size:0.95em; font-weight:600;
               margin-right:14px; cursor:pointer;">
        ✔ ACCEPT
      </button>

      <!-- PULSANTE DECLINE -->
      <button id="mesb-decline-btn"
        style="background:#c62828; color:#ffffff; padding:12px 26px; border-radius:10px;
               border:none; text-decoration:none; font-size:0.95em; font-weight:600;
               margin-left:14px; cursor:pointer;">
        ❌ DECLINE
      </button>

      <div id="mesb-status"
        style="margin-top:12px; font-size:0.9em; color:#1e3c2a;">
      </div>
    </div>

    <p style="margin-top:16px; color:#444; line-height:1.6;">
      You may also send the same short sentence by replying directly to the original
      LinkedIn message or by email. These messages will be archived together with the
      automatic record generated here.
    </p>
  </div>

  <!-- PULSANTE CONTATTO LINKEDIN -->
  <div style="text-align: center; padding: 2rem 0 0 0;">
    <a href="https://www.linkedin.com/company/masticationpedia-network/?viewAsMember=true"
       target="_blank"
       style="display: inline-block; background-color: #0077b5; color: white;
              padding: 1rem 2rem; border-radius: 10px; text-decoration: none;
              font-size: 1.15rem; font-weight: 600; transition: background-color 0.3s ease;">
      🔗 Contact us via LinkedIn<br>
      <span style="font-size: 0.9rem; font-weight: 400;">
        Click <strong>Message</strong> on our LinkedIn page to get in touch directly
      </span>
    </a>
  </div>

</div>
</html>