html {
            scroll-behavior: smooth;
        }
        .nav-scrolled {
            background-color: rgba(255, 255, 255, 0.98);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        }
        .department-card:hover .department-icon {
            transform: scale(1.1) rotate(5deg);
            color: #2a9d8f;
        }
        .doctor-card:hover img {
            transform: scale(1.05);
        }
        .flink:hover {
            background-color: #f0f9ff;
            border-color: #0d3b66;
            transform: translateY(-3px);
        }
        .stat-number {
            background: linear-gradient(90deg, #0d3b66, #2a9d8f);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .emergency-banner {
            background: linear-gradient(90deg, #e63946, #ff6b6b);
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(230, 57, 70, 0.7); }
            70% { box-shadow: 0 0 0 15px rgba(230, 57, 70, 0); }
            100% { box-shadow: 0 0 0 0 rgba(230, 57, 70, 0); }
        }