<section class="st-form">
  <h2>🌿 Submit Your Orchid — Show & Tell Monthly Contest</h2>
  <p class="helper">Members may submit up to <strong>5 currently blooming plants</strong> per month.
    Deadline: <strong>2nd Thursday, 7:00 PM PT</strong>.</p>

  <!-- 1) Member & Entry Limits -->
  <div class="card">
    <h3>Member</h3>
    <div class="row">
      <label>Member Name</label>
      <input type="text" name="member_name" placeholder="Auto-filled from login" disabled>
    </div>
    <div class="row">
      <label>Email</label>
      <input type="email" name="member_email" placeholder="Auto-filled from login" disabled>
    </div>
    <p class="hint">You’ve submitted <strong>2/5</strong> entries this month.</p>
  </div>

  <!-- 2) Plant Details -->
  <div class="card">
    <h3>Plant Details</h3>
    <div class="row">
      <label>Plant Name <span class="req">*</span></label>
      <input type="text" name="plant_name" placeholder="Genus species or registered hybrid">
      <small class="hint">Example: <em>Cattleya trianae</em> or “Rlc. Memoria Helen Brown ‘Sweet Afton’ AM/AOS”</small>
    </div>

    <div class="row">
      <label>Category <span class="req">*</span></label>
      <select name="category">
        <option value="">Select a category…</option>
        <option value="species">Species</option>
        <option value="hybrids">Hybrids</option>
        <option value="cattleyas">Cattleyas</option>
        <option value="intergenerics">Intergenerics</option>
      </select>
    </div>

    <div class="row">
      <label>Caption <span class="req">*</span></label>
      <textarea name="caption" rows="3" maxlength="240" placeholder="What makes this bloom special? (max 240 chars)"></textarea>
    </div>

    <div class="row">
      <label>Photo <span class="req">*</span></label>
      <input type="file" name="photo" accept="image/*">
      <small class="hint">JPG/PNG, max 10MB. Tip: crop square for best fit.</small>
    </div>

    <details class="advanced">
      <summary>Optional: Culture Notes</summary>
      <div class="row">
        <label>Light / Temp / Notes</label>
        <textarea name="culture" rows="3" placeholder="e.g., Bright shade, 58–75°F, watered twice weekly…"></textarea>
      </div>
    </details>
  </div>

  <!-- 3) Compliance -->
  <div class="card">
    <h3>Confirmation</h3>
    <label class="checkbox">
      <input type="checkbox" name="original_photo">
      I confirm this is my photo and plant, and I grant FCOS permission to display it on the website and newsletter.
    </label>
    <label class="checkbox">
      <input type="checkbox" name="currently_blooming">
      I confirm the plant is currently in bloom this month.
    </label>
  </div>

  <!-- 4) Submit -->
  <div class="actions">
    <button type="submit" class="primary">Submit Entry</button>
    <button type="button" class="ghost">Save Draft</button>
  </div>

  <!-- 5) Post-Submit -->
  <p class="footnote">Submissions close <strong>2nd Thursday, 7:00 PM PT</strong>. You can edit or withdraw your entry until the deadline.</p>
</section>