/* Prevent Alpine.js flickering on load */
[x-cloak] { 
    display: none !important; 
}

/* Custom Scrollbar */
::-webkit-scrollbar { 
    width: 8px; 
    height: 8px; 
}
::-webkit-scrollbar-track { 
    background: transparent; 
}
::-webkit-scrollbar-thumb { 
    background: #bfdbfe; 
    border-radius: 10px; 
}
::-webkit-scrollbar-thumb:hover { 
    background: #60a5fa; 
}

/* Glass effect for mobile header */
.glass-header { 
    background: rgba(255, 255, 255, 0.7); 
    backdrop-filter: blur(16px); 
    -webkit-backdrop-filter: blur(16px); 
}

/* Gradient text for the Logo Title */
.gradient-text { 
    background: linear-gradient(135deg, #2563eb, #3b82f6); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}

/* Blue line animation on card hover */
.card-hover-gradient { 
    position: relative; 
    overflow: hidden; 
}
.card-hover-gradient::before { 
    content: ''; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 4px; 
    background: #2563eb; 
    transform: scaleX(0); 
    transform-origin: left; 
    transition: transform 0.3s ease; 
}
.card-hover-gradient:hover::before { 
    transform: scaleX(1); 
}