.glass-effect {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.dark .glass-effect {
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Animasi khusus Dynamic Island */
.nav-island {
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1), 
                padding 0.5s ease, 
                border-radius 0.5s ease,
                top 0.5s ease;
    will-change: width, padding, border-radius;
}

.nav-island a {
    /* Mencegah teks terlihat 'bergetar' saat transisi warna */
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

/* Glassmorphism untuk Button */
.glass-button {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}