Embed

<form action="https://mcusercontent.com/d990c2f97d55037b154c2ab36/files/c610d827-ef4e-09c7-2b42-200f4ebb3cea/selfsquared_the_science_of_saying_no.pdf" method="post" target="_blank" novalidate id="mc-embedded-subscribe-form" class="ssq-form">
  <div class="ssq-fields">
    <label for="mce-FNAME">First name</label>
    <input type="text" name="FNAME" id="mce-FNAME" required />

    <label for="mce-LNAME">Last name</label>
    <input type="text" name="LNAME" id="mce-LNAME" required />

    <label for="mce-LOCATION">Location</label>
    <input type="text" name="LOCATION" id="mce-LOCATION" placeholder="City & country" required />

    <label for="mce-EMAIL">Email address</label>
    <input type="email" autocapitalize="off" autocorrect="off" name="EMAIL" id="mce-EMAIL" required />
  </div>

  
  <div class="ssq-consent">
    <input type="checkbox" id="mce-CONSENT" required />
    <label for="mce-CONSENT">I agree to receive occasional emails from selfsquared. I can unsubscribe anytime.</label>
  </div>

  
  <button type="submit" name="subscribe" id="mc-embedded-subscribe" class="ssq-btn">
    SEND IT TO ME
  </button>

  
  <div style="position: absolute; left: -5000px;" aria-hidden="true">
    <input type="text" name="b_fake_anti_bot" tabindex="-1" value="">
  </div>

  
  <div id="mce-responses" class="ssq-responses" aria-live="polite"></div>
</form>


<style>
  .ssq-form { max-width: 520px; margin: 0 auto; font-family: inherit; }
  .ssq-fields { display: grid; gap: 12px; }
  .ssq-form label { font-size: 14px; opacity: .85; }
  .ssq-form input { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 12px; }
  .ssq-consent { display: grid; grid-template-columns: 20px 1fr; gap: 10px; align-items: start; margin: 10px 0 6px; font-size: 13px; }
  .ssq-btn { width: 100%; padding: 12px 16px; border: 0; border-radius: 14px; cursor: pointer; background: #f59f85; }
  .ssq-btn:hover { filter: brightness(0.95); }
  .ssq-responses { margin-top: 8px; font-size: 14px; }
</style>

selfsquared