.join-section {
      background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
      color: white;
      padding: 80px 0;
      border-radius: 12px;
      margin-bottom: 80px;
      text-align: center;
  }

  .join-content {
      max-width: 800px;
      margin: 0 auto;
  }

  .join-content h2 {
      font-size: 36px;
      margin-bottom: 20px;
  }

  .join-content p {
      font-size: 18px;
      margin-bottom: 30px;
      opacity: 0.9;
  }

  .join-form {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
      justify-content: center;
      margin-top: 40px;
  }

  .form-input, .form-select {
      flex: 1 1 200px;
      padding: 15px 20px;
      border-radius: 30px;
      border: none;
      font-size: 16px;
  }

  .form-input:focus, .form-select:focus {
      outline: none;
      box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
  }