:root {
           --primary: #6C63FF;
           --primary-dark: #554FD8;
           --secondary: #FF6584;
           --success: #36D399;
           --dark: #1A1A2E;
           --light: #F8F9FF;
           --gradient: linear-gradient(135deg, #6C63FF 0%, #FF6584 100%);
           --gradient-reverse: linear-gradient(135deg, #FF6584 0%, #6C63FF 100%);
           --shadow: 0 20px 40px rgba(108, 99, 255, 0.15);
           --shadow-lg: 0 30px 60px rgba(108, 99, 255, 0.25);
           --radius: 20px;
           --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
       }

       * {
           margin: 0;
           padding: 0;
           box-sizing: border-box;
       }

       body {
           font-family: 'Poppins', sans-serif;
           background-color: var(--light);
           color: var(--dark);
           overflow-x: hidden;
           line-height: 1.6;
       }

       h1,
       h2,
       h3,
       h4,
       h5,
       h6 {
           font-family: 'Montserrat', sans-serif;
           font-weight: 800;
       }

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

       ::-webkit-scrollbar-track {
           background: var(--light);
       }

       ::-webkit-scrollbar-thumb {
           background: var(--gradient);
           border-radius: 10px;
       }

       /* ==================== SIMPLIFIED NAVIGATION ==================== */
       .navbar {
           background: rgba(255, 255, 255, 0.95);
           backdrop-filter: blur(10px);
           padding: 0.8rem 0;
           box-shadow: 0 4px 20px rgba(108, 99, 255, 0.1);
       }

       .navbar-brand {
           font-size: 1.8rem;
           font-weight: 900;
           color: var(--primary) !important;
           display: flex;
           align-items: center;
           gap: 10px;
       }

       .navbar-brand i {
           font-size: 1.8rem;
           color: var(--primary);
       }

       .nav-link {
           color: var(--dark) !important;
           font-weight: 500;
           padding: 0.5rem 1rem !important;
           border-radius: 50px;
           transition: var(--transition);
       }

       .nav-link:hover {
           color: var(--primary) !important;
           background: rgba(108, 99, 255, 0.1);
       }

       .nav-link.active {
           background: var(--gradient);
           color: white !important;
       }

       /* Simple dropdown - no fancy effects */
       .dropdown-menu {
           border-radius: 12px;
           box-shadow: var(--shadow);
           border: none;
       }

       .dropdown-item:hover {
           background: rgba(108, 99, 255, 0.1);
           color: var(--primary) !important;
       }

       /* Mobile friendly */
       @media (max-width: 992px) {
           .navbar-collapse {
               background: white;
               padding: 1rem;
               border-radius: 12px;
               margin-top: 10px;
               box-shadow: var(--shadow);
           }
       }