diff --git a/groups/HabisIniSeminar/index.html b/groups/HabisIniSeminar/index.html
index d958cb9..b097a4d 100644
--- a/groups/HabisIniSeminar/index.html
+++ b/groups/HabisIniSeminar/index.html
@@ -1,1338 +1,1784 @@
-﻿<!DOCTYPE html>
-<html lang="id" class="scroll-smooth">
+<!DOCTYPE html>
+<html lang="id">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Group 02 &ndash; HabisIniSeminar | Informatika UNTAN</title>
-    <link rel="stylesheet" href="../../assets/global/output.css">
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
-        <style>
-        /* ===== MOBILE NAV STABILITY FIX =====
-           Prevents logo bar from collapsing/shifting on Android when
-           address bar hides/shows and triggers viewport reflow.
-        ===================================== */
-        #nav-wrapper {
-            position: fixed !important;
-            top: 0;
-            left: 0;
-            right: 0;
-            z-index: 50;
-            backface-visibility: hidden;
-            -webkit-backface-visibility: hidden;
-            will-change: box-shadow;
-        }
+    <title data-lang-title-key="page-title">Group 02 - Tugas Halaman Statis</title>
 
-        #nav-wrapper>div:first-child {
-            transform: translateZ(0);
-            -webkit-transform: translateZ(0);
-        }
+    <!-- Fonts & Icons -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" />
 
-        @media (max-width: 1023px) {
-            #nav-wrapper>div:first-child {
-                min-height: 0 !important;
-                max-height: none;
-            }
-        }
+    <!-- Chart.js & AOS -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
 
-        #pengumuman-bar {
-            z-index: 40;
-        }
-
-        #pengumuman-bar.is-stuck {
-            position: fixed;
-            left: 0;
-            right: 0;
-            z-index: 40;
-        }
-
-        @media (prefers-reduced-motion: reduce) {
-
-            *,
-            *::before,
-            *::after {
-                animation-duration: 0.01ms !important;
-                animation-iteration-count: 1 !important;
-                transition-duration: 0.01ms !important;
-            }
-        }
-
-        /* Skip Link Styling */
-        .skip-link {
-            position: absolute;
-            top: -40px;
-            left: 0;
-            background: #003150;
-            color: white;
-            padding: 8px 16px;
-            z-index: 100;
-            transition: top 0.3s;
-        }
-
-        .skip-link:focus {
-            top: 0;
-        }
-
-        /* Focus visible for better keyboard navigation */
-        :focus-visible {
-            outline: 3px solid #feb401;
-            outline-offset: 2px;
-        }
-
-        /* Mega Menu Styles */
-        .hero-pagination .swiper-pagination-bullet {
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-            background: rgba(255, 255, 255, 0.4);
-            display: inline-block;
-            margin: 0 4px;
-            cursor: pointer;
-            transition: all 0.3s ease;
-        }
-
-        .hero-pagination .swiper-pagination-bullet-active {
-            background: rgba(255, 255, 255, 1);
-            width: 24px;
-            border-radius: 4px;
-        }
-
-        .mega-panel {
-            opacity: 0;
-            visibility: hidden;
-            transition: opacity 0.2s ease, visibility 0.2s ease;
-            position: absolute;
-            top: 100%;
-            left: 0;
-            right: 0;
-        }
-
-        .mega-panel.active {
-            opacity: 1;
-            visibility: visible;
-        }
-
-        /* Overlay transition */
-        #mega-overlay {
-            opacity: 0;
-            visibility: hidden;
-            transition: opacity 0.2s ease, visibility 0.2s ease;
-        }
-
-        #mega-overlay.active {
-            opacity: 1;
-            visibility: visible;
-        }
-
-        .mega-link-card {
-            display: flex;
-            align-items: flex-start;
-            gap: 1rem;
-            padding: 1rem;
-            border-radius: 0.75rem;
-            border: 1px solid #e2e8f0;
-            background: white;
-            transition: all 0.2s ease;
-        }
-
-        .mega-link-card:hover {
-            border-color: #3b82f6;
-            box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
-            transform: translateY(-2px);
-        }
-
-        .mega-link-icon {
-            width: 2.5rem;
-            height: 2.5rem;
-            border-radius: 0.5rem;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-shrink: 0;
-            transition: all 0.2s ease;
-        }
-
-        .nav-menu-btn.active {
-            background: rgba(255, 255, 255, 0.9);
-            color: #1e40af;
-        }
-
-        .nav-menu-btn:hover {
-            background: rgba(255, 255, 255, 0.8);
-        }
-
-        /* Mega menu positioning - no gap */
-        #main-nav {
-            position: relative;
-        }
-
-        #mega-menu-container {
-            position: absolute;
-            top: 100%;
-            left: 0;
-            right: 0;
-            pointer-events: none;
-        }
-
-        #mega-menu-container .mega-panel {
-            pointer-events: auto;
-        }
-
-        /* Keep pointer bridge under nav to prevent hover loss */
-        .nav-menu-item {
-            position: relative;
-        }
-
-        .nav-menu-item::after {
-            content: '';
-            position: absolute;
-            bottom: -12px;
-            left: 0;
-            right: 0;
-            height: 12px;
-        }
-
-        /* ===== Luco Chatbot Animations ===== */
-        @keyframes slideInRight {
-            from {
-                transform: translateX(100px);
-                opacity: 0;
-            }
-
-            to {
-                transform: translateX(0);
-                opacity: 1;
-            }
-        }
-
-        @keyframes fadeInUp {
-            from {
-                transform: translateY(10px);
-                opacity: 0;
-            }
-
-            to {
-                transform: translateY(0);
-                opacity: 1;
-            }
-        }
-
-        @keyframes lucoPulse {
-
-            0%,
-            100% {
-                transform: scale(1);
-            }
-
-            50% {
-                transform: scale(1.05);
-            }
-        }
-
-        #luco-container {
-            animation: slideInRight 0.5s ease-out forwards;
-        }
-
-        #luco-bubble {
-            animation: fadeInUp 0.3s ease-out forwards;
-            width: min(18rem, calc(100vw - 2rem));
-        }
-
-        #luco-btn {
-            animation: lucoPulse 2s ease-in-out infinite;
-        }
-
-        #luco-btn:hover {
-            animation: none;
-        }
-
-        /* Typing indicator */
-        .typing-indicator span {
-            display: inline-block;
-            animation: bounce 1.4s infinite ease-in-out;
-        }
-
-        .typing-indicator span:nth-child(1) {
-            animation-delay: 0s;
-        }
-
-        .typing-indicator span:nth-child(2) {
-            animation-delay: 0.2s;
-        }
-
-        .typing-indicator span:nth-child(3) {
-            animation-delay: 0.4s;
-        }
-
-        @keyframes bounce {
-
-            0%,
-            80%,
-            100% {
-                transform: translateY(0);
-            }
-
-            40% {
-                transform: translateY(-6px);
-            }
-        }
-
-        /* Luco speech bubble arrow */
-        #luco-bubble .bubble-arrow {
-            position: absolute;
-            right: 24px;
-            bottom: -6px;
-            width: 12px;
-            height: 12px;
-            background: white;
-            transform: rotate(45deg);
-            border-right: 1px solid #e2e8f0;
-            border-bottom: 1px solid #e2e8f0;
-        }
-    </style>
+    <!-- Stylesheet -->
+    <link rel="stylesheet" href="./style.css">
 </head>
-<body class="text-slate-800 antialiased bg-white selection:bg-untan-yellow selection:text-black">
+<body>
 
-    <a href="#main-content" class="skip-link" data-i18n="skip_to_content">Langsung ke Konten Utama</a>
-
-    <div id="nav-wrapper"
-        class="fixed top-0 left-0 right-0 z-50 transition-shadow duration-300 shadow-sm border-b border-slate-200 will-change-auto">
-        <div class="bg-untan-navy text-white py-3 lg:py-4 relative overflow-hidden" style="min-height:0;">
-            <div class="absolute inset-0 w-full overflow-hidden pointer-events-none" aria-hidden="true">
-                <div class="absolute inset-0 opacity-[0.02] font-mono text-[10px] md:text-[12px] text-white select-none leading-snug whitespace-pre-wrap break-all text-right"
-                    style="overflow:hidden;max-height:100%;">
-                    01101001 01101110 01100110 01101111 01110010 01101101 01100001 01110100 01101001
-                    01101011 01100001 00100000 01110101 01101110 01110100 01100001 01101110 00100000
-                    01100010 01101001 01110011 01100001 01101001 01101110 01100110 01101111 01110010
-                    01101101 01100001 01110100 01101001 01101011 01100001 00100000 01110101 01101110
-                    01110100 01100001 01101110 00100000 01100010 01101001 01110011 01100001 01010101
-                    01001110 01010100 01000001 01001110 00100000 00110010 00110000 00110010 00110101
-                    00100000 01100110 01110101 01110100 01110101 01110010 01100101 00100000 01110010
-                    01100101 01100001 01100100 01111001 01101001 01101110 01100110 01101111 01110010
-                    01101101 01100001 01110100 01101001 01101011 01100001 00100000 01110101 01101110
-                </div>
-                <div class="absolute inset-0 bg-gradient-to-r from-untan-navy via-untan-navy/80 to-transparent"></div>
-            </div>
-
-            <div class="container mx-auto px-4 lg:px-6 flex justify-between items-center relative z-10">
-                <a href="../../index.html" class="flex items-center gap-4 group">
-                    <div class="relative w-12 h-12 lg:w-14 lg:h-14 flex items-center justify-center shrink-0">
-                        <img src="https://upload.wikimedia.org/wikipedia/id/0/03/Lambang_Universitas_Tanjungpura.png"
-                            alt="Logo Universitas Tanjungpura - Lambang resmi UNTAN"
-                            class="w-full h-full object-contain transition-transform duration-500 group-hover:scale-105 group-hover:rotate-3 relative z-10">
-                    </div>
-                    <div class="border-l-2 border-white/30 pl-4 lg:pl-5 py-1 flex flex-col justify-center">
-                        <span
-                            class="text-lg lg:text-2xl font-bold tracking-widest text-white leading-none font-sans drop-shadow-sm mb-1 uppercase">INFORMATIKA</span>
-                        <span
-                            class="text-[10px] lg:text-sm font-normal tracking-[0.15em] lg:tracking-[0.3em] text-slate-200 mt-0.5 opacity-90 drop-shadow-sm uppercase font-sans">UNIVERSITAS
-                            TANJUNGPURA</span>
-                    </div>
-                </a>
-
-                <div class="hidden lg:flex items-center gap-5">
-                    <div class="flex items-center gap-3 text-sm">
-                        <a href="https://satu.untan.ac.id" target="_blank"
-                            class="hover:text-untan-yellow transition-colors font-medium">SATU UNTAN</a>
-                    </div>
-                    <div class="pl-5 border-l border-white/20 flex items-center gap-3">
-                        <button
-                            class="language-toggle-btn text-xs hover:text-untan-yellow transition-colors flex items-center gap-1">
-                            <span class="font-bold">ID</span> <span class="text-white/40">|</span> EN
-                        </button>
-                        <button
-                            class="w-8 h-8 flex items-center justify-center rounded-sm hover:bg-white/10 transition-colors"
-                            aria-label="Pengaturan aksesibilitas"
-                            onclick="const p=document.getElementById('access-panel'); if (p) { p.classList.toggle('hidden'); p.classList.toggle('flex'); }">
-                            <i class="fas fa-universal-access" aria-hidden="true"></i>
-                        </button>
-                        <button
-                            class="w-8 h-8 flex items-center justify-center rounded-sm hover:bg-white/10 transition-colors"
-                            aria-label="Cari konten">
-                            <i class="fas fa-search" aria-hidden="true"></i>
-                        </button>
-                    </div>
-                </div>
-
-                <button id="mobile-menu-button"
-                    class="lg:hidden text-xl text-white w-9 h-9 flex items-center justify-center rounded-sm hover:bg-white/10 transition-colors"
-                    aria-label="Buka menu navigasi" aria-expanded="false" aria-controls="mobile-menu">
-                    <i class="fas fa-bars" aria-hidden="true"></i>
-                </button>
+    <!-- ===========================
+         Shell: Nav (template)
+         =========================== -->
+    <header class="nav">
+        <div class="container nav-inner">
+            <div class="brand" data-lang-key="brand">Informatika UNTAN — Penerimaan Mahasiswa Baru</div>
+            <div class="nav-lang" role="group" aria-label="Pilih bahasa">
+                <button class="nav-lang-btn is-active" id="btn-lang-id"
+                    onclick="setPageLanguage('id')" aria-label="Bahasa Indonesia">ID</button>
+                <span class="nav-lang-sep" aria-hidden="true">|</span>
+                <button class="nav-lang-btn" id="btn-lang-en"
+                    onclick="setPageLanguage('en')" aria-label="English">EN</button>
             </div>
         </div>
+    </header>
 
-        <nav class="bg-[#feb401] shadow-md hidden lg:block border-t border-white/20 relative" id="main-nav"
-            aria-label="Menu navigasi utama">
-            <div class="container mx-auto px-6">
-                <div class="flex items-center justify-center w-full gap-1 py-2" role="menubar">
+    <!-- ===========================
+         Shell: Hero (template)
+         =========================== -->
+    <section class="hero" style="background: var(--brand-navy);">
+        <div class="container hero-inner">
+            <span class="badge" data-lang-key="badge">Halaman Statis</span>
+            <h1>
+              <span data-lang-key="hero-title-1">Penerimaan Mahasiswa Baru</span><br>
+              <span data-lang-key="hero-title-2" style="color: var(--brand-yellow);">Informatika UNTAN</span>
+            </h1>
+            <p class="hero-description" data-lang-key="hero-description">Informasi dan jadwal pendaftaran mahasiswa baru melalui jalur SNBP, SNBT, dan Jalur Mandiri UNTAN</p>
+        </div>
+    </section>
 
-                    <!-- Menu: Tentang Kami -->
-                    <div class="nav-menu-item relative" data-menu="tentang">
-                        <button
-                            class="nav-menu-btn px-4 py-2.5 text-sm font-bold text-slate-800 hover:text-untan-blue rounded-sm transition-all flex items-center gap-1.5 uppercase tracking-wide">
-                            <span data-i18n="nav_about">Tentang Kami</span>
-                            <i class="fas fa-chevron-down text-[10px] opacity-70 transition-transform duration-300"></i>
-                        </button>
-                    </div>
-
-                    <!-- Menu: Program -->
-                    <div class="nav-menu-item relative" data-menu="program">
-                        <button
-                            class="nav-menu-btn px-4 py-2.5 text-sm font-bold text-slate-800 hover:text-untan-blue rounded-sm transition-all flex items-center gap-1.5 uppercase tracking-wide">
-                            <span data-i18n="nav_program">Program</span>
-                            <i class="fas fa-chevron-down text-[10px] opacity-70 transition-transform duration-300"></i>
-                        </button>
-                    </div>
-
-                    <!-- Menu: SDM -->
-                    <div class="nav-menu-item relative" data-menu="sdm">
-                        <button
-                            class="nav-menu-btn px-4 py-2.5 text-sm font-bold text-slate-800 hover:text-untan-blue rounded-sm transition-all flex items-center gap-1.5 uppercase tracking-wide">
-                            <span data-i18n="nav_sdm">SDM</span>
-                            <i class="fas fa-chevron-down text-[10px] opacity-70 transition-transform duration-300"></i>
-                        </button>
-                    </div>
-
-                    <!-- Menu: Fasilitas -->
-                    <div class="nav-menu-item relative" data-menu="fasilitas">
-                        <button
-                            class="nav-menu-btn px-4 py-2.5 text-sm font-bold text-slate-800 hover:text-untan-blue rounded-sm transition-all flex items-center gap-1.5 uppercase tracking-wide">
-                            <span data-i18n="nav_facilities">Fasilitas</span>
-                            <i class="fas fa-chevron-down text-[10px] opacity-70 transition-transform duration-300"></i>
-                        </button>
-                    </div>
-
-                    <!-- Menu: Karya & Agenda -->
-                    <div class="nav-menu-item relative" data-menu="karya">
-                        <button
-                            class="nav-menu-btn px-4 py-2.5 text-sm font-bold text-slate-800 hover:text-untan-blue rounded-sm transition-all flex items-center gap-1.5 uppercase tracking-wide">
-                            <span data-i18n="nav_works">Karya & Agenda</span>
-                            <i class="fas fa-chevron-down text-[10px] opacity-70 transition-transform duration-300"></i>
-                        </button>
-                    </div>
-
-                    <!-- Menu: Kontak -->
-                    <div class="nav-menu-item relative" data-menu="kontak">
-                        <button
-                            class="nav-menu-btn px-4 py-2.5 text-sm font-bold text-slate-800 hover:text-untan-blue rounded-sm transition-all flex items-center gap-1.5 uppercase tracking-wide">
-                            <span data-i18n="nav_contact">Kontak</span>
-                            <i class="fas fa-chevron-down text-[10px] opacity-70 transition-transform duration-300"></i>
-                        </button>
-                    </div>
-
-                </div>
+    <!-- ===========================
+         Shell: Layout (template)
+         =========================== -->
+    <main class="container layout layout--full">
+        <article>
+            <div class="meta">
+                <span data-lang-key="meta-group">Kelompok 02</span>
+                <span>2026</span>
             </div>
 
-            <!-- MEGA MENU PANELS (Inside nav for proper positioning) -->
-            <div id="mega-menu-container" class="absolute left-0 right-0 top-full z-50">
+            <!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= -->
+            <div id="assignment-body" class="article-body">
 
-                <!-- Mega Menu: Tentang Kami -->
-                <div id="mega-tentang" class="mega-panel bg-white border-b-4 border-untan-navy shadow-2xl">
-                    <div class="container mx-auto px-6 py-8">
-                        <div class="grid grid-cols-12 gap-8">
-                            <!-- Left: Featured -->
-                            <div
-                                class="col-span-4 bg-gradient-to-br from-untan-navy to-slate-800 rounded-2xl p-6 text-white relative overflow-hidden">
-                                <div
-                                    class="absolute top-0 right-0 w-32 h-32 bg-untan-yellow/10 rounded-full -mr-16 -mt-16">
+                <section id="about" data-aos="fade-up">
+                    <div class="about-layout">
+                        <div class="about-text">
+                            <h1 class="section-title" data-lang-key="about-title">Seleksi Program Sarjana</h1>
+                            <div class="section-title-line"></div>
+                            <p class="section-desc" data-lang-key="about-desc">Program Studi Informatika Universitas Tanjungpura membuka kesempatan bagi putra-putri terbaik bangsa untuk bergabung melalui berbagai jalur seleksi. Kami mencari talenta yang siap menjadi inovator teknologi masa depan.</p>
+                        </div>
+                        <div class="path-cards-slider-wrap">
+                            <div class="path-cards-grid" id="pathCardsSlider">
+                                <div class="path-column">
+                                    <div class="path-step-head">
+                                        <span class="path-step-circle" aria-hidden="true">1</span>
+                                    </div>
+                                    <div class="path-card" onclick="switchPath('snbp')">
+                                        <div class="path-card-body">
+                                            <h3>SNBP</h3>
+                                            <p data-lang-key="path-snbp-desc">Seleksi Nasional Berdasarkan Prestasi</p>
+                                        </div>
+                                        <span class="path-card-badge">Feb – Mar</span>
+                                    </div>
                                 </div>
-                                <div class="absolute bottom-0 left-0 w-24 h-24 bg-white/5 rounded-full -ml-12 -mb-12">
+                                <span class="path-between-arrow" aria-hidden="true">→</span>
+                                <div class="path-column">
+                                    <div class="path-step-head">
+                                        <span class="path-step-circle" aria-hidden="true">2</span>
+                                    </div>
+                                    <div class="path-card" onclick="switchPath('snbt')">
+                                        <div class="path-card-body">
+                                            <h3>SNBT</h3>
+                                            <p data-lang-key="path-snbt-desc">Seleksi Nasional Berdasarkan Tes</p>
+                                        </div>
+                                        <span class="path-card-badge" data-lang-key="month-mar-mei">Mar – Mei</span>
+                                    </div>
                                 </div>
-                                <div class="relative z-10">
-                                    <span
-                                        class="inline-block px-3 py-1 bg-untan-yellow text-slate-900 text-[10px] font-bold uppercase tracking-wider rounded-full mb-4"
-                                        data-i18n="mega_about_title">Tentang Kami</span>
-                                    <h3 class="text-2xl font-bold mb-3">Mengenal Informatika UNTAN</h3>
-                                    <p class="text-slate-300 text-sm mb-6 leading-relaxed" data-i18n="mega_about_desc">
-                                        Terakreditasi Unggul, mencetak lulusan kompeten di bidang teknologi informasi
-                                        sejak 1993.</p>
-                                    <a href="content.html?type=berita"
-                                        class="inline-flex items-center gap-2 text-untan-yellow font-semibold text-sm hover:gap-3 transition-all">
-                                        Selengkapnya <i class="fas fa-arrow-right"></i>
-                                    </a>
+                                <span class="path-between-arrow" aria-hidden="true">→</span>
+                                <div class="path-column">
+                                    <div class="path-step-head">
+                                        <span class="path-step-circle" aria-hidden="true">3</span>
+                                    </div>
+                                    <div class="path-card" onclick="switchPath('smmptn')">
+                                        <div class="path-card-body">
+                                            <h3>SMMPTN Barat</h3>
+                                            <p data-lang-key="path-smmptn-desc">Seleksi Mandiri Wilayah Barat</p>
+                                        </div>
+                                        <span class="path-card-badge" data-lang-key="month-mei-jun">Mei – Juni</span>
+                                    </div>
+                                </div>
+                                <span class="path-between-arrow" aria-hidden="true">→</span>
+                                <div class="path-column">
+                                    <div class="path-step-head">
+                                        <span class="path-step-circle" aria-hidden="true">4</span>
+                                    </div>
+                                    <div class="path-card" onclick="switchPath('mandiri')">
+                                        <div class="path-card-body">
+                                            <h3>Mandiri UNTAN</h3>
+                                            <p data-lang-key="path-mandiri-desc">Seleksi Mandiri Universitas Tanjungpura</p>
+                                        </div>
+                                        <span class="path-card-badge" data-lang-key="month-jun">Juni</span>
+                                    </div>
                                 </div>
                             </div>
-                            <!-- Right: Links -->
-                            <div class="col-span-8 grid grid-cols-2 gap-6">
-                                <a href="content.html?type=berita" class="mega-link-card group">
-                                    <div
-                                        class="mega-link-icon bg-amber-50 text-amber-600 group-hover:bg-amber-600 group-hover:text-white">
-                                        <i class="fas fa-landmark"></i>
-                                    </div>
-                                    <div>
-                                        <h4 class="font-bold text-slate-800 group-hover:text-untan-blue transition-colors"
-                                            data-i18n="link_history">Sejarah & Tonggak</h4>
-                                        <p class="text-xs text-slate-500 mt-1" data-i18n="link_history_desc">Perjalanan
-                                            panjang membangun generasi digital</p>
-                                    </div>
-                                </a>
-                                <a href="content.html?type=berita" class="mega-link-card group">
-                                    <div
-                                        class="mega-link-icon bg-blue-50 text-blue-600 group-hover:bg-blue-600 group-hover:text-white">
-                                        <i class="fas fa-users"></i>
-                                    </div>
-                                    <div>
-                                        <h4 class="font-bold text-slate-800 group-hover:text-untan-blue transition-colors"
-                                            data-i18n="link_org">Struktur Organisasi</h4>
-                                        <p class="text-xs text-slate-500 mt-1" data-i18n="link_org_desc">Pimpinan dan
-                                            jajaran pengelola</p>
-                                    </div>
-                                </a>
-                                <a href="profil.html" class="mega-link-card group">
-                                    <div
-                                        class="mega-link-icon bg-emerald-50 text-emerald-600 group-hover:bg-emerald-600 group-hover:text-white">
-                                        <i class="fas fa-bullseye"></i>
-                                    </div>
-                                    <div>
-                                        <h4 class="font-bold text-slate-800 group-hover:text-untan-blue transition-colors"
-                                            data-i18n="link_vision">Visi & Misi</h4>
-                                        <p class="text-xs text-slate-500 mt-1" data-i18n="link_vision_desc">Arah dan
-                                            tujuan pengembangan prodi</p>
-                                    </div>
-                                </a>
-                                <a href="content.html?type=berita" class="mega-link-card group">
-                                    <div
-                                        class="mega-link-icon bg-purple-50 text-purple-600 group-hover:bg-purple-600 group-hover:text-white">
-                                        <i class="fas fa-handshake"></i>
-                                    </div>
-                                    <div>
-                                        <h4 class="font-bold text-slate-800 group-hover:text-untan-blue transition-colors"
-                                            data-i18n="link_partnership">Kerjasama & MoU</h4>
-                                        <p class="text-xs text-slate-500 mt-1" data-i18n="link_partnership_desc">Mitra
-                                            industri dan akademik</p>
-                                    </div>
-                                </a>
+                            <div class="slider-track path-cards-slider-track">
+                                <div class="slider-thumb" id="thumb-path"></div>
                             </div>
                         </div>
                     </div>
-                </div>
+                </section>
 
