html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }

/* Animations for Floating Buttons */
.floating-btn { animation: pulse 2s infinite; }
@keyframes pulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7); }
    70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(255, 215, 0, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 215, 0, 0); }
}

.zalo-pulse { animation: zaloPulse 2s infinite; }
@keyframes zaloPulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 104, 255, 0.7); }
    70% { transform: scale(1.1); box-shadow: 0 0 0 15px rgba(0, 104, 255, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 104, 255, 0); }
}

.phone-pulse { animation: phonePulse 2s infinite; }
@keyframes phonePulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7); }
    70% { transform: scale(1.1); box-shadow: 0 0 0 15px rgba(220, 38, 38, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #0a192f; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #112240; }