/* Sembunyikan Alpine.js sebelum dimuat */
[x-cloak] { display: none !important; }

body { 
    background-color: #0f172a; 
    color: white; 
    -webkit-tap-highlight-color: transparent;
    font-family: 'Inter', sans-serif;
}

.glass { 
    background: rgba(30, 41, 59, 0.7); 
    backdrop-filter: blur(12px); 
    border: 1px solid rgba(255,255,255,0.1); 
}

.pi-gradient { 
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); 
}

/* Animasi Logo Mengambang */
.floating-logo {
    animation: float-animation 3s ease-in-out infinite;
}

@keyframes float-animation {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-12px); }
}

/* Animasi Transisi Notifikasi */
.toast-enter { transform: translateY(100px); opacity: 0; }
.toast-show { 
    transform: translateY(0); 
    opacity: 1; 
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}

/* Sembunyikan Scrollbar */
::-webkit-scrollbar {
    display: none;
}

/* Tambahkan di style.css */
.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: .5; }
}

/* Transisi Toast Slide Down */
.toast-enter {
    transform: translateY(-100px);
    opacity: 0;
}

.toast-show {
    transform: translateY(0);
    opacity: 1;
}