-                <!-- Mega Menu: Program -->
-                <div id="mega-program" class="mega-panel bg-white border-b-4 border-untan-navy shadow-2xl">
-                    <div class="container mx-auto px-6 py-8">
-                        <div class="grid grid-cols-12 gap-8">
-                            <!-- Left: Featured -->
-                            <div
-                                class="col-span-4 bg-gradient-to-br from-blue-600 to-indigo-700 rounded-2xl p-6 text-white relative overflow-hidden">
-                                <div class="absolute top-0 right-0 w-40 h-40 bg-white/10 rounded-full -mr-20 -mt-20">
-                                </div>
-                                <div class="relative z-10">
-                                    <span
-                                        class="inline-block px-3 py-1 bg-white/20 text-white text-[10px] font-bold uppercase tracking-wider rounded-full mb-4">Program
-                                        Akademik</span>
-                                    <h3 class="text-2xl font-bold mb-3" data-i18n="mega_program_obe">Kurikulum Berbasis
-                                        OBE</h3>
-                                    <p class="text-blue-100 text-sm mb-6 leading-relaxed">Outcome-Based Education dengan
-                                        4 jalur konsentrasi: AI, Software Engineering, Network, dan Information Systems.
-                                    </p>
-                                    <a href="subject-and-courses.html"
-                                        class="inline-flex items-center gap-2 bg-white text-blue-600 px-4 py-2 rounded-lg font-semibold text-sm hover:bg-blue-50 transition-all"
-                                        data-i18n="btn_krs_sim">
-                                        <i class="fas fa-play-circle"></i> Simulasi KRS
-                                    </a>
-                                </div>
-                            </div>
-                            <!-- Right: Links Grid -->
-                            <div class="col-span-8">
-                                <div class="grid grid-cols-3 gap-4">
-                                    <a href="subject-and-courses.html" class="mega-link-card group">
-                                        <div
-                                            class="mega-link-icon bg-indigo-50 text-indigo-600 group-hover:bg-indigo-600 group-hover:text-white">
-                                            <i class="fas fa-graduation-cap"></i>
-                                        </div>
-                                        <div>
-                                            <h4 class="font-bold text-slate-800 group-hover:text-untan-blue"
-                                                data-i18n="link_academic">Akademik</h4>
-                                            <p class="text-xs text-slate-500 mt-1" data-i18n="link_academic_desc">
-                                                Jadwal, KRS, dan kalender</p>
-                                        </div>
-                                    </a>
-                                    <a href="content.html?type=berita" class="mega-link-card group">
-                                        <div
-                                            class="mega-link-icon bg-yellow-50 text-yellow-600 group-hover:bg-yellow-600 group-hover:text-white">
-                                            <i class="fas fa-award"></i>
-                                        </div>
-                                        <div>
-                                            <h4 class="font-bold text-slate-800 group-hover:text-untan-blue"
-                                                data-i18n="link_accreditation">Akreditasi</h4>
-                                            <p class="text-xs text-slate-500 mt-1" data-i18n="link_accred_desc">Status
-                                                Unggul BAN-PT</p>
-                                        </div>
-                                    </a>
-                                    <a href="graduate-profile.html" class="mega-link-card group">
-                                        <div
-                                            class="mega-link-icon bg-green-50 text-green-600 group-hover:bg-green-600 group-hover:text-white">
-                                            <i class="fas fa-user-graduate"></i>
-                                        </div>
-                                        <div>
-                                            <h4 class="font-bold text-slate-800 group-hover:text-untan-blue"
-                                                data-i18n="link_graduate">Profil Lulusan</h4>
-                                            <p class="text-xs text-slate-500 mt-1" data-i18n="link_graduate_desc">
-                                                Kompetensi & karir</p>
-                                        </div>
-                                    </a>
-                                    <a href="subject-and-courses.html" class="mega-link-card group">
-                                        <div
-                                            class="mega-link-icon bg-rose-50 text-rose-600 group-hover:bg-rose-600 group-hover:text-white">
-                                            <i class="fas fa-book-open"></i>
-                                        </div>
-                                        <div>
-                                            <h4 class="font-bold text-slate-800 group-hover:text-untan-blue"
-                                                data-i18n="link_courses">Mata Kuliah</h4>
-                                            <p class="text-xs text-slate-500 mt-1">144 SKS kurikulum</p>
-                                        </div>
-                                    </a>
-                                    <a href="academic-guidelines.html" class="mega-link-card group">
-                                        <div
-                                            class="mega-link-icon bg-cyan-50 text-cyan-600 group-hover:bg-cyan-600 group-hover:text-white">
-                                            <i class="fas fa-file-alt"></i>
-                                        </div>
-                                        <div>
-                                            <h4 class="font-bold text-slate-800 group-hover:text-untan-blue"
-                                                data-i18n="link_guideline">Panduan</h4>
-                                            <p class="text-xs text-slate-500 mt-1" data-i18n="link_guideline_desc">Buku
-                                                panduan akademik</p>
-                                        </div>
-                                    </a>
-                                    <a href="content.html?type=berita" class="mega-link-card group">
-                                        <div
-                                            class="mega-link-icon bg-orange-50 text-orange-600 group-hover:bg-orange-600 group-hover:text-white">
-                                            <i class="fas fa-chart-bar"></i>
-                                        </div>
-                                        <div>
-                                            <h4 class="font-bold text-slate-800 group-hover:text-untan-blue"
-                                                data-i18n="link_statistics">Informatika Angka</h4>
-                                            <p class="text-xs text-slate-500 mt-1" data-i18n="link_statistics_desc">
-                                                Statistik & data</p>
-                                        </div>
-                                    </a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Mega Menu: SDM -->
-                <div id="mega-sdm" class="mega-panel bg-white border-b-4 border-untan-navy shadow-2xl">
-                    <div class="container mx-auto px-6 py-8">
-                        <div class="grid grid-cols-12 gap-8">
-                            <!-- Left: Featured Dosen -->
-                            <div
-                                class="col-span-5 bg-gradient-to-br from-slate-800 to-slate-900 rounded-2xl p-6 text-white relative overflow-hidden">
-                                <div class="absolute inset-0 opacity-10">
-                                    <div class="absolute top-4 right-4 w-20 h-20 border-2 border-white rounded-full">
-                                    </div>
-                                    <div class="absolute bottom-4 left-4 w-16 h-16 border-2 border-white rounded-full">
-                                    </div>
-                                </div>
-                                <div class="relative z-10">
-                                    <span
-                                        class="inline-block px-3 py-1 bg-untan-yellow text-slate-900 text-[10px] font-bold uppercase tracking-wider rounded-full mb-4"
-                                        data-i18n="mega_sdm_title">Sumber Daya Manusia</span>
-                                    <h3 class="text-2xl font-bold mb-3" data-i18n="mega_sdm_desc">Tim Pengajar
-                                        Profesional</h3>
-                                    <p class="text-slate-300 text-sm mb-4 leading-relaxed">30+ dosen berkualifikasi
-                                        S2/S3 dari universitas terkemuka dalam dan luar negeri.</p>
-                                    <div class="flex gap-4 mb-6">
-                                        <div class="text-center">
-                                            <div class="text-2xl font-bold text-untan-yellow">15+</div>
-                                            <div class="text-[10px] text-slate-400 uppercase">Doktor</div>
-                                        </div>
-                                        <div class="text-center">
-                                            <div class="text-2xl font-bold text-untan-yellow">20+</div>
-                                            <div class="text-[10px] text-slate-400 uppercase">Magister</div>
-                                        </div>
-                                        <div class="text-center">
-                                            <div class="text-2xl font-bold text-untan-yellow">5</div>
-                                            <div class="text-[10px] text-slate-400 uppercase">Guru Besar</div>
-                                        </div>
-                                    </div>
-                                    <a href="people-based-on-kk.html"
-                                        class="inline-flex items-center gap-2 text-untan-yellow font-semibold text-sm hover:gap-3 transition-all"
-                                        data-i18n="btn_all_lecturers">
-                                        Lihat Semua Dosen <i class="fas fa-arrow-right"></i>
-                                    </a>
-                                </div>
-                            </div>
-                            <!-- Right: KK Groups -->
-                            <div class="col-span-7">
-                                <h4 class="text-xs font-bold text-slate-400 uppercase tracking-widest mb-4"
-                                    data-i18n="label_expertise">Kelompok Keahlian</h4>
-                                <div class="grid grid-cols-2 gap-4">
-                                    <a href="people-based-on-kk.html"
-                                        class="group bg-gradient-to-r from-purple-50 to-white border border-purple-100 rounded-xl p-5 hover:shadow-lg hover:border-purple-300 transition-all">
-                                        <div class="flex items-start gap-4">
-                                            <div
-                                                class="w-12 h-12 bg-purple-600 rounded-xl flex items-center justify-center text-white text-xl group-hover:scale-110 transition-transform">
-                                                <i class="fas fa-brain"></i>
-                                            </div>
-                                            <div>
-                                                <h5 class="font-bold text-slate-800 mb-1">KK Kecerdasan Buatan</h5>
-                                                <p class="text-xs text-slate-500">Machine Learning, Computer Vision, NLP
-                                                </p>
-                                                <span class="inline-block mt-2 text-xs text-purple-600 font-semibold">8
-                                                    Dosen <i class="fas fa-chevron-right ml-1"></i></span>
-                                            </div>
-                                        </div>
-                                    </a>
-                                    <a href="people-based-on-kk.html"
-                                        class="group bg-gradient-to-r from-blue-50 to-white border border-blue-100 rounded-xl p-5 hover:shadow-lg hover:border-blue-300 transition-all">
-                                        <div class="flex items-start gap-4">
-                                            <div
-                                                class="w-12 h-12 bg-blue-600 rounded-xl flex items-center justify-center text-white text-xl group-hover:scale-110 transition-transform">
-                                                <i class="fas fa-code"></i>
-                                            </div>
-                                            <div>
-                                                <h5 class="font-bold text-slate-800 mb-1">KK Rekayasa Perangkat Lunak
-                                                </h5>
-                                                <p class="text-xs text-slate-500">Software Engineering, DevOps, Testing
-                                                </p>
-                                                <span class="inline-block mt-2 text-xs text-blue-600 font-semibold">10
-                                                    Dosen <i class="fas fa-chevron-right ml-1"></i></span>
-                                            </div>
-                                        </div>
-                                    </a>
-                                    <a href="people-based-on-kk.html"
-                                        class="group bg-gradient-to-r from-emerald-50 to-white border border-emerald-100 rounded-xl p-5 hover:shadow-lg hover:border-emerald-300 transition-all">
-                                        <div class="flex items-start gap-4">
-                                            <div
-                                                class="w-12 h-12 bg-emerald-600 rounded-xl flex items-center justify-center text-white text-xl group-hover:scale-110 transition-transform">
-                                                <i class="fas fa-network-wired"></i>
-                                            </div>
-                                            <div>
-                                                <h5 class="font-bold text-slate-800 mb-1">KK Jaringan & Keamanan</h5>
-                                                <p class="text-xs text-slate-500">Network, Cybersecurity, Cloud</p>
-                                                <span class="inline-block mt-2 text-xs text-emerald-600 font-semibold">7
-                                                    Dosen <i class="fas fa-chevron-right ml-1"></i></span>
-                                            </div>
-                                        </div>
-                                    </a>
-                                    <a href="people-based-on-kk.html"
-                                        class="group bg-gradient-to-r from-orange-50 to-white border border-orange-100 rounded-xl p-5 hover:shadow-lg hover:border-orange-300 transition-all">
-                                        <div class="flex items-start gap-4">
-                                            <div
-                                                class="w-12 h-12 bg-orange-600 rounded-xl flex items-center justify-center text-white text-xl group-hover:scale-110 transition-transform">
-                                                <i class="fas fa-database"></i>
-                                            </div>
-                                            <div>
-                                                <h5 class="font-bold text-slate-800 mb-1">KK Sistem Informasi</h5>
-                                                <p class="text-xs text-slate-500">Data Science, GIS, Business Intel</p>
-                                                <span class="inline-block mt-2 text-xs text-orange-600 font-semibold">6
-                                                    Dosen <i class="fas fa-chevron-right ml-1"></i></span>
-                                            </div>
-                                        </div>
-                                    </a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Mega Menu: Fasilitas -->
-                <div id="mega-fasilitas" class="mega-panel bg-white border-b-4 border-untan-navy shadow-2xl">
-                    <div class="container mx-auto px-6 py-8">
-                        <div class="grid grid-cols-4 gap-6">
-                            <a href="content.html?type=rubrik"
-                                class="group relative bg-gradient-to-br from-cyan-500 to-blue-600 rounded-2xl p-6 text-white overflow-hidden hover:shadow-xl transition-all">
-                                <div class="absolute top-0 right-0 w-24 h-24 bg-white/10 rounded-full -mr-12 -mt-12">
-                                </div>
-                                <i class="fas fa-flask text-4xl mb-4 opacity-80"></i>
-                                <h4 class="text-lg font-bold mb-2" data-i18n="mega_lab">Laboratorium</h4>
-                                <p class="text-sm text-cyan-100 mb-4" data-i18n="mega_lab_desc">8 lab modern dengan
-                                    peralatan terkini</p>
-                                <span
-                                    class="inline-flex items-center gap-1 text-xs font-semibold opacity-80 group-hover:opacity-100 group-hover:gap-2 transition-all"
-                                    data-i18n="btn_explore">
-                                    Jelajahi <i class="fas fa-arrow-right"></i>
-                                </span>
-                            </a>
-                            <a href="content.html?type=rubrik"
-                                class="group relative bg-gradient-to-br from-violet-500 to-purple-600 rounded-2xl p-6 text-white overflow-hidden hover:shadow-xl transition-all">
-                                <div class="absolute top-0 right-0 w-24 h-24 bg-white/10 rounded-full -mr-12 -mt-12">
-                                </div>
-                                <i class="fas fa-server text-4xl mb-4 opacity-80"></i>
-                                <h4 class="text-lg font-bold mb-2" data-i18n="mega_dc">Data Center</h4>
-                                <p class="text-sm text-violet-100 mb-4" data-i18n="mega_dc_desc">Server & infrastruktur
-                                    cloud lokal</p>
-                                <span
-                                    class="inline-flex items-center gap-1 text-xs font-semibold opacity-80 group-hover:opacity-100 group-hover:gap-2 transition-all"
-                                    data-i18n="btn_explore">
-                                    Jelajahi <i class="fas fa-arrow-right"></i>
-                                </span>
-                            </a>
-                            <a href="content.html?type=rubrik"
-                                class="group relative bg-gradient-to-br from-emerald-500 to-teal-600 rounded-2xl p-6 text-white overflow-hidden hover:shadow-xl transition-all">
-                                <div class="absolute top-0 right-0 w-24 h-24 bg-white/10 rounded-full -mr-12 -mt-12">
-                                </div>
-                                <i class="fas fa-book-reader text-4xl mb-4 opacity-80"></i>
-                                <h4 class="text-lg font-bold mb-2" data-i18n="mega_eresources">E-Resources</h4>
-                                <p class="text-sm text-emerald-100 mb-4" data-i18n="mega_eresources_desc">Akses jurnal &
-                                    database ilmiah</p>
-                                <span
-                                    class="inline-flex items-center gap-1 text-xs font-semibold opacity-80 group-hover:opacity-100 group-hover:gap-2 transition-all"
-                                    data-i18n="btn_explore">
-                                    Jelajahi <i class="fas fa-arrow-right"></i>
-                                </span>
-                            </a>
-                            <a href="ifuntanhub.html"
-                                class="group relative bg-gradient-to-br from-slate-700 to-slate-900 rounded-2xl p-6 text-white overflow-hidden hover:shadow-xl transition-all">
-                                <div
-                                    class="absolute top-0 right-0 w-24 h-24 bg-untan-yellow/20 rounded-full -mr-12 -mt-12">
-                                </div>
-                                <i class="fas fa-cloud text-4xl mb-4 opacity-80"></i>
-                                <h4 class="text-lg font-bold mb-2">IFUNTANHUB</h4>
-                                <p class="text-sm text-slate-300 mb-4" data-i18n="mega_hub_desc">Platform PaaS untuk
-                                    mahasiswa</p>
-                                <span
-                                    class="inline-flex items-center gap-1 text-xs font-semibold text-untan-yellow group-hover:gap-2 transition-all">
-                                    Launch <i class="fas fa-external-link-alt"></i>
-                                </span>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Mega Menu: Karya & Agenda -->
-                <div id="mega-karya" class="mega-panel bg-white border-b-4 border-untan-navy shadow-2xl">
-                    <div class="container mx-auto px-6 py-8">
-                        <div class="grid grid-cols-12 gap-8">
-                            <!-- Left: Research Highlight -->
-                            <div class="col-span-5">
-                                <div
-                                    class="bg-gradient-to-br from-amber-400 to-orange-500 rounded-2xl p-6 text-white mb-4">
-                                    <span
-                                        class="inline-block px-3 py-1 bg-white/20 text-white text-[10px] font-bold uppercase tracking-wider rounded-full mb-3"
-                                        data-i18n="mega_research_title">Riset Unggulan</span>
-                                    <h3 class="text-xl font-bold mb-2" data-i18n="mega_sinta_title">Indeks SINTA Terbaik
-                                    </h3>
-                                    <p class="text-amber-100 text-sm mb-4" data-i18n="mega_sinta_desc">Publikasi dosen
-                                        terindeks Scopus, WoS, dan jurnal nasional terakreditasi.</p>
-                                    <a href="content.html?type=berita"
-                                        class="inline-flex items-center gap-2 bg-white text-orange-600 px-4 py-2 rounded-lg font-semibold text-sm hover:bg-orange-50 transition-all"
-                                        data-i18n="btn_publications">
-                                        Lihat Publikasi
-                                    </a>
-                                </div>
-                                <a href="content.html?type=berita"
-                                    class="block bg-slate-50 border border-slate-200 rounded-xl p-4 hover:bg-slate-100 hover:border-slate-300 transition-all">
-                                    <div class="flex items-center gap-3">
-                                        <div
-                                            class="w-10 h-10 bg-red-100 rounded-lg flex items-center justify-center text-red-600">
-                                            <i class="fas fa-calendar-alt"></i>
-                                        </div>
-                                        <div>
-                                            <h5 class="font-bold text-slate-800 text-sm" data-i18n="link_info_agenda">
-                                                Info & Agenda</h5>
-                                            <p class="text-xs text-slate-500" data-i18n="link_info_agenda_desc">
-                                                Pengumuman dan jadwal kegiatan</p>
-                                        </div>
-                                        <i class="fas fa-chevron-right text-slate-400 ml-auto"></i>
-                                    </div>
-                                </a>
-                            </div>
-                            <!-- Right: Grid -->
-                            <div class="col-span-7 grid grid-cols-2 gap-4">
-                                <a href="karya.html" class="mega-link-card group">
-                                    <div
-                                        class="mega-link-icon bg-indigo-50 text-indigo-600 group-hover:bg-indigo-600 group-hover:text-white">
-                                        <i class="fas fa-layer-group"></i>
-                                    </div>
-                                    <div>
-                                        <h4 class="font-bold text-slate-800 group-hover:text-untan-blue">Semua Karya
-                                        </h4>
-                                        <p class="text-xs text-slate-500 mt-1">Lihat seluruh karya dalam satu halaman
-                                        </p>
-                                    </div>
-                                </a>
-                                <a href="karya.html?filter=penelitian" class="mega-link-card group">
-                                    <div
-                                        class="mega-link-icon bg-blue-50 text-blue-600 group-hover:bg-blue-600 group-hover:text-white">
-                                        <i class="fas fa-microscope"></i>
-                                    </div>
-                                    <div>
-                                        <h4 class="font-bold text-slate-800 group-hover:text-untan-blue"
-                                            data-i18n="link_research">Riset</h4>
-                                        <p class="text-xs text-slate-500 mt-1" data-i18n="link_research_desc">Penelitian
-                                            dosen dan mahasiswa</p>
-                                    </div>
-                                </a>
-                                <a href="karya.html?filter=pkm" class="mega-link-card group">
-                                    <div
-                                        class="mega-link-icon bg-green-50 text-green-600 group-hover:bg-green-600 group-hover:text-white">
-                                        <i class="fas fa-hands-helping"></i>
-                                    </div>
-                                    <div>
-                                        <h4 class="font-bold text-slate-800 group-hover:text-untan-blue"
-                                            data-i18n="link_community">Pengabdian</h4>
-                                        <p class="text-xs text-slate-500 mt-1" data-i18n="link_community_desc">Program
-                                            pengabdian masyarakat</p>
-                                    </div>
-                                </a>
-                                <a href="content.html?type=rubrik" class="mega-link-card group">
-                                    <div
-                                        class="mega-link-icon bg-amber-50 text-amber-600 group-hover:bg-amber-600 group-hover:text-white">
-                                        <i class="fas fa-trophy"></i>
-                                    </div>
-                                    <div>
-                                        <h4 class="font-bold text-slate-800 group-hover:text-untan-blue"
-                                            data-i18n="link_achievements">Prestasi</h4>
-                                        <p class="text-xs text-slate-500 mt-1" data-i18n="link_achievements_desc">
-                                            Pencapaian dosen & mahasiswa</p>
-                                    </div>
-                                </a>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Mega Menu: Kontak -->
-                <div id="mega-kontak" class="mega-panel bg-white border-b-4 border-untan-navy shadow-2xl">
-                    <div class="container mx-auto px-6 py-8">
-                        <div class="grid grid-cols-12 gap-8">
-                            <!-- Left: Contact Info -->
-                            <div class="col-span-5 bg-untan-navy rounded-2xl p-6 text-white">
-                                <h3 class="text-xl font-bold mb-4" data-i18n="mega_contact_title">Hubungi Kami</h3>
-                                <div class="space-y-4">
-                                    <div class="flex items-start gap-3">
-                                        <div
-                                            class="w-10 h-10 bg-white/10 rounded-lg flex items-center justify-center flex-shrink-0">
-                                            <i class="fas fa-map-marker-alt text-untan-yellow"></i>
-                                        </div>
-                                        <div>
-                                            <p class="text-sm text-slate-300">Jl. Prof. Dr. H. Hadari Nawawi, Bansir
-                                                Laut, Pontianak Tenggara</p>
-                                            <p class="text-xs text-slate-400 mt-1">Kalimantan Barat 78124</p>
-                                        </div>
-                                    </div>
-                                    <div class="flex items-center gap-3">
-                                        <div
-                                            class="w-10 h-10 bg-white/10 rounded-lg flex items-center justify-center flex-shrink-0">
-                                            <i class="fab fa-whatsapp text-untan-yellow"></i>
-                                        </div>
-                                        <div>
-                                            <p class="text-sm text-white font-medium">+62 851-7165-5161</p>
-                                            <p class="text-xs text-slate-400">Senin - Jumat, 08:00 - 16:00</p>
-                                        </div>
-                                    </div>
-                                    <div class="flex items-center gap-3">
-                                        <div
-                                            class="w-10 h-10 bg-white/10 rounded-lg flex items-center justify-center flex-shrink-0">
-                                            <i class="fas fa-envelope text-untan-yellow"></i>
-                                        </div>
-                                        <div>
-                                            <p class="text-sm text-white font-medium">info@informatika.untan.ac.id</p>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                            <!-- Right: Quick Links & Social -->
-                            <div class="col-span-7">
-                                <div class="grid grid-cols-2 gap-4 mb-6">
-                                    <a href="content.html?type=berita" class="mega-link-card group">
-                                        <div
-                                            class="mega-link-icon bg-blue-50 text-blue-600 group-hover:bg-blue-600 group-hover:text-white">
-                                            <i class="fas fa-id-card"></i>
-                                        </div>
-                                        <div>
-                                            <h4 class="font-bold text-slate-800 group-hover:text-untan-blue"
-                                                data-i18n="link_official_contact">Kontak Resmi</h4>
-                                            <p class="text-xs text-slate-500 mt-1" data-i18n="link_contact_desc">
-                                                Direktori kontak staf</p>
-                                        </div>
-                                    </a>
-                                    <a href="mailto:info@informatika.untan.ac.id" class="mega-link-card group">
-                                        <div
-                                            class="mega-link-icon bg-green-50 text-green-600 group-hover:bg-green-600 group-hover:text-white">
-                                            <i class="fas fa-comment-dots"></i>
-                                        </div>
-                                        <div>
-                                            <h4 class="font-bold text-slate-800 group-hover:text-untan-blue"
-                                                data-i18n="link_feedback">Saran & Masukan</h4>
-                                            <p class="text-xs text-slate-500 mt-1" data-i18n="link_feedback_desc">Kirim
-                                                feedback Anda</p>
-                                        </div>
-                                    </a>
-                                </div>
-                                <div class="bg-slate-50 rounded-xl p-5">
-                                    <h4 class="text-xs font-bold text-slate-400 uppercase tracking-widest mb-4"
-                                        data-i18n="follow_us">Ikuti Kami</h4>
-                                    <div class="flex gap-3">
-                                        <a href="https://instagram.com/informatika.untan" target="_blank"
-                                            class="w-12 h-12 bg-gradient-to-br from-purple-500 to-pink-500 rounded-xl flex items-center justify-center text-white hover:scale-110 transition-transform">
-                                            <i class="fab fa-instagram text-xl"></i>
-                                        </a>
-                                        <a href="#"
-                                            class="w-12 h-12 bg-gradient-to-br from-red-500 to-red-600 rounded-xl flex items-center justify-center text-white hover:scale-110 transition-transform">
-                                            <i class="fab fa-youtube text-xl"></i>
-                                        </a>
-                                        <a href="#"
-                                            class="w-12 h-12 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center text-white hover:scale-110 transition-transform">
-                                            <i class="fab fa-facebook-f text-xl"></i>
-                                        </a>
-                                        <a href="#"
-                                            class="w-12 h-12 bg-gradient-to-br from-sky-400 to-sky-500 rounded-xl flex items-center justify-center text-white hover:scale-110 transition-transform">
-                                            <i class="fab fa-twitter text-xl"></i>
-                                        </a>
-                                        <a href="#"
-                                            class="w-12 h-12 bg-gradient-to-br from-blue-600 to-blue-700 rounded-xl flex items-center justify-center text-white hover:scale-110 transition-transform">
-                                            <i class="fab fa-linkedin-in text-xl"></i>
-                                        </a>
-                                        <a href="#"
-                                            class="w-12 h-12 bg-gradient-to-br from-slate-800 to-slate-900 rounded-xl flex items-center justify-center text-white hover:scale-110 transition-transform">
-                                            <i class="fab fa-tiktok text-xl"></i>
-                                        </a>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-            </div>
-            <!-- End mega-menu-container -->
-        </nav>
-
-        <!-- Overlay for mega menu -->
-        <div id="mega-overlay" class="fixed inset-0 bg-black/30 backdrop-blur-sm z-30"></div>
+    <div id="info-jalur-header">
+      <h2 data-lang-key="info-jalur-title">Informasi Jalur Seleksi</h2>
+      <div class="header-divider"></div>
     </div>
 
-    <div id="mobile-menu"
-        class="fixed inset-0 bg-slate-900 z-[60] transform -translate-x-full lg:hidden flex flex-col transition-transform duration-300"
-        role="dialog" aria-modal="true" aria-label="Menu navigasi mobile">
-        <div class="p-4 flex justify-between items-center border-b border-white/10 bg-untan-navy">
-            <div class="flex items-center gap-4">
-                <span class="font-bold text-lg text-white font-serif">Menu Utama</span>
-                <button
-                    class="language-toggle-btn px-2 py-1 rounded-sm border border-white/20 text-xs text-white hover:bg-white/10 transition-colors flex items-center gap-2"
-                    aria-label="Ganti bahasa">
-                    <span class="font-bold">ID</span> <span class="text-white/40" aria-hidden="true">|</span> EN
-                </button>
-                <button
-                    class="w-8 h-8 rounded-sm bg-white/10 hover:bg-white/20 flex items-center justify-center text-white transition-colors"
-                    aria-label="Pengaturan aksesibilitas"
-                    onclick="const p=document.getElementById('access-panel'); if (p) { p.classList.toggle('hidden'); p.classList.toggle('flex'); }">
-                    <i class="fas fa-universal-access" aria-hidden="true"></i>
-                </button>
-            </div>
-            <button id="close-mobile-menu"
-                class="w-8 h-8 rounded-sm bg-white/10 flex items-center justify-center text-white"
-                aria-label="Tutup menu navigasi">
-                <i class="fas fa-times" aria-hidden="true"></i>
+    <div id="main-layout">
+      <nav id="sidebar">
+        <div class="sidebar-card">
+          <div class="sidebar-heading" data-lang-key="sidebar-heading">Pilih Jalur</div>
+
+          <div class="sidebar-group" id="group-snbp">
+            <button class="sidebar-group-btn active" onclick="toggleGroup('snbp')" id="btn-snbp">
+              <span>SNBP</span>
+              <i class="fas fa-chevron-up chevron"></i>
             </button>
+            <div class="sidebar-sub open" id="sub-snbp">
+              <a class="active" data-path="snbp" data-section="general" onclick="goTo('snbp', 'general')" data-lang-key="sidebar-link-general">Informasi Umum</a>
+              <a data-path="snbp" data-section="persyaratan" onclick="goTo('snbp', 'persyaratan')" data-lang-key="sidebar-link-persyaratan">Persyaratan</a>
+              <a data-path="snbp" data-section="mekanisme" onclick="goTo('snbp', 'mekanisme')" data-lang-key="sidebar-link-mekanisme">Mekanisme</a>
+              <a data-path="snbp" data-section="jadwal" onclick="goTo('snbp', 'jadwal')" data-lang-key="sidebar-link-jadwal">Jadwal</a>
+              <a data-path="snbp" data-section="biaya" onclick="goTo('snbp', 'biaya')" data-lang-key="sidebar-link-biaya">Biaya Pendaftaran &amp; Pendidikan</a>
+              <a data-path="snbp" data-section="beasiswa" onclick="goTo('snbp', 'beasiswa')" data-lang-key="sidebar-link-beasiswa">Beasiswa</a>
+            </div>
+          </div>
+
+          <div class="sidebar-group" id="group-snbt">
+            <button class="sidebar-group-btn" onclick="toggleGroup('snbt')" id="btn-snbt">
+              <span>SNBT</span>
+              <i class="fas fa-chevron-down chevron"></i>
+            </button>
+            <div class="sidebar-sub" id="sub-snbt">
+              <a data-path="snbt" data-section="general" onclick="goTo('snbt', 'general')" data-lang-key="sidebar-link-general">Informasi Umum</a>
+              <a data-path="snbt" data-section="persyaratan" onclick="goTo('snbt', 'persyaratan')" data-lang-key="sidebar-link-persyaratan">Persyaratan</a>
+              <a data-path="snbt" data-section="mekanisme" onclick="goTo('snbt', 'mekanisme')" data-lang-key="sidebar-link-mekanisme">Mekanisme</a>
+              <a data-path="snbt" data-section="jadwal" onclick="goTo('snbt', 'jadwal')" data-lang-key="sidebar-link-jadwal">Jadwal</a>
+              <a data-path="snbt" data-section="biaya" onclick="goTo('snbt', 'biaya')" data-lang-key="sidebar-link-biaya">Biaya Pendaftaran &amp; Pendidikan</a>
+              <a data-path="snbt" data-section="beasiswa" onclick="goTo('snbt', 'beasiswa')" data-lang-key="sidebar-link-beasiswa">Beasiswa</a>
+            </div>
+          </div>
+
+          <div class="sidebar-group" id="group-smmptn">
+            <button class="sidebar-group-btn" onclick="toggleGroup('smmptn')" id="btn-smmptn">
+              <span>SMMPTN-Barat</span>
+              <i class="fas fa-chevron-down chevron"></i>
+            </button>
+            <div class="sidebar-sub" id="sub-smmptn">
+              <a data-path="smmptn" data-section="general" onclick="goTo('smmptn', 'general')" data-lang-key="sidebar-link-general">Informasi Umum</a>
+              <a data-path="smmptn" data-section="persyaratan" onclick="goTo('smmptn', 'persyaratan')" data-lang-key="sidebar-link-persyaratan">Persyaratan</a>
+              <a data-path="smmptn" data-section="mekanisme" onclick="goTo('smmptn', 'mekanisme')" data-lang-key="sidebar-link-mekanisme">Mekanisme</a>
+              <a data-path="smmptn" data-section="jadwal" onclick="goTo('smmptn', 'jadwal')" data-lang-key="sidebar-link-jadwal">Jadwal</a>
+              <a data-path="smmptn" data-section="biaya" onclick="goTo('smmptn', 'biaya')" data-lang-key="sidebar-link-biaya">Biaya Pendaftaran &amp; Pendidikan</a>
+              <a data-path="smmptn" data-section="beasiswa" onclick="goTo('smmptn', 'beasiswa')" data-lang-key="sidebar-link-beasiswa">Beasiswa</a>
+            </div>
+          </div>
+
+          <div class="sidebar-group" id="group-mandiri">
+            <button class="sidebar-group-btn" onclick="toggleGroup('mandiri')" id="btn-mandiri">
+              <span>MANDIRI-UNTAN</span>
+              <i class="fas fa-chevron-down chevron"></i>
+            </button>
+            <div class="sidebar-sub" id="sub-mandiri">
+              <a data-path="mandiri" data-section="general" onclick="goTo('mandiri', 'general')" data-lang-key="sidebar-link-general">Informasi Umum</a>
+              <a data-path="mandiri" data-section="persyaratan" onclick="goTo('mandiri', 'persyaratan')" data-lang-key="sidebar-link-persyaratan">Persyaratan</a>
+              <a data-path="mandiri" data-section="mekanisme" onclick="goTo('mandiri', 'mekanisme')" data-lang-key="sidebar-link-mekanisme">Mekanisme</a>
+              <a data-path="mandiri" data-section="jadwal" onclick="goTo('mandiri', 'jadwal')" data-lang-key="sidebar-link-jadwal">Jadwal</a>
+              <a data-path="mandiri" data-section="biaya" onclick="goTo('mandiri', 'biaya')" data-lang-key="sidebar-link-biaya">Biaya Pendaftaran &amp; Pendidikan</a>
+              <a data-path="mandiri" data-section="beasiswa" onclick="goTo('mandiri', 'beasiswa')" data-lang-key="sidebar-link-beasiswa">Beasiswa</a>
+            </div>
+          </div>
+
+          <p class="sidebar-data-note" data-lang-key="sidebar-data-date">
+            <em>*Data yang digunakan per tanggal 25 Mei 2026</em>
+          </p>
         </div>
-        <div class="flex-1 overflow-y-auto p-5 space-y-4 bg-slate-50">
-            <a href="../../index.html" class="block text-base font-bold text-slate-800 py-1 border-b border-slate-200"
-                data-i18n="nav_home">Beranda</a>
+      </nav>
 
-            <!-- Tentang Kami -->
-            <div class="pt-2">
-                <span class="text-xs font-bold text-slate-400 uppercase font-serif" data-i18n="nav_about">Tentang
-                    Kami</span>
-                <div class="pl-2 border-l-2 border-slate-100 mt-1 space-y-1">
-                    <a href="content.html?type=berita" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_history">Sejarah & Tonggak</a>
-                    <a href="content.html?type=berita" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_org">Struktur Organisasi</a>
-                    <a href="content.html?type=berita" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_vision">Visi & Misi</a>
-                    <a href="content.html?type=berita" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_partnership">Kerjasama & MoU</a>
-                </div>
-            </div>
+      <div id="content-area">
 
-            <!-- Program -->
-            <div class="pt-2 border-t border-slate-200">
-                <span class="text-xs font-bold text-slate-400 uppercase font-serif"
-                    data-i18n="nav_program">Program</span>
-                <div class="pl-2 border-l-2 border-slate-100 mt-1 space-y-1">
-                    <a href="subject-and-courses.html" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_academic">Akademik</a>
-                    <a href="content.html?type=berita" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_accreditation">Akreditasi</a>
-                    <a href="graduate-profile.html" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_graduate">Profil Lulusan</a>
-                    <a href="subject-and-courses.html" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_courses">Mata Kuliah</a>
-                    <a href="academic-guidelines.html" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_guideline">Panduan Akademik</a>
-                    <a href="content.html?type=berita" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_statistics">Informatika Angka</a>
-                </div>
+        <!-- ===================== SNBP PANEL ===================== -->
+        <div class="path-panel active" id="panel-snbp">
+          <div class="content-section" id="snbp-general">
+            <h2 class="section-h2">
+              <span data-lang-key="snbp-title">SNBP – Seleksi Nasional Berdasarkan Prestasi</span>
+            </h2>
+            <p class="info-text" data-lang-key="info-snbp">Seleksi Nasional Berdasarkan Prestasi (SNBP) merupakan jalur penerimaan mahasiswa baru Perguruan Tinggi Negeri (PTN) yang diselenggarakan secara nasional oleh SNPMB.</p>
+            <div class="cta-row">
+              <a class="btn-cta btn-yellow" href="https://snpmb.id/" target="_blank"><i class="fas fa-desktop"></i> Website SNPMB</a>
+              <a class="btn-cta btn-yellow" href="https://www.instagram.com/snpmb_id/" target="_blank"><i class="fab fa-instagram"></i> Instagram SNPMB</a>
+              <a class="btn-cta btn-yellow" href="https://halo.snpmb.id/" target="_blank"><i class="fas fa-info-circle"></i> Helpdesk SNPMB</a>
             </div>
+            <div class="chart-card" data-aos="fade-up">
+              <h3 data-lang-key="chart-title">Grafik Peminat dan Daya Tampung per Tahun</h3>
+              <canvas id="snbpChart" height="130"></canvas>
+              <div class="chart-legend">
+                <span style="display: flex; align-items: center; gap: 6px">
+                  <span class="legend-dot" style="background: var(--brand-navy)"></span>
+                  <span class="legend-text" data-lang-key="chart-legend-applicants">Jumlah Peminat</span>
+                </span>
+                <span style="display: flex; align-items: center; gap: 6px">
+                  <span class="legend-dot" style="background: var(--brand-yellow)"></span>
+                  <span class="legend-text" data-lang-key="chart-legend-capacity">Daya Tampung</span>
+                </span>
+              </div>
+            </div>
+          </div>
 
