<form id="kyc-aml-form" action="#" method="post">
  <style>
    #kyc-aml-form {
      max-width: 900px;
      margin: 0 auto;
      font-family: Arial, sans-serif;
      color: #222;
    }

    #kyc-aml-form fieldset {
      border: 1px solid #d9d9d9;
      border-radius: 8px;
      padding: 20px;
      margin-bottom: 20px;
    }

    #kyc-aml-form legend {
      font-weight: 700;
      padding: 0 8px;
    }

    #kyc-aml-form .form-row {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      margin-bottom: 16px;
    }

    #kyc-aml-form .form-group {
      flex: 1 1 250px;
      display: flex;
      flex-direction: column;
    }

    #kyc-aml-form .form-group.full {
      flex: 1 1 100%;
    }

    #kyc-aml-form label {
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 6px;
    }

    #kyc-aml-form input,
    #kyc-aml-form textarea,
    #kyc-aml-form select {
      padding: 10px 12px;
      border: 1px solid #cfcfcf;
      border-radius: 6px;
      font-size: 14px;
      width: 100%;
      box-sizing: border-box;
    }

    #kyc-aml-form textarea {
      min-height: 100px;
      resize: vertical;
    }

    #kyc-aml-form .checkbox-group,
    #kyc-aml-form .radio-group {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      align-items: center;
    }

    #kyc-aml-form .checkbox-group label,
    #kyc-aml-form .radio-group label {
      font-weight: 400;
      margin-bottom: 0;
    }

    #kyc-aml-form .inline-inputs {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 12px;
      margin-top: 10px;
    }

    #kyc-aml-form button {
      background: #111;
      color: #fff;
      border: 0;
      border-radius: 6px;
      padding: 12px 18px;
      font-size: 15px;
      cursor: pointer;
    }

    #kyc-aml-form button:hover {
      opacity: 0.92;
    }

    #kyc-aml-form small {
      color: #666;
      display: block;
      margin-top: 4px;
    }
  </style>

  <fieldset>
    <legend>1. Grunduppgifter – Juridisk person</legend>
    <div class="form-row">
      <div class="form-group">
        <label for="company_name">Företagsnamn</label>
        <input type="text" id="company_name" name="company_name" required>
      </div>
      <div class="form-group">
        <label for="org_number">Organisationsnummer</label>
        <input type="text" id="org_number" name="org_number" required>
      </div>
      <div class="form-group">
        <label for="country">Registreringsland</label>
        <input type="text" id="country" name="country" required>
      </div>
    </div>

    <div class="form-row">
      <div class="form-group full">
        <label for="address">Adress</label>
        <input type="text" id="address" name="address" required>
      </div>
    </div>

    <div class="form-row">
      <div class="form-group">
        <label for="postal_code">Postnummer</label>
        <input type="text" id="postal_code" name="postal_code">
      </div>
      <div class="form-group">
        <label for="city">Ort</label>
        <input type="text" id="city" name="city">
      </div>
    </div>

    <div class="form-row">
      <div class="form-group full">
        <label for="business_description">Verksamhetsbeskrivning</label>
        <textarea id="business_description" name="business_description"></textarea>
      </div>
    </div>
  </fieldset>

  <fieldset>
    <legend>2. Kontaktperson</legend>
    <div class="form-row">
      <div class="form-group">
        <label for="contact_name">Namn</label>
        <input type="text" id="contact_name" name="contact_name" required>
      </div>
      <div class="form-group">
        <label for="contact_personal_number">Personnummer</label>
        <input type="text" id="contact_personal_number" name="contact_personal_number">
      </div>
      <div class="form-group">
        <label for="contact_role">Befattning</label>
        <input type="text" id="contact_role" name="contact_role">
      </div>
    </div>

    <div class="form-row">
      <div class="form-group">
        <label for="contact_phone">Telefonnummer</label>
        <input type="tel" id="contact_phone" name="contact_phone">
      </div>
      <div class="form-group">
        <label for="contact_email">E-post</label>
        <input type="email" id="contact_email" name="contact_email" required>
      </div>
    </div>
  </fieldset>

  <fieldset>
    <legend>3. Ägarstruktur</legend>
    <div class="form-row">
      <div class="form-group full">
        <label for="ownership_structure">Beskriv ägarförhållanden</label>
        <textarea id="ownership_structure" name="ownership_structure" placeholder="Ange moderbolag, holdingbolag, ägarandelar och struktur."></textarea>
      </div>
    </div>
  </fieldset>

  <fieldset>
    <legend>4. Verklig huvudman</legend>
    <div class="form-row">
      <div class="form-group full">
        <label for="ubo_info">Ange samtliga personer som direkt eller indirekt äger eller kontrollerar 25 % eller mer</label>
        <textarea id="ubo_info" name="ubo_info" placeholder="Namn, personnummer, ägarandel och om kontrollen är direkt eller indirekt."></textarea>
        <small>Om ingen verklig huvudman finns, ange högsta verkställande ledning.</small>
      </div>
    </div>
  </fieldset>

  <fieldset>
    <legend>5. PEP – Politically Exposed Person</legend>
    <div class="form-row">
      <div class="form-group full">
        <label>Är någon verklig huvudman, företrädare eller närstående en PEP?</label>
        <div class="radio-group">
          <label><input type="radio" name="pep_status" value="Nej" required> Nej</label>
          <label><input type="radio" name="pep_status" value="Ja"> Ja</label>
        </div>
      </div>
    </div>

    <div class="form-row">
      <div class="form-group full">
        <label for="pep_details">Om ja, ange namn, funktion och relation</label>
        <textarea id="pep_details" name="pep_details"></textarea>
      </div>
    </div>
  </fieldset>

  <fieldset>
    <legend>6. Syfte och art med affärsförbindelsen</legend>
    <div class="form-row">
      <div class="form-group full">
        <label for="project_description">Beskriv projektet</label>
        <textarea id="project_description" name="project_description" placeholder="Exempel: uppförande av bostadsrättsförening, nyproduktion, ombildning eller annat."></textarea>
      </div>
    </div>

    <div class="form-row">
      <div class="form-group">
        <label for="client_role">Er roll i projektet</label>
        <input type="text" id="client_role" name="client_role">
      </div>
      <div class="form-group">
        <label for="transaction_volume">Förväntad transaktionsvolym</label>
        <input type="text" id="transaction_volume" name="transaction_volume">
      </div>
    </div>

    <div class="form-row">
      <div class="form-group full">
        <label for="capital_origin">Kapitalets ursprung</label>
        <textarea id="capital_origin" name="capital_origin" placeholder="Exempel: eget kapital, byggkreditiv, banklån, investerare eller koncernintern finansiering."></textarea>
      </div>
    </div>
  </fieldset>

  <fieldset>
    <legend>7. Finansiering</legend>
    <div class="form-row">
      <div class="form-group">
        <label for="funding_source">Finansieringskälla</label>
        <input type="text" id="funding_source" name="funding_source">
      </div>
      <div class="form-group">
        <label for="bank_lender">Bank / kreditgivare</label>
        <input type="text" id="bank_lender" name="bank_lender">
      </div>
      <div class="form-group">
        <label for="equity_amount">Eget kapital (belopp / ursprung)</label>
        <input type="text" id="equity_amount" name="equity_amount">
      </div>
    </div>
  </fieldset>

  <fieldset>
    <legend>8. Geografisk exponering</legend>
    <div class="form-row">
      <div class="form-group">
        <label for="countries_of_operation">Verksamhetsländer</label>
        <input type="text" id="countries_of_operation" name="countries_of_operation">
      </div>
      <div class="form-group">
        <label for="project_location">Projektets geografiska plats</label>
        <input type="text" id="project_location" name="project_location">
      </div>
    </div>
  </fieldset>

  <fieldset>
    <legend>9. Dokumentation</legend>
    <div class="form-row">
      <div class="form-group full">
        <label>Bilagor som ska bifogas eller verifieras</label>
        <div class="checkbox-group">
          <label><input type="checkbox" name="documents[]" value="Registreringsbevis"> Registreringsbevis</label>
          <label><input type="checkbox" name="documents[]" value="Bolagsordning"> Bolagsordning</label>
          <label><input type="checkbox" name="documents[]" value="Agarstruktur"> Ägarstruktur / koncernschema</label>
          <label><input type="checkbox" name="documents[]" value="ID-handlingar"> ID-handlingar för verkliga huvudmän</label>
          <label><input type="checkbox" name="documents[]" value="Finansieringshandlingar"> Finansieringshandlingar</label>
        </div>
      </div>
    </div>
  </fieldset>

  <fieldset>
    <legend>10. Intygande</legend>
    <div class="form-row">
      <div class="form-group full">
        <label>
          <input type="checkbox" name="certify_information" required>
          Jag/vi intygar att ovanstående uppgifter är korrekta och fullständiga.
        </label>
      </div>
    </div>

    <div class="form-row">
      <div class="form-group">
        <label for="sign_name">Namn</label>
        <input type="text" id="sign_name" name="sign_name" required>
      </div>
      <div class="form-group">
        <label for="sign_date">Datum</label>
        <input type="date" id="sign_date" name="sign_date" required>
      </div>
      <div class="form-group">
        <label for="sign_role">Befattning</label>
        <input type="text" id="sign_role" name="sign_role">
      </div>
    </div>
  </fieldset>

  <button type="submit">Skicka formulär</button>
</form>