/* Form Container Styling */
    .form-container {
      background-color: #1a3d3c; /* Dark teal background */
      width: 100%;
      max-width: 600px;
      padding: 40px;
      border-radius: 12px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    }

    /* Responsive Grid Layout */
    form {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }

    /* Layout modifiers */
    .full-width {
      grid-column: span 2;
    }

    /* Labels and Inputs styling */
    .form-group {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    label {
      color: #ffffff;
      font-size: 17px;
      font-weight: 600;
    }

    .required {
      color: #ff6b6b;
      margin-left: 2px;
    }

    input, textarea {
      width: 100%;
      padding: 14px 16px;
      border: 1px solid transparent;
      border-radius: 6px;
      background-color: #ffffff;
      font-family: inherit;
      font-size: 17px;
      color: #333333;
      outline: none;
      transition: border-color 0.2s ease;
    }

    input::placeholder, textarea::placeholder {
      color: #999999;
    }

    input:focus, textarea:focus {
      border-color: #f5b301; /* Soft golden highlight when interacting */
    }

    /* Textarea restriction */
    textarea {
      resize: vertical;
      min-height: 100px;
    }

    /* Captcha alignment */
    .captcha-container {
      display: flex;
      justify-content: center;
      margin-top: 10px;
    }

    /* Submit Button Styling */
    .button-container {
      display: flex;
      justify-content: center;
      margin-top: 10px;
    }

    .submit-btn {
      background-color: #f5b301; /* Golden yellow */
      color: #1a3d3c;
      border: none;
      border-radius: 6px;
      padding: 14px 0;
      width: 50%; /* Centered half-width look */
      min-width: 200px;
      font-size: 17px;
      font-weight: 600;
      letter-spacing: 0.5px;
      cursor: pointer;
      transition: background-color 0.2s ease, transform 0.1s ease;
    }

    .submit-btn:hover {
      background-color: #e0a200;
    }

    .submit-btn:active {
      transform: scale(0.98);
    }

    /* Mobile Responsiveness Rules */
    @media (max-width: 500px) {
      form {
        grid-template-columns: 1fr; /* Drop to 1 column layout on narrow screens */
      }

      .full-width {
        grid-column: span 1;
      }
      
      .form-container {
        padding: 24px;
      }

      .submit-btn {
        width: 100%; /* Full width button on mobile */
      }