/* style.css */

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #d4af37;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #b08d26;
}

/* Glassmorphism Effect */
.glass-effect {
  background: rgba(15, 23, 42, 0.7); /* Lebih gelap sedikit agar text terbaca */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Glass Effect untuk Card (lebih transparan) */
.glass-card {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

.glass-card:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: #d4af37;
  transform: translateY(-5px);
}

/* Hero Background dengan Overlay */
.hero-bg {
  background-image: linear-gradient(
      to bottom,
      rgba(15, 23, 42, 0.6),
      rgba(15, 23, 42, 1)
    ),
    url("assets/hero.png");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.text-gradient-gold {
  background: linear-gradient(to right, #d4af37, #ffe169, #d4af37);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  background-size: 200% auto;
  animation: shine 4s linear infinite;
}

@keyframes shine {
  to {
    background-position: 200% center;
  }
}