@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

        * {
            font-family: 'Poppins', sans-serif;
        }

        .hero-section {
            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://sumberglobalenergy.co.id/frontend/sge/img/coal-sge-banner.webp');
            background-size: cover;
            background-position: center;
        }

        .card-hover {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }

        .number-outline {
            -webkit-text-stroke: 2px #ff8c00;
            color: transparent;
            font-weight: 800;
        }

        .vision-mission-bg {
            background: linear-gradient(rgba(7, 7, 7, 0.9), rgba(15, 15, 15, 0.9)), url('https://sumberglobalenergy.co.id/frontend/sge/img/sge-banner.webp');
            background-size: cover;
            background-position: center;
        }

        .footer-bg {
            background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);
        }

        .pdf-collapse {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease-in-out, opacity 0.3s ease-in-out;
            opacity: 0;
        }

        .pdf-collapse.active {
            max-height: 1000px;
            opacity: 1;
        }

        .content-section {
            line-height: 1.8;
        }

        .content-section h2 {
            color: #003366;
            font-weight: 700;
            margin-top: 2rem;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 3px solid #ff8c00;
        }

        .content-section h3 {
            color: #003366;
            font-weight: 600;
            margin-top: 1.5rem;
            margin-bottom: 0.75rem;
        }

        .content-section p {
            margin-bottom: 1rem;
            text-align: justify;
        }

        .content-section ul, .content-section ol {
            margin-left: 2rem;
            margin-bottom: 1rem;
        }

        .content-section li {
            margin-bottom: 0.5rem;
        }

        .breadcrumb {
            background: linear-gradient(90deg, #003366 0%, #004d99 100%);
        }

        .pdf-viewer-container {
            background: #f8f9fa;
            border: 2px solid #e0e0e0;
            border-radius: 8px;
        }

        .sidebar-menu a {
            transition: all 0.3s ease;
        }

        .sidebar-menu a:hover {
            background: #fff3e0;
            border-left: 4px solid #ff8c00;
            padding-left: 1.5rem;
        }

        .sidebar-menu a.active {
            background: #fff3e0;
            border-left: 4px solid #ff8c00;
            padding-left: 1.5rem;
            font-weight: 600;
        }