/* Add these styles to your existing auth.css file */

.form-card {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 8px;
  padding: 20px;
}

.success-icon, .error-icon, .reset-icon {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.success-icon i {
  color: #28a745;
}

.error-icon i {
  color: #ffc107;
}

.reset-icon i {
  color: #007bff;
}

.email-address {
  background-color: #f8f9fa;
  padding: 10px;
  border-radius: 5px;
  font-size: 1.1rem;
}

.email-tips {
  background-color: #fff8e1;
  border-left: 4px solid #ffc107;
}

.email-tips h5 {
  color: #856404;
}

.email-tips ul {
  padding-left: 20px;
}

.email-tips li {
  margin-bottom: 5px;
}

/* CAPTCHA Styles */
.captcha-container {
  margin-bottom: 1rem;
}

.captcha-image {
  width: calc(100% - 65px);;
  height: 80px;
  border: 2px solid #dee2e6 !important;
  border-radius: 8px !important;
  background: #f8f9fa !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.captcha-image:hover {
  border-color: #2C5530;
  box-shadow: 0 0 0 0.2rem rgba(44, 85, 48, 0.25);
}

#refresh-captcha {
  border-color: #2C5530;
  color: #2C5530;
  transition: all 0.15s ease-in-out;
}

#refresh-captcha:hover {
  background-color: #2C5530;
  border-color: #2C5530;
  color: white;
  transform: rotate(180deg);
}

#refresh-captcha:focus {
  box-shadow: 0 0 0 0.2rem rgba(44, 85, 48, 0.25);
}

#refresh-captcha:disabled {
  opacity: 0.6;
  transform: none;
}


#captcha:focus {
  border-color: #2C5530;
  box-shadow: 0 0 0 0.2rem rgba(44, 85, 48, 0.25);
}