.form-container {
      max-width: 480px;
      margin: 40px auto;
      padding: 0 16px 32px 16px;
    }
    h2 {
      font-size: 1.6rem;
      font-weight: bold;
      color: #22223B;
      margin-bottom: 24px;
      margin-top: 0;
    }
    form {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
    .form-field {
      display: flex;
      flex-direction: column;
    }
    select, input[type="text"], input[type="email"], input[type="tel"], input[type="date"] {
      border: 1.5px solid #cfd8dc;
      border-radius: 16px;
      padding: 16px 14px;
      font-size: 1rem;
      outline: none;
      transition: border 0.2s;
      background: #fff;
    }
    select:focus, input:focus {
      border-color: #2B5AAD;
    }
    ::placeholder {
      color: #757575;
      opacity: 1;
    }
    label {
      font-size: 1rem;
      color: #22223B;
      margin-bottom: 6px;
      font-weight: 500;
      /* display: none; */
    }
    .required {
      color: #f44336;
      margin-left: 2px;
    }
    .checkbox-container {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      margin-top: 4px;
    }
    .checkbox-container input[type="checkbox"] {
      margin-top: 2px;
      accent-color: #2B5AAD;
    }
    .checkbox-text {
      font-size: 0.85rem;
      color: #22223B;
      line-height: 1.3;
    }
    .submit-btn {
      margin-top: 12px;
      background: #2B5AAD;
      color: #fff;
      font-size: 1.25rem;
      font-weight: 600;
      border: none;
      border-radius: 16px;
      padding: 16px 0;
      cursor: pointer;
      transition: background 0.2s;
      width: 100%;
    }
    .submit-btn:hover {
      background: #1e4182;
    }
    @media (max-width: 600px) {
      .form-container {
        padding: 0 4px 24px 4px;
      }
      h2 {
        font-size: 1.2rem;
      }
      .submit-btn {
        font-size: 1rem;
        padding: 12px 0;
      }
    }

    select {
        -webkit-appearance: none;
      appearance: none;
      background-repeat: no-repeat;
      background-position: right;
      border: 1px solid #AAA;
      -webkit-padding-end: 30px;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
      background-size: 20px;
      background-position: 98%;
    }

    select:focus {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPSdjdXJyZW50Q29sb3InIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHlsZT0ndHJhbnNmb3JtOiBzY2FsZSgxKSB0cmFuc2xhdGUoMHB4LCAwcHgpIHJvdGF0ZSgxODBkZWcpOyc+PHBvbHlsaW5lIHBvaW50cz0nNiA5IDEyIDE1IDE4IDknLz48L3N2Zz4=");
    }