/* Top Bar Styles */
    .top-bar {
        background-color: #EE0E82;
        color: white;
        padding: 10px 0;
        font-size: 16px;
        font-weight: 700;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    
    .top-bar a {
        color: #FE9900;
        text-decoration:bold;
        transition: color 0.3s ease;
    }
    
    .top-bar a:hover {
        color: white;
    }
    
    .top-bar i {
        margin-right:25px;
    }
    
    .btn-register {
        background-color: #7a0eee;
        color: white !important;
        padding: 5px 12px;
        border-radius: 4px;
        font-weight: 600;
    }
    
    .btn-register:hover {
        background-color: #eeea0e;
        color: white;
    }
    
    /* Curriculum Card Styles */
    .curriculum-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .curriculum-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }
    
    .card-img-container {
        height: 200px;
        overflow: hidden;
    }
    
    .card-img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
    }
    
    .curriculum-card:hover .card-img-container img {
        transform: scale(1.05);
    }
    
    .card-body {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    
    .card-body h3 {
        margin-bottom: 15px;
    }
    
    .card-body ul {
        margin-bottom: 20px;
        flex: 1;
    }
    
    /* Assessment Card Styles */
    .assessment-card {
        height: 100%;
        border: none;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        transition: transform 0.3s ease;
    }
    
    .assessment-card:hover {
        transform: translateY(-5px);
    }
    
    .assessment-icon {
        font-size: 2.5rem;
        color: #7a0eee;
        margin-bottom: 15px;
    }
    
    .assessment-card h3 {
        margin-bottom: 20px;
    }
    
    .assessment-card ul {
        text-align: left;
        padding-left: 20px;
    }
    
    .assessment-card ul li {
        margin-bottom: 10px;
        position: relative;
    }
    
    .assessment-card ul li:before {
        content: "•";
        color: #7a0eee;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }
    
    @media (max-width: 768px) {
        .top-bar {
            padding: 20px 0;
            text-align:center;
        }
        
        .top-bar .container > div {
            flex-direction: column;
        }
        
        .top-contact-info, .top-auth-links {
            margin-bottom:5px;
        }
        
        .top-bar a {
            display:block;
            margin:20px 0;
        }
        
        .btn-register {
            display: inline-block;
            margin-top:5px;
        }
        
        .card-img-container {
            height: 180px;
        }
    }