-            <!-- SDM -->
-            <div class="pt-2 border-t border-slate-200">
-                <span class="text-xs font-bold text-slate-400 uppercase font-serif" data-i18n="nav_sdm">SDM</span>
-                <div class="pl-2 border-l-2 border-slate-100 mt-1 space-y-1">
-                    <a href="people-based-on-kk.html"
-                        class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue font-medium"
-                        data-i18n="btn_all_lecturers">Semua Dosen</a>
-                    <a href="people-based-on-kk.html" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="kk_ai">Kecerdasan Buatan</a>
-                    <a href="people-based-on-kk.html" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="kk_se">Rekayasa Perangkat Lunak</a>
-                    <a href="people-based-on-kk.html" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="kk_network">Jaringan & Keamanan</a>
-                    <a href="people-based-on-kk.html" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="kk_is">Sistem Informasi</a>
-                </div>
+          <div class="content-section" id="snbp-persyaratan">
+            <h2 class="section-h2" data-lang-key="section-persyaratan">Persyaratan</h2>
+            <div class="accordion-item">
+              <button class="accordion-header open" onclick="toggleAcc(this)">
+                <span data-lang-key="acc-snbp-req-general">Persyaratan Umum Mendaftar SNBP</span>
+                <i class="fas fa-chevron-up acc-icon"></i>
+              </button>
+              <div class="accordion-body open" data-lang-key="snbp-req-general-body">
+                <ul class="req-list">
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Merupakan siswa SMA/SMK/MA kelas terakhir pada <strong>periode ini</strong> yang <strong>memiliki prestasi unggul</strong>.</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Memiliki NISN dan <strong>terdaftar di PDSS</strong>.</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Memiliki <strong>nilai rapor</strong> yang telah diisikan di PDSS sesuai dengan ketentuan.</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Memiliki <strong>prestasi akademik</strong>.</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Memenuhi persyaratan yang ditentukan oleh masing-masing PTN Akademik dan PTN Vokasi.</span></li>
+                </ul>
+              </div>
             </div>
+            <div class="accordion-item">
+              <button class="accordion-header" onclick="toggleAcc(this)">
+                <span data-lang-key="acc-snbp-ketentuan">Ketentuan SNPMB</span>
+                <i class="fas fa-chevron-down acc-icon"></i>
+              </button>
+              <div class="accordion-body" data-lang-key="snbp-ketentuan-body">
+                <ul class="req-list">
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Siswa yang telah dinyatakan lulus seleksi Jalur SNBP tidak dapat mendaftar UTBK-SNBT.</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Siswa yang dinyatakan lulus seleksi Jalur SNBP tidak dapat mendaftar seleksi Jalur Mandiri pada periode yang sama di PTN manapun.</span></li>
+                </ul>
+              </div>
+            </div>
+            <div class="accordion-item">
+              <button class="accordion-header" onclick="toggleAcc(this)">
+                <span data-lang-key="acc-snbp-req-accepted">Persyaratan Umum Diterima SNBP</span>
+                <i class="fas fa-chevron-down acc-icon"></i>
+              </button>
+              <div class="accordion-body" data-lang-key="snbp-req-accepted-body">
+                <ul class="req-list">
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta telah lulus dari satuan pendidikan SMA/SMK/MA atau sederajat</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta dinyatakan lulus SNBP pada periode ini</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta lolos verifikasi data serta memenuhi persyaratan lain yang ditetapkan oleh masing-masing PTN</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta melakukan daftar ulang di PTN tempat diterima sesuai dengan ketentuan yang berlaku</span></li>
+                </ul>
+              </div>
+            </div>
+          </div>
 
-            <!-- Fasilitas -->
-            <div class="pt-2 border-t border-slate-200">
-                <span class="text-xs font-bold text-slate-400 uppercase font-serif"
-                    data-i18n="nav_facilities">Fasilitas</span>
-                <div class="pl-2 border-l-2 border-slate-100 mt-1 space-y-1">
-                    <a href="content.html?type=rubrik" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="mega_lab">Laboratorium</a>
-                    <a href="content.html?type=rubrik" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="mega_dc">Data Center</a>
-                    <a href="content.html?type=rubrik" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="mega_eresources">E-Resources</a>
-                    <a href="ifuntanhub.html"
-                        class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue">IFUNTANHUB</a>
-                </div>
+          <div class="content-section" id="snbp-mekanisme">
+            <h2 class="section-h2" data-lang-key="section-mekanisme">Mekanisme</h2>
+            <div data-lang-key="snbp-mekanisme-text">
+              <p class="mek-text">Seleksi Nasional Berdasarkan Prestasi (SNBP) di Universitas Tanjungpura mempertimbangkan performa akademik siswa secara menyeluruh melalui nilai rapor, serta pencapaian prestasi sebagai nilai tambah dalam proses seleksi. Komponen yang dinilai meliputi:</p>
+              <ul class="mek-check-list">
+                <li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Nilai rapor:</strong> rata-rata nilai seluruh mata pelajaran termasuk pada mata pelajaran yang relevan dengan program studi yang dipilih.</span></li>
+                <li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Prestasi akademik dan non-akademik:</strong> pencapaian baik di bidang ilmu pengetahuan (seperti olimpiade atau lomba sains) maupun di luar akademik (seperti olahraga, seni, organisasi, dan kegiatan ekstrakurikuler)</span></li>
+              </ul>
             </div>
+          </div>
 
-            <!-- Karya & Agenda -->
-            <div class="pt-2 border-t border-slate-200">
-                <span class="text-xs font-bold text-slate-400 uppercase font-serif" data-i18n="nav_works">Karya &
-                    Agenda</span>
-                <div class="pl-2 border-l-2 border-slate-100 mt-1 space-y-1">
-                    <a href="karya.html" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_all_karya">Semua Karya</a>
-                    <a href="karya.html?filter=penelitian"
-                        class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_research">Riset</a>
-                    <a href="karya.html?filter=pkm" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_community">Pengabdian Masyarakat</a>
-                    <a href="content.html?type=rubrik" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_achievements">Prestasi</a>
-                    <a href="content.html?type=berita" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_info_agenda">Info & Agenda</a>
-                </div>
+          <div class="content-section" id="snbp-jadwal">
+            <h2 class="section-h2" data-lang-key="section-jadwal">Jadwal Pendaftaran</h2>
+            <div class="timeline-wrap" data-aos="fade-up">
+              <div class="timeline-center-line"></div>
+              <div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-des-jan">Desember – Januari</h4><p data-lang-key="tl-snbp-1">Pengumuman kuota sekolah dan masa sanggah</p></div></div>
+              <div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-jan">Januari</h4><p data-lang-key="tl-snbp-2">Registrasi akun dan pengisian PDSS oleh sekolah</p></div></div>
+              <div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-jan-feb">Januari – Februari</h4><p data-lang-key="tl-snbp-3">Registrasi akun SNPMB siswa</p></div></div>
+              <div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-feb">Februari</h4><p data-lang-key="tl-snbp-4">Pendaftaran SNBP</p></div></div>
+              <div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-mar-apr">Maret – April</h4><p data-lang-key="tl-snbp-5">Pengumuman hasil SNBP</p></div></div>
+              <div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-feb-apr">Februari – April</h4><p data-lang-key="tl-snbp-6">Unduh kartu peserta SNBP</p></div></div>
             </div>
+          </div>
 
-            <!-- Kontak -->
-            <div class="pt-2 border-t border-slate-200 pb-8">
-                <span class="text-xs font-bold text-slate-400 uppercase font-serif"
-                    data-i18n="nav_contact">Kontak</span>
-                <div class="pl-2 border-l-2 border-slate-100 mt-1 space-y-1">
-                    <a href="content.html?type=berita" class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_official_contact">Kontak Resmi</a>
-                    <a href="mailto:info@informatika.untan.ac.id"
-                        class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue"
-                        data-i18n="link_feedback">Saran & Masukan</a>
-                    <a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
-                        class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue flex items-center gap-2">
-                        <i class="fab fa-instagram text-pink-500"></i> Instagram
-                    </a>
-                    <a href="#"
-                        class="block py-1.5 text-sm text-slate-700 hover:text-untan-blue flex items-center gap-2">
-                        <i class="fab fa-youtube text-red-500"></i> YouTube
-                    </a>
-                </div>
+          <div class="content-section" id="snbp-biaya">
+            <h2 class="section-h2" data-lang-key="section-biaya">Biaya Pendaftaran &amp; Pendidikan</h2>
+            <div class="biaya-acc-item">
+              <button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-lang-key="acc-biaya-pendaftaran">Biaya Pendaftaran</span> <i class="fas fa-chevron-up acc-icon"></i></button>
+              <div class="biaya-acc-body open">
+                <div class="fee-row-zero"><span data-lang-key="fee-selection">Pembayaran Seleksi</span><span>Rp 0,00</span></div>
+              </div>
             </div>
+            <div class="biaya-acc-item">
+              <button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-lang-key="acc-biaya-pendidikan">Biaya Pendidikan</span> <i class="fas fa-chevron-up acc-icon"></i></button>
+              <div class="biaya-acc-body open">
+                <p class="fee-desc" data-lang-key="snbp-fee-desc">UKT dibagi dalam beberapa kategori yang disesuaikan dengan kemampuan ekonomi orang tua mahasiswa dan <strong>dibayarkan tiap semester</strong>.</p>
+                <div class="fee-table-wrap">
+                  <table class="fee-table">
+                    <thead><tr><th data-lang-key="fee-col-group">Golongan UKT</th><th data-lang-key="fee-col-cost">Biaya (Rp)</th></tr></thead>
+                    <tbody>
+                      <tr><td>KLP I</td><td>500.000</td></tr>
+                      <tr><td>KLP II</td><td>1.000.000</td></tr>
+                      <tr><td>KLP III</td><td>3.200.000</td></tr>
+                      <tr><td>KLP IV</td><td>3.300.000</td></tr>
+                      <tr><td>KLP V</td><td>3.450.000</td></tr>
+                      <tr><td>KLP VI</td><td>5.000.000</td></tr>
+                      <tr><td>KLP VII</td><td>6.550.000</td></tr>
+                      <tr><td>KLP VIII</td><td>8.100.000</td></tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="fee-highlight" data-lang-key="fee-highlight-snbp">Mahasiswa yang diterima melalui SNBP dengan menggunakan KIP Kuliah akan diverifikasi dan berpeluang mendapatkan pembebasan UKT sesuai ketentuan KIP Kuliah dan UNTAN.</div>
+              </div>
+            </div>
+          </div>
+
+          <div class="content-section" id="snbp-beasiswa">
+            <h2 class="section-h2" data-lang-key="section-beasiswa">Beasiswa</h2>
+            <p class="info-text" data-lang-key="snbp-beasiswa-desc">Para mahasiswa bisa memperoleh beasiswa dari berbagai sumber dengan mekanisme pengajuan sesuai ketentuan lembaga pemberi beasiswa.</p>
+            <div class="scholarship-slider-wrap">
+              <div class="scholarship-slider" id="slider-snbp">
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-id-card" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-kip">Kartu Indonesia Pintar Kuliah</h4>
+                  <p data-lang-key="scholar-kip-desc"></p>
+                  <a class="btn-detail" href="https://kip-kuliah.kemdiktisaintek.go.id/" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+                <!-- BCA -->
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-university" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-bca">Beasiswa BCA</h4>
+                  <p data-lang-key="scholar-bca-desc"></p>
+                  <a class="btn-detail" href="https://karir.bca.co.id/beasiswa-bca" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+                <!-- Djarum -->
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-star" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-djarum">Djarum Beasiswa Plus</h4>
+                  <p data-lang-key="scholar-djarum-desc"></p>
+                  <a class="btn-detail" href="https://djarumbeasiswaplus.org/" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+                <!-- GenBI -->
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-hand-holding-heart" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-genbi">Beasiswa Bank Indonesia</h4>
+                  <p data-lang-key="scholar-genbi-desc"></p>
+                  <a class="btn-detail" href="https://share.google/OaZZyx5ak6EHKSF8W" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+                <!-- ADik -->
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-globe" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-adik">Beasiswa ADik Papua & 3T</h4>
+                  <p data-lang-key="scholar-adik-desc"></p>
+                  <a class="btn-detail" href="https://adik.kemdiktisaintek.go.id/" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+              </div>
+              <div class="slider-track"><div class="slider-thumb" id="thumb-snbp"></div></div>
+            </div>
+          </div>
         </div>
