/* SISTEM SHOW / HIDE HALAMAN */
        .page-content { display: none; }
        .page-content.active-page { display: block; }

        /* BANNER UNTUK VISI MISI */
        .page-banner { background: linear-gradient(135deg, #1c355e 0%, #0c1e36 100%); color: #ffffff; text-align: center; padding: 50px 20px; }
        .page-banner h2 { font-size: 32px; font-weight: 700; margin-bottom: 10px; }
        .page-banner p { font-size: 14px; color: #cbd5e1; }
        .page-banner p span { color: #d4af37; }

        /* VISI MISI STYLE */
        .content-container { max-width: 900px; margin: 40px auto; padding: 0 20px; }
        .visi-box { background-color: #ffffff; border-radius: 16px; padding: 35px; box-shadow: 0 4px 20px rgba(0,0,0,0.04); text-align: center; margin-bottom: 30px; border-top: 4px solid #d4af37; }
        .visi-box i { font-size: 36px; color: #d4af37; margin-bottom: 15px; }
        .visi-box h3 { font-size: 24px; color: #0c1e36; margin-bottom: 15px; text-transform: uppercase; }
        .visi-box p { font-size: 16px; line-height: 1.8; color: #4a5568; font-style: italic; font-weight: 500; }
        
        .misi-box { background-color: #ffffff; border-radius: 16px; padding: 35px; box-shadow: 0 4px 20px rgba(0,0,0,0.04); border-top: 4px solid #0c1e36; }
        .misi-title-area { text-align: center; margin-bottom: 25px; }
        .misi-title-area i { font-size: 36px; color: #0c1e36; margin-bottom: 15px; }
        .misi-box h3 { font-size: 24px; color: #0c1e36; text-transform: uppercase; }
        .misi-list { list-style: none; }
        
        /* MODIFIKASI WARNA-WARNI KOTAK MISI */
        .misi-item { 
            display: flex; 
            align-items: flex-start; 
            gap: 20px; 
            padding: 20px; 
            border-radius: 12px;
            margin-bottom: 15px;
            transition: 0.3s;
        }
        .misi-item:last-child { margin-bottom: 0; }
        .misi-text { font-size: 15px; line-height: 1.7; color: #2d3748; font-weight: 500; }
        .misi-number { 
            font-weight: 700; 
            width: 36px; 
            height: 36px; 
            border-radius: 50%; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            flex-shrink: 0; 
            font-size: 16px; 
            color: #ffffff;
        }

        /* Variasi Warna per Misi */
        .misi-blue { background-color: #ebf8ff; border-left: 5px solid #3182ce; }
        .misi-blue .misi-number { background-color: #3182ce; }

        .misi-green { background-color: #f0fff4; border-left: 5px solid #38a169; }
        .misi-green .misi-number { background-color: #38a169; }

        .misi-orange { background-color: #fffaf0; border-left: 5px solid #dd6b20; }
        .misi-orange .misi-number { background-color: #dd6b20; }

        .misi-purple { background-color: #faf5ff; border-left: 5px solid #1f66a0; }
        .misi-purple .misi-number { background-color: #4d9ac3; }