:root {
            --cyburi-primary: #4f46e5; /* A strong, trustworthy indigo */
            --cyburi-primary-hover: #4e46e59b; /* A strong, trustworthy indigo */
            --cyburi-secondary: #111827; /* A deep, rich charcoal for text */
            --cyburi-light: #f9fafb; /* A subtle off-white for backgrounds */
        }

        body {
            font-family: 'Source Sans 3', sans-serif;
            background-color: #ffffff; /* Use a white background for content pages */
            color: var(--cyburi-secondary);
        }

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

        .navbar {
            background-color: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
            z-index: 1050; 
        }
       

        /* Style the main navigation bar container */
        .navbar-nav {
            padding: 10px; /* Add some padding */
            margin-bottom: 20px; /* Add space below the nav bar */
        }

        /* Style the navigation items */
        .nav-item {

            background-color: var(--cyburi-primary); /* A slightly lighter background for nav items */
            margin-right: 5px; /* Add some spacing between items */
            border-radius: 5px; /* Rounded corners */
        }

        /* Style the navigation links */
        .nav-link {
            color: var(--bs-white);
            text-decoration: none; /* Remove underlines */
            display: block; /* Make links fill the entire nav-item */
            padding: 5px 10px; /* Add padding to the links */
        }

        .nav-link:hover {
            background-color: var(--bs-btn-hover-color); /* Darker background on hover */
        }


        .btn-primary {
            background-color: var(--cyburi-primary);
            border-color: var(--cyburi-primary);
            padding: 0.75rem 1.5rem;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(79, 70, 229, 0.4);
        }
        
        .process-step .icon-circle {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: var(--cyburi-light);
            color: var(--cyburi-primary);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            margin-bottom: 1rem;
        }
        
        .outcome-card {
            border-radius: 1rem;
            border: 1px solid #dee2e6;
            height: 100%;
        }

        .signup-card { background-color: #ffffff; border-radius: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
        
        .step-number {
            text-wrap-mode: nowrap;
        }

        .outcome-card .card-header {
            font-weight: 700;
        }

        .bg-success-subtle { background-color: #d1e7dd !important; }
        .bg-warning-subtle { background-color: #fff3cd !important; }

        .benefit-card {
            background-color: var(--cyburi-light);
            border-left: 5px solid var(--cyburi-primary);
            padding: 1.5rem;
            border-radius: 0.5rem;
        }

        .stat-card { background-color: #ffffff; border-radius: 1rem; border: 1px solid #e5e7eb; padding: 1.5rem; }
        .stat-card .stat-value { font-size: 2.25rem; font-weight: 700; }
        .performance-card { background-color: var(--cyburi-light); border-radius: 1rem; }
        .progress { height: 2rem; font-size: 1rem; }        
        .table { font-size: 0.95rem; }
        .schedule-item .icon { color: var(--cyburi-primary); }

        .footer {
            background-color: var(--cyburi-secondary);
        }