/* 
  ========================================
  Styling Scrollbar Biar Keliatan Minimalis
  ========================================
  Biar konsisten sama tema gelap, scrollbar bawaan browser kita ubah dikit.
  Ini cuma bekerja di browser berbasis WebKit (Chrome, Safari, Edge).
*/
::-webkit-scrollbar {
    width: 8px; /* Lebar scrollbar */
}

::-webkit-scrollbar-track {
    background: #0f0f0f; /* Warna track-nya, dibikin gelap juga */
}

::-webkit-scrollbar-thumb {
    background: #27272a; /* Warna bar-nya, sedikit lebih terang dari track */
    border-radius: 4px; /* Biar ujungnya agak bulet */
}

::-webkit-scrollbar-thumb:hover {
    background: #3f3f46; /* Warna bar pas di-hover, biar ada feedback */
}

/*
  =============================================
  Animasi Scroll Reveal (Biar Elemen Muncul Kece)
  =============================================
  Ini kelas yang kita siapin buat elemen yang mau dianimasiin pas scroll.
  Awalnya, elemen kita sembunyiin dikit (opacity: 0) dan geser ke bawah (translateY).
  Pas kelas 'visible' ditambahin via JavaScript, elemen bakal muncul pelan-pelan.
*/
.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s cubic-bezier(0.215, 0.610, 0.355, 1), transform 0.6s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}