.contact-container {
      max-width: 500px;
      margin: 10vh auto;
      background: #1e1e1e;
      padding: 40px;
      border-radius: 12px;
      color: #fff;
      box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
  }

  .contact-container h2 {
      text-align: center;
      margin-bottom: 30px;
      font-weight: bold;
      font-size: 26px;
      color: #00d4ff;
  }

  .contact-container select,
  .contact-container input,
  .contact-container textarea {
      width: 100%;
      padding: 12px;
      margin-top: 6px;
      margin-bottom: 16px;
      background: #2c2c2c;
      border: none;
      border-radius: 6px;
      color: #fff;
      font-size: 15px;
  }

  .contact-container textarea {
      resize: vertical;
  }

  .contact-container button {
      width: 100%;
      padding: 12px;
      background: #00d4ff;
      border: none;
      color: white;
      font-weight: bold;
      font-size: 16px;
      border-radius: 6px;
      transition: background 0.3s ease;
  }

  .contact-container button:hover {
      background: #00aacc;
  }

  .error {
      color: #ff4d4d;
      font-size: 13px;
  }

  .captcha-box {
      background: #2a2a2a;
      border-left: 4px solid #00d4ff;
      padding: 16px;
      border-radius: 8px;
      margin-top: 20px;
      margin-bottom: 20px;
  }