* { font-family: 'Poppins', sans-serif; }
    .gradient-bg {
      background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0f172a 100%);
    }
    .card-glow:hover {
      box-shadow: 0 0 30px rgba(56, 189, 248, 0.3);
    }
    .pulse-dot {
      animation: pulse 2s infinite;
    }
    @keyframes pulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.5; }
    }
    .float-animation {
      animation: float 3s ease-in-out infinite;
    }
    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }

    body { box-sizing: border-box; }
	
.custom-select {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  appearance: none; /* Menghapus style bawaan */
  -webkit-appearance: none;
  background-color: white;
  cursor: pointer;
}

/* Styling saat fokus */
.custom-select:focus {
  outline: none;
  border-color: blue;
}

#menu {
  transition: all 0.3s ease;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.menu-active {
  display: flex !important; /* Memaksa tampil saat JS memicu class ini */
  animation: slideDown 0.3s ease-out forwards;
}