.custom-input {
    border-radius: 12px;
    border: 1px solid #ddd;
    padding: 12px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  }

  .custom-input:focus {
    border-color: #8E2DE2;
    box-shadow: 0 0 8px rgba(142, 45, 226, 0.4);
  }

  /* Button Gradient + Hover */
  .custom-btn {
    background: linear-gradient(90deg, #4A00E0, #8E2DE2);
    border: none;
    transition: transform 0.2s ease, box-shadow 0.3s ease;
  }

  .custom-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(142, 45, 226, 0.4);
  }

  .status-card {
    max-width: 90%;
    background: linear-gradient(135deg, #16A085, #27AE60);
    color: #fff;
    margin-bottom: 40px; /* lifts it up slightly */
  }

  .status-dot {
  width: 10px;
  height: 10px;
  background: #2ecc71;
  border-radius: 50%;
  display: inline-block;
}

/* .social-links {
  margin-top: auto;   
  margin-bottom: 40px; 
} */

#toast-container{
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}