Modifica di Masticationpedia Scientific Community/Access Invitation

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

<h1 style="font-size:1.9em; color:#1f334d; margin-bottom:18px;">
  Masticationpedia Scientific Community – Invitation
</h1>

<p style="font-size:1.05em; color:#444; line-height:1.6;">
  You have been invited to join the 
  <b>Masticationpedia Scientific Community</b>, an international open-access environment
  where selected professionals can explore, discuss, and propose improvements to the
  scientific content of Masticationpedia.
</p>

<p style="font-size:1.05em; color:#444; line-height:1.6; margin-top:12px;">
  Please read the meaning of your choice before clicking one of the buttons below.
</p>

<!-- BOX: WHAT ACCEPT MEANS -->
<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 JOIN (ACCEPT) means
  </h2>

  <p style="color:#444; line-height:1.6;">
    By clicking <b>I JOIN THE COMMUNITY</b>, you confirm that you:
  </p>

  <ul style="margin-top:8px; padding-left:22px; color:#444; line-height:1.6;">
    <li>are interested in being part of the <b>Masticationpedia Scientific Community</b>;</li>
    <li>agree to be contacted for editor-level access and discussion of scientific chapters;</li>
    <li>may be considered, in the future, for the <b>Masticationpedia Ethical &amp; Scientific Board (MESB)</b>, if appropriate.</li>
  </ul>

  <p style="font-size:0.9em; color:#666;">
    No meetings are required and no fixed workload is imposed. Contributions remain
    fully voluntary and asynchronous.
  </p>
</div>

<!-- BOX: WHAT DECLINE MEANS -->
<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;">
    By clicking <b>I DECLINE</b>, you simply indicate that, at this time, you prefer not to
    join the Masticationpedia Scientific Community.
  </p>

  <p style="font-size:0.9em; color:#7a4a4a;">
    Your decision will be fully respected and recorded only for transparency in the internal register.
  </p>
</div>

<!-- OPTIONAL: NAME / PROFILE FIELD -->
<div style="margin-top:22px; padding:16px 20px; background:#ffffff; border-radius:14px; border:1px solid #e0e4f0;">
  <h2 style="margin-top:0; font-size:1.15em; color:#223347; font-weight:600;">
    Your identification (optional)
  </h2>

  <p style="color:#444; line-height:1.6;">
    You may optionally write your name and/or LinkedIn profile URL before selecting your decision:
  </p>

  <input id="msc-identity" type="text"
         placeholder="Name and/or LinkedIn profile URL"
         style="width:100%; padding:8px 10px; border-radius:8px; border:1px solid #ccd2e3; font-size:0.95em;" />
</div>

<!-- DECISION PANEL (BUTTONS CONNECTED TO COMMUNITY API) -->
<div id="msc-decision-panel"
     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;">
    Please confirm your choice
  </h2>

  <p style="color:#444; line-height:1.6; margin-bottom:12px;">
    To formally record your choice, please click one of the buttons below:
  </p>

  <div style="margin-top:8px; text-align:left;">

    <!-- JOIN BUTTON -->
    <button id="msc-accept-btn"
      data-msc-decision="join"
      style="background:#2e7d32; color:#ffffff; padding:12px 26px; border:none;
             border-radius:10px; cursor:pointer; font-size:1.05em; font-weight:600; margin-right:10px;">
      ✔ I JOIN THE COMMUNITY
    </button>

    <!-- DECLINE BUTTON -->
    <button id="msc-decline-btn"
      data-msc-decision="decline"
      style="background:#c62828; color:#ffffff; padding:12px 26px; border:none;
             border-radius:10px; cursor:pointer; font-size:1.05em; font-weight:600;">
      ❌ I DECLINE
    </button>

  </div>

  <div id="msc-status" style="margin-top:18px; font-size:1.05em; color:#1e3c2a;"></div>

  <p style="font-size:0.85em; color:#666; margin-top:10px;">
    Your choice will be stored securely in an internal register. No clinical or patient data
    is collected on this page.
  </p>
</div>

<div style="text-align:center; margin-top:28px; font-size:0.9em; color:#888;">
  For any questions, please contact: <b>ethics@masticationpedia.org</b>
</div>

</div>