.membership-form {
      position: relative;
      z-index: 2;
      /* width: 100%;
      max-width: 520px; */
      background: rgba(255, 255, 255, 0.027);
      padding: 2.5rem 3rem;
      /* box-shadow: 0 0 30px rgba(0,0,0,0.6); */
      border: 1px solid rgba(255,255,255,0.08);
    }

    .membership-form h2 {
      color: #000000;
      text-align: center;
      margin-bottom: 2rem;
      font-weight: 500;
      letter-spacing: 1px;
    }

    .form-label {
      color: #000000;
      font-size: 0.9rem;
      transition: color 0.3s;
    }

    .form-control, .form-select, textarea {
      background: transparent;
      border: none;
      border-bottom: 1px solid rgba(255,255,255,0.2);
      color: #000000 !important;
      border-radius: 0;
      padding-left: 0;
      transition: border-color 0.3s, background 0.3s;
      box-shadow: none;
    }

    .form-control:focus, .form-select:focus, textarea:focus {
      border-color: #8bc34a;
      background: rgba(255,255,255,0.05);
       color: #000000 !important;
      outline: none;
    }

    .form-control::placeholder, textarea::placeholder {
      color: rgba(0, 0, 0, 0.4);
    }

    select option {
      background-color: #111;
       color: #000000 !important;
    }

    .btn-submit {
      width: 100%;
    
      color: #000000;
      text-transform: uppercase;
      letter-spacing: 1px;
       background: #c59d5f;
      border: 1px solid rgba(255,255,255,0.1);
      padding: 0.75rem;
      transition: all 0.3s ease;
    }

    .btn-submit:hover {
        background: linear-gradient(90deg, #000000, #000000cb);
     
    
      border-color: #c59d5f;
      letter-spacing: 2px;
      color: white;
    }

    /* Subtle input animations */
    .form-group {
      position: relative;
      margin-bottom: 1.75rem;
    }

    .form-group input:focus ~ label,
    .form-group textarea:focus ~ label,
    .form-group input:not(:placeholder-shown) ~ label,
    .form-group textarea:not(:placeholder-shown) ~ label {
      transform: translateY(-18px);
      font-size: 0.8rem;
      /* color: #c59d5f; */
       color: #000000 !important;
    }

    .form-group label {
      position: absolute;
      top: 0.6rem;
      left: 0;
      color: rgba(0, 0, 0, 0.5);
      font-size: 0.95rem;
      pointer-events: none;
      transition: all 0.3s ease;
    }

    textarea {
      resize: none;
    }



.input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgb(0, 0, 0); */
    color: #f5f5f5;
}

       
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
     background-color: transparent;
     border: none;
     border-bottom: 1px solid rgb(0, 0, 0); */
    color: #f5f5f5;
     }


     .form-control, .form-select, textarea {
  
    border-bottom: 1px solid rgb(0, 0, 0);
   color: #f5f5f560;
   
    transition: border-color 0.3s, background 0.3s;
    box-shadow: none;
}




input:focus,
select:focus,
textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}

.form-control:focus,
.form-select:focus {
  border: none !important;
  border-bottom: 2px solid #000000 !important;
  background: rgba(255, 255, 255, 0);
  color: #000000;
  box-shadow: none !important;
}