data/tests/2/variants/half_styled.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Contact</title></head>
<body style="margin:0; background:#fff; max-width:560px; padding:60px 20px">
  <h1 style="font-size:28px">Get in Touch</h1>
  <p style="color:#666">We'll get back to you within 24 hours.</p>
  <div style="display:flex; margin-bottom:20px">
    <div style="flex:1">
      <label style="display:block; font-weight:600; color:#444">First Name</label>
      <input style="width:100%; padding:10px 12px; border-radius:6px">
    </div>
    <div style="flex:1">
      <label style="display:block; font-weight:600; color:#444">Last Name</label>
      <input style="width:100%; padding:10px 12px; border-radius:6px">
    </div>
  </div>
  <label style="display:block; font-weight:600; color:#444">Email</label>
  <input type="email" style="width:100%; padding:10px 12px; border-radius:6px; margin-bottom:20px">
  <label style="display:block; font-weight:600; color:#444">Message</label>
  <textarea rows="5" style="width:100%; padding:10px 12px; border-radius:6px; resize:vertical"></textarea>
  <button style="padding:12px 28px; color:#fff; border-radius:6px; cursor:pointer">Send Message</button>
</body>
</html>