+
+        <!-- ===================== SNBT PANEL ===================== -->
+        <div class="path-panel" id="panel-snbt">
+          <div class="content-section" id="snbt-general">
+            <h2 class="section-h2" data-lang-key="snbt-title">SNBT – Seleksi Nasional Berdasarkan Tes</h2>
+            <p class="info-text" data-lang-key="info-snbt">Seleksi Nasional Berdasarkan Tes (SNBT) merupakan jalur penerimaan mahasiswa baru di Perguruan Tinggi Negeri (PTN) yang menggunakan ujian terstandar secara nasional.</p>
+            <div class="cta-row">
+              <a class="btn-cta btn-yellow" href="https://snpmb.id/" target="_blank"><i class="fas fa-desktop"></i> Website SNPMB</a>
+              <a class="btn-cta btn-yellow" href="https://www.instagram.com/snpmb_id/" target="_blank"><i class="fab fa-instagram"></i> Instagram SNPMB</a>
+              <a class="btn-cta btn-yellow" href="https://halo.snpmb.id/" target="_blank"><i class="fas fa-info-circle"></i> Helpdesk SNPMB</a>
+            </div>
+            <div class="chart-card" data-aos="fade-up">
+              <h3 data-lang-key="chart-title">Grafik Peminat dan Daya Tampung per Tahun</h3>
+              <canvas id="snbtChart" height="130"></canvas>
+              <div class="chart-legend">
+                <span style="display: flex; align-items: center; gap: 6px">
+                  <span class="legend-dot" style="background: var(--brand-navy)"></span>
+                  <span class="legend-text" data-lang-key="chart-legend-applicants">Jumlah Peminat</span>
+                </span>
+                <span style="display: flex; align-items: center; gap: 6px">
+                  <span class="legend-dot" style="background: var(--brand-yellow)"></span>
+                  <span class="legend-text" data-lang-key="chart-legend-capacity">Daya Tampung</span>
+                </span>
+              </div>
+            </div>
+          </div>
+
+          <div class="content-section" id="snbt-persyaratan">
+            <h2 class="section-h2" data-lang-key="section-persyaratan">Persyaratan</h2>
+            <div class="accordion-item">
+              <button class="accordion-header open" onclick="toggleAcc(this)">
+                <span data-lang-key="acc-snbt-req-general">Persyaratan Umum Mendaftar SNBT</span>
+                <i class="fas fa-chevron-up acc-icon"></i>
+              </button>
+              <div class="accordion-body open" data-lang-key="snbt-req-general-body">
+                <ul class="req-list">
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta harus <strong>memiliki Akun SNPMB Siswa</strong>. Registrasi Akun SNPMB Siswa dapat dilakukan di Portal SNPMB</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta merupakan <strong>Warga Negara Indonesia (WNI)</strong> yang memiliki <strong>Nomor Induk Kependudukan (NIK)</strong></span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta adalah siswa SMA/SMK/MA atau sederajat pada <strong>kelas terakhir</strong>, atau peserta didik Paket C dengan usia <strong>maksimal 25 tahun</strong></span></li>
+                  <li class="req-list-item--nested">
+                    <span class="req-check"><i class="fas fa-check"></i></span>
+                    <div class="req-list-content">
+                      <p class="req-list-text">Bagi siswa yang <strong>belum memiliki ijazah</strong>, wajib melampirkan <strong>surat keterangan sebagai siswa kelas 12</strong> yang sekurang-kurangnya memuat:</p>
+                      <ul class="req-sublist">
+                        <li>Identitas diri (nama, kelas, NISN, dan NPSN)</li>
+                        <li>Pas foto terbaru <strong>(berwarna)</strong></li>
+                        <li>Tanda tangan Kepala Sekolah/Madrasah</li>
+                        <li>Stempel/cap sekolah</li>
+                      </ul>
+                    </div>
+                  </li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Lulusan SMA/sederajat dari luar negeri wajib memiliki ijazah yang telah disetarakan</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Bagi peserta yang memilih program studi bidang <strong>Seni dan/atau Olahraga</strong> wajib mengunggah portofolio</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta memiliki kondisi kesehatan yang tidak mengganggu kelancaran proses studi</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Bagi peserta berkebutuhan khusus <strong>tunanetra</strong> wajib mengunggah <strong>Surat Pernyataan Tuna Netra</strong></span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta wajib membayar biaya UTBK sesuai ketentuan</span></li>
+                </ul>
+              </div>
+            </div>
+            <div class="accordion-item">
+              <button class="accordion-header" onclick="toggleAcc(this)">
+                <span data-lang-key="acc-snbt-utbk">Ketentuan SNPMB</span>
+                <i class="fas fa-chevron-down acc-icon"></i>
+              </button>
+              <div class="accordion-body" data-lang-key="snbt-ketentuan-body">
+                <ul class="req-list">
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta harus memiliki Akun SNPMB Siswa. Registrasi Akun SNPMB Siswa dapat dilakukan di Portal SNPMB</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta merupakan Warga Negara Indonesia (WNI) yang memiliki Nomor Induk Kependudukan (NIK)</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta adalah siswa SMA/SMK/MA atau sederajat pada kelas terakhir, atau peserta didik Paket C tahun 2026 dengan usia maksimal 25 tahun</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Bagi peserta yang memilih program studi bidang Seni dan/atau Olahraga wajib mengunggah portofolio</span></li>
+                </ul>
+              </div>
+            </div>
+            <div class="accordion-item">
+              <button class="accordion-header" onclick="toggleAcc(this)">
+                <span data-lang-key="acc-snbt-req-prodi">Persyaratan Umum Diterima SNBT</span>
+                <i class="fas fa-chevron-down acc-icon"></i>
+              </button>
+              <div class="accordion-body" data-lang-key="snbt-req-accepted-body">
+                <ul class="req-list">
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta telah lulus dari satuan pendidikan SMA/SMK/MA atau sederajat</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta dinyatakan lulus seleksi SNBT</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta lolos verifikasi data serta memenuhi persyaratan lain yang ditetapkan oleh masing-masing PTN</span></li>
+                  <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta melakukan daftar ulang di PTN tempat diterima sesuai dengan ketentuan yang berlaku</span></li>
+                </ul>
+              </div>
+            </div>
+          </div>
+
+          <div class="content-section" id="snbt-mekanisme">
+            <h2 class="section-h2" data-lang-key="section-mekanisme">Mekanisme</h2>
+            <div data-lang-key="snbt-mekanisme-full">
+              <p class="mek-text">Seleksi Nasional Berdasarkan Tes (SNBT) dilaksanakan melalui Ujian Tulis Berbasis Komputer (UTBK), yaitu tes terstandar untuk mengukur potensi kognitif, penalaran matematika, serta kemampuan literasi dalam bahasa Indonesia dan bahasa Inggris. UTBK bertujuan untuk menilai kemampuan berpikir logis, pemecahan masalah, serta kemampuan belajar yang tinggi sehingga dapat memahami materi yang akan diajarkan pada program studi spesifik. Selain itu, diharapkan terbentuknya kesempatan yang sama kepada semua calon mahasiswa dengan latar belakang ekonomi maupun kualitas pembelajaran sekolah asal yang berbeda.</p>
+              <ul class="mek-check-list">
+                <li class="req-list-item--nested">
+                  <span class="req-check"><i class="fas fa-check"></i></span>
+                  <div class="req-list-content">
+                    <p class="req-list-text"><strong>Tes Potensi Skolastik (TPS)</strong> mengukur kemampuan kognitif yang diperlukan untuk menunjang keberhasilan di pendidikan formal, khususnya di perguruan tinggi. Aspek yang diujikan meliputi:</p>
+                    <ul class="req-sublist">
+                      <li><strong>Kemampuan penalaran umum</strong>, mencakup penalaran induktif, deduktif, dan kuantitatif</li>
+                      <li>Pengetahuan dan pemahaman umum</li>
+                      <li>Pemahaman bacaan dan menulis</li>
+                      <li><strong>Pengetahuan Kuantitatif</strong>, mencakup pengetahuan dan penguasaan matematika dasar</li>
+                    </ul>
+                  </div>
+                </li>
+                <li class="req-list-item--nested">
+                  <span class="req-check"><i class="fas fa-check"></i></span>
+                  <div class="req-list-content">
+                    <p class="req-list-text"><strong>Tes literasi</strong> mengukur kemampuan berpikir peserta menggunakan konsep, prosedur, fakta, dan alat matematika untuk menyelesaikan masalah sehari-hari. Materi yang diujikan meliputi:</p>
+                    <ul class="req-sublist">
+                      <li>Literasi dalam <strong>Bahasa Indonesia</strong></li>
+                      <li>Literasi dalam <strong>Bahasa Inggris</strong></li>
+                      <li><strong>Penalaran Matematika</strong></li>
+                    </ul>
+                  </div>
+                </li>
+              </ul>
+              <p class="mek-text">Penalaran matematika dalam bagian ini bertujuan menilai kemampuan peserta dalam menggunakan konsep dan prosedur matematika untuk menyelesaikan masalah kontekstual, serta mengevaluasi dan merefleksikan informasi yang diperoleh agar dapat digunakan secara efektif dalam kehidupan sehari-hari. Instrumen tes untuk seleksi masuk PTN disusun oleh para ahli di bidang penilaian pendidikan dengan mempertimbangkan aspek teknis pelaksanaan, termasuk alokasi waktu pengerjaan dan tingkat kesulitan soal, sehingga hasil tes dapat mencerminkan kemampuan peserta secara objektif dan terukur.</p>
+            </div>
+          </div>
+
+          <div class="content-section" id="snbt-jadwal">
+            <h2 class="section-h2" data-lang-key="section-jadwal">Jadwal Pendaftaran</h2>
+            <div class="timeline-wrap" data-aos="fade-up">
+              <div class="timeline-center-line"></div>
+              <div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-jan-apr">Januari – April</h4><p data-lang-key="tl-snbt-1">Registrasi Akun SNPMB Siswa</p></div></div>
+              <div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-mar-apr">Maret – April</h4><p data-lang-key="tl-snbt-2">Pendaftaran SNBT</p></div></div>
+              <div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-mar-apr">Maret – April</h4><p data-lang-key="tl-snbt-3">Pembayaran Biaya UTBK</p></div></div>
+              <div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card""><h4 data-lang-key="month-apr-mei">April – Mei</h4><p data-lang-key="tl-snbt-4">Pelaksanaan UTBK</p></div></div>
+              <div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-mei">Mei</h4><p data-lang-key="tl-snbt-5">Pengumuman hasil SNBT</p></div></div>
+              <div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-jun-jul">Juni – Juli</h4><p data-lang-key="tl-snbt-6">Masa unduh sertifikat UTBK</p></div></div>
+            </div>
+          </div>
+
+          <div class="content-section" id="snbt-biaya">
+            <h2 class="section-h2" data-lang-key="section-biaya">Biaya Pendaftaran &amp; Pendidikan</h2>
+            <div class="biaya-acc-item">
+              <button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-lang-key="acc-biaya-pendaftaran">Biaya Pendaftaran</span> <i class="fas fa-chevron-up acc-icon"></i></button>
+              <div class="biaya-acc-body open">
+                <div class="fee-row-zero"><span data-lang-key="fee-snbt-utbk">Biaya UTBK</span><span>Rp 200.000,00</span></div>
+              </div>
+            </div>
+            <div class="biaya-acc-item">
+              <button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-lang-key="acc-biaya-pendidikan">Biaya Pendidikan</span> <i class="fas fa-chevron-up acc-icon"></i></button>
+              <div class="biaya-acc-body open">
+                <p class="fee-desc" data-lang-key="fee-desc-ukt">Uang Kuliah Tunggal (UKT) dikenakan kepada seluruh mahasiswa baru Program Diploma dan Sarjana dan <strong>dibayarkan setiap semester</strong>.</p>
+                <div class="fee-table-wrap">
+                  <table class="fee-table">
+                    <thead><tr><th data-lang-key="fee-col-group">Golongan UKT</th><th data-lang-key="fee-col-cost">Biaya (Rp)</th></tr></thead>
+                    <tbody>
+                      <tr><td>KLP I</td><td>500.000</td></tr>
+                      <tr><td>KLP II</td><td>1.000.000</td></tr>
+                      <tr><td>KLP III</td><td>3.200.000</td></tr>
+                      <tr><td>KLP IV</td><td>3.300.000</td></tr>
+                      <tr><td>KLP V</td><td>3.450.000</td></tr>
+                      <tr><td>KLP VI</td><td>5.000.000</td></tr>
+                      <tr><td>KLP VII</td><td>6.550.000</td></tr>
+                      <tr><td>KLP VIII</td><td>8.100.000</td></tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="fee-highlight" data-lang-key="fee-highlight-snbt">Mahasiswa yang diterima melalui SNBT dengan menggunakan KIP Kuliah akan diverifikasi dan berpeluang mendapatkan pembebasan UKT sesuai ketentuan KIP Kuliah dan UNTAN.</div>
+              </div>
+            </div>
+          </div>
+
+          <div class="content-section" id="snbt-beasiswa">
+            <h2 class="section-h2" data-lang-key="section-beasiswa">Beasiswa</h2>
+            <p class="info-text" data-lang-key="snbt-beasiswa-desc">Mahasiswa SNBT juga berhak mengajukan berbagai program beasiswa yang tersedia sesuai ketentuan masing-masing penyelenggara.</p>
+            <div class="scholarship-slider-wrap">
+              <div class="scholarship-slider" id="slider-snbt">
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-id-card" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-kip">Kartu Indonesia Pintar Kuliah</h4>
+                  <p data-lang-key="scholar-kip-desc"></p>
+                  <a class="btn-detail" href="https://kip-kuliah.kemdiktisaintek.go.id/" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+                <!-- BCA -->
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-university" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-bca">Beasiswa BCA</h4>
+                  <p data-lang-key="scholar-bca-desc"></p>
+                  <a class="btn-detail" href="https://karir.bca.co.id/beasiswa-bca" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+                <!-- Djarum -->
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-star" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-djarum">Djarum Beasiswa Plus</h4>
+                  <p data-lang-key="scholar-djarum-desc"></p>
+                  <a class="btn-detail" href="https://djarumbeasiswaplus.org/" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+                <!-- GenBI -->
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-hand-holding-heart" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-genbi">Beasiswa Bank Indonesia</h4>
+                  <p data-lang-key="scholar-genbi-desc"></p>
+                  <a class="btn-detail" href="https://share.google/OaZZyx5ak6EHKSF8W" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+                <!-- ADik -->
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-globe" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-adik">Beasiswa ADik Papua & 3T</h4>
+                  <p data-lang-key="scholar-adik-desc"></p>
+                  <a class="btn-detail" href="https://adik.kemdiktisaintek.go.id/" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+              </div>
+              <div class="slider-track"><div class="slider-thumb" id="thumb-snbt"></div></div>
+            </div>
+          </div>
+        </div>
+
+        <!-- ===================== SMMPTN PANEL ===================== -->
+        <div class="path-panel" id="panel-smmptn">
+          <div class="content-section" id="smmptn-general">
+            <h2 class="section-h2"><span data-lang-key="smmptn-title">SMMPTN Barat – Seleksi Mandiri Wilayah Barat</span></h2>
+            <p class="info-text" data-lang-key="info-smmptn">Seleksi Mandiri Masuk Perguruan Tinggi Negeri Wilayah Barat (SMMPTN-Barat) merupakan jalur seleksi mandiri yang diselenggarakan secara bersama oleh sejumlah perguruan tinggi negeri di wilayah barat Indonesia.</p>
+            <div class="cta-row">
+              <a class="btn-cta btn-yellow" href="https://smmptnbarat.id/" target="_blank"><i class="fas fa-desktop"></i> Website SMMPTN</a>
+              <a class="btn-cta btn-yellow" href="https://www.instagram.com/smmptnbaratofficial/" target="_blank"><i class="fab fa-instagram"></i> Instagram SMMPTN</a>
+            </div>
+          </div>
+
+          <div class="content-section" id="smmptn-persyaratan">
+            <h2 class="section-h2" data-lang-key="section-persyaratan">Persyaratan</h2>
+            <div data-lang-key="smmptn-persyaratan-list">
+              <ul class="req-list">
+                <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta merupakan lulusan SMA/SMK/MA atau sederajat dalam <strong>3 tahun terakhir dari periode saat ini</strong> atau memiliki ijazah Paket C dengan usia <strong>maksimal 25 tahun</strong></span></li>
+                <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta dapat memilih <strong>maksimal 2 (dua)</strong> program studi pada satu PTN atau dua PTN yang berbeda, yang tidak harus berada di lokasi UTBK, dengan urutan pilihan menunjukkan prioritas</span></li>
+                <li><span class="req-check"><i class="fas fa-check"></i></span><span>Ujian dilaksanakan dalam bentuk <strong>Ujian Tulis Berbasis Komputer (UTBK)</strong></span></li>
+              </ul>
+            </div>
+          </div>
+
+          <div class="content-section" id="smmptn-mekanisme">
+            <h2 class="section-h2" data-lang-key="section-mekanisme">Mekanisme</h2>
+            <div data-lang-key="smmptn-mekanisme-full">
+              <p class="mek-text">Mekanisme seleksi SMM PTN-Barat dilaksanakan melalui ujian tertulis berbasis komputer yang dirancang untuk mengukur kemampuan akademik dan kesiapan calon mahasiswa dalam menempuh pendidikan tinggi. Ujian ini menggunakan pendekatan tes terstandar yang berfokus pada kemampuan kognitif, literasi, dan penalaran, sehingga dapat memastikan peserta memiliki kemampuan berpikir kritis, pemecahan masalah, serta kapasitas belajar yang baik. Adapun jenis materi utama dalam ujian ini, sebagai berikut:</p>
+              <ul class="mek-check-list">
+                <li class="req-list-item--nested">
+                  <span class="req-check"><i class="fas fa-check"></i></span>
+                  <div class="req-list-content">
+                    <p class="req-list-text"><strong>Tes Potensi Skolastik (TPS)</strong> mengukur kemampuan kognitif yang diperlukan untuk menunjang keberhasilan dalam pendidikan formal, khususnya di perguruan tinggi. Aspek yang diujikan meliputi:</p>
+                    <ul class="req-sublist">
+                      <li>Kemampuan Penalaran Umum</li>
+                      <li>Kemampuan Kuantitatif yang mencakup pengetahuan dan penguasaan matematika dasar</li>
+                      <li>Pengetahuan dan Pemahaman umum</li>
+                      <li>Kemampuan Bacaan dan Menulis</li>
+                    </ul>
+                  </div>
+                </li>
+                <li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Tes literasi</strong> bertujuan untuk mengukur kemampuan peserta dalam memahami, menggunakan, mengevaluasi, dan merefleksikan berbagai jenis teks guna menyelesaikan permasalahan serta mengembangkan kapasitas individu sebagai warga Indonesia dan warga dunia. Tes ini mencakup literasi dalam Bahasa Indonesia dan literasi dalam Bahasa Inggris.</span></li>
+                <li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Penalaran Matematika</strong> mengukur kemampuan berpikir menggunakan konsep, prosedur, fakta, dan alat matematika untuk menyelesaikan masalah sehari-hari pada berbagai jenis konteks yang relevan untuk individu sebagai warga negara Indonesia dan warga negara dunia</span></li>
+              </ul>
+            </div>
+          </div>
+
+          <div class="content-section" id="smmptn-jadwal">
+            <h2 class="section-h2" data-lang-key="section-jadwal">Jadwal Pendaftaran</h2>
+            <div class="timeline-wrap" data-aos="fade-up">
+              <div class="timeline-center-line"></div>
+              <div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-mei-jun">Mei - Juni</h4><p data-lang-key="tl-smmptn-1">Pendaftaran online</p></div></div>
+              <div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-jun">Juni</h4><p data-lang-key="tl-smmptn-2">Pelaksanaan UTBK SMMPTN</p></div></div>
+              <div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-jun">Juni</h4><p data-lang-key="tl-smmptn-3">Pengumuman Hasil Seleksi SMMPTN</p></div></div>
+            </div>
+          </div>
+
+          <div class="content-section" id="smmptn-biaya">
+            <h2 class="section-h2" data-lang-key="section-biaya">Biaya Pendaftaran &amp; Pendidikan</h2>
+            <div class="biaya-acc-item">
+              <button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-lang-key="acc-biaya-pendaftaran">Biaya Pendaftaran</span> <i class="fas fa-chevron-up acc-icon"></i></button>
+              <div class="biaya-acc-body open">
+                <div class="fee-row-zero"><span data-lang-key="fee-smmptn">Biaya Ujian SMMPTN</span><span>Rp 375.000,00</span></div>
+                <div class="fee-highlight" data-lang-key="fee-smmptn-payment-note">Biaya pendaftaran dibayarkan pada saat proses pendaftaran secara online melalui bank mitra yang telah ditunjuk yaitu Bank Mandiri, Bank BNI, Bank BTN, dan Bank BSI. Biaya pendaftaran yang telah dibayarkan <strong>TIDAK DAPAT</strong> ditarik kembali dengan alasan apa pun.</div>
+              </div>
+            </div>
+            <div class="biaya-acc-item">
+              <button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-lang-key="acc-biaya-pendidikan">Biaya Pendidikan</span> <i class="fas fa-chevron-up acc-icon"></i></button>
+              <div class="biaya-acc-body open">
+                <p class="fee-desc" data-lang-key="fee-desc-ukt">Uang Kuliah Tunggal (UKT) dikenakan kepada seluruh mahasiswa baru Program Diploma dan Sarjana dan <strong>dibayarkan setiap semester</strong>.</p>
+                <div class="fee-table-wrap">
+                  <table class="fee-table">
+                    <thead><tr><th data-lang-key="fee-col-group">Golongan UKT</th><th data-lang-key="fee-col-cost">Biaya (Rp)</th></tr></thead>
+                    <tbody>
+                      <tr><td>KLP I</td><td>500.000</td></tr>
+                      <tr><td>KLP II</td><td>1.000.000</td></tr>
+                      <tr><td>KLP V</td><td>3.450.000</td></tr>
+                      <tr><td>KLP VI</td><td>5.000.000</td></tr>
+                      <tr><td>KLP VII</td><td>6.550.000</td></tr>
+                      <tr><td>KLP VIII</td><td>8.100.000</td></tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="fee-highlight" data-lang-key="fee-highlight-ukt">Besaran UKT terbagi dalam beberapa kelompok yang ditentukan berdasarkan kemampuan ekonomi mahasiswa, orang tua, atau pihak lain yang membiayai mahasiswa.</div>
+              </div>
+            </div>
+            <div class="biaya-acc-item">
+              <button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-lang-key="acc-biaya-ipi">Iuran Pengembangan Institusi (IPI)</span> <i class="fas fa-chevron-up acc-icon"></i></button>
+              <div class="biaya-acc-body open">
+                <p class="fee-desc" data-lang-key="fee-ipi-desc">Iuran Pengembangan Institusi (IPI) dikenakan khusus bagi mahasiswa yang <strong>diterima melalui jalur SMM PTN-Barat dan jalur Mandiri</strong>. Pembayaran IPI dilakukan satu kali selama masa studi dan dapat diangsur hingga <strong>empat semester</strong>.</p>
+                <div class="fee-table-wrap">
+                  <table class="fee-table">
+                    <thead><tr><th data-lang-key="fee-col-ipi-group">Kelompok IPI</th><th data-lang-key="fee-col-cost">Biaya (Rp)</th></tr></thead>
+                    <tbody>
+                      <tr><td>I</td><td>500.000</td></tr>
+                      <tr><td>II</td><td>1.000.000</td></tr>
+                      <tr><td>V</td><td>4.000.000</td></tr>
+                      <tr><td>VI</td><td>4.000.000</td></tr>
+                      <tr><td>VII</td><td>4.000.000</td></tr>
+                      <tr><td>VIII</td><td>4.000.000</td></tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="fee-highlight" data-lang-key="fee-ipi-highlight">Mahasiswa yang diterima melalui jalur SNBP dan SNBT tidak dikenakan IPI.</div>
+              </div>
+            </div>
+          </div>
+
+          <div class="content-section" id="smmptn-beasiswa">
+            <h2 class="section-h2" data-lang-key="section-beasiswa">Beasiswa</h2>
+            <p class="info-text" data-lang-key="smmptn-beasiswa-desc">Berbagai beasiswa tersedia bagi mahasiswa yang diterima melalui jalur SMMPTN-Barat, dapat diajukan setelah proses penerimaan selesai.</p>
+            <div class="scholarship-slider-wrap">
+              <div class="scholarship-slider" id="slider-smmptn">
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-university" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-bca">Beasiswa BCA</h4>
+                  <p data-lang-key="scholar-bca-desc"></p>
+                  <a class="btn-detail" href="https://karir.bca.co.id/beasiswa-bca" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+                <!-- Djarum -->
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-star" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-djarum">Djarum Beasiswa Plus</h4>
+                  <p data-lang-key="scholar-djarum-desc"></p>
+                  <a class="btn-detail" href="https://djarumbeasiswaplus.org/" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+                <!-- GenBI -->
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-hand-holding-heart" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-genbi">Beasiswa Bank Indonesia</h4>
+                  <p data-lang-key="scholar-genbi-desc"></p>
+                  <a class="btn-detail" href="https://share.google/OaZZyx5ak6EHKSF8W" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+                <!-- ADik -->
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-globe" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-adik">Beasiswa ADik Papua & 3T</h4>
+                  <p data-lang-key="scholar-adik-desc"></p>
+                  <a class="btn-detail" href="https://adik.kemdiktisaintek.go.id/" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+              </div>
+              <div class="slider-track"><div class="slider-thumb" id="thumb-smmptn"></div></div>
+            </div>
+          </div>
+        </div>
+
+        <!-- ===================== MANDIRI PANEL ===================== -->
+        <div class="path-panel" id="panel-mandiri">
+          <div class="content-section" id="mandiri-general">
+            <h2 class="section-h2"><span data-lang-key="mandiri-title">Mandiri UNTAN – Seleksi Mandiri Universitas Tanjungpura</span></h2>
+            <p class="info-text" data-lang-key="info-mandiri">Seleksi Mandiri UNTAN merupakan jalur penerimaan mahasiswa baru yang diselenggarakan secara langsung oleh Universitas Tanjungpura.</p>
+            <div class="cta-row">
+              <a class="btn-cta btn-yellow" href="https://scmb.untan.ac.id/" target="_blank"><i class="fas fa-desktop"></i> Website UNTAN</a>
+              <a class="btn-cta btn-yellow" href="https://www.instagram.com/univtanjungpura/" target="_blank"><i class="fab fa-instagram"></i> Instagram UNTAN</a>
+              <a class="btn-cta btn-yellow" href="http://helpdesk.untan.ac.id/" target="_blank"><i class="fas fa-info-circle"></i> Helpdesk UNTAN</a>
+            </div>
+            <div class="chart-card" data-aos="fade-up">
+              <h3 data-lang-key="chart-title">Grafik Peminat dan Daya Tampung per Tahun</h3>
+              <canvas id="mandiriChart" height="130"></canvas>
+              <div class="chart-legend">
+                <span style="display: flex; align-items: center; gap: 6px">
+                  <span class="legend-dot" style="background: var(--brand-navy)"></span>
+                  <span class="legend-text" data-lang-key="chart-legend-applicants">Jumlah Peminat</span>
+                </span>
+                <span style="display: flex; align-items: center; gap: 6px">
+                  <span class="legend-dot" style="background: var(--brand-yellow)"></span>
+                  <span class="legend-text" data-lang-key="chart-legend-capacity">Daya Tampung</span>
+                </span>
+              </div>
+            </div>
+          </div>
+
+          <div class="content-section" id="mandiri-persyaratan">
+            <h2 class="section-h2" data-lang-key="section-persyaratan">Persyaratan</h2>
+            <div data-lang-key="mandiri-persyaratan-list">
+              <ul class="req-list">
+                <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta merupakan lulusan SMA/SMK/MA atau sederajat dalam <strong>3 tahun terakhir dari periode saat ini</strong> atau memiliki ijazah Paket C dengan usia maksimal 25 tahun</span></li>
+                <li><span class="req-check"><i class="fas fa-check"></i></span><span><strong>Kelas Pagi dan Internasional</strong> terbuka untuk lulusan tiga tahun terakhir.</span></li>
+                <li><span class="req-check"><i class="fas fa-check"></i></span><span><strong>Kelas Sore dan Malam</strong> tidak dibatasi tahun kelulusan dan usia lulusan Paket C.</span></li>
+                <li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta memiliki kondisi kesehatan yang memadai untuk mengikuti proses pembelajaran di perguruan tinggi.</span></li>
+                <li><span class="req-check"><i class="fas fa-check"></i></span><span>Sejumlah program studi, seperti Kedokteran dan Pendidikan Jasmani, memiliki persyaratan khusus seperti tidak buta warna yang harus dibuktikan dengan surat keterangan dari dokter spesialis atau pemerintah.</span></li>
+              </ul>
+            </div>
+          </div>
+
+          <div class="content-section" id="mandiri-mekanisme">
+            <h2 class="section-h2" data-lang-key="section-mekanisme">Mekanisme</h2>
+            <div data-lang-key="mandiri-mekanisme-full">
+              <p class="mek-text">Penerimaan mahasiswa baru Program Diploma dan Sarjana melalui jalur Seleksi Mandiri UNTAN didasarkan pada hasil Ujian Tulis Berbasis Komputer (UTBK) dan/atau tes tambahan sesuai dengan program studi yang dipilih. Berikut adalah rincian ujian dan tes tambahan yang dilakukan:</p>
+              <ul class="mek-check-list">
+                <li class="req-list-item--nested">
+                  <span class="req-check"><i class="fas fa-check"></i></span>
+                  <div class="req-list-content">
+                    <p class="req-list-text"><strong>Ujian Tulis Berbasis Komputer (UTBK)</strong> yang memuat materi berikut:</p>
+                    <ul class="req-sublist">
+                      <li>Penalaran verbal</li>
+                      <li>Kemampuan Kuantitatif</li>
+                      <li>Pemecahan masalah</li>
+                      <li>Literasi Bahasa Indonesia</li>
+                      <li>Literasi Bahasa Inggris</li>
+                      <li>Numerasi</li>
+                    </ul>
+                  </div>
+                </li>
+                <li class="req-list-item--nested">
+                  <span class="req-check"><i class="fas fa-check"></i></span>
+                  <div class="req-list-content">
+                    <p class="req-list-text"><strong>Tes Tambahan:</strong></p>
+                    <ul class="req-sublist">
+                      <li>Ujian keterampilan untuk Program Studi Pendidikan Seni Pertunjukan, Pendidikan Jasmani, dan Pendidikan Kepelatihan Olahraga (PKO).</li>
+                      <li>Tes keterampilan Program Studi Pendidikan Seni Pertunjukan meliputi tes pengetahuan dan keterampilan bidang Ilmu Seni terkait.</li>
+                      <li>Tes keterampilan Program Studi Pendidikan Jasmani dan Pendidikan Kepelatihan Olahraga (PKO) meliputi pemeriksaan kesehatan dan tes keterampilan motorik.</li>
+                      <li>Tes psikologi dan wawancara khusus bagi calon mahasiswa Program Studi Kedokteran</li>
+                    </ul>
+                  </div>
+                </li>
+              </ul>
+              <p class="mek-text">Peserta yang <strong>tidak hadir</strong> pada saat UTBK dan/atau Tes Tambahan <strong>dianggap mengundurkan diri</strong> dari proses seleksi Jalur Mandiri UNTAN. Peserta jalur afirmasi dan/atau jalur prestasi dan penelusuran bakat dilakukan verifikasi melalui wawancara.</p>
+            </div>
+          </div>
+
+          <div class="content-section" id="mandiri-jadwal">
+            <h2 class="section-h2" data-lang-key="section-jadwal">Jadwal Pendaftaran</h2>
+            <div class="timeline-wrap" data-aos="fade-up">
+              <div class="timeline-center-line"></div>
+              <div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card" ><h4 data-lang-key="month-jun">Juni</h4><p data-lang-key="tl-mandiri-1">Pendaftaran Seleksi Mandiri UNTAN</p></div></div>
+              <div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-jun">Juni</h4><p data-lang-key="tl-mandiri-2">Pembuatan PIN</p></div></div>
+              <div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-jul">Juli</h4><p data-lang-key="tl-mandiri-3">Pelaksanaan UTBK Jalur Seleksi Mandiri</p></div></div>
+              <div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-jul">Juli</h4><p data-lang-key="tl-mandiri-4">Pelaksanaan Tes Tambahan</p></div></div>
+              <div class="timeline-row right"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-jul">Juli</h4><p data-lang-key="tl-mandiri-5">Wawancara Kategori Jalur Afirmasi, Prestasi, dan Penelusuran Bakat</p></div></div>
+              <div class="timeline-row left"><div class="timeline-dot"></div><div class="timeline-card"><h4 data-lang-key="month-jul">Juli</h4><p data-lang-key="tl-mandiri-6">Pengumuman Hasil Seleksi Mandiri</p></div></div>
+            </div>
+          </div>
+
+          <div class="content-section" id="mandiri-biaya">
+            <h2 class="section-h2" data-lang-key="section-biaya">Biaya Pendaftaran &amp; Pendidikan</h2>
+            <div class="biaya-acc-item">
+              <button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-lang-key="acc-biaya-pendaftaran">Biaya Pendaftaran</span> <i class="fas fa-chevron-up acc-icon"></i></button>
+              <div class="biaya-acc-body open">
+                <ul class="fee-line-list">
+                  <li class="fee-line-item"><span class="fee-line-label" data-lang-key="fee-mandiri-utbk">Biaya Ujian Tulis Berbasis Komputer (UTBK) Jalur Mandiri</span><span class="fee-line-amount">Rp 300.000,00</span></li>
+                  <li class="fee-line-item"><span class="fee-line-label" data-lang-key="fee-mandiri-keterampilan">Biaya Tambahan Ujian Keterampilan (Program Studi Pendidikan Seni Pertunjukan, Pendidikan Jasmani, dan Pendidikan Kepelatihan Olahraga (PKO))</span><span class="fee-line-amount">Rp 300.000,00</span></li>
+                  <li class="fee-line-item"><span class="fee-line-label" data-lang-key="fee-mandiri-wawancara">Biaya Tambahan Wawancara (Program Studi Kedokteran)</span><span class="fee-line-amount">Rp 150.000,00</span></li>
+                  <li class="fee-line-item"><span class="fee-line-label" data-lang-key="fee-mandiri-psikologi">Biaya Tambahan Tes Psikologi (Program Studi Kedokteran)</span><span class="fee-line-amount">Rp 400.000,00</span></li>
+                </ul>
+                <div class="fee-highlight" data-lang-key="fee-mandiri-payment-note">Seluruh biaya dibayarkan melalui host to host atau teller Bank Kalbar. Penting untuk dicatat bahwa biaya yang sudah dibayarkan tidak dapat diubah atau ditarik kembali dengan alasan apapun.</div>
+              </div>
+            </div>
+            <div class="biaya-acc-item">
+              <button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-lang-key="acc-biaya-pendidikan">Biaya Pendidikan</span> <i class="fas fa-chevron-up acc-icon"></i></button>
+              <div class="biaya-acc-body open">
+                <p class="fee-desc" data-lang-key="fee-desc-ukt">Uang Kuliah Tunggal (UKT) dikenakan kepada seluruh mahasiswa baru Program Diploma dan Sarjana dan <strong>dibayarkan setiap semester</strong>.</p>
+                <div class="fee-table-wrap">
+                  <table class="fee-table">
+                    <thead><tr><th data-lang-key="fee-col-group">Golongan UKT</th><th data-lang-key="fee-col-cost">Biaya (Rp)</th></tr></thead>
+                    <tbody>
+                      <tr><td>KLP I</td><td>500.000</td></tr>
+                      <tr><td>KLP II</td><td>1.000.000</td></tr>
+                      <tr><td>KLP V</td><td>3.450.000</td></tr>
+                      <tr><td>KLP VI</td><td>5.000.000</td></tr>
+                      <tr><td>KLP VII</td><td>6.550.000</td></tr>
+                      <tr><td>KLP VIII</td><td>8.100.000</td></tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="fee-highlight" data-lang-key="fee-highlight-ukt">Besaran UKT terbagi dalam beberapa kelompok yang ditentukan berdasarkan kemampuan ekonomi mahasiswa, orang tua, atau pihak lain yang membiayai mahasiswa.</div>
+              </div>
+            </div>
+            <div class="biaya-acc-item">
+              <button class="biaya-acc-header" onclick="toggleBiayaAcc(this)"><span data-lang-key="acc-biaya-ipi">Iuran Pengembangan Institusi (IPI)</span> <i class="fas fa-chevron-up acc-icon"></i></button>
+              <div class="biaya-acc-body open">
+                <p class="fee-desc" data-lang-key="fee-ipi-desc">Iuran Pengembangan Institusi (IPI) dikenakan khusus bagi mahasiswa yang <strong>diterima melalui jalur SMM PTN-Barat dan jalur Mandiri</strong>. Pembayaran IPI dilakukan satu kali selama masa studi dan dapat diangsur hingga <strong>empat semester</strong>.</p>
+                <div class="fee-table-wrap">
+                  <table class="fee-table">
+                    <thead><tr><th data-lang-key="fee-col-ipi-group">Kelompok IPI</th><th data-lang-key="fee-col-cost">Biaya (Rp)</th></tr></thead>
+                    <tbody>
+                      <tr><td>I</td><td>500.000</td></tr>
+                      <tr><td>II</td><td>1.000.000</td></tr>
+                      <tr><td>V</td><td>4.000.000</td></tr>
+                      <tr><td>VI</td><td>4.000.000</td></tr>
+                      <tr><td>VII</td><td>4.000.000</td></tr>
+                      <tr><td>VIII</td><td>4.000.000</td></tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="fee-highlight" data-lang-key="fee-ipi-highlight">Mahasiswa yang diterima melalui jalur SNBP dan SNBT tidak dikenakan IPI.</div>
+              </div>
+            </div>
+          </div>
+
+          <div class="content-section" id="mandiri-beasiswa">
+            <h2 class="section-h2" data-lang-key="section-beasiswa">Beasiswa</h2>
+            <p class="info-text" data-lang-key="mandiri-beasiswa-desc">Mahasiswa jalur Mandiri UNTAN dapat mengakses berbagai program beasiswa yang tersedia sesuai kriteria dan mekanisme pengajuan masing-masing penyelenggara.</p>
+            <div class="scholarship-slider-wrap">
+              <div class="scholarship-slider" id="slider-mandiri">
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-university" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-bca">Beasiswa BCA</h4>
+                  <p data-lang-key="scholar-bca-desc"></p>
+                  <a class="btn-detail" href="https://karir.bca.co.id/beasiswa-bca" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+                <!-- Djarum -->
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-star" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-djarum">Djarum Beasiswa Plus</h4>
+                  <p data-lang-key="scholar-djarum-desc"></p>
+                  <a class="btn-detail" href="https://djarumbeasiswaplus.org/" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+                <!-- GenBI -->
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-hand-holding-heart" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-genbi">Beasiswa Bank Indonesia</h4>
+                  <p data-lang-key="scholar-genbi-desc"></p>
+                  <a class="btn-detail" href="https://share.google/OaZZyx5ak6EHKSF8W" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+                <!-- ADik -->
+                <div class="scholarship-card">
+                  <div class="scholarship-icon-wrap"><i class="fas fa-globe" style="color: var(--brand-yellow)"></i></div>
+                  <h4 data-lang-key="scholar-adik">Beasiswa ADik Papua & 3T</h4>
+                  <p data-lang-key="scholar-adik-desc"></p>
+                  <a class="btn-detail" href="https://adik.kemdiktisaintek.go.id/" target="_blank" data-lang-key="btn-detail">Lihat Detail</a>
+                </div>
+              </div>
+              <div class="slider-track"><div class="slider-thumb" id="thumb-mandiri"></div></div>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
 
-<main id="main-content" class="pt-[88px] lg:pt-[160px] min-h-screen bg-white">
-        <div class="container mx-auto px-4 lg:px-8 py-12">
-            <div class="mb-8 pb-8 border-b border-slate-200">
-                <span class="bg-untan-yellow text-slate-900 text-[10px] font-bold uppercase tracking-widest px-2 py-0.5 inline-block mb-3">Tugas Halaman Statis</span>
-                <h1 class="text-3xl lg:text-4xl font-bold text-slate-900 mb-2">Judul Halaman Group 02</h1>
-                <p class="text-slate-500 text-sm">Kelompok 02 &mdash; HabisIniSeminar &nbsp;&middot;&nbsp; Informatika UNTAN 2026</p>
-            </div>
-            <div id="assignment-body" class="prose prose-slate max-w-none">
-                <!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= -->
-                <p>Tulis konten halaman kelompok di sini.</p>
-                <h3>Subjudul</h3>
-                <p>Gunakan paragraf, list, tabel, gambar, dan elemen konten lainnya.</p>
-                <!-- ================= END: BAGIAN YANG DIEDIT KELOMPOK ================= -->
-            </div>
+    <section id="faq-section">
+      <h2 data-lang-key="faq-title">Pertanyaan Umum tentang Penerimaan Mahasiswa Baru</h2>
+      <p class="faq-sub" data-lang-key="faq-sub">Temukan jawaban atas pertanyaan Anda</p>
+      <div class="faq-list">
+        <div class="faq-item" data-aos="fade-up">
+          <button class="faq-header open" onclick="toggleFaq(this)"><span data-lang-key="faq-q1">Bagaimana cara mengetahui hasil seleksi?</span><i class="fas fa-chevron-up faq-icon"></i></button>
+          <div class="faq-body open" data-lang-key="faq-a1">Hasil seleksi diumumkan secara online melalui portal resmi sesuai jadwal yang telah ditentukan.</div>
         </div>
+        <div class="faq-item" data-aos="fade-up">
+          <button class="faq-header" onclick="toggleFaq(this)"><span data-lang-key="faq-q2">Apa konsekuensi jika tidak melakukan registrasi ulang atau pembayaran tepat waktu?</span><i class="fas fa-chevron-down faq-icon"></i></button>
+          <div class="faq-body" data-lang-key="faq-a2">Keterlambatan registrasi atau pembayaran dapat menyebabkan status kelulusan dibatalkan atau dianggap mengundurkan diri.</div>
+        </div>
+        <div class="faq-item" data-aos="fade-up">
+          <button class="faq-header" onclick="toggleFaq(this)"><span data-lang-key="faq-q3">Apa yang harus dilakukan setelah dinyatakan lulus seleksi?</span><i class="fas fa-chevron-down faq-icon"></i></button>
+          <div class="faq-body" data-lang-key="faq-a3">Calon mahasiswa wajib melakukan registrasi ulang dan memenuhi seluruh persyaratan administrasi sesuai ketentuan. Informasi lebih lanjut dapat diakses melalui website atau media sosial resmi Informatika UNTAN.</div>
+        </div>
+        <div class="faq-item" data-aos="fade-up">
+          <button class="faq-header" onclick="toggleFaq(this)"><span data-lang-key="faq-q4">Berapa pilihan peminatan yang tersedia pada program studi ini?</span><i class="fas fa-chevron-down faq-icon"></i></button>
+          <div class="faq-body" data-lang-key="faq-a4">Program studi ini menyediakan 4 peminatan, yaitu Kecerdasan Buatan (AI), Rekayasa Perangkat Lunak, Jaringan &amp; Keamanan, serta Sistem Informasi.</div>
+        </div>
+        <div class="faq-item" data-aos="fade-up">
+          <button class="faq-header" onclick="toggleFaq(this)"><span data-lang-key="faq-q5">Apakah mahasiswa akan mendapatkan pengalaman praktik atau proyek selama kuliah?</span><i class="fas fa-chevron-down faq-icon"></i></button>
+          <div class="faq-body" data-lang-key="faq-a5">Ya, mahasiswa akan mengikuti berbagai praktikum, tugas proyek, serta kerja kelompok yang dirancang untuk meningkatkan keterampilan teknis dan pemecahan masalah secara nyata.</div>
+        </div>
+        <div class="faq-item" data-aos="fade-up">
+          <button class="faq-header" onclick="toggleFaq(this)"><span data-lang-key="faq-q6">Bagaimana suasana dan kehidupan kampus di Informatika UNTAN?</span><i class="fas fa-chevron-down faq-icon"></i></button>
+          <div class="faq-body" data-lang-key="faq-a6">Lingkungan kampus mendukung kegiatan akademik dan non-akademik, dengan berbagai organisasi mahasiswa dan komunitas teknologi.</div>
+        </div>
+        <div class="faq-item" data-aos="fade-up">
+          <button class="faq-header" onclick="toggleFaq(this)"><span data-lang-key="faq-q7">Apakah lulusan Informatika UNTAN memiliki peluang kerja yang baik?</span><i class="fas fa-chevron-down faq-icon"></i></button>
+          <div class="faq-body" data-lang-key="faq-a7">Lulusan memiliki peluang kerja yang luas di berbagai bidang seperti pengembangan perangkat lunak, analisis data, keamanan jaringan, hingga kewirausahaan di bidang teknologi.</div>
+        </div>
+        <div class="faq-item" data-aos="fade-up">
+          <button class="faq-header" onclick="toggleFaq(this)"><span data-lang-key="faq-q8">Apakah mahasiswa Informatika UNTAN dapat mengikuti lomba atau kompetisi?</span><i class="fas fa-chevron-down faq-icon"></i></button>
+          <div class="faq-body" data-lang-key="faq-a8">Ya, mahasiswa didorong untuk berpartisipasi dalam berbagai lomba dan kompetisi di bidang teknologi, baik tingkat lokal, nasional, maupun internasional.</div>
+        </div>
+      </div>
+    </section>
+
+            </div>
+            <!-- ================= END: BAGIAN YANG DIEDIT KELOMPOK ================= -->
+        </article>
+
     </main>
 
-    <footer class="bg-untan-navy text-white pt-16 relative overflow-hidden mt-0">
-        <div class="container mx-auto px-4 lg:px-8 relative z-10 flex flex-col items-center justify-center text-center">
-
-            <h3 class="text-xs font-bold text-slate-300 uppercase tracking-widest mb-4" data-i18n="footer_follow_us">
-                Ikuti Kami</h3>
-            <div class="flex items-center justify-center gap-5 sm:gap-6 mb-10">
-                <a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
-                    class="text-white hover:text-untan-yellow transition-colors"><i
-                        class="fab fa-instagram text-xl sm:text-2xl"></i></a>
-                <a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
-                    class="text-white hover:text-untan-yellow transition-colors"><i
-                        class="fab fa-youtube text-xl sm:text-2xl"></i></a>
-                <a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
-                    class="text-white hover:text-untan-yellow transition-colors"><i
-                        class="fab fa-facebook-f text-xl sm:text-2xl"></i></a>
-                <a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
-                    class="text-white hover:text-untan-yellow transition-colors"><i
-                        class="fab fa-twitter text-xl sm:text-2xl"></i></a>
-                <a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
-                    class="text-white hover:text-untan-yellow transition-colors"><i
-                        class="fab fa-linkedin-in text-xl sm:text-2xl"></i></a>
-                <a href="https://instagram.com/informatika.untan" target="_blank" rel="noopener noreferrer"
-                    class="text-white hover:text-untan-yellow transition-colors"><i
-                        class="fab fa-tiktok text-xl sm:text-2xl"></i></a>
-            </div>
-
-            <div class="flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-6 mb-8 text-left">
-                <img src="https://upload.wikimedia.org/wikipedia/id/0/03/Lambang_Universitas_Tanjungpura.png"
-                    class="h-16 sm:h-20 shrink-0" alt="Logo UNTAN">
-                <div
-                    class="border-t sm:border-t-0 sm:border-l-2 border-white/30 pt-4 sm:pt-0 sm:pl-5 py-1 flex flex-col justify-center leading-tight">
-                    <h2 class="text-2xl sm:text-3xl font-bold font-sans tracking-widest uppercase mb-1">INFORMATIKA</h2>
-                    <h2 class="text-xs sm:text-sm font-normal text-slate-200 tracking-widest uppercase mt-0.5">
-                        UNIVERSITAS TANJUNGPURA</h2>
-                </div>
-            </div>
-
-            <div class="mb-5 text-sm sm:text-base text-slate-100 max-w-2xl font-light">
-                <p class="flex flex-col sm:flex-row items-center justify-center gap-2 mb-1">
-                    <i class="fas fa-map-marker-alt text-untan-yellow"></i>
-                    Jl. Prof. Dr. H. Hadari Nawawi, Bansir Laut, Kec. Pontianak Tenggara,
-                </p>
-                <p>Kota Pontianak, Kalimantan Barat 78124</p>
-            </div>
-
-            <div
-                class="text-xs sm:text-sm text-slate-200 flex flex-wrap justify-center items-center gap-x-3 gap-y-2 mb-12 font-light tracking-wide">
-                <span>E: info@informatika.untan.ac.id</span>
-                <span class="hidden sm:inline opacity-50">|</span>
-                <span>P: +62 851-7165-5161</span>
-                <span class="hidden sm:inline opacity-50">|</span>
-                <span>F: +62(561) 739637</span>
-                <span class="hidden sm:inline opacity-50">|</span>
-                <span>WA: +62 851-7165-5161</span>
-            </div>
-
-        </div>
-
-        <div class="w-full relative z-0 mt-4 pointer-events-none flex justify-center">
-            <img src="../../assets/global/footer.png" alt="Footer Illustration" class="w-full h-auto object-cover object-bottom"
-                style="object-position: bottom;">
+    <!-- ===========================
+         Shell: Footer (template)
+         =========================== -->
+    <footer class="footer">
+        <div class="container footer-inner">
+            <img src="../../assets/global/logo.png" alt="Logo UNTAN" class="footer-logo">
+            <p>© Informatika UNTAN — Group 02</p>
         </div>
+        <img src="../../assets/global/footer.png" alt="Footer ornament" class="footer-ornament">
     </footer>
 
     <script>
