heytomrogers

<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap" rel="stylesheet">

<style>
  input[type="range"].hc-sl::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 0 3px rgba(255,255,255,0.3);}
  input[type="range"].hc-sl::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:#fff;cursor:pointer;}
</style>

<div style="font-family:'Poppins',sans-serif;background:#7088F4;border-radius:16px;padding:64px 48px;max-width:960px;margin:0 auto;color:#fff;box-sizing:border-box;">
  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;border-collapse:collapse;">