/* Blur effect for main content when modal is open */
        .blur-background {
            filter: blur(8px);
            transition: filter 0.3s ease;
        }

        /* Ensure modal content respects portrait aspect ratio */
        #projectModalContent {
            max-width: 800px;
            max-height: 1000px;
            width: 90vw;
            height: 90vh;
            aspect-ratio: 3/4;
            display: flex;
            flex-direction: column;
        }

        /* Ensure modal is above all content */
        #projectModal {
            z-index: 1000 !important;
        }

        /* Fade-in animation for sections */
        .fade-in {
            opacity: 1;
            transition: opacity 0.3s ease-in;
        }

        .section {
            display: none;
            opacity: 0;
        }

        .section.active {
            display: block;
            opacity: 1;
        }

        /* Custom styles for Poppins font */
        body {
            font-family: 'Poppins', sans-serif;
        }

        /* Navbar styles */
        .nav-item {
            position: relative;
            transition: color 0.3s ease, transform 0.3s ease;
        }

        .nav-item::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -5px;
            left: 50%;
            background-color: #3b82f6; /* blue-500 */
            transition: width 0.3s ease, left 0.3s ease;
        }

        .nav-item:hover::after,
        .nav-item.active::after {
            width: 100%;
            left: 0;
        }

        .nav-item:hover {
            transform: translateY(-2px);
        }

        /* Home section animations */
        .home-hero-text {
            animation: slideInLeft 1s ease-out;
        }

        .home-hero-image {
            animation: fadeInScale 1s ease-out;
        }

        @keyframes slideInLeft {
            from {
                opacity: 0;
                transform: translateX(-50px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes fadeInScale {
            from {
                opacity: 0;
                transform: scale(0.9);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        /* New animations for testimonials and university sections */
        .slide-up {
            opacity: 0;
            transform: translateY(20px);
            animation: slideUp 0.6s ease-out forwards;
        }

        @keyframes slideUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .delay-100 { animation-delay: 0.1s; }
        .delay-200 { animation-delay: 0.2s; }
        .delay-300 { animation-delay: 0.3s; }
        .delay-400 { animation-delay: 0.4s; }
        .delay-500 { animation-delay: 0.5s; }
        .delay-600 { animation-delay: 0.6s; }
        .delay-700 { animation-delay: 0.7s; }
        .delay-800 { animation-delay: 0.8s; }
        .delay-900 { animation-delay: 0.9s; }
        .delay-1000 { animation-delay: 1s; }