.top-bar {
         font-size: 0.9rem;
         background: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%);
         position: relative;
         z-index: 1020;
         border-bottom: none;
         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     }

     .top-bar a {
         transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
         position: relative;
         font-weight: 500;
         letter-spacing: 0.3px;
     }

     .top-bar a:hover {
         color: #fff !important;
         text-decoration: none;
         transform: translateY(-1px);
         text-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
     }

     .top-bar-icon {
         width: 30px;
         height: 30px;
         background: rgba(255, 255, 255, 0.2);
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         transition: all 0.3s ease;
     }

     .social-icon {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         width: 32px;
         height: 32px;
         background: rgba(255, 255, 255, 0.15);
         border-radius: 50%;
         color: white !important;
         margin: 0 4px;
         transition: all 0.3s ease;
     }

     .social-icon:hover {
         background: rgba(255, 255, 255, 0.25);
         transform: translateY(-2px);
     }

     /* Navbar */
     .navbar {
         padding: 0;
         transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
         background: rgba(255, 255, 255, 0.98) !important;
         backdrop-filter: blur(10px);
         -webkit-backdrop-filter: blur(10px);
     }

     .navbar.scrolled {
         box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
         padding: 0;
     }

     .nav-link {
         font-weight: 500;
         padding: 1.5rem 1rem !important;
         color: #2d3748 !important;
         position: relative;
         transition: all 0.3s ease;
     }

     .nav-link-text {
         position: relative;
         z-index: 1;
     }

     .nav-link:before {
         content: '';
         position: absolute;
         width: 0;
         height: 3px;
         bottom: 0;
         left: 50%;
         transform: translateX(-50%);
         background: linear-gradient(90deg, #0d6efd 0%, #0dcaf0 100%);
         transition: all 0.3s ease;
         border-radius: 10px 10px 0 0;
     }

     .nav-link:hover:before,
     .nav-link.active:before {
         width: 60%;
     }

     .nav-link.active {
         color: #0d6efd !important;
         font-weight: 600;
     }

     .dropdown-menu {
         border: none;
         box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
         border-radius: 12px;
         padding: 8px;
         margin-top: 0;
         border: 1px solid rgba(0, 0, 0, 0.05);
     }

     .dropdown-item {
         padding: 10px 16px;
         font-weight: 400;
         color: #4a5568;
         border-radius: 8px;
         margin: 2px 0;
         transition: all 0.2s ease;
     }

     .dropdown-item:hover,
     .dropdown-item:focus {
         background: linear-gradient(90deg, #f8f9fa 0%, #f1f8ff 100%);
         color: #0d6efd;
         transform: translateX(5px);
     }

     .dropdown-item i {
         width: 20px;
         text-align: center;
     }

     /* Mobile Menu */
     @media (max-width: 991.98px) {
         .navbar {
             padding: 0.5rem 0;
         }

         .navbar-collapse {
             padding: 1rem 0;
             background: white;
             margin: 0 -0.5rem;
             padding: 0 1rem 1rem;
             border-radius: 0 0 12px 12px;
             box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
         }

         .nav-link {
             padding: 0.75rem 0 !important;
             border-bottom: 1px solid #f1f5f9;
         }

         .nav-link:before {
             display: none;
         }

         .dropdown-menu {
             margin-left: 1rem;
             box-shadow: none;
             border: 1px solid #f1f5f9;
             border-radius: 8px;
         }

         .mobile-menu {
             position: fixed;
             bottom: 0;
             left: 0;
             right: 0;
             z-index: 1030;
             transform: translateY(100%);
             transition: transform 0.3s ease;
             border-top: 1px solid #e2e8f0;
         }

         .mobile-menu.show {
             transform: translateY(0);
         }

         .mobile-social-links {
             border-top: 1px solid #e2e8f0;
             padding-top: 1rem;
         }
     }

     /* Animation */
     @keyframes fadeIn {
         from {
             opacity: 0;
             transform: translateY(10px);
         }

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

     .dropdown-menu.show {
         animation: fadeIn 0.25s ease forwards;
     }

     /* Custom Scrollbar */
     ::-webkit-scrollbar {
         width: 8px;
     }

     ::-webkit-scrollbar-track {
         background: #f1f1f1;
         border-radius: 10px;
     }

     ::-webkit-scrollbar-thumb {
         background: #c1c1c1;
         border-radius: 10px;
     }

     ::-webkit-scrollbar-thumb:hover {
         background: #a8a8a8;
     }

     /* AOS Animation Delay */
     [data-aos] {
         /* opacity: 0; */
         transition-property: opacity, transform;
     }

     [data-aos].aos-animate {
         opacity: 1;
     }