/* General Form Styling */
body {
    background-color: #f8f9fa; /* Light background for the form */
    font-family: Arial, sans-serif;
  }
  
  .card {
    border: none; /* Remove border for a cleaner look */
    border-radius: 10px; /* Slightly rounded corners */
  }
  
  .card-body {
    padding: 2rem; /* Spacious padding for a clean layout */
  }
  
  .card-title {
    font-size: 1.75rem;
    font-weight: bold;
    color: #0f3e08;
  }
  
  .form-label {
    font-weight: 500;
    color: #555;
  }
  
  /* Button and Toggle Styling */
  .btn-primary {
    background-color: #146c2e;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.75rem;
  }
  
  .btn-primary:hover {
    background-color: #31de65;
  }
  
  .toggle-password {
    background: none;
    border: none;
    color: #6c757d;
    font-size: 1.2rem;
  }
  
  .toggle-password:hover {
    color: #343a40;
    cursor: pointer;
  }
  
  /* Image Styling */
  .signup-image img {
    border-radius: 10px;
    max-height: 100%;
    object-fit: cover;
  }
  
  /* Footer and Links */
  p.text-center a {
    color: #147518;
    text-decoration: none;
    font-weight: 500;
  }
  
  p.text-center a:hover {
    text-decoration: underline;
    color: #95ea4a;
  }
  
  /* Responsive Adjustments */
  @media (max-width: 767px) {
    .card-body {
      padding: 1.5rem;
    }
  
    .card-title {
      font-size: 1.5rem;
    }
  
    .btn-primary {
      font-size: 0.9rem;
      padding: 0.5rem;
    }
  }