.navbar {
        background: rgba(15, 23, 42, 0.98) !important;
        backdrop-filter: blur(20px);
        border-bottom: 1px solid #334155;
        transition: all 0.3s ease;
    }
    
    .navbar.scrolled {
        background: rgba(15, 23, 42, 1) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    }
    
    /* Navigation Links - Dark Theme */
    .nav-link {
        position: relative;
        transition: all 0.3s ease;
    }
    
    .nav-link::after {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 0;
        height: 2px;
        background: linear-gradient(90deg, #60a5fa, #a78bfa);
        transition: width 0.3s ease;
    }
    
    .nav-link:hover::after,
    .nav-link.active::after {
        width: 100%;
    }
    
    /* Mobile Menu Dark Theme */
    .mobile-menu {
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
        z-index: 30;
        background: #1e293b !important;
    }
    
    .mobile-menu.active {
        transform: translateX(0);
    }
    
    /* Animations */
    @keyframes fade-in {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .animate-fade-in {
        animation: fade-in 0.8s ease-out;
    }
    
    @keyframes float {
        0%, 100% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-20px);
        }
    }
    
    .animate-float {
        animation: float 6s ease-in-out infinite;
    }
    
    /* Ensure all text in header is visible on dark background */
    .navbar * {
        color: #e2e8f0;
    }
    
    .navbar .nav-link {
        color: #d1d5db !important;
    }
    
    .navbar .nav-link:hover {
        color: #60a5fa !important;
    }
    
    .navbar .nav-link.active {
        color: #60a5fa !important;
    }