/* Latar Belakang & Bagian Utama (Hero) */
    .les-page-bg { 
        position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; 
        background: var(--les-background) center/cover no-repeat; 
        opacity: 0.05; z-index: -999; pointer-events: none; 
    }
    .les-hero-section { 
        background-color: #0d6efd; 
        background: linear-gradient(rgba(13, 110, 253, 0.85), rgba(10, 88, 202, 0.95)), var(--les-background) center/cover no-repeat; 
        color: white; border-radius: 0 0 2rem 2rem; box-shadow: 0 8px 25px rgba(0,0,0,0.15); 
        position: relative; z-index: 2; padding: 3.5rem 2rem; margin-bottom: 2.5rem; text-align: center; 
    }
    
    /* Logo & Teks Efek */
    .les-logo-shadow { filter: drop-shadow(0px 6px 8px rgba(0,0,0,0.5)); }
    .les-text-shadow { text-shadow: 2px 2px 6px rgba(0,0,0,0.4); }
    .les-tracking-wide { letter-spacing: 1.5px; }

    /* Gaya Kartu untuk Sistem Manajemen Pembelajaran (LMS) */
    .les-course-card { 
        border: none; border-radius: 15px; transition: transform 0.3s ease, box-shadow 0.3s ease; 
        overflow: hidden; background: #ffffff; box-shadow: 0 4px 10px rgba(0,0,0,0.05); 
        height: 100%; display: flex; flex-direction: column; 
    }
    .les-course-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
    .les-course-icon-wrapper { 
        height: 140px; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); 
        display: flex; align-items: center; justify-content: center; font-size: 3.5rem; color: #0d6efd; 
    }
    .les-course-body { padding: 1.5rem; flex-grow: 1; display: flex; flex-direction: column; }
    .les-course-title { 
        font-size: 1.25rem; font-weight: 700; color: #2c3e50; margin-bottom: 0.5rem; 
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; 
    }
    
    /* Gaya Navigasi Tab */
    .les-nav-tabs-custom { border-bottom: 2px solid #e9ecef; margin-bottom: 2rem; }
    .les-nav-tabs-custom .nav-link { border: none; color: #6c757d; font-weight: 600; padding: 1rem 1.5rem; transition: all 0.3s ease; }
    .les-nav-tabs-custom .nav-link.active { color: #0d6efd; background: transparent; border-bottom: 3px solid #0d6efd; }
    .les-nav-tabs-custom .nav-link:hover:not(.active) { border-bottom: 3px solid #dee2e6; }

    /* Footer Styles */
    .les-footer-pmb { background: linear-gradient(135deg, #0a2540 0%, #173b5e 100%); color: white; border-top: 5px solid #0d6efd; position: relative; z-index: 10; margin-top: 5rem; }
    .les-footer-pmb h5 { letter-spacing: 1px; }
    .les-footer-pmb .social-icon { width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,0.1); color: white; transition: 0.3s; margin-right: 0.5rem; text-decoration: none; }
    .les-footer-pmb .social-icon:hover { background: #0d6efd; transform: translateY(-3px); }