/* PROFESSIONAL RESPONSIVE HEADER */
        /* ================================= */

        .top-header {
            background: linear-gradient(135deg, #b45586, #9c3f72);
            padding: 20px 0;
            color: #fff;
        }

        /* University Title */
        .header-title {
            font-weight: 600;
            letter-spacing: 0.5px;
        }

        /* City under university */
        .university-city {
            display: block;
            font-size: 14px;
            margin-top: 3px;
            letter-spacing: 1px;
        }

        /* Section Title */
        .header-subtitle {
            font-weight: 600;
            letter-spacing: 0.5px;
        }

        /* ================================= */
        /* LOGO ANIMATION */
        /* ================================= */

        .logo-flip {
            width: 85px;
            animation: flipLogo 2s linear infinite;
        }

        @keyframes flipLogo {
            0% {
                transform: rotateY(0deg);
            }

            100% {
                transform: rotateY(360deg);
            }
        }

        /* ================================= */
        /* DESKTOP ANIMATION */
        /* ================================= */

        @media (min-width: 768px) {

            .header-left {
                opacity: 0;
                transform: translateX(-40px);
                animation: slideLeft 1s ease forwards;
            }

            .header-right {
                opacity: 0;
                transform: translateX(40px);
                animation: slideRight 1s ease forwards;
            }

            @keyframes slideLeft {
                to {
                    opacity: 1;
                    transform: translateX(0);
                }
            }

            @keyframes slideRight {
                to {
                    opacity: 1;
                    transform: translateX(0);
                }
            }
        }

        /* ================================= */
        /* MOBILE IMPROVEMENT */
        /* ================================= */

        @media (max-width: 767px) {

            .top-header {
                text-align: center;
                padding: 25px 10px;
            }

            .header-title {
                font-size: 18px;
            }

            .header-subtitle {
                font-size: 16px;
                margin-top: 10px;
            }

            .logo-flip {
                width: 75px;
            }
        }

        /* ===== NAVBAR ===== */
        .custom-navbar {
            background: #b45586;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        }

        .navbar-nav .nav-link {
            color: #fff !important;
            font-size: 13px;
            font-weight: 500;
            padding: 12px 14px;
            transition: 0.3s ease;
        }

        .navbar-nav .nav-link:hover {
            background: rgba(255, 255, 255, 0.15);
            border-radius: 6px;
            color: #fff !important;
        }

        .navbar-nav .nav-link.active {
            background: #ffffff;
            color: #b45586 !important;
            border-radius: 6px;
            font-weight: 600;
        }

        /* Navbar toggler color fix */
        .navbar-toggler {
            border: none;
        }

        .navbar-toggler:focus {
            box-shadow: none;
        }

        .navbar-toggler-icon {
            filter: invert(1);
        }

        /* Body background */
        body {
            background: #f7f9fc;
        }