:root{
      --green-700: #174f3b;
      --green-600: #1f7a4f;
      --accent: #2f8b4e;
      --muted-bg: #f6f6ef;
    }
    .card { border-radius: 10px; box-shadow: 0 8px 24px rgba(15,23,42,0.08); overflow: hidden; }
    /* green panel wave pattern */
    .feature-wave{ background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,0.03), transparent 10%), linear-gradient(180deg, rgba(255,255,255,0.02), transparent 40%); }
    /* small input focus style */
    .form-input:focus{ outline: none; box-shadow: 0 0 0 4px rgba(47,139,78,0.06); }
    /* mimic rounded image on the left inside container */
    .left-img{ object-fit: cover; width:100%; height:100%; display:block; }
    /* thin decorative illustration in the form background */
    .field-bg{ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="400" viewBox="0 0 800 400"><g fill="none" stroke="%23e9e9df" stroke-width="1"><path d="M0 350 C100 280 200 300 300 270 C400 240 500 260 600 230 C700 200 800 220 900 200"/></g></svg>'); background-repeat:no-repeat; background-position: bottom right; background-size: auto 60%; }


.mobile-feature {
  display: block; /* show by default on mobile */
}

@media (min-width: 621px) {
  .mobile-feature {
    display: none; /* hide on screens larger than 620px */
  }
}