Rare.io Subscribe form including firstname

Rare Subscribe form

<!-- rare.io subscription form -->
<style type="text/css">
  .rare-signup-form{background:#fff;clear:left;font:14px Helvetica,Arial,sans-serif;color: #545454;}
  .rare-signup-form label,.rare-signup-form input{display:block;margin-top:10px}
  .rare-signup-form label{font-weight:700}
  .rare-signup-form input[type="text"]{width:100%;padding:8px 16px;font-size:16px;height:auto;border-width:2px;width:100%;height:34px;padding:6px 12px;border:1px solid #ccc;border-radius:4px;line-height:1.42857143;color:#555}
  .rare-signup-form input[type="submit"]{background:#19A0CF;color:#fff;display:inline-block;border:0;-webkit-border-radius:5px;border-radius:5px;text-decoration:none;font-size:15px;font-weight:400;line-height:1em;padding:12px 25px}
</style>
<div class="rare-signup-form">
  <form method="POST" action="https://api4.rarelogic.com/shop/rarelogic/subscribe">
    <h2>Subscribe to our mailing list</h2>
    <label>First Name:</label>
    <input type="text" name="firstname" />
    <label>Email:</label>
    <input type="text" name="email" />
    <input type="submit" name="subscribe" value="Subscribe" />
  </form>
</div>
<!-- ./ rare.io subscription form -->