-        (function () {
-            const menuItems = document.querySelectorAll('[data-menu]');
-            const megaOverlay = document.getElementById('mega-overlay');
+      // ============================================================
+      // PAGE_TEXT_BY_LANGUAGE — kamus terjemahan lengkap ID / EN
+      // ============================================================
+      const PAGE_TEXT_BY_LANGUAGE = {
+        
+        'page-title': { id: 'Penerimaan Mahasiswa Baru Informatika UNTAN | Kelompok 02', en: 'New Student Admission Informatics UNTAN | Group 02' },
+        'brand': { id: 'Informatika UNTAN Penerimaan Mahasiswa Baru', en: 'Informatics UNTAN New Student Admission' },
+        'badge': { id: 'Halaman Statis', en: 'Static Page' },
+        'hero-title-1': { id: 'Penerimaan Mahasiswa Baru', en: 'New Student Admission' },
+        'hero-title-2': { id: 'Informatika UNTAN', en: 'Informatics UNTAN' },
+        'hero-description': { id: 'Informasi dan jadwal pendaftaran mahasiswa baru melalui jalur SNBP, SNBT, dan Jalur Mandiri UNTAN', en: 'Information and schedule for new student registration via the SNBP, SNBT, and UNTAN Independent Pathways' },
+        'meta-group': { id: 'Kelompok 02', en: 'Group 02' },
+        'about-title': { id: 'Seleksi Program Sarjana', en: 'Undergraduate Program Selection' },
+        'about-desc': { id: 'Program Studi Informatika Universitas Tanjungpura membuka kesempatan bagi putra-putri terbaik bangsa untuk bergabung melalui berbagai jalur seleksi. Kami mencari talenta yang siap menjadi inovator teknologi masa depan.', en: 'The Informatics Study Program at Tanjungpura University opens opportunities for the nation\'s best students to join through various selection pathways. We seek talented individuals ready to become future technology innovators.' },
+        'path-snbp-desc': { id: 'Seleksi Nasional Berdasarkan Prestasi', en: 'National Selection Based on Achievement' },
+        'path-snbt-desc': { id: 'Seleksi Nasional Berdasarkan Tes', en: 'National Selection Based on Test' },
+        'path-smmptn-desc': { id: 'Seleksi Mandiri Wilayah Barat', en: 'Western Region Joint Independent Selection' },
+        'path-mandiri-desc': { id: 'Seleksi Mandiri Universitas Tanjungpura', en: 'Tanjungpura University Independent Selection' },
+        'info-jalur-title': { id: 'Informasi Jalur Seleksi', en: 'Selection Pathway Information' },
+        'sidebar-heading': { id: 'Pilih Jalur', en: 'Choose Pathway' },
+        'sidebar-data-date': { id: '*Data yang digunakan per tanggal Mei 2026', en: '*Data used as of May 2026' },
+        'sidebar-link-general': { id: 'Informasi Umum', en: 'General Information' },
+        'sidebar-link-persyaratan': { id: 'Persyaratan', en: 'Requirements' },
+        'sidebar-link-mekanisme': { id: 'Mekanisme', en: 'Process' },
+        'sidebar-link-jadwal': { id: 'Jadwal', en: 'Schedule' },
+        'sidebar-link-biaya': { id: 'Biaya Pendaftaran & Pendidikan', en: 'Registration & Education Fees' },
+        'sidebar-link-beasiswa': { id: 'Beasiswa', en: 'Scholarships' },
 
-            let activeMenu = null;
+        // ── SNBP ──────────────────────────────────────────────────────────────
+        'snbp-title': { id: 'SNBP – Seleksi Nasional Berdasarkan Prestasi', en: 'SNBP – National Selection Based on Achievement' },
+        'info-snbp': {
+          id: 'Seleksi Nasional Berdasarkan Prestasi (SNBP) merupakan jalur penerimaan mahasiswa baru Perguruan Tinggi Negeri (PTN) yang diselenggarakan secara nasional oleh SNPMB. SNBP dilaksanakan melalui mekanisme seleksi berdasarkan hasil belajar di jenjang pendidikan menengah, yang meliputi nilai rapor, prestasi akademik maupun nonakademik, serta kriteria tambahan yang ditetapkan masing-masing PTN. Skema ini bertujuan memberikan kesempatan kepada peserta didik yang memiliki rekam jejak prestasi unggul dan konsisten selama masa studi. SNBP menjadi bagian integral dari upaya pemerintah dalam menciptakan proses seleksi yang objektif, transparan, dan mendorong penguatan pembelajaran di sekolah.',
+          en: 'The National Selection Based on Achievement (SNBP) is a state university (PTN) admission pathway organized nationally by SNPMB. SNBP uses a selection mechanism based on secondary-school learning outcomes, including grade reports, academic and non-academic achievements, and additional criteria set by each PTN. This scheme aims to give opportunities to students with outstanding and consistent achievement records. SNBP is an integral part of the government\'s effort to create an objective, transparent selection process that strengthens school-level learning.'
+        },
+        'acc-snbp-req-general': { id: 'Persyaratan Umum Mendaftar SNBP', en: 'General Requirements to Register for SNBP' },
+        'acc-snbp-ketentuan': { id: 'Ketentuan SNPMB', en: 'SNPMB Regulations' },
+        'acc-snbp-req-accepted': { id: 'Persyaratan Umum Diterima SNBP', en: 'General Requirements to be Accepted via SNBP' },
 
-            const menuMap = {
-                tentang: 'mega-tentang',
-                program: 'mega-program',
-                sdm: 'mega-sdm',
-                fasilitas: 'mega-fasilitas',
-                karya: 'mega-karya',
-                kontak: 'mega-kontak'
-            };
+        // SNBP accordion bodies
+        'snbp-req-general-body': {
+          html: true,
+          id: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Merupakan siswa SMA/SMK/MA kelas terakhir pada <strong>periode ini</strong> yang <strong>memiliki prestasi unggul</strong>.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Memiliki NISN dan <strong>terdaftar di PDSS</strong>.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Memiliki <strong>nilai rapor</strong> yang telah diisikan di PDSS sesuai dengan ketentuan.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Memiliki <strong>prestasi akademik</strong>.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Memenuhi persyaratan yang ditentukan oleh masing-masing PTN Akademik dan PTN Vokasi.</span></li></ul>',
+          en: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Must be a final-year student of SMA/SMK/MA in the <strong>current period</strong> with <strong>outstanding achievement</strong>.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Must possess a NISN and be <strong>registered in PDSS</strong>.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Must have <strong>grade report scores</strong> entered in PDSS in accordance with the applicable requirements.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Must have demonstrable <strong>academic achievements</strong>.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Must meet additional requirements set by each Academic PTN and Vocational PTN.</span></li></ul>'
+        },
+        'snbp-ketentuan-body': {
+          html: true,
+          id: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Siswa yang telah dinyatakan lulus seleksi Jalur SNBP tidak dapat mendaftar UTBK-SNBT.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Siswa yang dinyatakan lulus seleksi Jalur SNBP tidak dapat mendaftar seleksi Jalur Mandiri pada periode yang sama di PTN manapun.</span></li></ul>',
+          en: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Students who have been accepted through the SNBP pathway are not eligible to register for UTBK-SNBT.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Students accepted through SNBP may not apply for any Independent (Mandiri) pathway selection at any PTN during the same period.</span></li></ul>'
+        },
+        'snbp-req-accepted-body': {
+          html: true,
+          id: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta telah lulus dari satuan pendidikan SMA/SMK/MA atau sederajat</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta dinyatakan lulus SNBP pada periode ini</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta lolos verifikasi data serta memenuhi persyaratan lain yang ditetapkan oleh masing-masing PTN</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta melakukan daftar ulang di PTN tempat diterima sesuai dengan ketentuan yang berlaku</span></li></ul>',
+          en: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicant has graduated from SMA/SMK/MA or equivalent secondary education</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicant has been declared accepted through SNBP in the current period</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicant has passed data verification and meets any additional requirements set by each PTN</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicant completes re-registration at the accepting PTN in accordance with applicable regulations</span></li></ul>'
+        },
 
-            function setButtonState(menuId) {
-                menuItems.forEach(item => {
-                    const isActive = item.getAttribute('data-menu') === menuId;
-                    const btn = item.querySelector('.nav-menu-btn');
-                    const chevron = item.querySelector('.fa-chevron-down');
+        // SNBP mekanisme
+        'snbp-mekanisme-text': {
+          html: true,
+          id: '<p class="mek-text">Seleksi Nasional Berdasarkan Prestasi (SNBP) di Universitas Tanjungpura mempertimbangkan performa akademik siswa secara menyeluruh melalui nilai rapor, serta pencapaian prestasi sebagai nilai tambah dalam proses seleksi. Komponen yang dinilai meliputi:</p><ul class="mek-check-list"><li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Nilai rapor:</strong> rata-rata nilai seluruh mata pelajaran termasuk pada mata pelajaran yang relevan dengan program studi yang dipilih.</span></li><li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Prestasi akademik dan non-akademik:</strong> pencapaian baik di bidang ilmu pengetahuan (seperti olimpiade atau lomba sains) maupun di luar akademik (seperti olahraga, seni, organisasi, dan kegiatan ekstrakurikuler)</span></li></ul>',
+          en: '<p class="mek-text">The National Selection Based on Achievement (SNBP) at Tanjungpura University evaluates students\' overall academic performance through grade reports, along with achievements that add value to the selection. Evaluated components include:</p><ul class="mek-check-list"><li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Grade reports:</strong> the average score across all subjects, including those relevant to the chosen study program.</span></li><li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Academic and non-academic achievements:</strong> accomplishments in academic competitions (e.g., olympiads or science contests) as well as non-academic fields (e.g., sports, arts, organizations, and extracurricular activities).</span></li></ul>'
+        },
 
-                    btn.classList.toggle('active', isActive);
-                    btn.setAttribute('aria-expanded', isActive ? 'true' : 'false');
-                    chevron.style.transform = isActive ? 'rotate(180deg)' : '';
-                });
+        // SNBP schedule
+        'tl-snbp-1': { id: 'Pengumuman kuota sekolah dan masa sanggah', en: 'School quota announcement and appeal period' },
+        'tl-snbp-2': { id: 'Registrasi akun dan pengisian PDSS oleh sekolah', en: 'Account registration and PDSS data entry by schools' },
+        'tl-snbp-3': { id: 'Registrasi akun SNPMB siswa', en: 'Student SNPMB account registration' },
+        'tl-snbp-4': { id: 'Pendaftaran SNBP', en: 'SNBP registration' },
+        'tl-snbp-5': { id: 'Pengumuman hasil SNBP', en: 'SNBP results announcement' },
+        'tl-snbp-6': { id: 'Unduh kartu peserta SNBP', en: 'Download SNBP participant card' },
+
+        'snbp-fee-desc': {
+          html: true,
+          id: 'UKT dibagi dalam beberapa kategori yang disesuaikan dengan kemampuan ekonomi orang tua mahasiswa dan <strong>dibayarkan tiap semester</strong>.',
+          en: 'UKT is divided into several categories adjusted to the student\'s family economic capacity and is <strong>paid every semester</strong>.'
+        },
+        'fee-highlight-snbp': {
+          id: 'Mahasiswa yang diterima melalui SNBP dengan menggunakan KIP Kuliah akan diverifikasi dan berpeluang mendapatkan pembebasan UKT sesuai ketentuan KIP Kuliah dan UNTAN.',
+          en: 'Students admitted through SNBP using KIP-Kuliah will be verified and may be eligible for UKT exemption in accordance with KIP-Kuliah and UNTAN regulations.'
+        },
+        'snbp-beasiswa-desc': {
+          id: 'Para mahasiswa bisa memperoleh beasiswa dari berbagai sumber dengan mekanisme pengajuan sesuai ketentuan lembaga pemberi beasiswa.',
+          en: 'Students may obtain scholarships from various sources, with application mechanisms according to the rules of each scholarship provider.'
+        },
+
+        // Scholarship card descriptions
+        'scholar-kip-desc': { html: true, id: 'KIP-Kuliah ditujukan secara eksklusif hanya untuk yang tidak mampu secara ekonomi', en: 'KIP-Kuliah is exclusively aimed at students who are economically disadvantaged.' },
+        'scholar-bca-desc': { html: true, id: 'Beasiswa dalam bentuk Program Pendidikan Teknik Informatika (PPTI) yang diselenggarakan oleh BCA.', en: 'A scholarship in the form of the Informatics Engineering Education Program (PPTI) organized by BCA.' },
+        'scholar-djarum-desc': { html: true, id: 'Beasiswa pengembangan talenta digital dari Djarum Foundation untuk mahasiswa semester 4 ke atas.', en: 'Digital talent development scholarship from Djarum Foundation for 4th-semester students and above.' },
+        'scholar-genbi-desc': { html: true, id: 'Beasiswa dari Bank Indonesia yang memberikan bantuan pendidikan dan pengembangan diri bagi mahasiswa berprestasi.', en: 'A scholarship from Bank Indonesia that provides educational support and self-development opportunities for outstanding students.' },
+        'scholar-adik-desc': { html: true, id: 'Beasiswa afirmasi untuk mahasiswa asli Papua, Papua Barat, dan daerah 3T (Terdepan, Terluar, Tertinggal).', en: 'Affirmation scholarship for students from Papua, West Papua, and underdeveloped, frontier, and outermost regions.' },
+
+        // ── SNBT ──────────────────────────────────────────────────────────────
+        'snbt-title': { id: 'SNBT – Seleksi Nasional Berdasarkan Tes', en: 'SNBT – National Selection Based on Test' },
+        'info-snbt': {
+          id: 'Seleksi Nasional Berdasarkan Tes (SNBT) merupakan jalur penerimaan mahasiswa baru di Perguruan Tinggi Negeri (PTN) yang menggunakan ujian terstandar secara nasional. Peserta akan mengikuti serangkaian tes untuk mengukur potensi akademik, kemampuan bernalar, serta kesiapan belajar di perguruan tinggi. Penilaian dalam SNBT sepenuhnya didasarkan pada hasil tes yang dikerjakan peserta, sehingga kelulusan tidak ditentukan oleh faktor seperti kondisi ekonomi, asal sekolah (negeri atau swasta), maupun lokasi daerah, melainkan murni berdasarkan skor UTBK. Dengan demikian, seluruh peserta dinilai menggunakan standar yang sama sehingga proses seleksi berlangsung secara adil dan transparan. SNBT menjadi salah satu instrumen utama SNPMB dalam menjamin akses pendidikan tinggi yang meritokratis, akuntabel, dan inklusif.',
+          en: 'The National Selection Based on Test (SNBT) is a PTN admission pathway that uses a nationally standardized examination. Participants take a series of tests measuring academic potential, reasoning ability, and readiness for higher education. SNBT assessment is based entirely on test scores — admission is not influenced by economic background, school type (public or private), or regional location. All participants are evaluated on the same standard, ensuring a fair and transparent process. SNBT is one of SNPMB\'s primary instruments for guaranteeing meritocratic, accountable, and inclusive access to higher education.'
+        },
+        'acc-snbt-req-general': { id: 'Persyaratan Umum Mendaftar SNBT', en: 'General Requirements to Register for SNBT' },
+        'acc-snbt-utbk': { id: 'Ketentuan SNPMB', en: 'SNPMB Regulations' },
+        'acc-snbt-req-prodi': { id: 'Persyaratan Umum Diterima SNBT', en: 'General Requirements to be Accepted via SNBT' },
+
+        // SNBT accordion bodies
+        'snbt-req-general-body': {
+          html: true,
+          id: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta harus <strong>memiliki Akun SNPMB Siswa</strong>. Registrasi Akun SNPMB Siswa dapat dilakukan di Portal SNPMB</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta merupakan <strong>Warga Negara Indonesia (WNI)</strong> yang memiliki <strong>Nomor Induk Kependudukan (NIK)</strong></span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta adalah siswa SMA/SMK/MA atau sederajat pada <strong>kelas terakhir</strong>, atau peserta didik Paket C dengan usia <strong>maksimal 25 tahun</strong></span></li><li class="req-list-item--nested"><span class="req-check"><i class="fas fa-check"></i></span><div class="req-list-content"><p class="req-list-text">Bagi siswa yang <strong>belum memiliki ijazah</strong>, wajib melampirkan <strong>surat keterangan sebagai siswa kelas 12</strong> yang sekurang-kurangnya memuat:</p><ul class="req-sublist"><li>Identitas diri (nama, kelas, NISN, dan NPSN)</li><li>Pas foto terbaru <strong>(berwarna)</strong></li><li>Tanda tangan Kepala Sekolah/Madrasah</li><li>Stempel/cap sekolah</li></ul></div></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Lulusan SMA/sederajat dari luar negeri wajib memiliki ijazah yang telah disetarakan</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Bagi peserta yang memilih program studi bidang <strong>Seni dan/atau Olahraga</strong> wajib mengunggah portofolio</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta memiliki kondisi kesehatan yang tidak mengganggu kelancaran proses studi</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Bagi peserta berkebutuhan khusus <strong>tunanetra</strong> wajib mengunggah <strong>Surat Pernyataan Tuna Netra</strong></span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta wajib membayar biaya UTBK sesuai ketentuan</span></li></ul>',
+          en: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicants must have a <strong>Student SNPMB Account</strong>. Registration can be done on the SNPMB Portal.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicants must be <strong>Indonesian citizens (WNI)</strong> with a valid <strong>National Identity Number (NIK)</strong>.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicants must be final-year students of SMA/SMK/MA or equivalent, or Paket C students aged <strong>no more than 25 years</strong>.</span></li><li class="req-list-item--nested"><span class="req-check"><i class="fas fa-check"></i></span><div class="req-list-content"><p class="req-list-text">Applicants who <strong>have not yet received their diploma</strong> must submit a <strong>Grade 12 student certificate</strong> containing at minimum:</p><ul class="req-sublist"><li>Personal identity (name, class, NISN, and NPSN)</li><li>Most recent <strong>colour</strong> photograph</li><li>Signature of the School/Madrasah Principal</li><li>Official school stamp/seal</li></ul></div></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Overseas graduates of SMA or equivalent must hold a recognized equivalent certificate.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicants choosing study programs in the fields of <strong>Arts and/or Sports</strong> must upload a portfolio.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicants must be in a health condition that does not interfere with the study process.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicants with visual impairment (<strong>tunanetra</strong>) must upload a <strong>Visual Impairment Declaration Letter</strong>.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicants must pay the UTBK fee as required.</span></li></ul>'
+        },
+        'snbt-ketentuan-body': {
+          html: true,
+          id: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta harus memiliki Akun SNPMB Siswa. Registrasi Akun SNPMB Siswa dapat dilakukan di Portal SNPMB</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta merupakan Warga Negara Indonesia (WNI) yang memiliki Nomor Induk Kependudukan (NIK)</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta adalah siswa SMA/SMK/MA atau sederajat pada kelas terakhir, atau peserta didik Paket C tahun 2026 dengan usia maksimal 25 tahun</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Bagi peserta yang memilih program studi bidang Seni dan/atau Olahraga wajib mengunggah portofolio</span></li></ul>',
+          en: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicants must have a Student SNPMB Account. Registration can be done on the SNPMB Portal.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicants must be Indonesian citizens (WNI) with a valid National Identity Number (NIK).</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicants must be final-year SMA/SMK/MA students or equivalent, or 2026 Paket C students aged no more than 25 years.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicants choosing Arts and/or Sports study programs must upload a portfolio.</span></li></ul>'
+        },
+        'snbt-req-accepted-body': {
+          html: true,
+          id: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta telah lulus dari satuan pendidikan SMA/SMK/MA atau sederajat</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta dinyatakan lulus seleksi SNBT</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta lolos verifikasi data serta memenuhi persyaratan lain yang ditetapkan oleh masing-masing PTN</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta melakukan daftar ulang di PTN tempat diterima sesuai dengan ketentuan yang berlaku</span></li></ul>',
+          en: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicant has graduated from SMA/SMK/MA or equivalent secondary education.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicant has been officially accepted through SNBT selection.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicant has passed data verification and meets any additional requirements set by each PTN.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicant completes re-registration at the accepting PTN in accordance with applicable regulations.</span></li></ul>'
+        },
+
+        // SNBT mekanisme (full block)
+        'snbt-mekanisme-full': {
+          html: true,
+          id: '<p class="mek-text">Seleksi Nasional Berdasarkan Tes (SNBT) dilaksanakan melalui Ujian Tulis Berbasis Komputer (UTBK), yaitu tes terstandar untuk mengukur potensi kognitif, penalaran matematika, serta kemampuan literasi dalam bahasa Indonesia dan bahasa Inggris. UTBK bertujuan untuk menilai kemampuan berpikir logis, pemecahan masalah, serta kemampuan belajar yang tinggi sehingga dapat memahami materi yang akan diajarkan pada program studi spesifik. Selain itu, diharapkan terbentuknya kesempatan yang sama kepada semua calon mahasiswa dengan latar belakang ekonomi maupun kualitas pembelajaran sekolah asal yang berbeda.</p><ul class="mek-check-list"><li class="req-list-item--nested"><span class="req-check"><i class="fas fa-check"></i></span><div class="req-list-content"><p class="req-list-text"><strong>Tes Potensi Skolastik (TPS)</strong> mengukur kemampuan kognitif yang diperlukan untuk menunjang keberhasilan di pendidikan formal, khususnya di perguruan tinggi. Aspek yang diujikan meliputi:</p><ul class="req-sublist"><li><strong>Kemampuan penalaran umum</strong>, mencakup penalaran induktif, deduktif, dan kuantitatif</li><li>Pengetahuan dan pemahaman umum</li><li>Pemahaman bacaan dan menulis</li><li><strong>Pengetahuan Kuantitatif</strong>, mencakup pengetahuan dan penguasaan matematika dasar</li></ul></div></li><li class="req-list-item--nested"><span class="req-check"><i class="fas fa-check"></i></span><div class="req-list-content"><p class="req-list-text"><strong>Tes literasi</strong> mengukur kemampuan berpikir peserta menggunakan konsep, prosedur, fakta, dan alat matematika untuk menyelesaikan masalah sehari-hari. Materi yang diujikan meliputi:</p><ul class="req-sublist"><li>Literasi dalam <strong>Bahasa Indonesia</strong></li><li>Literasi dalam <strong>Bahasa Inggris</strong></li><li><strong>Penalaran Matematika</strong></li></ul></div></li></ul><p class="mek-text">Penalaran matematika dalam bagian ini bertujuan menilai kemampuan peserta dalam menggunakan konsep dan prosedur matematika untuk menyelesaikan masalah kontekstual, serta mengevaluasi dan merefleksikan informasi yang diperoleh agar dapat digunakan secara efektif dalam kehidupan sehari-hari. Instrumen tes untuk seleksi masuk PTN disusun oleh para ahli di bidang penilaian pendidikan dengan mempertimbangkan aspek teknis pelaksanaan, termasuk alokasi waktu pengerjaan dan tingkat kesulitan soal, sehingga hasil tes dapat mencerminkan kemampuan peserta secara objektif dan terukur.</p>',
+          en: '<p class="mek-text">The National Selection Based on Test (SNBT) is conducted through the Computer-Based Written Examination (UTBK), a standardized test measuring cognitive potential, mathematical reasoning, and literacy skills in both Indonesian and English. UTBK aims to assess logical thinking, problem-solving, and high learning readiness so that students can handle the material taught in specific study programs. Equal opportunities are also created for all applicants regardless of their economic background or the quality of their previous school.</p><ul class="mek-check-list"><li class="req-list-item--nested"><span class="req-check"><i class="fas fa-check"></i></span><div class="req-list-content"><p class="req-list-text"><strong>Scholastic Potential Test (TPS)</strong> measures the cognitive abilities required for success in formal higher education. Tested aspects include:</p><ul class="req-sublist"><li><strong>General reasoning ability</strong>, covering inductive, deductive, and quantitative reasoning</li><li>General knowledge and understanding</li><li>Reading comprehension and writing</li><li><strong>Quantitative Knowledge</strong>, covering basic mathematics knowledge and mastery</li></ul></div></li><li class="req-list-item--nested"><span class="req-check"><i class="fas fa-check"></i></span><div class="req-list-content"><p class="req-list-text"><strong>Literacy Test</strong> measures applicants\' ability to think using mathematical concepts, procedures, facts, and tools to solve everyday problems. Tested materials include:</p><ul class="req-sublist"><li>Literacy in <strong>Indonesian</strong></li><li>Literacy in <strong>English</strong></li><li><strong>Mathematical Reasoning</strong></li></ul></div></li></ul><p class="mek-text">The mathematical reasoning section assesses applicants\' ability to apply mathematical concepts and procedures to solve contextual problems, and to evaluate and reflect on information so it can be used effectively in daily life. SNBT test instruments are developed by education assessment experts, taking into account technical aspects such as time allocation and difficulty level, so that results objectively and measurably reflect each applicant\'s true ability.</p>'
+        },
+
+        // SNBT schedule
+        'tl-snbt-1': { id: 'Registrasi Akun SNPMB Siswa', en: 'Student SNPMB Account Registration' },
+        'tl-snbt-2': { id: 'Pendaftaran SNBT', en: 'SNBT Registration' },
+        'tl-snbt-3': { id: 'Pembayaran Biaya UTBK', en: 'UTBK Fee Payment' },
+        'tl-snbt-4': { id: 'Pelaksanaan UTBK', en: 'UTBK Examination' },
+        'tl-snbt-5': { id: 'Pengumuman hasil SNBT', en: 'SNBT Results Announcement' },
+        'tl-snbt-6': { id: 'Masa unduh sertifikat UTBK', en: 'UTBK Certificate Download Period' },
+
+        'fee-highlight-snbt': {
+          id: 'Mahasiswa yang diterima melalui SNBT dengan menggunakan KIP Kuliah akan diverifikasi dan berpeluang mendapatkan pembebasan UKT sesuai ketentuan KIP Kuliah dan UNTAN.',
+          en: 'Students admitted through SNBT using KIP-Kuliah will be verified and may be eligible for UKT exemption in accordance with KIP-Kuliah and UNTAN regulations.'
+        },
+        'snbt-beasiswa-desc': {
+          id: 'Mahasiswa SNBT juga berhak mengajukan berbagai program beasiswa yang tersedia sesuai ketentuan masing-masing penyelenggara.',
+          en: 'SNBT students are also eligible to apply for various scholarship programs according to each provider\'s terms and conditions.'
+        },
+        'scholar-kipk-desc': { id: 'Program pemerintah untuk mahasiswa tidak mampu secara ekonomi namun berprestasi.', en: 'A government program for economically disadvantaged yet high-achieving students.' },
+        'scholar-bca-snbt-desc': { id: 'Program Pendidikan Teknik Informatika (PPTI) yang diselenggarakan oleh BCA untuk mahasiswa terpilih.', en: 'The Informatics Engineering Education Program (PPTI) organized by BCA for selected students.' },
+        'scholar-unggulan-desc': { id: 'Beasiswa dari Kemendikbud untuk mahasiswa berprestasi di tingkat nasional maupun internasional.', en: 'A scholarship from the Ministry of Education for students with national or international-level achievements.' },
+
+        // ── SMMPTN-Barat ───────────────────────────────────────────────────────
+        'smmptn-title': { id: 'SMMPTN Barat – Seleksi Mandiri Wilayah Barat', en: 'SMMPTN West – Western Region Joint Independent Selection' },
+        'info-smmptn': {
+          id: 'Seleksi Mandiri Masuk Perguruan Tinggi Negeri Wilayah Barat (SMMPTN-Barat) merupakan jalur seleksi mandiri yang diselenggarakan secara bersama oleh sejumlah perguruan tinggi negeri di wilayah barat Indonesia dengan menggunakan ujian berbasis komputer sebagai dasar penilaian. Jalur ini memberikan kesempatan tambahan bagi lulusan SLTA yang belum berhasil diterima melalui jalur Seleksi Nasional Berdasarkan Prestasi (SNBP) maupun Seleksi Nasional Berdasarkan Tes (SNBT), baik karena keterbatasan kuota maupun kurang tepat dalam memilih program studi dan perguruan tinggi negeri. Selain itu, SMMPTN-Barat juga menjadi alternatif bagi peserta yang belum memiliki akun SNPMB untuk tetap dapat mengikuti seleksi masuk perguruan tinggi negeri.',
+          en: 'The Independent Selection for State Universities in the Western Region (SMMPTN-Barat) is an independent selection process held jointly by several state universities in the western region of Indonesia, utilizing computer-based exams as the basis for assessment. This process provides additional opportunities for high school graduates who have not been accepted through the National Selection Based on Achievement (SNBP) or National Selection Based on Tests (SNBT), either due to limited quotas or inappropriate selection of study programs and state universities. Furthermore, SMMPTN-Barat also serves as an alternative for participants who do not yet have an SNPMB account to still participate in the state university entrance selection process.'
+        },
+
+        'smmptn-persyaratan-list': {
+          html: true,
+          id: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta merupakan lulusan SMA/SMK/MA atau sederajat dalam <strong>3 tahun terakhir dari periode saat ini</strong> atau memiliki ijazah Paket C dengan usia <strong>maksimal 25 tahun</strong></span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta dapat memilih <strong>maksimal 2 (dua)</strong> program studi pada satu PTN atau dua PTN yang berbeda, yang tidak harus berada di lokasi UTBK, dengan urutan pilihan menunjukkan prioritas</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Ujian dilaksanakan dalam bentuk <strong>Ujian Tulis Berbasis Komputer (UTBK)</strong></span></li></ul>',
+          en: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicants must be graduates of SMA/SMK/MA or equivalent within the <strong>last 3 years</strong>, or hold a Paket C certificate with a maximum age of <strong>25 years</strong>.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicants may select up to <strong>2 (two)</strong> study programs at one PTN or at two different PTNs — not necessarily located at the UTBK test centre — with the order of choices indicating priority.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>The examination is administered as a <strong>Computer-Based Written Test (UTBK)</strong>.</span></li></ul>'
+        },
+
+        'smmptn-mekanisme-full': {
+          html: true,
+          id: '<p class="mek-text">Mekanisme seleksi SMM PTN-Barat dilaksanakan melalui ujian tertulis berbasis komputer yang dirancang untuk mengukur kemampuan akademik dan kesiapan calon mahasiswa dalam menempuh pendidikan tinggi. Ujian ini menggunakan pendekatan tes terstandar yang berfokus pada kemampuan kognitif, literasi, dan penalaran, sehingga dapat memastikan peserta memiliki kemampuan berpikir kritis, pemecahan masalah, serta kapasitas belajar yang baik. Adapun jenis materi utama dalam ujian ini, sebagai berikut:</p><ul class="mek-check-list"><li class="req-list-item--nested"><span class="req-check"><i class="fas fa-check"></i></span><div class="req-list-content"><p class="req-list-text"><strong>Tes Potensi Skolastik (TPS)</strong> mengukur kemampuan kognitif yang diperlukan untuk menunjang keberhasilan dalam pendidikan formal, khususnya di perguruan tinggi. Aspek yang diujikan meliputi:</p><ul class="req-sublist"><li>Kemampuan Penalaran Umum</li><li>Kemampuan Kuantitatif yang mencakup pengetahuan dan penguasaan matematika dasar</li><li>Pengetahuan dan Pemahaman umum</li><li>Kemampuan Bacaan dan Menulis</li></ul></div></li><li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Tes literasi</strong> bertujuan untuk mengukur kemampuan peserta dalam memahami, menggunakan, mengevaluasi, dan merefleksikan berbagai jenis teks guna menyelesaikan permasalahan serta mengembangkan kapasitas individu sebagai warga Indonesia dan warga dunia. Tes ini mencakup literasi dalam Bahasa Indonesia dan literasi dalam Bahasa Inggris.</span></li><li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Penalaran Matematika</strong> mengukur kemampuan berpikir menggunakan konsep, prosedur, fakta, dan alat matematika untuk menyelesaikan masalah sehari-hari pada berbagai jenis konteks yang relevan untuk individu sebagai warga negara Indonesia dan warga negara dunia</span></li></ul>',
+          en: '<p class="mek-text">The SMMPTN-West selection mechanism is carried out through a computer-based written examination designed to assess the academic ability and higher-education readiness of applicants. The exam uses a standardized testing approach focused on cognitive ability, literacy, and reasoning, ensuring that applicants have critical thinking skills, problem-solving ability, and strong learning capacity. The main types of material covered in the exam are as follows:</p><ul class="mek-check-list"><li class="req-list-item--nested"><span class="req-check"><i class="fas fa-check"></i></span><div class="req-list-content"><p class="req-list-text"><strong>Scholastic Potential Test (TPS)</strong> measures the cognitive abilities needed to succeed in formal higher education. Tested aspects include:</p><ul class="req-sublist"><li>General Reasoning Ability</li><li>Quantitative Ability covering knowledge and mastery of basic mathematics</li><li>General Knowledge and Understanding</li><li>Reading Comprehension and Writing Ability</li></ul></div></li><li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Literacy Test</strong> aims to measure applicants\' ability to understand, use, evaluate, and reflect on various types of texts in order to solve problems and develop individual capacity as citizens of Indonesia and of the world. The test covers literacy in Indonesian and literacy in English.</span></li><li><span class="req-check" style="margin-top: 2px"><i class="fas fa-check"></i></span><span><strong>Mathematical Reasoning</strong> measures the ability to think using mathematical concepts, procedures, facts, and tools to solve everyday problems across various types of contexts relevant to individuals as citizens of Indonesia and of the world.</span></li></ul>'
+        },
+
+        // SMMPTN schedule
+        'tl-smmptn-1': { id: 'Pendaftaran online', en: 'Online registration' },
+        'tl-smmptn-2': { id: 'Pelaksanaan UTBK SMMPTN', en: 'SMMPTN UTBK Examination' },
+        'tl-smmptn-3': { id: 'Pengumuman Hasil Seleksi SMMPTN', en: 'SMMPTN Selection Results Announcement' },
+
+        'smmptn-beasiswa-desc': {
+          id: 'Berbagai beasiswa tersedia bagi mahasiswa yang diterima melalui jalur SMMPTN-Barat, dapat diajukan setelah proses penerimaan selesai.',
+          en: 'Various scholarships are available to students admitted via the SMMPTN-West pathway and may be applied for after the admission process is complete.'
+        },
+        'scholar-untan-smmptn-desc': { id: 'Diberikan kepada mahasiswa baru dengan nilai seleksi tertinggi dari jalur SMMPTN-Barat.', en: 'Awarded to new students with the highest selection scores from the SMMPTN-West pathway.' },
+
+        // ── Mandiri UNTAN ──────────────────────────────────────────────────────
+        'mandiri-title': { id: 'Mandiri UNTAN – Seleksi Mandiri Universitas Tanjungpura', en: 'Mandiri UNTAN – Tanjungpura University Independent Selection' },
+        'info-mandiri': {
+          id: 'Seleksi Mandiri UNTAN merupakan jalur penerimaan mahasiswa baru yang diselenggarakan secara langsung oleh Universitas Tanjungpura. Jalur ini menjadi alternatif bagi calon mahasiswa yang ingin melanjutkan pendidikan di UNTAN melalui mekanisme seleksi yang ditetapkan oleh universitas sesuai dengan ketentuan yang berlaku.',
+          en: 'UNTAN Mandiri Selection is a new student admission pathway organized directly by Tanjungpura University. This pathway serves as an alternative for prospective students wishing to study at UNTAN through the selection mechanism established by the university in accordance with applicable regulations.'
+        },
+
+        'mandiri-persyaratan-list': {
+          html: true,
+          id: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta merupakan lulusan SMA/SMK/MA atau sederajat dalam <strong>3 tahun terakhir dari periode saat ini</strong> atau memiliki ijazah Paket C dengan usia maksimal 25 tahun</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span><strong>Kelas Pagi dan Internasional</strong> terbuka untuk lulusan tiga tahun terakhir.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span><strong>Kelas Sore dan Malam</strong> tidak dibatasi tahun kelulusan dan usia lulusan Paket C.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Peserta memiliki kondisi kesehatan yang memadai untuk mengikuti proses pembelajaran di perguruan tinggi.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Sejumlah program studi, seperti Kedokteran dan Pendidikan Jasmani, memiliki persyaratan khusus seperti tidak buta warna yang harus dibuktikan dengan surat keterangan dari dokter spesialis atau pemerintah.</span></li></ul>',
+          en: '<ul class="req-list"><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicants must be graduates of SMA/SMK/MA or equivalent within the <strong>last 3 years</strong>, or hold a Paket C certificate with a maximum age of 25 years.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span><strong>Morning and International classes</strong> are open to graduates from the last three years.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span><strong>Afternoon and Evening classes</strong> have no graduation year restriction for Paket C graduates.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Applicants must be in adequate health to participate in the university learning process.</span></li><li><span class="req-check"><i class="fas fa-check"></i></span><span>Certain study programs, such as Medicine and Physical Education, have specific requirements (e.g., no colour blindness) that must be certified by a specialist doctor or government authority.</span></li></ul>'
+        },
+
+        'mandiri-mekanisme-full': {
+          html: true,
+          id: '<p class="mek-text">Penerimaan mahasiswa baru Program Diploma dan Sarjana melalui jalur Seleksi Mandiri UNTAN didasarkan pada hasil Ujian Tulis Berbasis Komputer (UTBK) dan/atau tes tambahan sesuai dengan program studi yang dipilih. Berikut adalah rincian ujian dan tes tambahan yang dilakukan:</p><ul class="mek-check-list"><li class="req-list-item--nested"><span class="req-check"><i class="fas fa-check"></i></span><div class="req-list-content"><p class="req-list-text"><strong>Ujian Tulis Berbasis Komputer (UTBK)</strong> yang memuat materi berikut:</p><ul class="req-sublist"><li>Penalaran verbal</li><li>Kemampuan Kuantitatif</li><li>Pemecahan masalah</li><li>Literasi Bahasa Indonesia</li><li>Literasi Bahasa Inggris</li><li>Numerasi</li></ul></div></li><li class="req-list-item--nested"><span class="req-check"><i class="fas fa-check"></i></span><div class="req-list-content"><p class="req-list-text"><strong>Tes Tambahan:</strong></p><ul class="req-sublist"><li>Ujian keterampilan untuk Program Studi Pendidikan Seni Pertunjukan, Pendidikan Jasmani, dan Pendidikan Kepelatihan Olahraga (PKO).</li><li>Tes keterampilan Program Studi Pendidikan Seni Pertunjukan meliputi tes pengetahuan dan keterampilan bidang Ilmu Seni terkait.</li><li>Tes keterampilan Program Studi Pendidikan Jasmani dan Pendidikan Kepelatihan Olahraga (PKO) meliputi pemeriksaan kesehatan dan tes keterampilan motorik.</li><li>Tes psikologi dan wawancara khusus bagi calon mahasiswa Program Studi Kedokteran</li></ul></div></li></ul><p class="mek-text">Peserta yang <strong>tidak hadir</strong> pada saat UTBK dan/atau Tes Tambahan <strong>dianggap mengundurkan diri</strong> dari proses seleksi Jalur Mandiri UNTAN. Peserta jalur afirmasi dan/atau jalur prestasi dan penelusuran bakat dilakukan verifikasi melalui wawancara.</p>',
+          en: '<p class="mek-text">Admission for Diploma and Bachelor\'s programs through the UNTAN Mandiri Selection pathway is based on Computer-Based Written Examination (UTBK) results and/or additional tests according to the chosen study program. Below are the details of the examinations and additional tests conducted:</p><ul class="mek-check-list"><li class="req-list-item--nested"><span class="req-check"><i class="fas fa-check"></i></span><div class="req-list-content"><p class="req-list-text"><strong>Computer-Based Written Examination (UTBK)</strong> covering the following material:</p><ul class="req-sublist"><li>Verbal reasoning</li><li>Quantitative ability</li><li>Problem solving</li><li>Indonesian literacy</li><li>English literacy</li><li>Numeracy</li></ul></div></li><li class="req-list-item--nested"><span class="req-check"><i class="fas fa-check"></i></span><div class="req-list-content"><p class="req-list-text"><strong>Additional Tests:</strong></p><ul class="req-sublist"><li>Skills examination for the Performing Arts Education, Physical Education, and Sports Coaching Education (PKO) study programs.</li><li>The Performing Arts Education skills test covers knowledge and skill assessments in the relevant art field.</li><li>The Physical Education and Sports Coaching Education (PKO) skills test includes a medical examination and motor skill assessment.</li><li>Psychological test and interview for applicants to the Medicine study program.</li></ul></div></li></ul><p class="mek-text">Applicants who are <strong>absent</strong> during the UTBK and/or Additional Tests are considered to have <strong>withdrawn</strong> from the UNTAN Mandiri Selection process. Applicants under the affirmative action, achievement, or talent scouting pathways will be verified through an interview.</p>'
+        },
+
+        // Mandiri schedule
+        'tl-mandiri-1': { id: 'Pendaftaran Seleksi Mandiri UNTAN', en: 'UNTAN Mandiri Selection Registration' },
+        'tl-mandiri-2': { id: 'Pembuatan PIN', en: 'PIN Generation' },
+        'tl-mandiri-3': { id: 'Pelaksanaan UTBK Jalur Seleksi Mandiri', en: 'UTBK Examination — Mandiri Selection Pathway' },
+        'tl-mandiri-4': { id: 'Pelaksanaan Tes Tambahan', en: 'Additional Tests' },
+        'tl-mandiri-5': { id: 'Wawancara Kategori Jalur Afirmasi, Prestasi, dan Penelusuran Bakat', en: 'Interviews for Affirmative Action, Achievement, and Talent Scouting Pathways' },
+        'tl-mandiri-6': { id: 'Pengumuman Hasil Seleksi Mandiri', en: 'Mandiri Selection Results Announcement' },
+
+        'mandiri-beasiswa-desc': {
+          id: 'Mahasiswa jalur Mandiri UNTAN dapat mengakses berbagai program beasiswa yang tersedia sesuai kriteria dan mekanisme pengajuan masing-masing penyelenggara.',
+          en: 'Mandiri pathway students at UNTAN can access various scholarship programs according to the eligibility criteria and application mechanisms of each provider.'
+        },
+        'scholar-bca-mandiri-desc': { id: 'Program Pendidikan Teknik Informatika (PPTI) dari BCA untuk mahasiswa dengan prestasi akademik unggul.', en: 'BCA\'s Informatics Engineering Education Program (PPTI) for students with outstanding academic achievement.' },
+        'scholar-untan-mandiri-desc': { id: 'Beasiswa dari UNTAN untuk mahasiswa baru dengan nilai seleksi tertinggi pada jalur Mandiri.', en: 'A scholarship from UNTAN for new students achieving the highest selection scores via the Mandiri pathway.' },
+
+        // ── Shared section headings ────────────────────────────────────────────
+        'section-persyaratan': { id: 'Persyaratan', en: 'Requirements' },
+        'section-mekanisme': { id: 'Mekanisme', en: 'Admission Process' },
+        'section-jadwal': { id: 'Jadwal Pendaftaran', en: 'Registration Schedule' },
+        'section-biaya': { id: 'Biaya Pendaftaran & Pendidikan', en: 'Registration & Education Fees' },
+        'section-beasiswa': { id: 'Beasiswa', en: 'Scholarships' },
+
+        // ── Charts ────────────────────────────────────────────────────────────
+        'chart-title': { id: 'Grafik Peminat dan Daya Tampung per Tahun', en: 'Applicants and Capacity per Year' },
+        'chart-legend-applicants': { id: 'Jumlah Peminat', en: 'Number of Applicants' },
+        'chart-legend-capacity': { id: 'Daya Tampung', en: 'Capacity' },
+
+        // ── Fees ──────────────────────────────────────────────────────────────
+        'acc-biaya-pendaftaran': { id: 'Biaya Pendaftaran', en: 'Registration Fees' },
+        'acc-biaya-pendidikan': { id: 'Biaya Pendidikan', en: 'Education Fees' },
+        'acc-biaya-ipi': { id: 'Iuran Pengembangan Institusi (IPI)', en: 'Institutional Development Fee (IPI)' },
+        'fee-selection': { id: 'Pembayaran Seleksi', en: 'Selection Fee' },
+        'fee-snbt-utbk': { id: 'Biaya UTBK', en: 'UTBK Fee' },
+        'fee-smmptn': { id: 'Biaya Ujian SMMPTN', en: 'SMMPTN Examination Fee' },
+        'fee-smmptn-payment-note': {
+          html: true,
+          id: 'Biaya pendaftaran dibayarkan pada saat proses pendaftaran secara online melalui bank mitra yang telah ditunjuk yaitu Bank Mandiri, Bank BNI, Bank BTN, dan Bank BSI. Biaya pendaftaran yang telah dibayarkan <strong>TIDAK DAPAT</strong> ditarik kembali dengan alasan apa pun.',
+          en: 'Registration fees are paid during the online registration process through designated partner banks: Bank Mandiri, Bank BNI, Bank BTN, and Bank BSI. Registration fees that have been paid <strong>CANNOT</strong> be refunded under any circumstances.'
+        },
+        'fee-mandiri-utbk': { id: 'Biaya Ujian Tulis Berbasis Komputer (UTBK) Jalur Mandiri', en: 'Computer-Based Written Test (UTBK) Fee — Mandiri Pathway' },
+        'fee-mandiri-keterampilan': { id: 'Biaya Tambahan Ujian Keterampilan (Program Studi Pendidikan Seni Pertunjukan, Pendidikan Jasmani, dan Pendidikan Kepelatihan Olahraga (PKO))', en: 'Additional Skill Test Fee (Performing Arts Education, Physical Education, and Sports Coaching Education (PKO) study programs)' },
+        'fee-mandiri-wawancara': { id: 'Biaya Tambahan Wawancara (Program Studi Kedokteran)', en: 'Additional Interview Fee (Medicine Study Program)' },
+        'fee-mandiri-psikologi': { id: 'Biaya Tambahan Tes Psikologi (Program Studi Kedokteran)', en: 'Additional Psychological Test Fee (Medicine Study Program)' },
+        'fee-mandiri-payment-note': {
+          id: 'Seluruh biaya dibayarkan melalui host to host atau teller Bank Kalbar. Penting untuk dicatat bahwa biaya yang sudah dibayarkan tidak dapat diubah atau ditarik kembali dengan alasan apapun.',
+          en: 'All fees are paid through Bank Kalbar host-to-host transfer or teller services. Please note that fees already paid cannot be modified or refunded for any reason.'
+        },
+        'fee-col-group': { id: 'Golongan UKT', en: 'UKT Category' },
+        'fee-col-cost': { id: 'Biaya (Rp)', en: 'Cost (IDR)' },
+        'fee-col-ipi-group': { id: 'Kelompok IPI', en: 'IPI Group' },
+        'fee-desc-ukt': {
+          html: true,
+          id: 'Uang Kuliah Tunggal (UKT) dikenakan kepada seluruh mahasiswa baru Program Diploma dan Sarjana dan <strong>dibayarkan setiap semester</strong> selama masa studi sesuai dengan kalender akademik Universitas Tanjungpura.',
+          en: 'Single Tuition Fee (UKT) is charged to all new Diploma and Bachelor\'s program students and is <strong>paid every semester</strong> throughout the study period in accordance with the Tanjungpura University academic calendar.'
+        },
+        'fee-highlight-ukt': {
+          id: 'Besaran UKT terbagi dalam beberapa kelompok yang ditentukan berdasarkan kemampuan ekonomi mahasiswa, orang tua, atau pihak lain yang membiayai mahasiswa.',
+          en: 'UKT amounts are divided into several groups determined by the economic capacity of the student, parents, or other parties funding the student\'s education.'
+        },
+        'fee-ipi-desc': {
+          html: true,
+          id: 'Iuran Pengembangan Institusi (IPI) dikenakan khusus bagi mahasiswa yang <strong>diterima melalui jalur SMM PTN-Barat dan jalur Mandiri</strong>. Pembayaran IPI dilakukan satu kali selama masa studi dan dapat diangsur hingga <strong>empat semester</strong>.',
+          en: 'The Institutional Development Fee (IPI) applies exclusively to students <strong>admitted through the SMMPTN-West and Mandiri pathways</strong>. IPI is paid once during the entire study period and may be paid in installments over up to <strong>four semesters</strong>.'
+        },
+        'fee-ipi-highlight': {
+          id: 'Mahasiswa yang diterima melalui jalur SNBP dan SNBT tidak dikenakan IPI.',
+          en: 'Students admitted through the SNBP and SNBT pathways are exempt from the IPI.'
+        },
+
+        // ── Scholarships (shared) ─────────────────────────────────────────────
+        'scholar-kip': { id: 'Kartu Indonesia Pintar Kuliah', en: 'Indonesia Smart Card for College' },
+        'scholar-kipk': { id: 'KIP-Kuliah', en: 'KIP-Kuliah' },
+        'scholar-bca': { id: 'Beasiswa BCA', en: 'BCA Scholarship' },
+        'scholar-djarum': { id: 'Djarum Beasiswa Plus', en: 'Djarum Plus Scholarship' },
+        'scholar-genbi': { id: 'Beasiswa Bank Indonesia', en: 'Bank Indonesia Scholarship' },
+        'scholar-adik': { id: 'Beasiswa ADik Papua & 3T', en: 'ADik Scholarship for Papua & 3T' },
+        'btn-detail': { id: 'Lihat Detail', en: 'View Details' },
+
+        // ── FAQ ───────────────────────────────────────────────────────────────
+        'faq-title': { id: 'Pertanyaan Umum tentang Penerimaan Mahasiswa Baru', en: 'Frequently Asked Questions — New Student Admission' },
+        'faq-sub': { id: 'Temukan jawaban atas pertanyaan Anda', en: 'Find answers to your questions' },
+        'faq-q1': { id: 'Bagaimana cara mengetahui hasil seleksi?', en: 'How can I check my selection results?' },
+        'faq-a1': { id: 'Hasil seleksi diumumkan secara online melalui portal resmi sesuai jadwal yang telah ditentukan.', en: 'Selection results are announced online through the official portal according to the scheduled dates.' },
+        'faq-q2': { id: 'Apa konsekuensi jika tidak melakukan registrasi ulang atau pembayaran tepat waktu?', en: 'What happens if I miss the re-registration or payment deadline?' },
+        'faq-a2': { id: 'Keterlambatan registrasi atau pembayaran dapat menyebabkan status kelulusan dibatalkan atau dianggap mengundurkan diri.', en: 'Failure to re-register or pay on time may result in your admission status being revoked or treated as a voluntary withdrawal.' },
+        'faq-q3': { id: 'Apa yang harus dilakukan setelah dinyatakan lulus seleksi?', en: 'What should I do after being declared accepted?' },
+        'faq-a3': { id: 'Calon mahasiswa wajib melakukan registrasi ulang dan memenuhi seluruh persyaratan administrasi sesuai ketentuan. Informasi lebih lanjut dapat diakses melalui website atau media sosial resmi Informatika UNTAN.', en: 'Accepted applicants must complete re-registration and fulfill all administrative requirements. Further information is available on the official Informatics UNTAN website and social media channels.' },
+        'faq-q4': { id: 'Berapa pilihan peminatan yang tersedia pada program studi ini?', en: 'How many specializations does this study program offer?' },
+        'faq-a4': { id: 'Program studi ini menyediakan 4 peminatan, yaitu Kecerdasan Buatan (AI), Rekayasa Perangkat Lunak, Jaringan & Keamanan, serta Sistem Informasi.', en: 'This program offers four specializations: Artificial Intelligence (AI), Software Engineering, Networks & Security, and Information Systems.' },
+        'faq-q5': { id: 'Apakah mahasiswa akan mendapatkan pengalaman praktik atau proyek selama kuliah?', en: 'Will students gain practical or project experience during their studies?' },
+        'faq-a5': { id: 'Ya, mahasiswa akan mengikuti berbagai praktikum, tugas proyek, serta kerja kelompok yang dirancang untuk meningkatkan keterampilan teknis dan pemecahan masalah secara nyata.', en: 'Yes. Students will take part in various practicum sessions, project assignments, and group work designed to build technical skills and real-world problem-solving abilities.' },
+        'faq-q6': { id: 'Bagaimana suasana dan kehidupan kampus di Informatika UNTAN?', en: 'What is campus life like at Informatics UNTAN?' },
+        'faq-a6': {
+          html: true,
+          id: 'Lingkungan kampus mendukung kegiatan akademik dan non-akademik, dengan berbagai organisasi mahasiswa dan komunitas teknologi. Untuk mengetahui lebih lanjut mengenai kehidupan kampus dan aktivitas mahasiswa, silakan kunjungi halaman terkait <a href="https://informatika.untan.ac.id/content.html?type=people_stories" target="_blank" rel="noopener noreferrer">di sini</a>.',
+          en: 'The campus environment supports both academic and non-academic activities, with numerous student organizations and technology communities. To learn more about campus life and student activities, please visit the related page <a href="https://informatika.untan.ac.id/content.html?type=people_stories" target="_blank" rel="noopener noreferrer">here</a>.'
+        },
+        'faq-q7': { id: 'Apakah lulusan Informatika UNTAN memiliki peluang kerja yang baik?', en: 'Do Informatics UNTAN graduates have good career prospects?' },
+        'faq-a7': { id: 'Lulusan memiliki peluang kerja yang luas di berbagai bidang seperti pengembangan perangkat lunak, analisis data, keamanan jaringan, hingga kewirausahaan di bidang teknologi.', en: 'Graduates have broad career opportunities across fields such as software development, data analytics, network security, and technology entrepreneurship.' },
+        'faq-q8': { id: 'Apakah mahasiswa Informatika UNTAN dapat mengikuti lomba atau kompetisi?', en: 'Can Informatics UNTAN students participate in competitions?' },
+        'faq-a8': {
+          html: true,
+          id: 'Ya, mahasiswa didorong untuk berpartisipasi dalam berbagai lomba dan kompetisi di bidang teknologi, baik tingkat lokal, nasional, maupun internasional. Informasi mengenai lomba dan prestasi mahasiswa dapat diakses <a href="https://informatika.untan.ac.id/content.html?type=people_stories" target="_blank" rel="noopener noreferrer">di sini</a>.',
+          en: 'Yes. Students are actively encouraged to participate in technology competitions at local, national, and international levels. Information on competitions and student achievements is available <a href="https://informatika.untan.ac.id/content.html?type=people_stories" target="_blank" rel="noopener noreferrer">here</a>.'
+        },
+
+        // ── Months ────────────────────────────────────────────────────────────────
+        'month-jan':      { id: 'Januari',          en: 'January' },
+        'month-feb':      { id: 'Februari',         en: 'February' },
+        'month-mar':      { id: 'Maret',            en: 'March' },
+        'month-apr':      { id: 'April',            en: 'April' },
+        'month-mei':      { id: 'Mei',              en: 'May' },
+        'month-jun':      { id: 'Juni',             en: 'June' },
+        'month-jul':      { id: 'Juli',             en: 'July' },
+        'month-des':      { id: 'Desember',         en: 'December' },
+        'month-des-jan':  { id: 'Desember – Januari',   en: 'December – January' },
+        'month-jan-feb':  { id: 'Januari – Februari',   en: 'January – February' },
+        'month-jan-apr':  { id: 'Januari – April',      en: 'January – April' },
+        'month-feb-apr':  { id: 'Februari – April',     en: 'February – April' },
+        'month-feb-mar':  { id: 'Februari – Maret',       en: 'February – March' },
+        'month-mar-apr':  { id: 'Maret – April',        en: 'March – April' },
+        'month-mar-mei':  { id: 'Mar – Mei',            en: 'Mar – May' },
+        'month-apr-mei':  { id: 'April – Mei',          en: 'April – May' },
+        'month-mei-jun':  { id: 'Mei – Juni',           en: 'May – June' },
+        'month-jun-jul':  { id: 'Juni – Juli',          en: 'June – July' },
+      };
+
+
+      // ============================================================================
+      // Constants
+      // ============================================================================
+      const SELECTION_PATH_IDS = ['snbp', 'snbt', 'smmptn', 'mandiri'];
+      const CONTENT_SECTION_KEYS = ['general', 'persyaratan', 'mekanisme', 'jadwal', 'biaya', 'beasiswa'];
+      const ADMISSION_CHART_DATA = {
+        snbpChart:    { applicants: [803, 741, 799], capacity: [25, 25, 30] },
+        snbtChart:    { applicants: [961, 898, 978], capacity: [45, 45, 76] },
+        mandiriChart: { applicants: [573, 367, 397], capacity: [31, 31, 48] },
+      };
+      const CHART_YEAR_LABELS = ['2023', '2024', '2025'];
+      const SLIDER_MIN_THUMB_PERCENT = 20;
+      const SCROLL_TO_PATH_HEADER_OFFSET_PX = 20;
+      const SCROLL_TO_SECTION_DELAY_MS = 50;
+      const SLIDER_INIT_DELAY_MS = 100;
+      const ICON_CLASSES = {
+        chevronUp: 'fas fa-chevron-up',
+        chevronDown: 'fas fa-chevron-down',
+        chevronUpAccordion: 'fas fa-chevron-up acc-icon',
+        chevronDownAccordion: 'fas fa-chevron-down acc-icon',
+        chevronUpFaq: 'fas fa-chevron-up faq-icon',
+        chevronDownFaq: 'fas fa-chevron-down faq-icon',
+        sidebarChevronUp: 'fas fa-chevron-up chevron',
+        sidebarChevronDown: 'fas fa-chevron-down chevron',
+      };
+
+      // ============================================================================
+      // Application state
+      // ============================================================================
+      let currentLanguageCode = 'id';
+      let activePathId = 'snbp';
+      const initializedSliderKeys = new Set();
+
+      // ============================================================================
+      // DOM helpers
+      // ============================================================================
+      function findElement(elementId) { return document.getElementById(elementId); }
+      function findAll(selector, rootElement) { return (rootElement || document).querySelectorAll(selector); }
+      function hasOpenClass(element) { return element.classList.contains('open'); }
+      function buildPathElementId(pathId, suffix) { return pathId + '-' + suffix; }
+
+      // ============================================================================
+      // Layout
+      // ============================================================================
+      function syncHeaderHeightVariable() {
+        const headerElement = findElement('site-header');
+        if (!headerElement) return;
+        document.documentElement.style.setProperty('--header-h', headerElement.offsetHeight + 'px');
+      }
+
+      // ============================================================================
+      // Localisation
+      // ============================================================================
+      function getLocalizedText(textKey, language) {
+        const entry = PAGE_TEXT_BY_LANGUAGE[textKey];
+        if (!entry) return null;
+        return entry[language] || entry.id;
+      }
+
+      function updateLocalizedElement(element, language) {
+        const textKey = element.getAttribute('data-lang-key');
+        const entry = PAGE_TEXT_BY_LANGUAGE[textKey];
+        if (!entry) return;
+        const translation = entry[language] || entry.id;
+        if (entry.html) {
+          element.innerHTML = translation;
+        } else {
+          element.textContent = translation;
+        }
+      }
+
+      function applyPageLocalization(language) {
+        findAll('[data-lang-key]').forEach(function (element) {
+          updateLocalizedElement(element, language);
+        });
+      }
+
+      function applyDocumentTitleLocalization(language) {
+        const title = getLocalizedText('page-title', language);
+        if (title) document.title = title;
+      }
+
+      function syncLanguageToggleButtons(language) {
+        const isIndonesian = language === 'id';
+        findElement('btn-lang-id').classList.toggle('is-active', isIndonesian);
+        findElement('btn-lang-en').classList.toggle('is-active', !isIndonesian);
+        document.documentElement.lang = language;
+      }
+
+      function syncChartLegendLabels(language) {
+        const applicantsLabel = getLocalizedText('chart-legend-applicants', language);
+        const capacityLabel = getLocalizedText('chart-legend-capacity', language);
+        Object.values(Chart.instances).forEach(function (chartInstance) {
+          if (chartInstance.data.datasets.length < 2) return;
+          chartInstance.data.datasets[0].label = applicantsLabel;
+          chartInstance.data.datasets[1].label = capacityLabel;
+          chartInstance.update();
+        });
+      }
+
+      function setPageLanguage(language) {
+        if (language === currentLanguageCode) return;
+        currentLanguageCode = language;
+        localStorage.setItem('selectedLanguage', language);
+        applyPageLocalization(language);
+        applyDocumentTitleLocalization(language);
+        syncLanguageToggleButtons(language);
+        syncChartLegendLabels(language);
+      }
+
+      // ============================================================================
+      // Sidebar groups
+      // ============================================================================
+      function setSidebarGroupExpanded(pathId, shouldExpand) {
+        const toggleButton = findElement('btn-' + pathId);
+        const submenu = findElement('sub-' + pathId);
+        const chevron = toggleButton.querySelector('.chevron');
+        toggleButton.classList.toggle('active', shouldExpand);
+        submenu.classList.toggle('open', shouldExpand);
+        chevron.className = shouldExpand ? ICON_CLASSES.sidebarChevronUp : ICON_CLASSES.sidebarChevronDown;
+      }
+      function collapseSidebarGroup(pathId) { setSidebarGroupExpanded(pathId, false); }
+      function expandSidebarGroup(pathId) { setSidebarGroupExpanded(pathId, true); }
+      function toggleGroup(targetPathId) {
+        const targetSubmenu = findElement('sub-' + targetPathId);
+        const isTargetAlreadyOpen = hasOpenClass(targetSubmenu);
+        SELECTION_PATH_IDS.forEach(function (pathId) {
+          if (pathId === targetPathId) { setSidebarGroupExpanded(pathId, !isTargetAlreadyOpen); return; }
+          collapseSidebarGroup(pathId);
+        });
+      }
+
+      // ============================================================================
+      // Accordion
+      // ============================================================================
+      function setAccordionChevron(iconElement, isExpanded, iconSet) {
+        iconElement.className = isExpanded ? iconSet.expanded : iconSet.collapsed;
+      }
+      function collapseAccordionHeader(headerElement, iconSet) {
+        headerElement.classList.remove('open');
+        headerElement.nextElementSibling.classList.remove('open');
+        setAccordionChevron(headerElement.querySelector(iconSet.selector), false, iconSet);
+      }
+      function expandAccordionHeader(headerElement, iconSet) {
+        headerElement.classList.add('open');
+        headerElement.nextElementSibling.classList.add('open');
+        setAccordionChevron(headerElement.querySelector(iconSet.selector), true, iconSet);
+      }
+      const REQUIREMENTS_ACCORDION_ICONS = { selector: '.acc-icon', expanded: ICON_CLASSES.chevronUpAccordion, collapsed: ICON_CLASSES.chevronDownAccordion };
+      const FAQ_ACCORDION_ICONS = { selector: '.faq-icon', expanded: ICON_CLASSES.chevronUpFaq, collapsed: ICON_CLASSES.chevronDownFaq };
+
+      function toggleExclusiveAccordion(clickedHeader) {
+        const isCurrentlyOpen = hasOpenClass(clickedHeader);
+        if (isCurrentlyOpen) {
+          collapseAccordionHeader(clickedHeader, REQUIREMENTS_ACCORDION_ICONS);
+        } else {
+          expandAccordionHeader(clickedHeader, REQUIREMENTS_ACCORDION_ICONS);
+        }
+      }
+      function toggleIndependentFeeAccordion(clickedHeader) {
+        const bodyElement = clickedHeader.nextElementSibling;
+        const iconElement = clickedHeader.querySelector('.acc-icon');
+        const shouldExpand = !hasOpenClass(bodyElement);
+        bodyElement.classList.toggle('open', shouldExpand);
+        setAccordionChevron(iconElement, shouldExpand, REQUIREMENTS_ACCORDION_ICONS);
+      }
+      function toggleFaqItem(clickedHeader) {
+        const bodyElement = clickedHeader.nextElementSibling;
+        const iconElement = clickedHeader.querySelector('.faq-icon');
+        const shouldExpand = !hasOpenClass(clickedHeader);
+        clickedHeader.classList.toggle('open', shouldExpand);
+        bodyElement.classList.toggle('open', shouldExpand);
+        setAccordionChevron(iconElement, shouldExpand, FAQ_ACCORDION_ICONS);
+      }
+
+      // ============================================================================
+      // Horizontal slider
+      // ============================================================================
+      function getThumbWidthPercent(sliderElement) {
+        const visibleRatio = sliderElement.clientWidth / sliderElement.scrollWidth;
+        return Math.max(SLIDER_MIN_THUMB_PERCENT, visibleRatio * 100);
+      }
+      function getHorizontalScrollProgress(sliderElement) {
+        const maxScrollLeft = sliderElement.scrollWidth - sliderElement.clientWidth;
+        if (maxScrollLeft <= 0) return 0;
+        return sliderElement.scrollLeft / maxScrollLeft;
+      }
+      function syncSliderThumbPosition(sliderElement, thumbElement) {
+        const thumbWidthPercent = getThumbWidthPercent(sliderElement);
+        const scrollProgress = getHorizontalScrollProgress(sliderElement);
+        thumbElement.style.width = thumbWidthPercent + '%';
+        thumbElement.style.marginLeft = scrollProgress * (100 - thumbWidthPercent) + '%';
+      }
+      function getScrollRatioFromClientX(clientX, trackElement) {
+        const trackRect = trackElement.getBoundingClientRect();
+        return Math.max(0, Math.min(1, (clientX - trackRect.left) / trackRect.width));
+      }
+      function scrollSliderToClientX(clientX, sliderElement, trackElement) {
+        const scrollRatio = getScrollRatioFromClientX(clientX, trackElement);
+        const maxScrollLeft = sliderElement.scrollWidth - sliderElement.clientWidth;
+        sliderElement.scrollTo({ left: scrollRatio * maxScrollLeft, behavior: 'smooth' });
+      }
+      function bindSliderDragWithMouse(sliderElement) {
+        let isDragging = false, dragStartX = 0, dragStartScrollLeft = 0;
+        sliderElement.addEventListener('mousedown', function (mouseEvent) {
+          if (mouseEvent.button !== 0) return;
+          if (mouseEvent.target.closest('a')) return;
+          isDragging = true; dragStartX = mouseEvent.pageX; dragStartScrollLeft = sliderElement.scrollLeft;
+          sliderElement.classList.add('dragging'); sliderElement.style.scrollBehavior = 'auto';
+        });
+        document.addEventListener('mouseup', function () {
+          if (!isDragging) return; isDragging = false; sliderElement.style.scrollBehavior = 'smooth';
+          setTimeout(function () { sliderElement.classList.remove('dragging'); }, 50);
+        });
+        document.addEventListener('mousemove', function (mouseEvent) {
+          if (!isDragging) return; mouseEvent.preventDefault();
+          sliderElement.scrollLeft = dragStartScrollLeft - (mouseEvent.pageX - dragStartX);
+        });
+      }
+      function bindSliderDragWithTouch(sliderElement) {
+        let touchStartX = 0, touchStartScrollLeft = 0;
+        sliderElement.addEventListener('touchstart', function (touchEvent) {
+          touchStartX = touchEvent.touches[0].clientX; touchStartScrollLeft = sliderElement.scrollLeft;
+          sliderElement.classList.add('dragging');
+        }, { passive: true });
+        sliderElement.addEventListener('touchmove', function (touchEvent) {
+          sliderElement.scrollLeft = touchStartScrollLeft + (touchStartX - touchEvent.touches[0].clientX);
+        }, { passive: true });
+        sliderElement.addEventListener('touchend', function () { sliderElement.classList.remove('dragging'); }, { passive: true });
+      }
+      function bindThumbDragHandlers(thumbElement, sliderElement, trackElement) {
+        function startDrag(getClientX) {
+          return function onDragStart(pointerEvent) {
+            pointerEvent.preventDefault(); pointerEvent.stopPropagation();
+            thumbElement.classList.add('dragging');
+            function onDragMove(moveEvent) { scrollSliderToClientX(getClientX(moveEvent), sliderElement, trackElement); }
+            function onDragEnd() {
+              thumbElement.classList.remove('dragging');
+              document.removeEventListener('mousemove', onDragMove); document.removeEventListener('mouseup', onDragEnd);
+              document.removeEventListener('touchmove', onDragMove); document.removeEventListener('touchend', onDragEnd);
             }
+            document.addEventListener('mousemove', onDragMove); document.addEventListener('mouseup', onDragEnd);
+            document.addEventListener('touchmove', onDragMove, { passive: true }); document.addEventListener('touchend', onDragEnd);
+          };
+        }
+        thumbElement.addEventListener('mousedown', startDrag(function (e) { return e.clientX; }));
+        thumbElement.addEventListener('touchstart', startDrag(function (e) { return e.touches[0].clientX; }), { passive: false });
+      }
+      function bindTrackClickToScroll(trackElement, thumbElement, sliderElement) {
+        trackElement.addEventListener('click', function (clickEvent) {
+          if (clickEvent.target === thumbElement) return;
+          scrollSliderToClientX(clickEvent.clientX, sliderElement, trackElement);
+        });
+      }
+      function initializeHorizontalSlider(sliderId, thumbId) {
+        const sliderElement = findElement(sliderId);
+        const thumbElement = findElement(thumbId);
+        if (!sliderElement || !thumbElement) return;
+        const trackElement = thumbElement.parentElement;
+        sliderElement.addEventListener('scroll', function () { syncSliderThumbPosition(sliderElement, thumbElement); }, { passive: true });
+        syncSliderThumbPosition(sliderElement, thumbElement);
+        bindSliderDragWithMouse(sliderElement);
+        bindSliderDragWithTouch(sliderElement);
+        bindThumbDragHandlers(thumbElement, sliderElement, trackElement);
+        bindTrackClickToScroll(trackElement, thumbElement, sliderElement);
+      }
+      function initializeScholarshipSliderWhenNeeded(pathId) {
+        const sliderKey = 'slider-' + pathId;
+        if (initializedSliderKeys.has(sliderKey)) return;
+        initializeHorizontalSlider(sliderKey, 'thumb-' + pathId);
+        initializedSliderKeys.add(sliderKey);
+      }
 
-            function closeMenus() {
-                Object.values(menuMap).forEach(panelId => {
-                    const panel = document.getElementById(panelId);
-                    if (panel) panel.classList.remove('active');
-                });
+      // ============================================================================
+      // Path navigation
+      // ============================================================================
+      function clearSidebarLinkHighlights() {
+        findAll('.sidebar-direct-links a').forEach(function (linkElement) { linkElement.classList.remove('active'); });
+      }
+      function deactivateAllPathPanels() {
+        SELECTION_PATH_IDS.forEach(function (pathId) {
+          findElement('panel-' + pathId).classList.remove('active');
+          findAll('a', findElement('sub-' + pathId)).forEach(function (linkElement) { linkElement.classList.remove('active'); });
+          clearSidebarLinkHighlights();
+          collapseSidebarGroup(pathId);
+        });
+      }
+      function activatePathPanel(pathId) {
+        findElement('panel-' + pathId).classList.add('active');
+        expandSidebarGroup(pathId);
+        const firstSidebarLink = findElement('sub-' + pathId).querySelector('a');
+        if (firstSidebarLink) firstSidebarLink.classList.add('active');
+        setTimeout(function () { initializeScholarshipSliderWhenNeeded(pathId); }, SLIDER_INIT_DELAY_MS);
+      }
+      function scrollToPathSelectionHeader() {
+        const headerElement = findElement('info-jalur-header');
+        window.scrollTo({ top: headerElement.offsetTop - SCROLL_TO_PATH_HEADER_OFFSET_PX, behavior: 'smooth' });
+      }
+      function switchPath(pathId) {
+        if (activePathId === pathId) return;
+        activePathId = pathId;
+        localStorage.setItem('selectedPath', pathId);
+        deactivateAllPathPanels();
+        activatePathPanel(pathId);
+        scrollToPathSelectionHeader();
+      }
+      function syncSidebarLinkForSection(pathId, sectionId) {
+        findAll('a', findElement('sub-' + pathId)).forEach(function (linkElement) {
+          linkElement.classList.toggle('active', linkElement.dataset.path === pathId && linkElement.dataset.section === sectionId);
+        });
+      }
+      function scrollToPathContentSection(pathId, sectionId) {
+        const sectionElement = findElement(buildPathElementId(pathId, sectionId));
+        if (!sectionElement) return;
+        setTimeout(function () { sectionElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); }, SCROLL_TO_SECTION_DELAY_MS);
+      }
+      function goTo(pathId, sectionId) {
+        if (activePathId !== pathId) switchPath(pathId);
+        syncSidebarLinkForSection(pathId, sectionId);
+        scrollToPathContentSection(pathId, sectionId);
+      }
 
-                megaOverlay.classList.remove('active');
-                setButtonState(null);
-                activeMenu = null;
+      // ============================================================================
+      // Admission charts
+      // ============================================================================
+      function buildBarDataset(label, values, color) {
+        return { label: label, data: values, backgroundColor: color, borderRadius: 5, barPercentage: 0.45, categoryPercentage: 0.6 };
+      }
+      const CHART_LABEL_COLORS = { applicants: '#003150', capacity: '#003150' };
+      function getChartYearLabels(chartData) { return CHART_YEAR_LABELS.slice(0, chartData.applicants.length); }
+      function getChartYAxisMax(chartData) {
+        const peakValue = Math.max(...chartData.applicants, ...chartData.capacity);
+        return Math.ceil((peakValue * 1.15) / 100) * 100;
+      }
+      function getChartYAxisStepSize(axisMax) {
+        if (axisMax <= 200) return 50;
+        if (axisMax <= 500) return 100;
+        return 250;
+      }
+      const BAR_VALUE_LABEL_PLUGIN = {
+        id: 'barValueLabels',
+        afterDatasetsDraw: function (chartInstance) {
+          const canvasContext = chartInstance.ctx;
+          chartInstance.data.datasets.forEach(function (dataset, datasetIndex) {
+            const labelColor = datasetIndex === 0 ? CHART_LABEL_COLORS.applicants : CHART_LABEL_COLORS.capacity;
+            chartInstance.getDatasetMeta(datasetIndex).data.forEach(function (barElement, barIndex) {
+              const barValue = dataset.data[barIndex];
+              if (barValue == null || barValue === 'x') return;
+              canvasContext.save();
+              canvasContext.fillStyle = labelColor;
+              canvasContext.font = 'bold 11px Plus Jakarta Sans, sans-serif';
+              canvasContext.textAlign = 'center';
+              canvasContext.textBaseline = 'bottom';
+              canvasContext.fillText(String(barValue), barElement.x, barElement.y - 5);
+              canvasContext.restore();
+            });
+          });
+        },
+      };
+      function buildAdmissionChartOptions(chartData) {
+        const yAxisMax = getChartYAxisMax(chartData);
+        return {
+          responsive: true,
+          layout: { padding: { top: 22 } },
+          plugins: { legend: { display: false }, tooltip: { callbacks: { label: function (tooltipItem) { return ' ' + tooltipItem.dataset.label + ': ' + tooltipItem.parsed.y; } } } },
+          scales: {
+            y: { beginAtZero: true, max: yAxisMax, ticks: { stepSize: getChartYAxisStepSize(yAxisMax), color: '#888', font: { size: 11 } }, grid: { color: '#f0f0f0' } },
+            x: { grid: { display: false }, ticks: { color: '#666', font: { size: 12 } } },
+          },
+        };
+      }
+      function renderAdmissionChart(canvasId, chartData) {
+        const canvasElement = findElement(canvasId);
+        if (!canvasElement) return;
+        const yearLabels = getChartYearLabels(chartData);
+        const applicantsLabel = getLocalizedText('chart-legend-applicants', currentLanguageCode) || 'Jumlah Peminat';
+        const capacityLabel = getLocalizedText('chart-legend-capacity', currentLanguageCode) || 'Daya Tampung';
+        new Chart(canvasElement.getContext('2d'), {
+          type: 'bar',
+          data: { labels: yearLabels, datasets: [buildBarDataset(applicantsLabel, chartData.applicants, '#003150'), buildBarDataset(capacityLabel, chartData.capacity, '#FDB913')] },
+          options: buildAdmissionChartOptions(chartData),
+        });
+      }
+      function renderAllAdmissionCharts() {
+        Chart.register(BAR_VALUE_LABEL_PLUGIN);
+        Object.entries(ADMISSION_CHART_DATA).forEach(function (entry) { renderAdmissionChart(entry[0], entry[1]); });
+      }
+
+      // ============================================================================
+      // Scroll observer — highlight sidebar saat section masuk viewport
+      // ============================================================================
+      function parseSectionElementId(sectionElementId) {
+        const idParts = sectionElementId.split('-');
+        return { pathId: idParts[0], sectionId: idParts.slice(1).join('-') };
+      }
+      function syncSidebarLinkFromSectionId(sectionElementId) {
+        const { pathId, sectionId } = parseSectionElementId(sectionElementId);
+        if (pathId !== activePathId) return;
+        findAll('a', findElement('sub-' + pathId)).forEach(function (linkElement) {
+          linkElement.classList.toggle('active', linkElement.dataset.section === sectionId);
+        });
+      }
+      function registerSectionScrollObserver() {
+        const observer = new IntersectionObserver(function (entries) {
+          entries.forEach(function (entry) { if (entry.isIntersecting) { syncSidebarLinkFromSectionId(entry.target.id); } });
+        }, { rootMargin: '-30% 0px -60% 0px', threshold: 0 });
+        SELECTION_PATH_IDS.forEach(function (pathId) {
+          CONTENT_SECTION_KEYS.forEach(function (sectionId) {
+            const sectionElement = findElement(buildPathElementId(pathId, sectionId));
+            if (sectionElement) observer.observe(sectionElement);
+          });
+        });
+      }
+
+      // ============================================================================
+      // Public API
+      // ============================================================================
+      function exposePublicHandlers() {
+        window.setPageLanguage = setPageLanguage;
+        window.toggleGroup = toggleGroup;
+        window.switchPath = switchPath;
+        window.goTo = goTo;
+        window.toggleAcc = toggleExclusiveAccordion;
+        window.toggleBiayaAcc = toggleIndependentFeeAccordion;
+        window.toggleFaq = toggleFaqItem;
+      }
+
+      // ============================================================================
+      // Simpan state jalur aktif ke localStorage 
+      // ============================================================================
+      function restoreLastSelectedPath() {
+        const savedPath = localStorage.getItem('selectedPath');
+        if (savedPath && SELECTION_PATH_IDS.includes(savedPath)) {
+          activePathId = savedPath;
+          deactivateAllPathPanels();
+          activatePathPanel(savedPath);
+          setTimeout(function() {
+            const headerElement = findElement('info-jalur-header');
+            if (headerElement) {
+              headerElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
             }
+          }, 100);
+        } else {
+          activePathId = 'snbp';
+          deactivateAllPathPanels();
+          activatePathPanel('snbp');
+        }
+      }
 
-            function openMenu(menuId) {
-                const targetPanel = document.getElementById(menuMap[menuId]);
-                if (!targetPanel) return;
+      // ============================================================================
+      // Bootstrap
+      // ============================================================================
+      function bootstrapApplication() {
+        exposePublicHandlers();
+        syncHeaderHeightVariable();
+        window.addEventListener('resize', syncHeaderHeightVariable);
+        renderAllAdmissionCharts();
+        registerSectionScrollObserver();
+        initializeHorizontalSlider('pathCardsSlider', 'thumb-path');
+        restoreLastSelectedPath();
 
-                Object.values(menuMap).forEach(panelId => {
-                    const panel = document.getElementById(panelId);
-                    if (panel) panel.classList.remove('active');
-                });
+        const savedLanguage = localStorage.getItem('selectedLanguage');
+        if (savedLanguage && (savedLanguage === 'id' || savedLanguage === 'en')) {
+          currentLanguageCode = savedLanguage;
+          applyPageLocalization(savedLanguage);
+          syncLanguageToggleButtons(savedLanguage);
+          syncChartLegendLabels(savedLanguage);
+        } else {
+          applyPageLocalization('id');
+        }
 
-                targetPanel.classList.add('active');
-                megaOverlay.classList.add('active');
-                setButtonState(menuId);
-                activeMenu = menuId;
-            }
+        initializeScholarshipSliderWhenNeeded(activePathId);
+        AOS.init({ once: true, duration: 600, offset: 60 });
+      }
 
-            menuItems.forEach(item => {
-                const menuId = item.getAttribute('data-menu');
-                const button = item.querySelector('.nav-menu-btn');
-
-                button.setAttribute('aria-haspopup', 'true');
-                button.setAttribute('aria-expanded', 'false');
-
-                button.addEventListener('click', (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-
-                    if (activeMenu === menuId) {
-                        closeMenus();
-                    } else {
-                        openMenu(menuId);
-                    }
-                });
-            });
-
-            megaOverlay.addEventListener('click', closeMenus);
-
-            document.addEventListener('click', (e) => {
-                const clickedInsideNav = e.target.closest('#main-nav');
-                const clickedInsidePanel = e.target.closest('.mega-panel');
-
-                if (!clickedInsideNav && !clickedInsidePanel && activeMenu) {
-                    closeMenus();
-                }
-            });
-
-            document.addEventListener('keydown', (e) => {
-                if (e.key === 'Escape' && activeMenu) {
-                    closeMenus();
-                }
-            });
-        })();
+      bootstrapApplication();
     </script>
 
-<script>
-    (function() {
-        const mobileBtn     = document.getElementById('mobile-menu-button');
-        const mobileMenu    = document.getElementById('mobile-menu');
-        const closeMobileBtn= document.getElementById('close-mobile-menu');
-        if (mobileBtn && mobileMenu) {
-            mobileBtn.addEventListener('click', function() {
-                const isOpen = !mobileMenu.classList.contains('-translate-x-full');
-                mobileMenu.classList.toggle('-translate-x-full');
-                mobileBtn.setAttribute('aria-expanded', isOpen ? 'false' : 'true');
-            });
-        }
-        if (closeMobileBtn && mobileMenu) {
-            closeMobileBtn.addEventListener('click', function() {
-                mobileMenu.classList.add('-translate-x-full');
-                if (mobileBtn) mobileBtn.setAttribute('aria-expanded', 'false');
-            });
-        }
-    })();
-</script>
-
-<script src="../../assets/global/localization.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/groups/HabisIniSeminar/style.css b/groups/HabisIniSeminar/style.css
index c31a92b..8cfbd12 100644
--- a/groups/HabisIniSeminar/style.css
+++ b/groups/HabisIniSeminar/style.css
@@ -1,47 +1,1751 @@
+/* ============================================================
+   style.css — Group 02 Informatika UNTAN
+   Base template + komponen halaman PMB
+   ============================================================ */
+
+/* ── Design Tokens ──────────────────────────────────────────── */
 :root {
-    --brand-navy: #003150;
+    --brand-navy:   #003150;
     --brand-yellow: #feb401;
-    --text-main: #1e293b;
-    --text-soft: #64748b;
-    --bg-soft: #f8fafc;
-    --line: #e2e8f0;
+    --text-main:    #1e293b;
+    --text-soft:    #64748b;
+    --bg-soft:      #f8fafc;
+    --line:         #e2e8f0;
+
+    /* Komponen PMB */
+    --sidebar-w:  300px;
+    --header-h:   98px;
 }
 
-* { box-sizing: border-box; }
-html, body { margin: 0; padding: 0; }
-body { font-family: "Roboto", Arial, sans-serif; color: var(--text-main); background: #fff; line-height: 1.6; }
+/* ── Reset ───────────────────────────────────────────────────── */
+* { box-sizing: border-box; margin: 0; padding: 0; }
+html { scroll-behavior: smooth; }
+body {
+    font-family: "Plus Jakarta Sans", "Roboto", Arial, sans-serif;
+    color: var(--text-main);
+    background: #fff;
+    font-size: 16px;
+    line-height: 1.6;
+}
 .container { width: min(1100px, 92%); margin-inline: auto; }
 
-.nav { background: var(--brand-navy); color: #fff; border-bottom: 4px solid var(--brand-yellow); padding: 14px 0; }
+/* ── Template Shell: Nav ─────────────────────────────────────── */
+.nav {
+    background: var(--brand-navy);
+    color: #fff;
+    border-bottom: 4px solid var(--brand-yellow);
+    padding: 14px 0;
+}
 .brand { font-size: 1.1rem; font-weight: 700; letter-spacing: .02em; }
 
-.hero { position: relative; color: #fff; min-height: 220px; display: flex; align-items: flex-end; overflow: hidden; }
-.hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.45); }
-.hero-inner { position: relative; z-index: 1; padding: 36px 0; }
-.badge { display: inline-block; background: var(--brand-yellow); color: #111827; font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; padding: .2rem .45rem; margin-bottom: 12px; }
+/* Nav: flex row dengan lang toggle di kanan */
+.nav-inner {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.nav-lang {
+    display: flex;
+    align-items: center;
+    gap: 2px;
+}
+.nav-lang-btn {
+    background: none;
+    border: none;
+    font-family: inherit;
+    font-size: .78rem;
+    font-weight: 700;
+    color: rgba(255,255,255,.45);
+    cursor: pointer;
+    padding: 4px 8px;
+    border-radius: 4px;
+    letter-spacing: .05em;
+    transition: color .15s, background .15s;
+}
+.nav-lang-btn.is-active {
+    color: var(--brand-navy);
+    background: var(--brand-yellow);
+}
+.nav-lang-btn:not(.is-active):hover { color: #fff; }
+.nav-lang-sep {
+    color: rgba(255,255,255,.3);
+    font-size: .78rem;
+    user-select: none;
+    padding: 0 2px;
+}
+
+/* Layout full-width: override grid ke 1 kolom (lihat juga @media 1024px) */
+.layout--full {
+    grid-template-columns: 1fr;
+}
+.layout--full > article {
+    max-width: 100%;
+    min-width: 0;
+    overflow: visible;
+}
+/* Reset article-body constraints dalam layout full-width */
+.layout--full .article-body {
+    overflow: visible;
+    max-width: 100%;
+}
+
+/* ── Template Shell: Hero ────────────────────────────────────── */
+.hero {
+    position: relative;
+    color: #fff;
+    min-height: 250px;
+    display: flex;
+    align-items: flex-end;
+    overflow: hidden;
+}
+.hero-bg {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    filter: brightness(0.45);
+}
+.hero-inner { position: relative; z-index: 1; padding: 50px 0; }
+.badge {
+    display: inline-block;
+    background: var(--brand-yellow);
+    color: #111827;
+    font-size: .68rem;
+    font-weight: 700;
+    letter-spacing: .14em;
+    text-transform: uppercase;
+    padding: .2rem .45rem;
+    margin-bottom: 12px;
+}
 .hero h1 { margin: 0; font-size: clamp(1.6rem, 3.2vw, 2.8rem); line-height: 1.2; }
 
-.layout { display: grid; grid-template-columns: 1fr; gap: 2rem; padding: 2rem 0 4rem; }
-@media (min-width: 1024px) { .layout { grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr); } }
+.hero-description {
+    font-size: 1rem;
+    line-height: 1.6;
+    color: rgba(255, 255, 255, 0.85);
+    margin-top: 20px;
+    max-width: 800px;
+    text-align: justify;
+}
 
-.meta { font-size: .78rem; text-transform: uppercase; color: #475569; display: flex; flex-wrap: wrap; gap: .75rem 1rem; margin-bottom: 1rem; }
+@media (max-width: 768px) {
+    .hero-description {
+        font-size: 0.9rem;
+        margin-top: 16px;
+    }
+}
+
+/* ── Template Shell: Layout ──────────────────────────────────── */
+.layout {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 2rem;
+    padding: 2rem 0 4rem;
+}
+@media (min-width: 1024px) {
+    .layout { grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr); }
+    /* Full-width override — harus di sini supaya spesifisitas sama */
+    .layout.layout--full { grid-template-columns: 1fr; }
+}
+.meta {
+    font-size: .78rem;
+    text-transform: uppercase;
+    color: #475569;
+    display: flex;
+    flex-wrap: wrap;
+    gap: .75rem 1rem;
+    margin-bottom: 1rem;
+}
 .cover { background: var(--bg-soft); border: 1px solid var(--line); margin-bottom: 1.5rem; }
 .cover img { width: 100%; height: auto; display: block; }
 
+/* ── Template Shell: Article Body ───────────────────────────── */
 .article-body > * + * { margin-top: 1.1em; }
+/* Reset margin-top untuk elemen block besar di dalam article-body */
+.article-body > section,
+.article-body > div { margin-top: 0; }
 .article-body h2 { font-size: 1.35rem; margin: 1.6em 0 .5em; }
 .article-body h3 { font-size: 1.1rem; margin: 1.4em 0 .4em; }
 .article-body p { margin: 0 0 1em; }
-.article-body ul, .article-body ol { padding-left: 1.4rem; }
-.article-body blockquote { border-left: 4px solid #005eb8; background: #eef6ff; padding: .8rem 1rem; color: #334155; }
-.article-body a { color: #005eb8; }
-.article-body img { max-width: 100%; border-radius: 8px; }
-.article-body code { background: #f1f5f9; padding: .1em .35em; border-radius: 4px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
+.article-body ul,
+.article-body ol  { padding-left: 1.4rem; }
+.article-body blockquote {
+    border-left: 4px solid #005eb8;
+    background: #eef6ff;
+    padding: .8rem 1rem;
+    color: #334155;
+}
+.article-body a    { color: #000; }
+.article-body img  { max-width: 100%; border-radius: 8px; }
+.article-body code {
+    background: #f1f5f9;
+    padding: .1em .35em;
+    border-radius: 4px;
+    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+}
 
+/* ── Template Shell: Aside Note ─────────────────────────────── */
 .note { border: 1px solid var(--line); background: var(--bg-soft); padding: 1rem; }
-.note h3 { margin: 0 0 .5rem; font-size: .76rem; text-transform: uppercase; letter-spacing: .12em; color: #475569; }
+.note h3 {
+    margin: 0 0 .5rem;
+    font-size: .76rem;
+    text-transform: uppercase;
+    letter-spacing: .12em;
+    color: #475569;
+}
 
-.footer { margin-top: 2rem; background: var(--brand-navy); color: #fff; border-top: 4px solid var(--brand-yellow); }
-.footer-inner { display: flex; align-items: center; justify-content: center; gap: .75rem; padding: 1rem 0; }
-.footer-logo { height: 28px; width: auto; }
+/* ── Template Shell: Footer ──────────────────────────────────── */
+.footer {
+    margin-top: 2rem;
+    background: var(--brand-navy);
+    color: #fff;
+    border-top: 4px solid var(--brand-yellow);
+}
+.footer-inner {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: .75rem;
+    padding: 1rem 0;
+}
+.footer-logo    { height: 28px; width: auto; }
 .footer-ornament { width: 100%; display: block; opacity: .9; }
+
+/* ============================================================
+   Komponen Halaman PMB — Group 02
+   Semua class di bawah hanya dipakai di #assignment-body
+   ============================================================ */
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      html {
+        scroll-behavior: smooth;
+      }
+      body {
+        font-family: "Plus Jakarta Sans", sans-serif;
+        color: var(--text-main);
+        background: #ffffff;
+        font-size: 16px;
+        line-height: 1.6;
+      }
+      
+      #hero {
+        background: var(--brand-navy);
+        padding: 64px 64px 80px;
+        position: relative;
+        overflow: hidden;
+      }
+      #hero::before {
+        content: "";
+        position: absolute;
+        right: -80px;
+        top: -80px;
+        width: 500px;
+        height: 500px;
+        border-radius: 50%;
+        background: rgba(253, 185, 19, 0.07);
+        pointer-events: none;
+      }
+      #hero h1 {
+        font-size: 52px;
+        font-weight: 800;
+        color: #fff;
+        line-height: 1.15;
+        margin-bottom: 4px;
+      }
+      #hero h1.yellow {
+        color: var(--brand-yellow);
+      }
+      #hero p.hero-sub {
+        font-size: 16px;
+        color: rgba(255, 255, 255, 0.72);
+        max-width: 460px;
+        margin-top: 20px;
+        line-height: 1.7;
+      }
+      #about {
+        padding: 72px clamp(20px, 4vw, 40px);
+        background: #ffffff;
+      }
+      .about-layout {
+        display: flex;
+        flex-direction: column;
+        align-items: stretch;
+        gap: 36px;
+        width: 100%;
+      }
+      .about-text {
+        width: 100%;
+        max-width: none;
+        flex-shrink: 0;
+      }
+      .section-title {
+        font-size: 28px;
+        font-weight: 700;
+        color: var(--brand-navy);
+        margin-bottom: 12px;
+      }
+      .section-title-line {
+        width: 56px;
+        height: 4px;
+        background: var(--brand-yellow);
+        border-radius: 2px;
+        margin-bottom: 20px;
+      }
+      .section-desc {
+        font-size: 15px;
+        color: #555;
+        line-height: 1.8;
+        text-align: justify;
+      }
+      .path-cards-slider-wrap {
+        position: relative;
+        width: 100%;
+        min-width: 0;
+        flex: 1;
+      }
+
+      .path-cards-grid {
+        display: grid;
+        grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
+        width: 100%;
+        align-items: start;
+        column-gap: 0;
+      }
+
+      .path-column {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+        min-width: 0;
+      }
+
+      .path-step-head {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        min-height: 40px;
+        width: 100%;
+      }
+
+      .path-step-circle {
+        width: 36px;
+        height: 36px;
+        border-radius: 50%;
+        background: #b8c5d0;
+        color: #fff;
+        font-size: 15px;
+        font-weight: 800;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        line-height: 1;
+        transition:
+          background 0.25s ease,
+          color 0.25s ease,
+          transform 0.25s ease,
+          box-shadow 0.25s ease;
+      }
+
+      .path-between-arrow {
+        font-size: 1.35rem;
+        font-weight: 700;
+        color: var(--brand-navy);
+        line-height: 1;
+        user-select: none;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 0 2px;
+        align-self: start;
+        flex-shrink: 0;
+        pointer-events: none;
+      }
+
+      .path-column:hover .path-step-circle {
+        background: var(--brand-yellow);
+        color: var(--brand-navy);
+        transform: scale(1.08);
+        box-shadow: 0 4px 12px rgba(0, 49, 80, 0.2);
+      }
+
+      .path-card {
+        background: var(--brand-navy);
+        border-radius: 14px;
+        padding: 14px 12px 12px;
+        display: flex;
+        flex-direction: column;
+        align-items: stretch;
+        gap: 10px;
+        min-height: 132px;
+        height: 100%;
+        cursor: pointer;
+        transition:
+          transform 0.25s ease,
+          box-shadow 0.25s ease,
+          background 0.25s ease;
+        box-sizing: border-box;
+      }
+
+      .path-column:hover .path-card {
+        transform: translateY(-3px);
+        box-shadow: 0 12px 32px rgba(0, 49, 80, 0.25);
+        background: #003d63;
+      }
+
+      .path-card-badge {
+        font-size: 10px;
+        font-weight: 600;
+        color: var(--brand-navy);
+        background: var(--brand-yellow);
+        border-radius: 20px;
+        padding: 4px 10px;
+        white-space: nowrap;
+        align-self: flex-start;
+        margin-top: auto;
+        flex-shrink: 0;
+      }
+
+      .path-card-body {
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+        min-width: 0;
+        flex: 1;
+      }
+
+      .path-card-body h3 {
+        font-size: 14px;
+        font-weight: 700;
+        color: #fff;
+        line-height: 1.3;
+        margin: 0;
+      }
+
+      .path-card-body p {
+        font-size: 11px;
+        color: rgba(255, 255, 255, 0.72);
+        line-height: 1.45;
+        margin: 0;
+        text-align: left;
+        flex: 1;
+      }
+
+      .path-column:hover .path-card-body p {
+        color: rgba(255, 255, 255, 0.9);
+      }
+
+      /* About: layout dua kolom + kartu seragam (desktop) */
+      @media (min-width: 960px) {
+        .about-layout {
+          flex-direction: row;
+          align-items: flex-start;
+          gap: 40px;
+        }
+
+        .about-text {
+          flex: 0 1 38%;
+          max-width: 420px;
+        }
+
+        .path-cards-grid {
+          overflow-x: visible;
+        }
+
+        .path-card {
+          min-height: 148px;
+        }
+
+        .path-cards-slider-wrap .path-cards-slider-track {
+          display: none;
+        }
+      }
+
+      /* About: scroll horizontal (tablet & mobile) */
+      @media (max-width: 959px) {
+        .path-cards-grid {
+          display: flex;
+          flex-direction: row;
+          align-items: flex-start;
+          gap: 0;
+          overflow-x: auto;
+          scroll-snap-type: x proximity;
+          scrollbar-width: none;
+          -webkit-overflow-scrolling: touch;
+          scroll-behavior: auto;
+          cursor: grab;
+          padding-bottom: 6px;
+          touch-action: pan-x;
+        }
+
+        .path-cards-grid::-webkit-scrollbar {
+          display: none;
+        }
+
+        .path-cards-grid:active,
+        .path-cards-grid.dragging {
+          cursor: grabbing;
+        }
+
+        .path-cards-grid.dragging .path-card {
+          pointer-events: none;
+          user-select: none;
+        }
+
+        .path-column {
+          flex: 0 0 min(200px, 42vw);
+          scroll-snap-align: center;
+        }
+
+        .path-between-arrow {
+          flex: 0 0 auto;
+          height: 40px;
+          padding: 0 2px;
+        }
+
+        .path-card {
+          min-height: 128px;
+        }
+      }
+
+      @media (max-width: 600px) {
+        .path-column {
+          flex: 0 0 min(180px, 78vw);
+        }
+      }
+      #info-jalur-header {
+        padding: 40px clamp(20px, 4vw, 40px) 0;
+        background: var(--bg-soft);
+      }
+      #info-jalur-header h2 {
+        font-size: 28px;
+        font-weight: 700;
+        color: var(--brand-navy);
+        margin-bottom: 12px;
+      }
+      .header-divider {
+        width: 100%;
+        height: 3px;
+        background: var(--brand-yellow);
+        border-radius: 2px;
+      }
+      #main-layout {
+        display: flex;
+        align-items: stretch;
+        background: var(--bg-soft);
+        padding: 32px clamp(20px, 4vw, 40px) 64px;
+        gap: 40px;
+        box-sizing: border-box;
+      }
+      #sidebar {
+        width: var(--sidebar-w);
+        flex-shrink: 0;
+        position: sticky;
+        top: calc(var(--header-h, 98px) + 24px);
+        align-self: flex-start;
+      }
+      .sidebar-card {
+        background: var(--brand-navy);
+        border-radius: 16px;
+        padding: 24px 0 20px;
+        overflow: hidden;
+      }
+      .sidebar-heading {
+        font-size: 12px;
+        font-weight: 700;
+        color: white;
+        letter-spacing: 2px;
+        text-transform: uppercase;
+        padding: 0 24px 14px;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+        margin-bottom: 8px;
+      }
+      .sidebar-data-note {
+        margin: 16px 0 0;
+        padding: 14px 24px 4px;
+        border-top: 1px solid rgba(255, 255, 255, 0.12);
+        font-size: 11px;
+        line-height: 1.55;
+        font-weight: 500;
+        color: rgba(255, 255, 255, 0.55);
+        text-align: center;
+      }
+      .sidebar-group {
+        margin-bottom: 2px;
+      }
+      .sidebar-group-btn {
+        width: 100%;
+        background: none;
+        border: none;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 13px 24px;
+        color: white;
+        font-size: 14px;
+        font-weight: 700;
+        font-family: inherit;
+        transition:
+          background 0.15s,
+          color 0.15s;
+      }
+      .sidebar-group-btn.active {
+        background: var(--brand-yellow);
+        color: var(--brand-navy);
+      }
+      .sidebar-group-btn:not(.active):hover {
+        background: rgba(255, 255, 255, 0.08);
+        color: white;
+      }
+      .sidebar-group-btn .chevron {
+        font-size: 11px;
+        transition: transform 0.2s;
+      }
+      .sidebar-sub {
+        display: none;
+        flex-direction: column;
+        padding: 4px 0;
+      }
+      .sidebar-sub.open {
+        display: flex;
+      }
+      .sidebar-sub a {
+        display: block;
+        padding: 9px 24px 9px 36px;
+        font-size: 13px;
+        color: rgba(255, 255, 255, 0.65);
+        text-decoration: none;
+        border-left: none;
+        cursor: pointer;
+        position: relative;
+        transition: color 0.15s;
+      }
+      .sidebar-sub a:hover {
+        color: var(--brand-yellow);
+      }
+      .sidebar-sub a.active {
+        color: white;
+        font-weight: 600;
+        border-left: none;
+        text-decoration: underline;
+        text-decoration-color: var(--brand-yellow);
+        text-underline-offset: 3px;
+        text-decoration-thickness: 2px;
+      }
+      .sidebar-divider {
+        border: none;
+        border-top: 1px solid rgba(255, 255, 255, 0.15);
+        margin: 10px 24px;
+      }
+      .sidebar-direct-links {
+        display: flex;
+        flex-direction: column;
+      }
+      .sidebar-direct-links a {
+        display: block;
+        padding: 13px 24px;
+        font-size: 14px;
+        font-weight: 700;
+        color: white;
+        text-decoration: none;
+        transition:
+          background 0.15s,
+          color 0.15s;
+        cursor: pointer;
+      }
+      .sidebar-direct-links a:hover {
+        background: rgba(255, 255, 255, 0.08);
+        color: #fff;
+      }
+      .sidebar-direct-links a.active {
+        background: var(--brand-yellow);
+        color: var(--brand-navy);
+      }
+      #content-area {
+        flex: 1;
+        min-width: 0;
+        padding-inline: clamp(20px, 4vw, 40px);
+        box-sizing: border-box;
+      }
+      .path-panel {
+        display: none;
+      }
+      .path-panel.active {
+        display: block;
+      }
+      .content-section {
+        padding: 40px 0;
+        border-bottom: 2px solid var(--brand-yellow);
+        background: transparent;
+      }
+      .content-section:last-child {
+        border-bottom: none;
+      }
+      .section-h2 {
+        font-size: 24px;
+        font-weight: 700;
+        color: var(--brand-navy);
+        margin-bottom: 16px;
+      }
+      .info-text {
+        font-size: 15px;
+        color: #444;
+        line-height: 1.8;
+        text-align: justify;
+        margin-bottom: 24px;
+      }
+      .cta-row {
+        display: flex;
+        gap: 12px;
+        flex-wrap: wrap;
+        margin-bottom: 28px;
+        justify-content: center;
+      }
+      .btn-cta {
+        display: inline-flex;
+        align-items: center;
+        gap: 8px;
+        padding: 11px 20px;
+        border-radius: 8px;
+        font-size: 13px;
+        font-weight: 700;
+        text-decoration: none;
+        transition:
+          transform 0.15s,
+          box-shadow 0.15s;
+        cursor: pointer;
+        border: none;
+        font-family: inherit;
+      }
+      .btn-cta:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
+      }
+      .btn-yellow {
+        background: var(--brand-yellow);
+        color: var(--brand-navy);
+      }
+      .chart-card {
+        background: #fff;
+        border-radius: 16px;
+        padding: 22px 24px 16px;
+        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
+        border: 1px solid var(--line);
+      }
+      .chart-card h3 {
+        font-size: 16px;
+        font-weight: 700;
+        color: var(--brand-navy);
+        margin-bottom: 14px;
+      }
+      .chart-legend {
+        display: flex;
+        gap: 20px;
+        margin-top: 12px;
+        font-size: 13px;
+        color: #666;
+        justify-content: center;
+      }
+      .legend-dot {
+        width: 14px;
+        height: 14px;
+        border-radius: 3px;
+        display: inline-block;
+      }
+
+      .accordion-item {
+        border-radius: 10px;
+        overflow: hidden;
+        margin-bottom: 12px;
+        border: 1px solid var(--line);
+      }
+      .accordion-header {
+        background: var(--brand-navy);
+        color: #fff;
+        padding: 15px 20px;
+        font-size: 14.5px;
+        font-weight: 700;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        user-select: none;
+        transition: background 0.15s;
+        font-family: inherit;
+        width: 100%;
+        border: none;
+        text-align: left;
+      }
+      .accordion-header:hover {
+        background: #004470;
+      }
+      .accordion-header .acc-icon {
+        font-size: 13px;
+        transition: transform 0.25s;
+        flex-shrink: 0;
+      }
+      .accordion-body {
+        display: none;
+        padding: 20px 22px;
+        background: #fff;
+      }
+      .accordion-body.open {
+        display: block;
+      }
+      .req-list {
+        list-style: none;
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+      }
+      .req-list li {
+        display: flex;
+        align-items: flex-start;
+        gap: 12px;
+        font-size: 14.5px;
+        color: #444;
+        line-height: 1.65;
+      }
+      .req-list-content {
+        flex: 1;
+        min-width: 0;
+      }
+      .req-list-text {
+        margin: 0;
+        line-height: 1.65;
+        text-align: justify;
+      }
+      .req-sublist {
+        margin: 10px 0 0;
+        padding-left: 1.35rem;
+        list-style: disc;
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+      }
+      .req-sublist li {
+        display: list-item;
+        font-size: 14px;
+        color: #555;
+        line-height: 1.55;
+        padding-left: 2px;
+      }
+      .req-check {
+        width: 22px;
+        height: 22px;
+        background: var(--brand-yellow);
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        margin-top: 1px;
+        font-size: 10px;
+        color: var(--brand-navy);
+        font-weight: 700;
+      }
+
+      .mek-text {
+        font-size: 15px;
+        color: #444;
+        line-height: 1.8;
+        text-align: justify;
+        margin-bottom: 20px;
+      }
+      .mek-check-list {
+        list-style: none;
+        display: flex;
+        flex-direction: column;
+        gap: 14px;
+        margin-bottom: 28px;
+      }
+      .mek-check-list li {
+        display: flex;
+        align-items: flex-start;
+        gap: 12px;
+        font-size: 14.5px;
+        color: #444;
+        line-height: 1.65;
+      }
+      /* Sub-daftar di mekanisme — struktur sama dengan req-list di persyaratan */
+      .mek-check-list .req-list-content {
+        flex: 1;
+        min-width: 0;
+      }
+      .mek-check-list .req-list-text {
+        margin: 0;
+        line-height: 1.65;
+        text-align: justify;
+      }
+      .mek-check-list .req-sublist {
+        margin: 10px 0 0;
+        padding-left: 1.35rem;
+        list-style: disc;
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+      }
+      .mek-check-list .req-sublist li {
+        display: list-item;
+        font-size: 14px;
+        color: #555;
+        line-height: 1.55;
+        padding-left: 2px;
+      }
+      .steps-grid {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 16px;
+        margin-top: 8px;
+      }
+      .step-card {
+        background: #fff;
+        border-radius: 12px;
+        padding: 20px 18px;
+        border: 1px solid var(--line);
+        display: flex;
+        align-items: flex-start;
+        gap: 14px;
+        transition: box-shadow 0.2s;
+      }
+      .step-card:hover {
+        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.09);
+      }
+      .step-num {
+        width: 38px;
+        height: 38px;
+        background: var(--brand-navy);
+        border-radius: 9px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: var(--brand-yellow);
+        font-weight: 700;
+        font-size: 15px;
+        flex-shrink: 0;
+      }
+      .step-card h4 {
+        font-size: 14px;
+        font-weight: 600;
+        color: var(--brand-navy);
+        margin-bottom: 3px;
+      }
+      .step-card p {
+        font-size: 13px;
+        color: #666;
+        line-height: 1.6;
+      }
+
+      .timeline-wrap {
+        position: relative;
+        padding: 20px 0 10px;
+      }
+      .timeline-center-line {
+        position: absolute;
+        left: 50%;
+        top: 0;
+        bottom: 0;
+        width: 2px;
+        transform: translateX(-50%);
+        background: repeating-linear-gradient(
+          to bottom,
+          var(--brand-yellow) 0,
+          var(--brand-yellow) 8px,
+          transparent 8px,
+          transparent 14px
+        );
+      }
+      .timeline-row {
+        display: flex;
+        align-items: flex-start;
+        margin-bottom: 28px;
+        position: relative;
+      }
+      .timeline-row.left .timeline-card {
+        position: relative;
+        left: calc(50% - 300px);
+      }
+      .timeline-row.right .timeline-card {
+        position: relative;
+        left: calc(50% + 20px);
+      }
+      .timeline-dot {
+        position: absolute;
+        left: 50%;
+        top: 16px;
+        width: 16px;
+        height: 16px;
+        border-radius: 50%;
+        background: var(--brand-yellow);
+        border: 3px solid #fff;
+        box-shadow: 0 0 0 3px var(--brand-yellow);
+        transform: translateX(-50%);
+        z-index: 2;
+      }
+      .timeline-card {
+        background: var(--brand-navy);
+        border-radius: 10px;
+        padding: 13px 16px;
+        max-width: 240px;
+        width: 100%;
+        position: relative;
+        transform: translateX(20px);
+      }
+      .timeline-card h4 {
+        font-size: 13px;
+        font-weight: 700;
+        color: var(--brand-yellow);
+        margin-bottom: 4px;
+      }
+      .timeline-card p {
+        font-size: 12px;
+        color: rgba(255, 255, 255, 0.8);
+        line-height: 1.5;
+      }
+      .timeline-row.left .timeline-card::after {
+        content: "";
+        position: absolute;
+        right: -8px;
+        top: 16px;
+        border: 10px solid transparent;
+        border-left-color: var(--brand-navy);
+        border-right: 0;
+        margin-top: 0;
+      }
+      .timeline-row.right .timeline-card::before {
+        content: "";
+        position: absolute;
+        left: -10px;
+        top: 16px;
+        border: 10px solid transparent;
+        border-right-color: var(--brand-navy);
+        border-left: 0;
+        margin-top: 0;
+      }
+
+      .biaya-acc-item {
+        border-radius: 10px;
+        overflow: hidden;
+        margin-bottom: 12px;
+        border: 1px solid var(--line);
+      }
+      .biaya-acc-header {
+        background: var(--brand-navy);
+        color: #fff;
+        padding: 15px 20px;
+        font-size: 14.5px;
+        font-weight: 700;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        user-select: none;
+        font-family: inherit;
+        width: 100%;
+        border: none;
+        text-align: left;
+        transition: background 0.15s;
+      }
+      .biaya-acc-header:hover {
+        background: #004470;
+      }
+      .biaya-acc-header .acc-icon {
+        font-size: 13px;
+        transition: transform 0.25s;
+      }
+      .biaya-acc-body {
+        display: none;
+        padding: 18px 20px;
+        background: #fff;
+      }
+      .biaya-acc-body.open {
+        display: block;
+      }
+
+      .fee-row-zero {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: 16px;
+        font-size: 15px;
+        color: #444;
+        padding: 4px 0;
+      }
+      .fee-row-zero span:last-child {
+        font-weight: 700;
+        color: var(--brand-navy);
+        white-space: nowrap;
+        flex-shrink: 0;
+      }
+
+      .fee-line-list {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        display: flex;
+        flex-direction: column;
+        gap: 0;
+      }
+      .fee-line-item {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        gap: 20px;
+        font-size: 14.5px;
+        color: #444;
+        line-height: 1.55;
+        padding: 12px 0;
+        border-bottom: 1px solid var(--line);
+      }
+      .fee-line-item:last-child {
+        border-bottom: none;
+        padding-bottom: 4px;
+      }
+      .fee-line-label {
+        flex: 1;
+        min-width: 0;
+        text-align: left;
+      }
+      .fee-line-amount {
+        font-weight: 700;
+        color: var(--brand-navy);
+        white-space: nowrap;
+        flex-shrink: 0;
+        text-align: right;
+      }
+
+      .fee-table-wrap {
+        border-radius: 10px;
+        overflow: hidden;
+        border: 1px solid var(--line);
+        margin-bottom: 16px;
+        max-width: 380px;
+        margin: 15px auto;
+      }
+      .fee-table {
+        width: 100%;
+        border-collapse: collapse;
+      }
+      .fee-table thead tr {
+        background: var(--brand-navy);
+      }
+      .fee-table thead th {
+        padding: 10px 20px;
+        font-size: 13px;
+        font-weight: 700;
+        color: #fff;
+        text-align: center;
+      }
+      .fee-table tbody tr {
+        border-bottom: 1px solid var(--line);
+      }
+      .fee-table tbody tr:nth-child(even) {
+        background: #f8f9fa;
+      }
+      .fee-table tbody tr:last-child {
+        border-bottom: none;
+      }
+      .fee-table tbody td {
+        padding: 9px 20px;
+        font-size: 13px;
+        color: var(--text-main);
+        text-align: center;
+      }
+      .fee-desc {
+        font-size: 14px;
+        color: #555;
+        line-height: 1.7;
+        margin-bottom: 14px;
+        text-align: justify;
+      }
+      .fee-highlight {
+        background: rgba(253, 185, 19, 0.12);
+        border: 1px solid rgba(253, 185, 19, 0.4);
+        border-radius: 10px;
+        padding: 14px 18px;
+        margin-top: 25px;
+        font-size: 14px;
+        color: #6b4800;
+        line-height: 1.7;
+        text-align: justify;
+      }
+
+      .scholarship-slider-wrap {
+        position: relative;
+        margin-bottom: 8px;
+      }
+      .scholarship-slider {
+        display: flex;
+        gap: 18px;
+        overflow-x: auto;
+        scroll-behavior: smooth;
+        scroll-snap-type: x proximity;
+        cursor: grab;
+        user-select: none;
+        scrollbar-width: none;
+        -webkit-overflow-scrolling: touch;
+        padding-bottom: 4px;
+      }
+      .scholarship-slider:active {
+        cursor: grabbing;
+      }
+      .scholarship-slider::-webkit-scrollbar {
+        display: none;
+      }
+      .scholarship-slider.dragging {
+        cursor: grabbing;
+      }
+      .scholarship-card {
+        background: var(--brand-navy);
+        border-radius: 14px;
+        padding: 22px 18px;
+        display: flex;
+        flex-direction: column;
+        user-select: none;
+        gap: 10px;
+        transition:
+          transform 0.2s,
+          box-shadow 0.2s;
+        flex: 0 0 260px;
+        scroll-snap-align: center;
+        min-height: 200px;
+      }
+      .scholarship-slider.dragging .scholarship-card {
+        pointer-events: none;
+      }
+      .scholarship-card:hover {
+        transform: translateY(-4px);
+        box-shadow: 0 14px 32px rgba(0, 49, 80, 0.3);
+      }
+      .scholarship-icon-wrap {
+        width: 48px;
+        height: 48px;
+        background: rgba(253, 185, 19, 0.15);
+        border-radius: 12px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 22px;
+      }
+      .scholarship-card h4 {
+        font-size: 14px;
+        font-weight: 700;
+        color: #fff;
+      }
+      .scholarship-card p {
+        font-size: 13px;
+        color: rgba(255, 255, 255, 0.65);
+        line-height: 1.6;
+        flex: 1;
+        text-align: justify;
+      }
+      .btn-detail {
+        display: inline-block;
+        background: var(--brand-yellow);
+        color: var(--brand-navy);
+        font-size: 13px;
+        font-weight: 700;
+        padding: 10px 16px;
+        border-radius: 8px;
+        text-align: center;
+        text-decoration: none;
+        transition: opacity 0.15s;
+      }
+      .btn-detail:hover {
+        opacity: 0.85;
+      }
+      .slider-track {
+        width: 100%;
+        height: 8px;
+        background: var(--line);
+        border-radius: 4px;
+        margin-top: 16px;
+        position: relative;
+        cursor: pointer;
+        user-select: none;
+        touch-action: none;
+      }
+      .slider-track:hover {
+        background: #d0d8e4;
+      }
+      .slider-thumb {
+        position: absolute;
+        left: 0;
+        top: 0;
+        height: 100%;
+        background: var(--brand-yellow);
+        border-radius: 4px;
+        cursor: grab;
+        transition: background 0.15s;
+        min-width: 40px;
+      }
+      .slider-thumb:hover {
+        background: #e5a710;
+      }
+      .slider-thumb.dragging {
+        cursor: grabbing;
+        background: #c9940e;
+      }
+
+      #faq-section {
+        background: var(--bg-soft);
+        padding: 64px 0 72px;
+        text-align: center;
+      }
+      #faq-section h2 {
+        font-size: 26px;
+        font-weight: 700;
+        color: var(--brand-navy);
+        margin-bottom: 6px;
+      }
+      #faq-section .faq-sub {
+        font-size: 14px;
+        color: #888;
+        margin-bottom: 32px;
+      }
+      .faq-list {
+        max-width: 900px;
+        margin: 0 auto;
+        text-align: left;
+      }
+      .faq-item {
+        background: var(--brand-navy);
+        border-radius: 10px;
+        overflow: hidden;
+        margin-bottom: 12px;
+      }
+      .faq-header {
+        padding: 18px 22px;
+        font-size: 14.5px;
+        font-weight: 600;
+        color: #fff;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        user-select: none;
+        gap: 16px;
+        font-family: inherit;
+        width: 100%;
+        border: none;
+        background: var(--brand-navy);
+        text-align: left;
+        transition: background 0.15s;
+      }
+      .faq-header:hover {
+        background: #004470;
+      }
+      .faq-header .faq-icon {
+        font-size: 13px;
+        flex-shrink: 0;
+        transition: transform 0.25s;
+        color: var(--brand-yellow);
+      }
+      .faq-body {
+        display: none;
+        background: #fff;
+        padding: 18px 22px;
+        font-size: 14px;
+        color: #555;
+        line-height: 1.7;
+        border-top: 1px solid var(--line);
+        text-align: justify;
+      }
+      .faq-body.open {
+        display: block;
+      }
+
+      #site-footer {
+        width: 100%;
+        background: var(--brand-navy);
+      }
+      #site-footer img {
+        width: 100%;
+        height: auto;
+        display: block;
+        object-fit: cover;
+        max-height: 300px;
+      }
+
+      @media (max-width: 960px) {
+        #about {
+          padding: 48px clamp(16px, 4vw, 28px);
+        }
+        .steps-grid {
+          grid-template-columns: 1fr;
+        }
+        #info-jalur-header {
+          padding: 32px clamp(16px, 4vw, 28px) 0;
+        }
+        #main-layout {
+          flex-direction: column;
+          padding: 20px clamp(16px, 4vw, 28px) 40px;
+          gap: 20px;
+        }
+        #sidebar {
+          position: static;
+          width: 100%;
+          top: auto;
+        }
+        #content-area {
+          width: 100%;
+          padding-inline: clamp(16px, 4vw, 28px);
+        }
+        #hero {
+          padding: 40px 0 52px;
+        }
+        #hero h1 {
+          font-size: 32px;
+        }
+        .timeline-center-line {
+          left: 12px;
+        }
+        .timeline-row.left,
+        .timeline-row.right {
+          justify-content: flex-start;
+          padding-left: 38px;
+          padding-right: 0;
+        }
+        .timeline-row.left .timeline-dot,
+        .timeline-row.right .timeline-dot {
+          left: 12px;
+          transform: translateX(-50%);
+        }
+        .timeline-row.left .timeline-card,
+        .timeline-row.right .timeline-card {
+          left: 0 !important;
+          transform: none !important;
+          margin-left: 24px;
+          max-width: calc(100% - 40px);
+        }
+        .timeline-row.left .timeline-card::after,
+        .timeline-row.right .timeline-card::before {
+          display: none;
+        }
+        .timeline-row.left .timeline-card::before,
+        .timeline-row.right .timeline-card::after {
+          content: "";
+          position: absolute;
+          left: -10px;
+          top: 16px;
+          border: 10px solid transparent;
+          border-right-color: var(--brand-navy);
+          border-left: 0;
+          display: block;
+        }
+        .fee-table-wrap {
+          max-width: 100%;
+          margin-left: auto;
+        }
+        #faq-section {
+          padding: 48px 0;
+        }
+      }
+
+      /* ============================================================
+         Site Header — Top Bar + Navigation Bar
+         ============================================================ */
+      #site-header {
+        width: 100%;
+        background: var(--brand-navy);
+        position: sticky;
+        top: 0;
+        z-index: 1000;
+        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+      }
+
+      /* --- Top Bar --- */
+      .header-top-bar {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 10px 40px;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+      }
+      .header-brand {
+        display: flex;
+        align-items: center;
+        gap: 14px;
+        text-decoration: none;
+      }
+      .header-logo {
+        width: 46px;
+        height: 46px;
+        border-radius: 50%;
+        background: transparent;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        overflow: hidden;
+      }
+      .header-logo img { width: 46px; height: 46px; object-fit: contain; }
+      .header-brand-name {
+        font-size: 15px;
+        font-weight: 800;
+        color: #fff;
+        letter-spacing: 1.5px;
+        text-transform: uppercase;
+        line-height: 1;
+      }
+      .header-brand-faculty {
+        font-size: 9.5px;
+        font-weight: 500;
+        color: rgba(255, 255, 255, 0.6);
+        letter-spacing: 2px;
+        text-transform: uppercase;
+        margin-top: 3px;
+      }
+      .header-right-group {
+        display: flex;
+        align-items: center;
+        gap: 14px;
+      }
+      .header-portal-label {
+        font-size: 11.5px;
+        font-weight: 700;
+        color: rgba(255, 255, 255, 0.7);
+        letter-spacing: 1px;
+        text-transform: uppercase;
+        padding-right: 14px;
+        border-right: 1px solid rgba(255, 255, 255, 0.2);
+      }
+      .header-lang-toggle {
+        display: flex;
+        align-items: center;
+        gap: 3px;
+      }
+      .lang-btn {
+        background: none;
+        border: none;
+        font-family: inherit;
+        font-size: 12px;
+        font-weight: 700;
+        color: rgba(255, 255, 255, 0.45);
+        cursor: pointer;
+        padding: 4px 7px;
+        border-radius: 4px;
+        letter-spacing: 0.5px;
+        transition: color 0.15s, background 0.15s;
+      }
+      .lang-btn.is-active {
+        color: var(--brand-navy);
+        background: var(--brand-yellow);
+      }
+      .lang-btn:not(.is-active):hover { color: #fff; }
+      .lang-separator {
+        color: rgba(255, 255, 255, 0.25);
+        font-size: 12px;
+        user-select: none;
+      }
+      .header-icon-btn {
+        background: none;
+        border: none;
+        color: rgba(255, 255, 255, 0.6);
+        cursor: pointer;
+        font-size: 14px;
+        padding: 5px 7px;
+        border-radius: 5px;
+        display: flex;
+        align-items: center;
+        transition: color 0.15s, background 0.15s;
+      }
+      .header-icon-btn:hover {
+        color: #fff;
+        background: rgba(255, 255, 255, 0.1);
+      }
+      .header-hamburger {
+        display: none;
+        background: none;
+        border: none;
+        color: #fff;
+        font-size: 19px;
+        cursor: pointer;
+        padding: 4px;
+      }
+
+      /* --- Navigation Bar --- */
+      .header-nav-bar {
+        background: var(--brand-yellow);
+        padding: 0;
+      }
+      .nav-menu-list {
+        display: flex;
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        justify-content: center;   /* ← tengah */
+      }
+      .nav-menu-item { position: relative; }
+      .nav-menu-link {
+        display: flex;
+        align-items: center;
+        gap: 5px;
+        padding: 13px 18px;
+        font-size: 12.5px;
+        font-weight: 700;
+        color: var(--brand-navy);
+        text-transform: uppercase;
+        letter-spacing: 0.4px;
+        text-decoration: none;
+        white-space: nowrap;
+        background: none;
+        border: none;
+        font-family: inherit;
+        cursor: pointer;
+        transition: background 0.15s;
+      }
+      .nav-menu-link i { font-size: 10px; transition: transform 0.2s; }
+      .nav-menu-link:hover { background: rgba(0, 0, 0, 0.08); }
+      .nav-menu-item:hover .nav-menu-link i { transform: rotate(180deg); }
+
+      /* Dropdown — PUTIH */
+      .nav-dropdown {
+        display: none;
+        position: absolute;
+        top: 100%;
+        left: 50%;
+        transform: translateX(-50%);
+        min-width: 200px;
+        background: #ffffff;
+        border-radius: 0 0 10px 10px;
+        box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
+        z-index: 500;
+        padding: 6px 0;
+        border-top: 3px solid var(--brand-yellow);
+      }
+      .nav-menu-item:hover .nav-dropdown { display: block; }
+      .nav-dropdown a {
+        display: block;
+        padding: 10px 20px;
+        font-size: 13px;
+        font-weight: 500;
+        color: var(--brand-navy);
+        text-decoration: none;
+        transition: background 0.15s, color 0.15s;
+      }
+      .nav-dropdown a:hover {
+        background: var(--bg-soft);
+        color: var(--brand-navy);
+      }
+
+      /* --- Mobile menu --- */
+      .header-mobile-nav {
+        display: none;
+        background: var(--brand-yellow);
+        padding: 6px 0 14px;
+      }
+      .header-mobile-nav.is-open { display: block; }
+      .mobile-nav-btn,
+      .header-mobile-nav a {
+        display: block;
+        width: 100%;
+        padding: 11px 24px;
+        font-size: 13px;
+        font-weight: 700;
+        color: var(--brand-navy);
+        text-transform: uppercase;
+        letter-spacing: 0.4px;
+        text-decoration: none;
+        background: none;
+        border: none;
+        font-family: inherit;
+        text-align: left;
+        cursor: pointer;
+        transition: background 0.15s;
+      }
+      .mobile-nav-btn:hover,
+      .header-mobile-nav a:hover { background: rgba(0, 0, 0, 0.07); }
+      .mobile-nav-submenu { display: none; background: rgba(0, 0, 0, 0.06); }
+      .mobile-nav-submenu.is-open { display: block; }
+      .mobile-nav-submenu a {
+        padding-left: 40px;
+        font-weight: 500;
+        text-transform: none;
+        letter-spacing: 0;
+      }
+
+      /* --- Search overlay --- */
+      .search-overlay {
+        display: none;
+        position: fixed;
+        inset: 0;
+        background: rgba(0, 0, 0, 0.55);
+        z-index: 2000;
+        align-items: flex-start;
+        justify-content: center;
+        padding-top: 80px;
+      }
+      .search-overlay.is-open { display: flex; }
+      .search-box {
+        background: #fff;
+        border-radius: 12px;
+        padding: 6px 16px;
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        width: 90%;
+        max-width: 540px;
+        box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
+      }
+      .search-box input {
+        flex: 1;
+        border: none;
+        outline: none;
+        font-size: 16px;
+        font-family: inherit;
+        color: var(--brand-navy);
+        padding: 10px 0;
+        background: none;
+      }
+      .search-box button {
+        background: none;
+        border: none;
+        color: var(--brand-navy);
+        font-size: 16px;
+        cursor: pointer;
+        padding: 4px;
+      }
+
+      /* --- Responsive Header --- */
+      @media (max-width: 960px) {
+        .header-top-bar { padding: 10px 20px; }
+        .header-nav-bar { display: none; }
+        .header-hamburger { display: block; }
+      }
+      @media (max-width: 480px) {
+        .header-brand-faculty { display: none; }
+        .header-portal-label { display: none; }
+        .header-top-bar { padding: 8px 14px; }
+        .header-right-group { gap: 8px; }
+      }
+
+      /* ── Small mobile (≤480px) ── */
+      @media (max-width: 480px) {
+        #hero { padding: 32px 0 44px; }
+        #hero h1 { font-size: 28px; }
+        #hero p.hero-sub { font-size: 14px; margin-top: 14px; }
+        #about { padding: 36px 0; }
+        #info-jalur-header { padding: 24px 16px 0; }
+        #main-layout { padding: 16px 16px 32px; gap: 16px; }
+        #about { padding: 48px 16px; }
+        .section-title { font-size: 22px; }
+        .scholarship-card { flex: 0 0 220px; }
+        #faq-section { padding: 36px 0 44px; }
+      }
+      /* ── Extra small (≤360px) ── */
+      @media (max-width: 360px) {
+        #hero h1 { font-size: 24px; }
+        .scholarship-card { flex: 0 0 190px; }
+        .path-card {
+          padding: 14px 12px;
+          flex: 0 0 min(260px, calc(100% - 36px));
+        }
+        .sidebar-heading { font-size: 11px; }
+      }
\ No newline at end of file
