body {
    background-image: url(../assets/images/bgweb.png); 
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.glass-card {
    background-image: linear-gradient(rgba(141, 115, 107, 0.8), rgba(128, 102, 94, 0.8)), url('../assets/images/bg-kartu.jpg');
    background-size: cover;
    background-position: center;
    border-radius: 30px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}
body {
    background-image: url(../assets/images/bgweb.png); 
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.glass-card {
    background-image: linear-gradient(rgba(141, 115, 107, 0.8), rgba(128, 102, 94, 0.8)), url('../assets/images/bg-kartu.jpg');
    background-size: cover;
    background-position: center;
    border-radius: 30px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Tambahan Style untuk Pop-up Glassmorphism */
.glass-modal {
    background-image: linear-gradient(rgba(141, 115, 107, 0.95), rgba(128, 102, 94, 0.95)), url('../assets/images/bg-kartu.jpg');
    background-size: cover;
    background-position: center;
    border-radius: 24px;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

/* Custom Scrollbar agar area pilihan grup terlihat cantik */
.custom-scrollbar::-webkit-scrollbar {
    width: 5px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}