<style type="text/css">
/* =====================================================
   Your State Parks Day — Volunteer Interest Form
   Friends of Georgia State Parks & Historic Sites
   ===================================================== */

/* --- Page Title --- */
#block-friendsofgaparks-page-title h1.title {
  color: #005987;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight: 700;
  border-bottom: 3px solid #005987;
  padding-bottom: 8px;
  display: inline-block;
  margin-bottom: 24px;
  line-height: 1.2;
}

/* --- Introductory Section --- */
.yspd-interest-intro {
  background: linear-gradient(
    180deg,
    rgba(0, 89, 135, 0.1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  border-top: 4px solid #005987;
  border-radius: 8px;
  padding: 26px 28px;
  margin-bottom: 28px;
}

.yspd-interest-intro h2 {
  color: #005987;
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0 0 12px;
}

.yspd-interest-intro p {
  color: #3f3f3f;
  font-size: 1rem;
  line-height: 1.65;
  margin: 0 0 12px;
}

.yspd-interest-intro p:last-child {
  margin-bottom: 0;
}

.yspd-interest-note {
  font-weight: 600;
}

/* --- Form Section Cards --- */
.webform-submission-form fieldset {
  background: #ffffff !important;
  border: none !important;
  border-top: 4px solid #005987 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
  padding: 28px 28px 20px !important;
  margin-bottom: 28px !important;
}

/* --- Fieldset Headings --- */
.webform-submission-form fieldset legend {
  background: transparent !important;
  float: none !important;
  width: auto !important;
  padding: 0 8px 0 0 !important;
  margin-bottom: 18px !important;
  border: none !important;
}

.webform-submission-form fieldset legend .fieldset-legend {
  color: #005987 !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* --- Labels --- */
.webform-submission-form label {
  color: #333333 !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  margin-bottom: 6px !important;
  display: block !important;
  line-height: 1.5 !important;
}

/* --- Required Asterisk --- */
.webform-submission-form label.js-form-required::after {
  color: #c0392b !important;
}

/* --- Input Fields --- */
.webform-submission-form input[type="text"],
.webform-submission-form input[type="email"],
.webform-submission-form input[type="tel"],
.webform-submission-form input[type="number"],
.webform-submission-form select.form-select,
.webform-submission-form textarea {
  border: 1px solid #c8d8e4 !important;
  border-radius: 4px !important;
  padding: 10px 14px !important;
  font-size: 1rem !important;
  color: #333333 !important;
  background-color: #ffffff !important;
  width: 100% !important;
  box-sizing: border-box !important;
  line-height: 1.5 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* --- Focus States --- */
.webform-submission-form input:focus,
.webform-submission-form select:focus,
.webform-submission-form textarea:focus {
  border-color: #005987 !important;
  box-shadow: 0 0 0 3px rgba(0, 89, 135, 0.15) !important;
  outline: none !important;
}

/* --- Field Spacing --- */
.webform-submission-form .js-form-item {
  margin-bottom: 20px !important;
}

/* --- Select Arrow --- */
.webform-submission-form select.form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23005987' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  padding-right: 36px !important;
  appearance: none !important;
}

/* --- Helper Text --- */
.webform-submission-form .description,
.webform-submission-form small.text-muted {
  color: #666666 !important;
  font-size: 0.85rem !important;
  line-height: 1.4 !important;
  margin-top: 4px !important;
  display: block !important;
}

/* --- Submit Button --- */
.webform-submission-form .webform-button--submit,
.webform-submission-form button[type="submit"],
.webform-submission-form .btn.btn-primary {
  background-color: #005987 !important;
  border: 2px solid #005987 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  padding: 12px 30px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, transform 0.15s ease !important;
  text-decoration: none !important;
}

.webform-submission-form .webform-button--submit:hover,
.webform-submission-form button[type="submit"]:hover,
.webform-submission-form .btn.btn-primary:hover {
  background-color: #00466b !important;
  border-color: #00466b !important;
  transform: translateY(-2px) !important;
}

/* --- Validation Errors --- */
.webform-submission-form .form-item--error input,
.webform-submission-form .form-item--error select,
.webform-submission-form .form-item--error textarea {
  border-color: #c0392b !important;
  box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.12) !important;
}

.webform-submission-form .form-item--error-message {
  color: #c0392b !important;
  font-size: 0.85rem !important;
  margin-top: 4px !important;
}

/* --- Mobile --- */
@media (max-width: 768px) {
  .yspd-interest-intro {
    padding: 20px 18px;
  }

  .webform-submission-form fieldset {
    padding: 20px 16px !important;
  }

  .webform-submission-form button[type="submit"],
  .webform-submission-form .btn.btn-primary {
    width: 100% !important;
    text-align: center !important;
  }
}
</style>

<div class="yspd-interest-intro">
  <h2>Volunteer for Your State Parks Day</h2>

  <p>
    Your State Parks Day brings volunteers together to serve and celebrate
    Georgia’s State Parks and Historic Sites. Projects vary by location and
    may include trail beautification, garden care, cleanup projects, painting,
    invasive plant removal and other park improvement projects.
  </p>

  <p>
    Activities, times and age requirements will vary by event. Complete
    project details will be provided when official registration opens.
  </p>

  <p class="yspd-interest-note">
    This is an interest form only and does not confirm your registration.
    Friends will email you with event information and a link to officially
    register once projects are finalized.
  </p>
</div>