{"id":83634,"date":"2026-09-29T09:24:18","date_gmt":"2026-09-29T02:24:18","guid":{"rendered":"https:\/\/trilogi.ac.id\/stekpi\/?page_id=83634"},"modified":"2026-09-29T10:42:14","modified_gmt":"2026-09-29T03:42:14","slug":"prodi-teknik-informatika","status":"publish","type":"page","link":"https:\/\/trilogi.ac.id\/stekpi\/prodi-teknik-informatika\/","title":{"rendered":"Prodi Teknik Informatika"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n        :root {\n            --primary: #0F4C81;\n            --primary-hover: #0C3E69;\n            --secondary: #0F9D8C;\n            --tertiary: #E0A500;\n            --bg-base: #FFFFFF;\n            --bg-subtle: #F7F8FA;\n            --border-subtle: #E5E7EB;\n            --text-primary: #1A1F26;\n            --text-secondary: #5A6472;\n            --text-muted: #94A0AF;\n            \n            --font-heading: 'Plus Jakarta Sans', sans-serif;\n            --font-body: 'Inter', sans-serif;\n            \n            --max-width: 1140px;\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        html {\n            overflow-x: hidden;\n        }\n\n        html {\n            overflow-x: hidden;\n        }\n\n        body {\n            font-family: var(--font-body);\n            color: var(--text-secondary);\n            background-color: var(--bg-base);\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n            overflow-x: hidden;\n            max-width: 100%;\n        }\n\n        \/* WordPress Wrapper \u2014 mencegah overflow horizontal di semua environment *\/\n        .prodi-ti-wrapper {\n            overflow-x: hidden;\n            max-width: 100%;\n            width: 100%;\n            position: relative;\n        }\n\n\n        h1, h2, h3, h4, h5, h6 {\n            font-family: var(--font-heading);\n            color: var(--text-primary);\n            line-height: 1.2;\n        }\n\n        a {\n            text-decoration: none;\n            color: inherit;\n        }\n\n        ul {\n            list-style: none;\n        }\n\n        img {\n            max-width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        .container {\n            max-width: var(--max-width);\n            margin: 0 auto;\n            padding: 0 24px;\n        }\n\n        section {\n            padding: 80px 0;\n        }\n\n        .bg-subtle {\n            background-color: var(--bg-subtle);\n        }\n\n        .btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 12px 24px;\n            border-radius: 6px;\n            font-weight: 600;\n            font-size: 14px;\n            cursor: pointer;\n            transition: all 0.2s ease;\n            gap: 8px;\n        }\n\n        .btn-primary {\n            background-color: var(--primary);\n            color: #fff;\n            border: none;\n        }\n\n        .btn-primary:hover {\n            background-color: var(--primary-hover);\n            box-shadow: 0 4px 12px rgba(15, 76, 129, 0.2);\n        }\n\n        .btn-secondary {\n            background-color: transparent;\n            color: var(--primary);\n            border: 1px solid var(--primary);\n        }\n\n        .btn-secondary:hover {\n            background-color: rgba(15, 76, 129, 0.04);\n        }\n\n        .badge {\n            display: inline-flex;\n            align-items: center;\n            padding: 4px 12px;\n            border-radius: 9999px;\n            font-size: 12px;\n            font-weight: 600;\n            gap: 6px;\n        }\n\n        .badge-amber {\n            background-color: #FFF9E6;\n            color: var(--tertiary);\n            border: 1px solid rgba(224, 165, 0, 0.2);\n        }\n\n        .badge-teal {\n            background-color: #E6F7F5;\n            color: var(--secondary);\n        }\n        \n        .badge-primary-light {\n            background-color: #f0f4fe;\n            color: var(--primary);\n        }\n\n        \/* Hero Section *\/\n        .hero {\n            padding: 64px 0 80px;\n        }\n\n        .hero .container {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 48px;\n            align-items: center;\n        }\n\n        .hero .container > * {\n            min-width: 0;\n            max-width: 100%;\n        }\n\n        .hero-content h1 {\n            font-size: 48px;\n            font-weight: 700;\n            letter-spacing: -0.02em;\n            margin-top: 24px;\n            margin-bottom: 8px;\n        }\n\n        .hero-subtitle {\n            font-size: 18px;\n            color: var(--text-primary);\n            font-weight: 600;\n            margin-bottom: 16px;\n        }\n\n        .hero-desc {\n            font-size: 18px;\n            margin-bottom: 32px;\n        }\n\n        .hero-actions {\n            display: flex;\n            gap: 16px;\n            margin-bottom: 32px;\n        }\n\n        .hero-features {\n            display: flex;\n            gap: 24px;\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--text-primary);\n        }\n\n        .hero-features div {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .hero-features svg {\n            color: var(--secondary);\n            width: 16px;\n            height: 16px;\n        }\n\n        .hero-image {\n            position: relative;\n            border-radius: 12px;\n            overflow: hidden;\n            width: 100%;\n            max-width: 100%;\n        }\n\n        .hero-floating-card {\n            position: absolute;\n            bottom: 24px;\n            left: 24px;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(12px);\n            padding: 14px 16px;\n            border-radius: 12px;\n            box-shadow: 0 8px 32px rgba(15, 76, 129, 0.14);\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            border: 1px solid rgba(15, 157, 140, 0.15);\n            min-width: 220px;\n        }\n        \n        .hero-floating-card .icon-box {\n            background-color: #E6F7F5;\n            color: var(--secondary);\n            padding: 12px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n\n        \/* Stats Grid *\/\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n            margin-top: -40px;\n            margin-bottom: 80px;\n            position: relative;\n            z-index: 10;\n            width: 100%;\n        }\n\n        .stat-card {\n            background: var(--bg-base);\n            border: 1px solid var(--border-subtle);\n            border-radius: 8px;\n            padding: 24px;\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            transition: all 0.2s ease;\n        }\n        \n        .stat-card:hover {\n             box-shadow: 0 8px 24px -4px rgba(26, 31, 38, 0.06);\n             border-color: var(--primary);\n        }\n\n        .stat-header {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            color: var(--text-primary);\n            font-weight: 600;\n            font-size: 14px;\n            margin-bottom: 8px;\n        }\n\n        .stat-value {\n            font-family: var(--font-heading);\n            font-size: 44px;\n            font-weight: 700;\n            color: var(--primary);\n            line-height: 1;\n            display: flex;\n            align-items: baseline;\n            gap: 4px;\n        }\n\n        .stat-value.teal {\n            color: var(--secondary);\n        }\n        \n        .stat-value span {\n            font-size: 16px;\n            font-weight: 600;\n            color: var(--text-secondary);\n        }\n\n        .stat-desc {\n            font-size: 13px;\n            color: var(--text-muted);\n        }\n\n        \/* Section Header *\/\n        .section-header {\n            margin-bottom: 48px;\n        }\n        \n        .section-badge {\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--secondary);\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            margin-bottom: 12px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        \n        .section-title {\n            font-size: 32px;\n            margin-bottom: 16px;\n        }\n        \n        .section-desc {\n            font-size: 16px;\n            max-width: 600px;\n        }\n\n        \/* Profil Program Studi *\/\n        .profil-grid {\n            display: grid;\n            grid-template-columns: 280px 1fr;\n            gap: 40px;\n        }\n\n        .profil-tabs {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .profil-tab {\n            padding: 16px;\n            border-radius: 8px;\n            font-weight: 600;\n            color: var(--text-secondary);\n            cursor: pointer;\n            transition: all 0.2s ease;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .profil-tab.active {\n            background-color: var(--primary);\n            color: #fff;\n            box-shadow: 0 4px 12px rgba(15, 76, 129, 0.15);\n        }\n\n        .profil-tab:not(.active):hover {\n            background-color: var(--bg-base);\n            color: var(--primary);\n        }\n\n        .profil-content {\n            background: var(--bg-base);\n            border: 1px solid var(--border-subtle);\n            border-radius: 8px;\n            padding: 40px;\n        }\n\n        .profil-panel {\n            display: none;\n        }\n\n        .profil-panel.active {\n            display: block;\n        }\n\n        .profil-content h3 {\n            font-size: 22px;\n            margin-bottom: 16px;\n            color: var(--primary);\n        }\n\n        .profil-content p {\n            font-size: 16px;\n            margin-bottom: 24px;\n        }\n        \n        .profil-quote {\n            font-size: 18px;\n            font-style: italic;\n            color: var(--primary);\n            border-left: 4px solid var(--primary);\n            padding-left: 20px;\n            margin-bottom: 32px;\n            font-weight: 600;\n        }\n\n        .alert-box {\n            background-color: #FFF9E6;\n            border: 1px solid rgba(224, 165, 0, 0.2);\n            padding: 16px;\n            border-radius: 8px;\n            display: flex;\n            gap: 12px;\n            font-size: 14px;\n            color: var(--text-primary);\n            margin-bottom: 32px;\n        }\n        \n        .alert-box svg {\n            color: var(--tertiary);\n            flex-shrink: 0;\n        }\n\n        .misi-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n        }\n\n        .misi-card {\n            background-color: var(--bg-subtle);\n            border: 1px solid var(--border-subtle);\n            padding: 16px;\n            border-radius: 8px;\n            display: flex;\n            gap: 12px;\n            font-size: 14px;\n            color: var(--text-primary);\n        }\n        \n        .misi-card svg {\n            color: var(--primary);\n            flex-shrink: 0;\n            width: 20px;\n            height: 20px;\n        }\n\n        \/* Profil Lulusan *\/\n        .lulusan-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 24px;\n            align-items: stretch;\n        }\n\n        .lulusan-card {\n            background: var(--bg-base);\n            border: 1px solid var(--border-subtle);\n            border-radius: 8px;\n            padding: 24px;\n            transition: all 0.2s ease;\n            display: flex;\n            flex-direction: column;\n        }\n        \n        .lulusan-card:hover {\n            box-shadow: 0 8px 24px -4px rgba(26, 31, 38, 0.06);\n            transform: translateY(-4px);\n        }\n\n        .lulusan-icon {\n            width: 48px;\n            height: 48px;\n            border-radius: 8px;\n            background-color: var(--bg-subtle);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            color: var(--primary);\n        }\n\n        .lulusan-card h4 {\n            font-size: 18px;\n            margin-bottom: 12px;\n        }\n\n        .lulusan-card p {\n            font-size: 14px;\n            margin-bottom: 24px;\n            flex-grow: 1;\n        }\n\n        .lulusan-tags {\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--primary);\n        }\n        \n        .lulusan-card.special {\n            border-top: 3px solid var(--secondary);\n            background-color: #FAFAFA;\n        }\n        \n        .lulusan-card.special .lulusan-icon {\n            background-color: #E6F7F5;\n            color: var(--secondary);\n        }\n        \n        .special-badge {\n            background-color: #E6F7F5;\n            color: var(--secondary);\n            padding: 4px 8px;\n            border-radius: 4px;\n            font-size: 11px;\n            font-weight: 600;\n            margin-left: auto;\n            align-self: flex-start;\n        }\n\n        \/* Tracer Study *\/\n        .tracer-grid {\n            display: grid;\n            grid-template-columns: 1.2fr 1fr;\n            gap: 40px;\n        }\n\n        .tracer-card {\n            background: var(--bg-base);\n            border: 1px solid var(--border-subtle);\n            border-radius: 8px;\n            padding: 32px;\n        }\n        \n        .tracer-card h3 {\n            font-size: 18px;\n            margin-bottom: 8px;\n            text-transform: uppercase;\n            font-family: var(--font-body);\n            letter-spacing: 0.05em;\n            color: var(--text-muted);\n            font-size: 12px;\n        }\n\n        .tracer-card h4 {\n            font-size: 22px;\n            margin-bottom: 16px;\n        }\n\n        .tracer-card p {\n            font-size: 14px;\n            margin-bottom: 32px;\n        }\n\n        .chart-row {\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n            margin-bottom: 20px;\n        }\n\n        .chart-row-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-size: 13px;\n        }\n\n        .chart-label {\n            color: var(--text-primary);\n            font-weight: 600;\n            font-size: 13px;\n        }\n\n        .chart-label.current {\n            color: var(--secondary);\n        }\n\n        .chart-value {\n            font-weight: 700;\n            font-size: 13px;\n            color: var(--text-primary);\n        }\n\n        .chart-value.current {\n            color: var(--secondary);\n        }\n\n        .chart-bar-container {\n            width: 100%;\n            background-color: var(--bg-subtle);\n            height: 8px;\n            border-radius: 99px;\n            overflow: hidden;\n        }\n\n        .chart-bar {\n            height: 100%;\n            border-radius: 99px;\n            background-color: #CBD5E1;\n            transition: width 0.8s ease;\n        }\n\n        .chart-bar.ts2 {\n            background-color: #F87171 !important;\n        }\n\n        .chart-value.ts2 {\n            color: #DC2626;\n            font-weight: 700;\n        }\n\n        .chart-bar.ts1 {\n            background-color: var(--primary) !important;\n        }\n        \n        .chart-bar.current {\n            background-color: var(--secondary) !important;\n        }\n\n        .stats-row {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 16px;\n            margin-top: 32px;\n            border-top: 1px solid var(--border-subtle);\n            padding-top: 24px;\n        }\n\n        .stat-item {\n            text-align: center;\n        }\n        \n        .stat-item .val {\n            font-size: 24px;\n            font-weight: 700;\n            color: var(--primary);\n            font-family: var(--font-heading);\n        }\n        \n        .stat-item .lbl {\n            font-size: 12px;\n            color: var(--text-secondary);\n        }\n\n        .survey-big-val {\n            font-size: 48px;\n            font-weight: 700;\n            color: var(--primary);\n            font-family: var(--font-heading);\n            display: flex;\n            align-items: baseline;\n            gap: 8px;\n            margin-bottom: 8px;\n        }\n        \n        .survey-big-val span {\n            font-size: 16px;\n            color: var(--secondary);\n        }\n        \n        .survey-stats {\n            display: flex;\n            gap: 24px;\n            margin-bottom: 32px;\n            background: var(--bg-subtle);\n            padding: 16px;\n            border-radius: 8px;\n        }\n        \n        .survey-stats > div {\n            flex: 1;\n            text-align: center;\n        }\n        \n        .survey-stats .val {\n            font-size: 20px;\n            font-weight: 700;\n            color: var(--text-primary);\n        }\n        \n        .survey-stats .lbl {\n            font-size: 12px;\n        }\n\n        .kekuatan-list {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }\n\n        .kekuatan-item {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n        \n        .kekuatan-icon {\n            width: 40px;\n            height: 40px;\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 700;\n        }\n        \n        .kekuatan-icon.team { background-color: #E6F7F5; color: var(--secondary); }\n        .kekuatan-icon.etos { background-color: #f0f4fe; color: var(--primary); }\n        .kekuatan-icon.lead { background-color: #FFF9E6; color: var(--tertiary); }\n\n        .kekuatan-text {\n            flex-grow: 1;\n        }\n        \n        .kekuatan-text h5 {\n            font-size: 14px;\n            margin-bottom: 2px;\n        }\n        \n        .kekuatan-text p {\n            font-size: 12px;\n        }\n        \n        .kekuatan-val {\n            font-weight: 700;\n            font-size: 16px;\n            color: var(--primary);\n        }\n\n        \/* Kegiatan *\/\n        .filter-tabs {\n            display: flex;\n            gap: 8px;\n            margin-bottom: 32px;\n        }\n        \n        .filter-tab {\n            padding: 8px 16px;\n            border-radius: 999px;\n            font-size: 14px;\n            font-weight: 600;\n            cursor: pointer;\n            border: 1px solid var(--border-subtle);\n            color: var(--text-secondary);\n        }\n        \n        .filter-tab.active {\n            background-color: var(--bg-base);\n            color: var(--primary);\n            border-color: var(--primary);\n        }\n\n        .kegiatan-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 24px;\n        }\n\n        .kegiatan-card {\n            background: var(--bg-base);\n            border: 1px solid var(--border-subtle);\n            border-radius: 8px;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            transition: all 0.2s ease;\n        }\n        \n        .kegiatan-card:hover {\n            box-shadow: 0 8px 24px -4px rgba(26, 31, 38, 0.06);\n            transform: translateY(-4px);\n        }\n\n        .kegiatan-img {\n            height: 180px;\n            background-color: var(--border-subtle);\n            position: relative;\n        }\n        \n        .kegiatan-img img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n        \n        .kegiatan-badge {\n            position: absolute;\n            top: 12px;\n            left: 12px;\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(4px);\n            padding: 4px 10px;\n            border-radius: 4px;\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--text-primary);\n        }\n\n        .kegiatan-content {\n            padding: 20px;\n            display: flex;\n            flex-direction: column;\n            flex-grow: 1;\n        }\n\n        .kegiatan-meta {\n            display: flex;\n            justify-content: space-between;\n            font-size: 12px;\n            color: var(--primary);\n            font-weight: 600;\n            margin-bottom: 8px;\n        }\n        \n        .kegiatan-meta .date {\n            color: var(--text-muted);\n            font-weight: 400;\n        }\n\n        .kegiatan-card h4 {\n            font-size: 18px;\n            margin-bottom: 12px;\n        }\n\n        .kegiatan-card p {\n            font-size: 14px;\n            flex-grow: 1;\n            margin-bottom: 20px;\n        }\n\n        .kegiatan-footer {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            border-top: 1px solid var(--border-subtle);\n            padding-top: 16px;\n            font-size: 12px;\n            color: var(--text-secondary);\n        }\n        \n        .kegiatan-footer .tag {\n            color: var(--primary);\n            font-weight: 600;\n        }\n\n        \/* Struktur Organisasi *\/\n        .org-chart {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        \n        .org-node {\n            background: var(--bg-base);\n            border: 1px solid var(--border-subtle);\n            border-radius: 16px;\n            padding: 24px 20px 20px;\n            text-align: center;\n            width: 100%;\n            max-width: 360px;\n            position: relative;\n            z-index: 2;\n            transition: box-shadow 0.2s ease;\n            box-sizing: border-box;\n        }\n\n        .org-node:hover {\n            box-shadow: 0 6px 20px rgba(15, 76, 129, 0.1);\n        }\n\n        \/* Border dashed biru untuk Dekan & Kaprodi *\/\n        .org-node-featured {\n            border: 2px dashed var(--primary);\n            border-radius: 18px;\n            width: 100%;\n            max-width: 400px;\n            padding-bottom: 36px;\n        }\n\n        .org-avatar {\n            width: 100%;\n            height: 220px;\n            border-radius: 12px;\n            background-color: var(--bg-base);\n            margin: 0 auto 18px;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .org-avatar img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            object-position: center;\n        }\n        \n        .org-avatar svg {\n            width: 40px;\n            height: 40px;\n            color: var(--text-muted);\n        }\n\n        .org-avatar-initials {\n            width: 100%;\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 48px;\n            font-weight: 700;\n            letter-spacing: -0.5px;\n            border-radius: 12px;\n            color: #fff;\n            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n        }\n\n        .org-node h4 {\n            font-size: 15px;\n            margin-bottom: 6px;\n            line-height: 1.4;\n        }\n\n        .org-node p {\n            font-size: 13px;\n            color: var(--text-secondary);\n            margin-bottom: 12px;\n        }\n        \n        .org-tag {\n            display: inline-block;\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--primary);\n            background-color: #f0f4fe;\n            padding: 4px 10px;\n            border-radius: 99px;\n            margin-bottom: 16px;\n        }\n        \n        .org-desc {\n            font-size: 12px;\n            color: var(--text-muted);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            border-top: 1px solid var(--border-subtle);\n            padding-top: 12px;\n        }\n\n        .org-line-v {\n            width: 2px;\n            height: 40px;\n            background-color: var(--primary);\n            margin: 0 auto;\n        }\n        \n        .org-line-h {\n            width: 100%;\n            height: 2px;\n            background-color: var(--border-subtle);\n            position: relative;\n            top: 20px;\n            z-index: 1;\n        }\n        \n        .org-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 24px;\n            width: 100%;\n            padding-top: 40px;\n        }\n        \n        .org-grid .org-node {\n            width: 100%;\n        }\n\n        .org-pill {\n            background-color: var(--primary);\n            color: white;\n            padding: 6px 20px;\n            border-radius: 99px;\n            font-size: 12px;\n            font-weight: 600;\n            margin: -18px auto 24px;\n            position: relative;\n            z-index: 3;\n            display: inline-block;\n        }\n        \n        .org-pill-light {\n            background-color: #f0f4fe;\n            color: var(--primary);\n            border: 1.5px solid #c7d9f7;\n            padding: 8px 24px;\n            border-radius: 99px;\n            font-size: 13px;\n            font-weight: 600;\n            margin: 20px auto 0;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        \/* Dokumen *\/\n\n        .dokumen-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 24px;\n        }\n\n        .dokumen-card {\n            background: var(--bg-base);\n            border: 1px solid var(--border-subtle);\n            border-radius: 8px;\n            padding: 20px;\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            transition: all 0.2s ease;\n        }\n        \n        .dokumen-card:hover {\n            border-color: var(--primary);\n            box-shadow: 0 4px 12px rgba(26, 31, 38, 0.04);\n        }\n\n        .dokumen-icon {\n            width: 40px;\n            height: 40px;\n            border-radius: 8px;\n            background-color: #f0f4fe;\n            color: var(--primary);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n\n        .dokumen-info {\n            flex-grow: 1;\n        }\n\n        .dokumen-info h4 {\n            font-size: 14px;\n            margin-bottom: 4px;\n        }\n\n        .dokumen-info p {\n            font-size: 12px;\n            color: var(--text-muted);\n        }\n\n        .dokumen-download {\n            color: var(--text-secondary);\n            transition: color 0.2s;\n        }\n        \n        .dokumen-card:hover .dokumen-download {\n            color: var(--primary);\n        }\n\n        \/* CTA Footer *\/\n        .cta-section {\n            background-color: var(--primary);\n            color: white;\n            padding: 64px 0;\n        }\n        \n        .cta-container {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 32px;\n        }\n        \n        .cta-content {\n            max-width: 600px;\n            min-width: 0;\n            flex: 1;\n        }\n\n        .cta-badge {\n            background-color: #FFF9E6;\n            color: var(--tertiary);\n            padding: 6px 16px;\n            border-radius: 99px;\n            font-size: 12px;\n            font-weight: 700;\n            display: inline-block;\n            margin-bottom: 24px;\n        }\n\n        .cta-content h2 {\n            font-size: 36px;\n            color: white;\n            margin-bottom: 16px;\n        }\n        \n        .cta-content p {\n            font-size: 16px;\n            color: rgba(255, 255, 255, 0.8);\n        }\n\n        .cta-actions {\n            display: flex;\n            gap: 16px;\n            flex-wrap: wrap;\n        }\n        \n        .btn-cta {\n            background-color: var(--secondary);\n            color: white;\n            padding: 14px 28px;\n            border-radius: 6px;\n            font-weight: 600;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n        }\n        \n        .btn-cta-outline {\n            background-color: transparent;\n            color: white;\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            padding: 14px 28px;\n            border-radius: 6px;\n            font-weight: 600;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        \/* Footer *\/\n        footer {\n            background-color: var(--bg-base);\n            padding: 64px 0 32px;\n            border-top: 1px solid var(--border-subtle);\n        }\n\n        .footer-grid {\n            display: grid;\n            grid-template-columns: 2fr 1fr 1fr 1fr;\n            gap: 40px;\n            margin-bottom: 48px;\n        }\n\n        .footer-logo {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 16px;\n            font-weight: 700;\n            color: var(--primary);\n            font-size: 18px;\n        }\n        \n        .footer-logo svg {\n            width: 24px;\n            height: 24px;\n        }\n\n        .footer-col h4 {\n            font-size: 16px;\n            color: var(--text-primary);\n            margin-bottom: 20px;\n        }\n\n        .footer-col ul {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .footer-col a {\n            color: var(--text-secondary);\n            font-size: 14px;\n            transition: color 0.2s;\n        }\n\n        .footer-col a:hover {\n            color: var(--primary);\n        }\n\n        .footer-bottom {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding-top: 32px;\n            border-top: 1px solid var(--border-subtle);\n            font-size: 13px;\n            color: var(--text-muted);\n        }\n\n        .footer-links {\n            display: flex;\n            gap: 24px;\n        }\n\n        \/* Responsive Design Rules for Mobile and Tablet *\/\n        @media (max-width: 992px) {\n            .container {\n                padding-left: 20px;\n                padding-right: 20px;\n                width: 100%;\n                max-width: 100%;\n            }\n            .hero .container, .profil-grid, .tracer-grid {\n                grid-template-columns: 1fr;\n                gap: 32px;\n            }\n            \/* CTA container: switch ke kolom di tablet\/mobile *\/\n            .cta-container {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n            .hero-image {\n                width: 100%;\n                max-width: 100%;\n            }\n            .hero-image img {\n                height: 380px !important;\n                width: 100%;\n            }\n            .stats-grid {\n                grid-template-columns: repeat(2, 1fr);\n                margin-top: 0;\n                margin-bottom: 48px;\n            }\n            .lulusan-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            .kegiatan-grid, .dokumen-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            .footer-grid {\n                grid-template-columns: 1fr 1fr;\n            }\n            .cta-actions {\n                margin-top: 24px;\n                flex-wrap: wrap;\n            }\n            \n            \/* Org Chart Tree for Tablet *\/\n            .org-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 20px;\n            }\n            .org-node {\n                max-width: 100%;\n            }\n        }\n\n        @media (max-width: 768px) {\n            section {\n                padding: 40px 0;\n            }\n            .section-header {\n                margin-bottom: 32px;\n            }\n            .section-title {\n                font-size: 26px;\n            }\n            .hero h1 {\n                font-size: 32px;\n            }\n            .hero-desc {\n                font-size: 15px;\n            }\n            .hero-features {\n                flex-direction: column;\n                gap: 12px;\n            }\n            .hero-actions {\n                flex-direction: column;\n                width: 100%;\n            }\n            .hero-actions .btn {\n                width: 100%;\n                justify-content: center;\n            }\n\n            \/* CTA Mobile \u2014 full width, tidak overflow *\/\n            .cta-container {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 24px;\n            }\n            .cta-content {\n                max-width: 100%;\n                width: 100%;\n            }\n            .cta-content h2 {\n                font-size: 26px;\n                word-break: break-word;\n            }\n            .cta-actions {\n                width: 100%;\n                flex-direction: column;\n            }\n            .btn-cta, .btn-cta-outline {\n                width: 100%;\n                justify-content: center;\n            }\n\n            .hero-floating-card {\n                position: relative;\n                bottom: auto;\n                left: auto;\n                margin-top: -30px;\n                margin-left: 12px;\n                margin-right: 12px;\n                z-index: 10;\n            }\n\n            \/* Stats Cards Mobile *\/\n            .stats-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 12px;\n            }\n            .stat-card {\n                padding: 16px;\n            }\n            .stat-value {\n                font-size: 32px;\n            }\n            .stat-header {\n                font-size: 12px;\n            }\n\n            \/* Profil Tabs Mobile *\/\n            .profil-tabs {\n                flex-direction: row;\n                overflow-x: auto;\n                padding-bottom: 8px;\n                -webkit-overflow-scrolling: touch;\n            }\n            .profil-tab {\n                white-space: nowrap;\n                padding: 10px 16px;\n                font-size: 13px;\n                flex-shrink: 0;\n            }\n            .profil-content {\n                padding: 24px 16px;\n            }\n            .misi-grid {\n                grid-template-columns: 1fr;\n            }\n\n            \/* Filter Tabs scrollable *\/\n            .filter-tabs {\n                overflow-x: auto;\n                white-space: nowrap;\n                padding-bottom: 6px;\n                width: 100%;\n                -webkit-overflow-scrolling: touch;\n            }\n            .filter-tab {\n                flex-shrink: 0;\n            }\n\n            \/* Org Chart Pohon Struktur Dosen pada Mobile *\/\n            .org-chart {\n                width: 100%;\n            }\n            .org-node-featured {\n                max-width: 100%;\n                padding: 18px 14px;\n            }\n            .org-node-featured h4 {\n                font-size: 14px;\n            }\n            .org-avatar {\n                height: 140px;\n                margin-bottom: 12px;\n            }\n            .org-avatar-initials {\n                font-size: 36px;\n            }\n            .org-pill-light {\n                font-size: 11px;\n                padding: 6px 14px;\n                margin-top: 14px;\n                text-align: center;\n            }\n            .org-line-v {\n                height: 24px;\n            }\n            .org-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 12px;\n                padding-top: 24px;\n            }\n            .org-grid .org-node {\n                padding: 14px 10px;\n                border-radius: 12px;\n            }\n            .org-grid .org-node h4 {\n                font-size: 12px;\n                line-height: 1.3;\n                margin-bottom: 4px;\n            }\n            .org-grid .org-node p {\n                font-size: 11px;\n                margin-bottom: 8px;\n            }\n            .org-tag {\n                font-size: 10px;\n                padding: 2px 8px;\n                margin-bottom: 8px;\n            }\n            .org-desc {\n                font-size: 10px;\n                padding-top: 8px;\n            }\n\n            \/* Single column layouts for cards *\/\n            .lulusan-grid {\n                grid-template-columns: 1fr;\n            }\n            .kegiatan-grid {\n                grid-template-columns: 1fr;\n            }\n            .dokumen-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .survey-stats {\n                flex-direction: row;\n                justify-content: space-around;\n            }\n            .survey-stats > div {\n                border: none !important;\n                padding: 0 4px;\n            }\n            .survey-stats .val {\n                font-size: 18px;\n            }\n            .survey-stats .lbl {\n                font-size: 11px;\n            }\n\n            .footer-grid {\n                grid-template-columns: 1fr;\n                gap: 32px;\n            }\n            .footer-bottom {\n                flex-direction: column;\n                gap: 16px;\n                text-align: center;\n            }\n            .btn-cta, .btn-cta-outline {\n                width: 100%;\n                justify-content: center;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .stats-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 8px;\n            }\n            .stat-card {\n                padding: 12px 10px;\n            }\n            .stat-value {\n                font-size: 26px;\n            }\n            .stat-header {\n                font-size: 11px;\n            }\n            .stat-desc {\n                font-size: 11px;\n            }\n            \n            \/* Structure Tree stays 2 columns on small mobile so it looks like a clear hierarchical tree branch! *\/\n            .org-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 8px;\n            }\n            .org-avatar {\n                height: 110px;\n            }\n            .org-grid .org-node {\n                padding: 10px 6px;\n            }\n            .org-grid .org-node h4 {\n                font-size: 11px;\n            }\n            .org-desc {\n                font-size: 9px;\n            }\n        }\n\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n    \/\/ Profil Program Studi Tab Switching\n    const tabs = document.querySelectorAll('.profil-tab');\n    const panels = document.querySelectorAll('.profil-panel');\n    \n    tabs.forEach((tab, index) => {\n        tab.addEventListener('click', () => {\n            tabs.forEach(t => t.classList.remove('active'));\n            panels.forEach(p => p.classList.remove('active'));\n            \n            tab.classList.add('active');\n            if (panels[index]) {\n                panels[index].classList.add('active');\n            }\n        });\n    });\n\n    \/\/ Kegiatan Mahasiswa Category Filtering\n    const filterTabs = document.querySelectorAll('.filter-tab');\n    const kegiatanCards = document.querySelectorAll('.kegiatan-card');\n\n    filterTabs.forEach(tab => {\n        tab.addEventListener('click', () => {\n            filterTabs.forEach(t => t.classList.remove('active'));\n            tab.classList.add('active');\n\n            const filter = tab.getAttribute('data-filter') || 'all';\n\n            kegiatanCards.forEach(card => {\n                const category = card.getAttribute('data-category');\n                if (filter === 'all' || category === filter) {\n                    card.style.display = 'flex';\n                } else {\n                    card.style.display = 'none';\n                }\n            });\n        });\n    });\n});\n\n<\/script>\n\n<!DOCTYPE html>\n<html lang=\"id\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Informatika Trilogi Modern Academic<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link\n        href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&#038;family=Plus+Jakarta+Sans:wght@600;700&#038;display=swap\"\n        rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"assets\/css\/style.css\">\n<\/head>\n\n<body>\n    <div class=\"prodi-ti-wrapper\">\n\n        <!-- Hero Section -->\n        <section class=\"hero bg-subtle\">\n            <div class=\"container\">\n                <div class=\"hero-content\">\n                    <div class=\"badge badge-amber\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path\n                                d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\">\n                            <\/path>\n                        <\/svg>\n                        Akreditasi Baik Sekali \u2014 BAN-PT\n                    <\/div>\n                    <h1>Program Studi<br>Teknik Informatika<\/h1>\n                    <div class=\"hero-subtitle\">Fakultas Sains, Teknik, dan Desain (FSTD) \u00b7 Universitas Trilogi<\/div>\n                    <p class=\"hero-desc\">Membentuk sarjana informatika berkarakter <strong>teknososiopreneur<\/strong> \u2014\n                        profesional IT unggul berbasis kecerdasan buatan, multimedia, dan jaringan komputer yang\n                        berkolaborasi lintas bidang, mandiri, dan berkontribusi nyata bagi pembangunan nasional.<\/p>\n\n                    <div class=\"hero-actions\">\n                        <a href=\"#\" class=\"btn btn-primary\">Daftar PMB Mahasiswa Baru <svg width=\"16\" height=\"16\"\n                                viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\n                            <\/svg><\/a>\n                        <a href=\"#\" class=\"btn btn-secondary\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\">\n                                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3\" \/>\n                            <\/svg> Unduh Brosur &#038; Kurikulum<\/a>\n                    <\/div>\n\n                    <div class=\"hero-features\">\n                        <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M20 6L9 17l-5-5\" \/>\n                            <\/svg> Kurikulum OBE &#038; KKNI<\/div>\n                        <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M20 6L9 17l-5-5\" \/>\n                            <\/svg> 245 Mahasiswa Aktif<\/div>\n                        <div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M20 6L9 17l-5-5\" \/>\n                            <\/svg> Program Mahasiswa Berdampak<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"hero-image\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531482615713-2afd69097998?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=800&#038;q=80\"\n                        alt=\"Mahasiswa Teknik Informatika\"\n                        style=\"border-radius: 12px; height: 500px; object-fit: cover;\" title=\"Prodi Teknik Informatika\">\n                    <div class=\"hero-floating-card\">\n                        <div class=\"icon-box\">\n                            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n                                <path\n                                    d=\"M12 2v3M12 19v3M4.22 4.22l2.12 2.12M17.66 17.66l2.12 2.12M2 12h3M19 12h3M4.22 19.78l2.12-2.12M17.66 6.34l2.12-2.12\" \/>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <div\n                                style=\"font-size: 11px; color: var(--text-muted); font-weight: 600; letter-spacing: 0.03em;\">\n                                Pilar Unggulan Trilogi<\/div>\n                            <div style=\"font-size: 14px; color: var(--primary); font-weight: 700; margin-top: 2px;\">\n                                Teknososiopreneur<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Stats -->\n        <div class=\"container\">\n            <div class=\"stats-grid\">\n                <div class=\"stat-card\">\n                    <div class=\"stat-header\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"2\">\n                            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                        <\/svg>\n                        Mahasiswa Aktif\n                    <\/div>\n                    <div class=\"stat-value\">245<\/div>\n                    <div class=\"stat-desc\">Tahun Akademik 2025\/2026<\/div>\n                <\/div>\n                <div class=\"stat-card\">\n                    <div class=\"stat-header\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"2\">\n                            <path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"><\/path>\n                            <path d=\"M6 12v5c3 3 9 3 12 0v-5\"><\/path>\n                        <\/svg>\n                        Lulusan 3 Tahun\n                    <\/div>\n                    <div class=\"stat-value\">116<\/div>\n                    <div class=\"stat-desc\">Sarjana TI Terlatih<\/div>\n                <\/div>\n                <div class=\"stat-card\">\n                    <div class=\"stat-header\" style=\"color: var(--secondary);\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"2\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                            <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n                        <\/svg>\n                        Masa Tunggu Kerja\n                    <\/div>\n                    <div class=\"stat-value teal\">0,57 <span>Bulan<\/span><\/div>\n                    <div class=\"stat-desc\">Tracer Study Terkini (2025\/2026)<\/div>\n                <\/div>\n                <div class=\"stat-card\">\n                    <div class=\"stat-header\" style=\"color: var(--tertiary);\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"2\">\n                            <path\n                                d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\">\n                            <\/path>\n                        <\/svg>\n                        Kepuasan Pengguna\n                    <\/div>\n                    <div class=\"stat-value\" style=\"color: var(--primary);\">69,83<span>%<\/span><\/div>\n                    <div class=\"stat-desc\">Sangat Baik (99 Responden HRD)<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Profil Program Studi -->\n        <section class=\"bg-subtle\" style=\"padding-top: 40px;\">\n            <div class=\"container\">\n                <div class=\"section-header\">\n                    <div class=\"section-badge\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"2\">\n                            <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path>\n                        <\/svg>\n                        IDENTITAS &#038; KAPABILITAS AKADEMIK\n                    <\/div>\n                    <h2 class=\"section-title\">Profil Program Studi<\/h2>\n                    <p class=\"section-desc\">Menelaah ekosistem pembelajaran berstandar tinggi, kurikulum OBE,\n                        infrastruktur lab modern, dan jejaring pengajar terkemuka di FSTD Universitas Trilogi.<\/p>\n                <\/div>\n\n                <div class=\"profil-grid\">\n                    <div class=\"profil-tabs\">\n                        <div class=\"profil-tab active\" data-tab=\"0\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\">\n                                <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path>\n                                <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path>\n                            <\/svg>\n                            Visi &#038; Misi Keilmuan\n                        <\/div>\n                        <div class=\"profil-tab\" data-tab=\"1\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\">\n                                <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n                                <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\n                                <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\n                            <\/svg>\n                            Fasilitas Pembelajaran &#038; Lab\n                        <\/div>\n                        <div class=\"profil-tab\" data-tab=\"2\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\">\n                                <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                                <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                                <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                                <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                            <\/svg>\n                            Dosen &#038; Tenaga Pengajar\n                        <\/div>\n                        <div class=\"profil-tab\" data-tab=\"3\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\">\n                                <circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle>\n                                <polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline>\n                            <\/svg>\n                            Mahasiswa Berdampak &#038; MBKM\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"profil-content\">\n                        <!-- Tab 0: Visi & Misi -->\n                        <div class=\"profil-panel active\">\n                            <div style=\"display: flex; gap: 8px; margin-bottom: 24px;\">\n                                <span class=\"badge badge-primary-light\">Fondasi Filosofis<\/span>\n                                <span style=\"font-size: 13px; color: var(--text-muted); align-self: center;\">Prodi TI\n                                    Universitas Trilogi<\/span>\n                            <\/div>\n\n                            <h3>Visi Program Studi<\/h3>\n                            <div class=\"profil-quote\">\n                                &#8220;Menjadi program studi unggulan dalam bidang rekayasa perangkat lunak, kecerdasan\n                                buatan, dan teknologi cerdas berbasis nilai-nilai kemandirian, gotong royong, dan\n                                technosociopreneurship pada tingkat nasional dan berdaya saing global.&#8221;\n                            <\/div>\n\n                            <div class=\"alert-box\">\n                                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                    <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line>\n                                    <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line>\n                                <\/svg>\n                                <div><strong>Catatan Institusional:<\/strong> Narasi Visi &#038; Misi ini dalam proses\n                                    pemutakhiran berkala sesuai penyelarasan Rencana Strategis (Renstra) FSTD 2023-2027\n                                    serta panduan LKPS TS 2025\/2026.<\/div>\n                            <\/div>\n\n                            <h3>Misi Utama<\/h3>\n                            <div class=\"misi-grid\">\n                                <div class=\"misi-card\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                        <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                                    <\/svg>\n                                    Pendidikan OBE berbasis KKNI berfokus AI, multimedia, dan jaringan komputer.\n                                <\/div>\n                                <div class=\"misi-card\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                        <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                                    <\/svg>\n                                    Riset terapan AI, IoT, dan multimedia demi penyelesaian problem kemasyarakatan.\n                                <\/div>\n                                <div class=\"misi-card\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                        <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                                    <\/svg>\n                                    Pengabdian masyarakat solutif melalui digitalisasi UMKM dan kriya tradisional.\n                                <\/div>\n                                <div class=\"misi-card\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                        <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                                    <\/svg>\n                                    Penguatan karakter Teknososiopreneur adaptif, mandiri, dan berwawasan industri.\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Tab 1: Fasilitas & Lab -->\n                        <div class=\"profil-panel\">\n                            <div style=\"display: flex; gap: 8px; margin-bottom: 24px;\">\n                                <span class=\"badge badge-primary-light\">Infrastruktur &#038; Praktikum<\/span>\n                                <span style=\"font-size: 13px; color: var(--text-muted); align-self: center;\">2 Lab\n                                    Unggulan &#038; 15 MK Praktikum Wajib<\/span>\n                            <\/div>\n                            <h3>Dua Laboratorium Unggulan Lisensi Resmi<\/h3>\n                            <p>Pembelajaran berbasis proyek (Project-Based Learning) didukung sarana modern berlisensi\n                                resmi:<\/p>\n                            <div class=\"misi-grid\" style=\"margin-bottom: 24px;\">\n                                <div class=\"misi-card\" style=\"flex-direction: column;\">\n                                    <h4 style=\"color: var(--primary); margin-bottom: 8px;\">Lab Komputasi<\/h4>\n                                    <p style=\"font-size: 13px; margin: 0;\">Fasilitas pengembangan perangkat lunak,\n                                        jaringan, IoT, &#038; robotika \u2014 dilengkapi mikrokontroler ESP32, berbagai sensor,\n                                        perangkat 3D, dan drone.<\/p>\n                                <\/div>\n                                <div class=\"misi-card\" style=\"flex-direction: column;\">\n                                    <h4 style=\"color: var(--primary); margin-bottom: 8px;\">Lab Multimedia<\/h4>\n                                    <p style=\"font-size: 13px; margin: 0;\">Dilengkapi komputer Apple Mac, perangkat\n                                        Mixed Reality (AR\/VR), serta toolkit pengembangan visual Adobe resmi.<\/p>\n                                <\/div>\n                            <\/div>\n                            <h3>15 Mata Kuliah Praktikum Wajib<\/h3>\n                            <div style=\"font-size: 13px; color: var(--text-secondary); line-height: 1.6;\">\n                                Algoritma &#038; Pemrograman \u00b7 Struktur Data \u00b7 Basis Data \u00b7 OOP \u00b7 Rekayasa Perangkat Lunak \u00b7\n                                Sistem Jaringan \u00b7 Keamanan TIK \u00b7 Fullstack Web \u00b7 Mobile Apps \u00b7 IoT &#038; Mikrokontroller \u00b7\n                                Machine Learning \u00b7 Data Mining \u00b7 Aset Visual \u00b7 Pemrograman Game \u00b7 Pemrograman Multimedia\n                                \u00b7 Mix Reality (AR\/VR).\n                            <\/div>\n                        <\/div>\n\n                        <!-- Tab 2: Dosen -->\n                        <div class=\"profil-panel\">\n                            <div style=\"display: flex; gap: 8px; margin-bottom: 24px;\">\n                                <span class=\"badge badge-primary-light\">Sumber Daya Pengajar<\/span>\n                                <span style=\"font-size: 13px; color: var(--text-muted); align-self: center;\">Dosen\n                                    Bergelar S2 &#038; S3<\/span>\n                            <\/div>\n                            <h3>Kualifikasi Dosen &#038; Tenaga Pengajar<\/h3>\n                            <p>Dosen Prodi TI Universitas Trilogi bergelar S2 dan S3 dengan jabatan fungsional Lektor\n                                Kepala, bersertifikasi pendidik, dan memegang sertifikasi kompetensi profesional\n                                (Mikrotik, BNSP, Manajemen Risiko).<\/p>\n                            <div class=\"misi-grid\">\n                                <div class=\"misi-card\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                        <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                                    <\/svg>\n                                    Berpendidikan Magister (S2) dan Doktor (S3) lulusan perguruan tinggi terkemuka.\n                                <\/div>\n                                <div class=\"misi-card\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                        <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                                    <\/svg>\n                                    Jabatan fungsional Lektor Kepala dan bersertifikasi Pendidik Kemendiktisaintek.\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Tab 3: MBKM -->\n                        <div class=\"profil-panel\">\n                            <div style=\"display: flex; gap: 8px; margin-bottom: 24px;\">\n                                <span class=\"badge badge-primary-light\">Ekosistem MBKM Mandiri<\/span>\n                                <span style=\"font-size: 13px; color: var(--text-muted); align-self: center;\">Program\n                                    Mahasiswa Berdampak<\/span>\n                            <\/div>\n                            <h3>Inisiatif Mahasiswa Berdampak<\/h3>\n                            <p>Mendorong mahasiswa berkontribusi nyata pada industri dan masyarakat sejak masa studi:\n                            <\/p>\n                            <div class=\"misi-grid\">\n                                <div class=\"misi-card\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                        <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                                    <\/svg>\n                                    <strong>Magang &#038; Studi Independen:<\/strong> Solusi teknologi langsung di mitra\n                                    industri DUDIKA.\n                                <\/div>\n                                <div class=\"misi-card\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                        <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                                    <\/svg>\n                                    <strong>Micro-credential:<\/strong> Pengakuan kompetensi Praktikum Mix Reality &#038; Data\n                                    Mining.\n                                <\/div>\n                                <div class=\"misi-card\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                        <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                                    <\/svg>\n                                    <strong>Rekognisi RPL:<\/strong> Jalur khusus CCIT, pekerja, dan alih\n                                    jenjang\/ekstensi.\n                                <\/div>\n                                <div class=\"misi-card\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                        <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                        <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                                    <\/svg>\n                                    <strong>Lintas Prodi:<\/strong> Mata kuliah Etika Bisnis di Prodi Manajemen untuk\n                                    penguatan bisnis.\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Profil Lulusan -->\n        <section>\n            <div class=\"container\">\n                <div class=\"section-header\" style=\"text-align: center;\">\n                    <div class=\"section-badge\" style=\"justify-content: center;\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"2\">\n                            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n                            <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n                        <\/svg>\n                        STANDAR CAPAIAN PEMBELAJARAN (CPL)\n                    <\/div>\n                    <h2 class=\"section-title\">Profil Lulusan &#038; Kompetensi Profesi<\/h2>\n                    <p class=\"section-desc\" style=\"margin: 0 auto;\">Lulusan Prodi TI Universitas Trilogi dipersiapkan\n                        untuk menempati peran strategis di industri teknologi global dan merintis solusi mandiri\n                        berkelanjutan.<\/p>\n                <\/div>\n\n                <div class=\"lulusan-grid\">\n                    <div class=\"lulusan-card\">\n                        <div class=\"lulusan-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n                                <path\n                                    d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\">\n                                <\/path>\n                            <\/svg>\n                        <\/div>\n                        <h4>Webmaster<\/h4>\n                        <p>Mengelola arsitektur, pemeliharaan operasional, optimasi kinerja server, dan keamanan\n                            menyeluruh ekosistem situs web korporat.<\/p>\n                        <div class=\"lulusan-tags\">Web Security \u00b7 Cloud CDN \u00b7 DevOps<\/div>\n                    <\/div>\n\n                    <div class=\"lulusan-card\">\n                        <div class=\"lulusan-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\">\n                                <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n                                <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                        <h4>Programmer \/ Software Engineer<\/h4>\n                        <p>Merancang, mengode, menguji, dan menyebarkan perangkat lunak tangguh berskala enterprise\n                            dengan prinsip arsitektur modular.<\/p>\n                        <div class=\"lulusan-tags\">Clean Code \u00b7 Microservices \u00b7 CI\/CD<\/div>\n                    <\/div>\n\n                    <div class=\"lulusan-card\">\n                        <div class=\"lulusan-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\">\n                                <polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon>\n                                <polyline points=\"2 17 12 22 22 17\"><\/polyline>\n                                <polyline points=\"2 12 12 17 22 12\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                        <h4>Digital Media Developer<\/h4>\n                        <p>Menciptakan aplikasi media interaktif, game engine simulasi, serta pengalaman imersif\n                            berbasis Virtual &#038; Augmented Reality.<\/p>\n                        <div class=\"lulusan-tags\">Unity \u00b7 3D Modeling \u00b7 AR\/VR UX<\/div>\n                    <\/div>\n\n                    <div class=\"lulusan-card\">\n                        <div class=\"lulusan-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\">\n                                <rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n                                <rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n                                <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"><\/line>\n                                <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"><\/line>\n                            <\/svg>\n                        <\/div>\n                        <h4>Network Administrator<\/h4>\n                        <p>Mengonfigurasi, memantau, dan menjaga keandalan infrastruktur transmisi data, routing\n                            jaringan cerdas, dan mitigasi ancaman siber.<\/p>\n                        <div class=\"lulusan-tags\">Cisco Routing \u00b7 Firewall \u00b7 Cloud Infra<\/div>\n                    <\/div>\n\n                    <div class=\"lulusan-card\">\n                        <div class=\"lulusan-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\">\n                                <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse>\n                                <path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path>\n                                <path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <h4>Database Administrator<\/h4>\n                        <p>Mengoptimalkan penyimpanan data transaksional, memastikan integritas relasional, replikasi\n                            cadangan, dan tata kelola Big Data.<\/p>\n                        <div class=\"lulusan-tags\">SQL\/NoSQL \u00b7 Tuning Data \u00b7 Disaster Recovery<\/div>\n                    <\/div>\n\n                    <div class=\"lulusan-card\">\n                        <div class=\"lulusan-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\">\n                                <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line>\n                                <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line>\n                                <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line>\n                            <\/svg>\n                        <\/div>\n                        <h4>Business Intelligence Analyst<\/h4>\n                        <p>Mengekstraksi data mentah korporasi menjadi dashboard analitik prediktif untuk memandu\n                            keputusan strategis bisnis secara tepat.<\/p>\n                        <div class=\"lulusan-tags\">Data Pipeline \u00b7 Tableau\/PowerBI \u00b7 ML Analytics<\/div>\n                    <\/div>\n\n                    <div class=\"lulusan-card special\">\n                        <div style=\"display: flex; justify-content: flex-end; margin-bottom: 8px;\">\n                            <div class=\"special-badge\">Khas Trilogi<\/div>\n                        <\/div>\n                        <div class=\"lulusan-icon\">\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\">\n                                <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                                <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                                <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                                <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <h4>Technosociopreneur<\/h4>\n                        <p>Inovator rintisan digital mandiri yang menghadirkan solusi teknologi terapan berorientasi\n                            wirausaha sosial dan pemberdayaan masyarakat.<\/p>\n                        <div class=\"lulusan-tags\">Startup Incubation \u00b7 Social Impact \u00b7 Sociopreneur<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Tracer Study -->\n        <section class=\"bg-subtle\">\n            <div class=\"container\">\n                <div class=\"section-header\">\n                    <div class=\"section-badge\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"2\">\n                            <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path>\n                        <\/svg>\n                        DATA HASIL TRACER STUDY &#038; OUTCOME-BASED EDUCATION\n                    <\/div>\n                    <h2 class=\"section-title\">Prospek Karir &#038; Daya Serap Ketenagakerjaan<\/h2>\n                    <p class=\"section-desc\">Percepatan drastis masa tunggu kerja dari 8,4 bulan menjadi kurang dari\n                        sebulan (0,57 bulan) didukung pembelajaran berbasis proyek &#038; kolaborasi industri.<\/p>\n                <\/div>\n\n                <div class=\"tracer-grid\">\n                    <div class=\"tracer-card\">\n                        <div\n                            style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px;\">\n                            <div>\n                                <h3 style=\"color: var(--secondary); font-weight: 700; margin-bottom: 8px;\">AKSELERASI\n                                    MASA TUNGGU KERJA<\/h3>\n                                <h4 style=\"font-size: 22px; font-weight: 700; color: var(--primary);\">Penurunan\n                                    Signifikan dalam 3 Tahun<\/h4>\n                            <\/div>\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\" style=\"color: var(--secondary);\">\n                                <polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"><\/polyline>\n                                <polyline points=\"16 7 22 7 22 13\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n                        <p style=\"font-size: 14px; color: var(--text-secondary); margin-bottom: 32px;\">Melalui perbaikan\n                            kurikulum OBE dan magang mandiri industri, rata-rata masa tunggu kerja lulusan terpangkas\n                            dramatis mencapai <strong style=\"color: var(--primary);\">0,57 bulan (kurang dari\n                                sebulan)<\/strong> pada angkatan 2025\/2026.<\/p>\n\n                        <div style=\"margin-bottom: 24px;\">\n                            <div\n                                style=\"display: flex; justify-content: space-between; font-size: 11px; color: var(--text-muted); margin-bottom: 16px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;\">\n                                <span>Periode Evaluasi TS<\/span>\n                                <span>Rata-rata Masa Tunggu<\/span>\n                            <\/div>\n\n                            <div class=\"chart-row\">\n                                <div class=\"chart-row-header\">\n                                    <div class=\"chart-label\">2023\/2024 (TS-2)<\/div>\n                                    <div class=\"chart-value ts2\">8,40 Bulan<\/div>\n                                <\/div>\n                                <div class=\"chart-bar-container\">\n                                    <div class=\"chart-bar ts2\" style=\"width: 100%;\"><\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"chart-row\">\n                                <div class=\"chart-row-header\">\n                                    <div class=\"chart-label\">2024\/2025 (TS-1)<\/div>\n                                    <div class=\"chart-value\">3,27 Bulan<\/div>\n                                <\/div>\n                                <div class=\"chart-bar-container\">\n                                    <div class=\"chart-bar ts1\" style=\"width: 39%;\"><\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"chart-row\">\n                                <div class=\"chart-row-header\">\n                                    <div class=\"chart-label current\">2025\/2026 (TS Terkini)<\/div>\n                                    <div class=\"chart-value current\">0,57 Bulan (Tercepat)<\/div>\n                                <\/div>\n                                <div class=\"chart-bar-container\">\n                                    <div class=\"chart-bar current\" style=\"width: 7%;\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"stats-row\">\n                            <div class=\"stat-item\">\n                                <div class=\"val\">44%<\/div>\n                                <div class=\"lbl\">Bidang Infokom<\/div>\n                            <\/div>\n                            <div class=\"stat-item\"\n                                style=\"border-left: 1px solid var(--border-subtle); border-right: 1px solid var(--border-subtle);\">\n                                <div class=\"val\">116<\/div>\n                                <div class=\"lbl\">Total Lulusan 3 Thn<\/div>\n                            <\/div>\n                            <div class=\"stat-item\">\n                                <div class=\"val\">Global<\/div>\n                                <div class=\"lbl\">Multinasional &#038; Startup<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div>\n                        <div\n                            style=\"margin-bottom: 12px; font-size: 12px; font-weight: 700; color: var(--tertiary); display: flex; align-items: center; gap: 8px;\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\">\n                                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                            <\/svg>\n                            SURVEI PENGGUNA LULUSAN\n                        <\/div>\n                        <div class=\"survey-big-val\">\n                            69,83% <span>Sangat Baik<\/span>\n                        <\/div>\n                        <p style=\"font-size: 13px; margin-bottom: 24px;\">Berdasarkan survei kepuasan 99 responden\n                            pemberi kerja (pimpinan &#038; HRD industri pengguna alumni TI):<\/p>\n\n                        <div class=\"survey-stats\">\n                            <div>\n                                <div class=\"val\">69,83%<\/div>\n                                <div class=\"lbl\">Sangat Baik<\/div>\n                            <\/div>\n                            <div\n                                style=\"border-left: 1px solid var(--border-subtle); border-right: 1px solid var(--border-subtle);\">\n                                <div class=\"val\">24,03%<\/div>\n                                <div class=\"lbl\">Baik<\/div>\n                            <\/div>\n                            <div>\n                                <div class=\"val\">6,14%<\/div>\n                                <div class=\"lbl\">Cukup<\/div>\n                            <\/div>\n                        <\/div>\n\n                        <h4 style=\"font-size: 14px; font-weight: 700; color: var(--text-primary); margin-bottom: 16px;\">\n                            3 Kekuatan Utama Alumni di Mata Industri<\/h4>\n\n                        <div class=\"kekuatan-list\">\n                            <div class=\"kekuatan-item\">\n                                <div class=\"kekuatan-icon team\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                                        <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                                        <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                                        <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"kekuatan-text\">\n                                    <h5>Kerjasama Tim (Teamwork)<\/h5>\n                                    <p>Kemampuan kolaborasi lintas disiplin<\/p>\n                                <\/div>\n                                <div class=\"kekuatan-val\" style=\"color: var(--secondary);\">62,50%<\/div>\n                            <\/div>\n\n                            <div class=\"kekuatan-item\">\n                                <div class=\"kekuatan-icon etos\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <polygon\n                                            points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\">\n                                        <\/polygon>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"kekuatan-text\">\n                                    <h5>Etos Kerja &#038; Integritas<\/h5>\n                                    <p>Dedikasi dan tanggung jawab profesional<\/p>\n                                <\/div>\n                                <div class=\"kekuatan-val\">61,67%<\/div>\n                            <\/div>\n\n                            <div class=\"kekuatan-item\">\n                                <div class=\"kekuatan-icon lead\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n                                        <path d=\"M22 3h-6a4 4 0 0 1-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"kekuatan-text\">\n                                    <h5>Kepemimpinan (Leadership)<\/h5>\n                                    <p>Inisiatif dan pemecahan masalah kritis<\/p>\n                                <\/div>\n                                <div class=\"kekuatan-val\" style=\"color: var(--tertiary);\">58,82%<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Kegiatan Mahasiswa -->\n        <section>\n            <div class=\"container\">\n                <div class=\"section-header\">\n                    <div class=\"section-badge\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"2\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                            <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n                        <\/svg>\n                        AKTIVITAS &#038; JEJAK PRESTASI HIMATIKA\n                    <\/div>\n                    <h2 class=\"section-title\">Rekap Kegiatan &#038; Dinamika Mahasiswa<\/h2>\n                    <div\n                        style=\"display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 24px;\">\n                        <p class=\"section-desc\" style=\"margin: 0;\">Aktivitas Mahasiswa Teknik Informatika (HIMATIKA\n                            Trilogi) mencakup kompetisi internasional, workshop sertifikasi, kunjungan industri DUDIKA,\n                            serta seminar nasional.<\/p>\n\n                        <div class=\"filter-tabs\" style=\"margin-bottom: 0;\">\n                            <div class=\"filter-tab active\" data-filter=\"all\">Semua<\/div>\n                            <div class=\"filter-tab\" data-filter=\"lomba\">Lomba<\/div>\n                            <div class=\"filter-tab\" data-filter=\"workshop\">Workshop<\/div>\n                            <div class=\"filter-tab\" data-filter=\"industri\">Industri<\/div>\n                            <div class=\"filter-tab\" data-filter=\"seminar\">Seminar<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"kegiatan-grid\">\n                    <div class=\"kegiatan-card\" data-category=\"lomba\">\n                        <div class=\"kegiatan-img\">\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1540575467063-178a50c2df87?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\"\n                                alt=\"Guinness World Record &#038; World Skills\" title=\"Prodi Teknik Informatika\">\n                            <div class=\"kegiatan-badge\" style=\"color: var(--tertiary);\">Internasional<\/div>\n                        <\/div>\n                        <div class=\"kegiatan-content\">\n                            <div class=\"kegiatan-meta\">\n                                <span class=\"date\">2024 &#8211; 2025<\/span>\n                                <span>Prestasi Global<\/span>\n                            <\/div>\n                            <h4>Guinness World Record &#038; World Skills Expert<\/h4>\n                            <p>Pencatatan Guinness World Record 2025 oleh Christian Jonathan Pascoal &#038; Penunjukan Reza\n                                Pahlevi sebagai Expert World Skills Competition 2026 &#038; ASEAN 2025.<\/p>\n                            <div class=\"kegiatan-footer\">\n                                <span><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\" style=\"vertical-align: text-bottom; margin-right: 4px;\">\n                                        <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n                                        <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n                                    <\/svg> Christian J. &#038; Reza P.<\/span>\n                                <span class=\"tag\">Kompetisi<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"kegiatan-card\" data-category=\"lomba\">\n                        <div class=\"kegiatan-img\">\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\"\n                                alt=\"Google Hackfest &#038; E-Sports\" title=\"Prodi Teknik Informatika\">\n                            <div class=\"kegiatan-badge\" style=\"color: var(--primary);\">Nasional &#038; Daerah<\/div>\n                        <\/div>\n                        <div class=\"kegiatan-content\">\n                            <div class=\"kegiatan-meta\">\n                                <span class=\"date\">2024<\/span>\n                                <span>Google &#038; E-Sports<\/span>\n                            <\/div>\n                            <h4>Hackfest Google Indonesia &#038; Kejuaraan Nasional<\/h4>\n                            <p>Prestasi Tubagus Raka (Google Hackfest 2024), Khalid Hamzah (Abu Dhabi Jiujitsu Pro Tour\n                                &#038; PRA PON XXI), serta Christian J. (Free Fire World Series).<\/p>\n                            <div class=\"kegiatan-footer\">\n                                <span><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\" style=\"vertical-align: text-bottom; margin-right: 4px;\">\n                                        <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n                                        <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n                                    <\/svg> Tim Delegasi TI<\/span>\n                                <span class=\"tag\">Kompetisi<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"kegiatan-card\" data-category=\"workshop\">\n                        <div class=\"kegiatan-img\">\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\"\n                                alt=\"Workshop HIMATIKA\" title=\"Prodi Teknik Informatika\">\n                            <div class=\"kegiatan-badge\">Workshop &#038; Sertifikasi<\/div>\n                        <\/div>\n                        <div class=\"kegiatan-content\">\n                            <div class=\"kegiatan-meta\">\n                                <span class=\"date\">Seri Rutin<\/span>\n                                <span>Machine Learning &#038; AR\/VR<\/span>\n                            <\/div>\n                            <h4>HIMATIKA \u00d7 BISA AI Series &#038; Sertifikasi Profesi<\/h4>\n                            <p>Pelatihan AI, Data Mining (FP-Growth Bank Sampah), Mixed Reality, serta sertifikasi\n                                Mikrotik MTCNA, BNSP Office, &#038; Manajemen Risiko Level 1.<\/p>\n                            <div class=\"kegiatan-footer\">\n                                <span><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\" style=\"vertical-align: text-bottom; margin-right: 4px;\">\n                                        <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                                        <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                                        <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                                        <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                                    <\/svg> HIMATIKA x BISA AI<\/span>\n                                <span class=\"tag\">Pelatihan<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"kegiatan-card\" data-category=\"industri\">\n                        <div class=\"kegiatan-img\">\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\"\n                                alt=\"Kunjungan Industri\" title=\"Prodi Teknik Informatika\">\n                            <div class=\"kegiatan-badge\" style=\"background-color: var(--text-primary); color: white;\">\n                                Mitra DUDIKA<\/div>\n                        <\/div>\n                        <div class=\"kegiatan-content\">\n                            <div class=\"kegiatan-meta\">\n                                <span class=\"date\">2024 &#8211; 2025<\/span>\n                                <span>Proyek AI Industri<\/span>\n                            <\/div>\n                            <h4>Proyek AI HVAC PT Alpha Mechatronics &#038; Google<\/h4>\n                            <p>Pengembangan sistem HVAC berbasis AI untuk manufaktur, riset Augmented Reality bersama\n                                Pencil Bitz India, &#038; program Magang Mandiri DUDIKA.<\/p>\n                            <div class=\"kegiatan-footer\">\n                                <span><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\" style=\"vertical-align: text-bottom; margin-right: 4px;\">\n                                        <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                                        <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                                        <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                                        <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                                    <\/svg> Proyek Industri TI<\/span>\n                                <span class=\"tag\">Kunjungan<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"kegiatan-card\" data-category=\"seminar\">\n                        <div class=\"kegiatan-img\">\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1475721027785-f74eccf877e2?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\"\n                                alt=\"Guest Lecture &#038; Conference\" title=\"Prodi Teknik Informatika\">\n                            <div class=\"kegiatan-badge\" style=\"color: var(--tertiary);\">Internasional<\/div>\n                        <\/div>\n                        <div class=\"kegiatan-content\">\n                            <div class=\"kegiatan-meta\">\n                                <span class=\"date\">2024 &#8211; 2025<\/span>\n                                <span>Forum Ilmiah<\/span>\n                            <\/div>\n                            <h4>Guest Lecture Pencil Bitz India &#038; Net Zero Summit<\/h4>\n                            <p>Kuliah tamu internasional &#8220;AR Research Innovation&#8221; bersama Pencil Bitz (India), SEMNAS\n                                RISTEK, serta partisipasi di Indonesia Net Zero Summit 2024.<\/p>\n                            <div class=\"kegiatan-footer\">\n                                <span><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\" style=\"vertical-align: text-bottom; margin-right: 4px;\">\n                                        <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n                                        <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n                                    <\/svg> Pencil Bitz &#038; FSTD<\/span>\n                                <span class=\"tag\" style=\"color: #ba1a1a;\">Seminar<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"kegiatan-card\" data-category=\"workshop\">\n                        <div class=\"kegiatan-img\">\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1515187029135-18ee286d815b?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\"\n                                alt=\"Micro-credential &#038; MBKM\" title=\"Prodi Teknik Informatika\">\n                            <div class=\"kegiatan-badge\" style=\"color: var(--secondary);\">MBKM Mandiri<\/div>\n                        <\/div>\n                        <div class=\"kegiatan-content\">\n                            <div class=\"kegiatan-meta\">\n                                <span class=\"date\">2024 &#8211; 2025<\/span>\n                                <span>Mahasiswa Berdampak<\/span>\n                            <\/div>\n                            <h4>Micro-credential Mix Reality, Data Mining &#038; RPL<\/h4>\n                            <p>Pengakuan kompetensi spesifik siap pakai, program RPL bagi lulusan CCIT &#038; pekerja, serta\n                                beasiswa Bank Indonesia (GenBI Mengabdi Pulau Pari).<\/p>\n                            <div class=\"kegiatan-footer\">\n                                <span><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\" style=\"vertical-align: text-bottom; margin-right: 4px;\">\n                                        <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n                                        <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n                                    <\/svg> Prodi TI &#038; DUDIKA<\/span>\n                                <span class=\"tag\">MBKM<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Struktur Organisasi -->\n        <section class=\"bg-subtle\">\n            <div class=\"container\">\n                <div class=\"section-header\" style=\"text-align: center;\">\n                    <div class=\"section-badge\" style=\"justify-content: center;\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"2\">\n                            <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n                            <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"><\/rect>\n                            <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n                            <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"><\/rect>\n                        <\/svg>\n                        TATA KELOLA AKADEMIK\n                    <\/div>\n                    <h2 class=\"section-title\">Struktur Organisasi Program Studi<\/h2>\n                    <p class=\"section-desc\" style=\"margin: 0 auto;\">Bagan kepemimpinan terintegrasi di lingkungan\n                        Fakultas Sains, Teknik, dan Desain (FSTD) demi menjamin mutu operasional perkuliahan\n                        berkelanjutan.<\/p>\n                <\/div>\n\n                <div class=\"org-chart\">\n                    <div class=\"org-node org-node-featured\">\n                        <div class=\"org-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/trilogi.ac.id\/stekpi\/wp-content\/uploads\/2026\/09\/IMG_4344-scaled.jpg\"\n                                alt=\"Dekan\" title=\"Prodi Teknik Informatika\">\n                        <\/div>\n                        <h4>Silvester Dian Handy Permana, S.T., M.T.I., Ph.D.<\/h4>\n                        <p style=\"color: var(--primary); font-weight: 600;\">Dekan Fakultas Sains, Teknik &#038; Desain<\/p>\n                        <p style=\"margin-bottom: 0;\">Universitas Trilogi<\/p>\n                    <\/div>\n\n                    <div class=\"org-line-v\"><\/div>\n\n                    <div class=\"org-pill\">Kepala Program Studi<\/div>\n\n                    <div class=\"org-node\">\n                        <div class=\"org-avatar\">\n                            <img decoding=\"async\" src=\"https:\/\/trilogi.ac.id\/stekpi\/wp-content\/uploads\/2026\/09\/IMG_4353-scaled.jpg\"\n                                alt=\"Kaprodi\" title=\"Prodi Teknik Informatika\">\n                        <\/div>\n                        <h4>Ir. Yaddarabullah, Ph.D., ASEAN Eng.<\/h4>\n                        <p style=\"color: var(--primary); font-weight: 600;\">Ketua Program Studi Teknik Informatika<\/p>\n                        <p style=\"margin-bottom: 0;\">Penjaminan Mutu &#038; Pengembang Akademik<\/p>\n                    <\/div>\n\n                    <div class=\"org-line-v\"><\/div>\n\n                    <div class=\"org-pill-light\">\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"2\">\n                            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                        <\/svg>\n                        Dosen Tetap Program Studi Teknik Informatika\n                    <\/div>\n\n                    <div class=\"org-line-v\" style=\"height: 20px;\"><\/div>\n                    <div class=\"org-line-h\"><\/div>\n\n                    <div class=\"org-grid\">\n                        <div class=\"org-node\">\n                            <div class=\"org-avatar\">\n                                <img decoding=\"async\" src=\"https:\/\/trilogi.ac.id\/stekpi\/wp-content\/uploads\/2026\/09\/IMG_4353-scaled.jpg\"\n                                    alt=\"Dosen\" title=\"Prodi Teknik Informatika\">\n                            <\/div>\n                            <h4>Ir. Yaddarabullah, Ph.D., ASEAN Eng.<\/h4>\n                            <div class=\"org-tag\">Dosen Tetap Prodi TI<\/div>\n                            <div class=\"org-desc\">\n                                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                    <polyline points=\"12 16 16 12 12 8\"><\/polyline>\n                                    <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\n                                <\/svg>\n                                Artificial Intelligence &#038; Software Engineering\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"org-node\">\n                            <div class=\"org-avatar\">\n                                <img decoding=\"async\" src=\"https:\/\/trilogi.ac.id\/stekpi\/wp-content\/uploads\/2026\/09\/IMG_4350-scaled.jpg\"\n                                    alt=\"Dosen\" title=\"Prodi Teknik Informatika\">\n                            <\/div>\n                            <h4>Budi Arifitama, S.T., M.M.S.I., Ph.D.<\/h4>\n                            <div class=\"org-tag\">Dosen Tetap Prodi TI<\/div>\n                            <div class=\"org-desc\">\n                                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                    <polyline points=\"12 16 16 12 12 8\"><\/polyline>\n                                    <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\n                                <\/svg>\n                                Augmented Reality, Interaksi &#038; Software\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"org-node\">\n                            <div class=\"org-avatar\">\n                                <img decoding=\"async\" src=\"https:\/\/trilogi.ac.id\/stekpi\/wp-content\/uploads\/2026\/09\/IMG_4340-scaled.jpg\"\n                                    alt=\"Dosen\" title=\"Prodi Teknik Informatika\">\n                            <\/div>\n                            <h4>Dr. Ketut Bayu Yogha Bintoro, S.Kom., M.Cs.<\/h4>\n                            <div class=\"org-tag\">Dosen Tetap Prodi TI<\/div>\n                            <div class=\"org-desc\">\n                                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                    <polyline points=\"12 16 16 12 12 8\"><\/polyline>\n                                    <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\n                                <\/svg>\n                                Intelligent Systems, Machine Learning &#038; AI\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"org-node\">\n                            <div class=\"org-avatar\">\n                                <img decoding=\"async\" src=\"https:\/\/trilogi.ac.id\/stekpi\/wp-content\/uploads\/2017\/07\/ti_130502-ADE-SYAHPUTRA.jpg\"\n                                    alt=\"Dosen\" title=\"Prodi Teknik Informatika\">\n                            <\/div>\n                            <h4>Ade Syahputra, S.T., M.InfCommTechMgmt.<\/h4>\n                            <div class=\"org-tag\">Dosen Tetap Prodi TI<\/div>\n                            <div class=\"org-desc\">\n                                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                    <polyline points=\"12 16 16 12 12 8\"><\/polyline>\n                                    <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\n                                <\/svg>\n                                Jaringan Komputer, Infrastruktur &#038; IT Security\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"org-node\">\n                            <div class=\"org-avatar\">\n                                <img decoding=\"async\" src=\"https:\/\/trilogi.ac.id\/stekpi\/wp-content\/uploads\/2026\/09\/IMG_4344-scaled.jpg\"\n                                    alt=\"Dosen\" title=\"Prodi Teknik Informatika\">\n                            <\/div>\n                            <h4>Silvester Dian Handy Permana, S.T., M.T.I., Ph.D.<\/h4>\n                            <div class=\"org-tag\">Dosen Tetap Prodi TI<\/div>\n                            <div class=\"org-desc\">\n                                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                    <polyline points=\"12 16 16 12 12 8\"><\/polyline>\n                                    <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\n                                <\/svg>\n                                Rumpun Software Engineering &#038; IT Governance\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"org-node\">\n                            <div class=\"org-avatar\">\n                                <img decoding=\"async\" src=\"https:\/\/trilogi.ac.id\/stekpi\/wp-content\/uploads\/2026\/09\/IMG_4227-scaled.jpg\"\n                                    alt=\"Dosen\" title=\"Prodi Teknik Informatika\">\n                            <\/div>\n                            <h4>Dewi Lestari, S.Si., M.Si.<\/h4>\n                            <div class=\"org-tag\">Dosen Tetap Prodi TI<\/div>\n                            <div class=\"org-desc\">\n                                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                    stroke-width=\"2\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                    <polyline points=\"12 16 16 12 12 8\"><\/polyline>\n                                    <line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"><\/line>\n                                <\/svg>\n                                Intelligent Systems, Sains Data &#038; IoT\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div\n                        style=\"display: flex; gap: 24px; margin-top: 32px; font-size: 12px; font-weight: 600; color: var(--secondary);\">\n                        <span>Rumpun Software Engineering &#038; Data<\/span>\n                        <span style=\"color: var(--border-subtle);\">\u2022<\/span>\n                        <span>Rumpun Intelligent Systems &#038; IoT<\/span>\n                        <span style=\"color: var(--border-subtle);\">\u2022<\/span>\n                        <span style=\"color: var(--tertiary);\">Rumpun Multimedia &#038; IT Governance<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Dokumen -->\n        <section>\n            <div class=\"container\">\n                <div class=\"section-header\">\n                    <div class=\"section-badge\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                            stroke-width=\"2\">\n                            <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                            <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n                            <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n                        <\/svg>\n                        REPOSITORI PUBLIK &#038; TRANSPARANSI\n                    <\/div>\n                    <h2 class=\"section-title\">Dokumen Stakeholder &#038; Unduhan Resmi<\/h2>\n                    <p class=\"section-desc\">Akses dokumen legalitas akreditasi, panduan kurikulum OBE, laporan kinerja\n                        prodi, serta formulir pengajuan akademik bagi mahasiswa, dosen, dan mitra industri.<\/p>\n                <\/div>\n\n                <div class=\"dokumen-grid\">\n                    <div>\n                        <h3 style=\"font-size: 16px; margin-bottom: 16px; display: flex; align-items: center; gap: 8px;\">\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\" style=\"color: var(--primary);\">\n                                <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path>\n                                <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path>\n                            <\/svg>\n                            Akademik &#038; Kurikulum\n                        <\/h3>\n                        <div style=\"display: flex; flex-direction: column; gap: 16px;\">\n                            <a href=\"#\" class=\"dokumen-card\">\n                                <div class=\"dokumen-icon\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                                        <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                                        <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                                        <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                                        <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"dokumen-info\">\n                                    <h4>Buku Kurikulum OBE 2024<\/h4>\n                                    <p>PDF \u00b7 3.4 MB \u00b7 Rev: Ags 2024<\/p>\n                                <\/div>\n                                <div class=\"dokumen-download\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                                        <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n                                        <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n                                    <\/svg>\n                                <\/div>\n                            <\/a>\n                            <a href=\"#\" class=\"dokumen-card\">\n                                <div class=\"dokumen-icon\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                                        <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                                        <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                                        <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                                        <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"dokumen-info\">\n                                    <h4>Panduan Tugas Akhir &#038; Skripsi<\/h4>\n                                    <p>PDF \u00b7 1.8 MB \u00b7 Rev: Jan 2025<\/p>\n                                <\/div>\n                                <div class=\"dokumen-download\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                                        <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n                                        <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n                                    <\/svg>\n                                <\/div>\n                            <\/a>\n                            <a href=\"#\" class=\"dokumen-card\">\n                                <div class=\"dokumen-icon\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                                        <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                                        <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                                        <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                                        <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"dokumen-info\">\n                                    <h4>Silabus &#038; Rencana Pembelajaran (RPS)<\/h4>\n                                    <p>ZIP \u00b7 5.2 MB \u00b7 Semester Ganjil<\/p>\n                                <\/div>\n                                <div class=\"dokumen-download\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                                        <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n                                        <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n                                    <\/svg>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                    <div>\n                        <h3 style=\"font-size: 16px; margin-bottom: 16px; display: flex; align-items: center; gap: 8px;\">\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\" style=\"color: var(--tertiary);\">\n                                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                            <\/svg>\n                            Akreditasi &#038; Penjaminan Mutu\n                        <\/h3>\n                        <div style=\"display: flex; flex-direction: column; gap: 16px;\">\n                            <a href=\"#\" class=\"dokumen-card\">\n                                <div class=\"dokumen-icon\" style=\"background-color: #FFF9E6; color: var(--tertiary);\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                                        <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                                        <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                                        <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                                        <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"dokumen-info\">\n                                    <h4>Sertifikat Akreditasi BAN-PT<\/h4>\n                                    <p>PDF \u00b7 920 KB \u00b7 Berlaku s\/d 2029<\/p>\n                                <\/div>\n                                <div class=\"dokumen-download\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                                        <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n                                        <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n                                    <\/svg>\n                                <\/div>\n                            <\/a>\n                            <a href=\"#\" class=\"dokumen-card\">\n                                <div class=\"dokumen-icon\" style=\"background-color: #FFF9E6; color: var(--tertiary);\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                                        <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                                        <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                                        <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                                        <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"dokumen-info\">\n                                    <h4>Laporan Evaluasi Diri (LED TI)<\/h4>\n                                    <p>PDF \u00b7 4.1 MB \u00b7 Dokumen Mutu<\/p>\n                                <\/div>\n                                <div class=\"dokumen-download\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                                        <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n                                        <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n                                    <\/svg>\n                                <\/div>\n                            <\/a>\n                            <a href=\"#\" class=\"dokumen-card\">\n                                <div class=\"dokumen-icon\" style=\"background-color: #FFF9E6; color: var(--tertiary);\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                                        <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                                        <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                                        <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                                        <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"dokumen-info\">\n                                    <h4>Renstra Fakultas FSTD 2023-2027<\/h4>\n                                    <p>PDF \u00b7 2.6 MB \u00b7 Rencana Strategis<\/p>\n                                <\/div>\n                                <div class=\"dokumen-download\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                                        <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n                                        <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n                                    <\/svg>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                    <div>\n                        <h3 style=\"font-size: 16px; margin-bottom: 16px; display: flex; align-items: center; gap: 8px;\">\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\" style=\"color: var(--secondary);\">\n                                <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                                <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                                <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                                <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                            <\/svg>\n                            Kemahasiswaan &#038; Magang\n                        <\/h3>\n                        <div style=\"display: flex; flex-direction: column; gap: 16px;\">\n                            <a href=\"#\" class=\"dokumen-card\">\n                                <div class=\"dokumen-icon\" style=\"background-color: #E6F7F5; color: var(--secondary);\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                                        <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                                        <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                                        <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                                        <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"dokumen-info\">\n                                    <h4>Pedoman Kerja Praktik (KP) &#038; Magang<\/h4>\n                                    <p>PDF \u00b7 1.4 MB \u00b7 Format Magang<\/p>\n                                <\/div>\n                                <div class=\"dokumen-download\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                                        <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n                                        <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n                                    <\/svg>\n                                <\/div>\n                            <\/a>\n                            <a href=\"#\" class=\"dokumen-card\">\n                                <div class=\"dokumen-icon\" style=\"background-color: #E6F7F5; color: var(--secondary);\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                                        <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                                        <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                                        <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                                        <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"dokumen-info\">\n                                    <h4>Formulir Pendaftaran Sertifikasi<\/h4>\n                                    <p>DOCX \u00b7 350 KB \u00b7 Uji Kompetensi<\/p>\n                                <\/div>\n                                <div class=\"dokumen-download\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                                        <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n                                        <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n                                    <\/svg>\n                                <\/div>\n                            <\/a>\n                            <a href=\"#\" class=\"dokumen-card\">\n                                <div class=\"dokumen-icon\" style=\"background-color: #E6F7F5; color: var(--secondary);\">\n                                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                                        <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                                        <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                                        <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                                        <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"dokumen-info\">\n                                    <h4>Laporan Pelaksanaan Tracer Study<\/h4>\n                                    <p>PDF \u00b7 3.1 MB \u00b7 Lulusan TS Terkini<\/p>\n                                <\/div>\n                                <div class=\"dokumen-download\">\n                                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                                        <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n                                        <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n                                    <\/svg>\n                                <\/div>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Call To Action -->\n        <section class=\"cta-section\">\n            <div class=\"container\">\n                <div class=\"cta-container\">\n                    <div class=\"cta-content\">\n                        <div class=\"cta-badge\">Penerimaan Mahasiswa Baru TA 2025\/2026 Telah Dibuka<\/div>\n                        <h2>Mulai Masa Depan Anda Sebagai Technosociopreneur Teknologi<\/h2>\n                        <p>Dapatkan beasiswa prestasi, fasilitas laboratorium komputer modern berspesifikasi tinggi,\n                            kurikulum adaptif industri, dan bimbingan karir siap kerja sejak tahun pertama.<\/p>\n                    <\/div>\n                    <div class=\"cta-actions\">\n                        <a href=\"#\" class=\"btn-cta\">\n                            Daftar Online Sekarang\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\">\n                                <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\n                                <polyline points=\"15 3 21 3 21 9\"><\/polyline>\n                                <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line>\n                            <\/svg>\n                        <\/a>\n                        <a href=\"#\" class=\"btn-cta-outline\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\">\n                                <path\n                                    d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\">\n                                <\/path>\n                            <\/svg>\n                            Konsultasi PMB (WA)\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Footer -->\n        <footer>\n            <div class=\"container\">\n                <div class=\"footer-grid\">\n                    <div class=\"footer-col\" style=\"max-width: 320px;\">\n                        <div class=\"footer-logo\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\n                                stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect>\n                                <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line>\n                                <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line>\n                            <\/svg>\n                            Teknik Informatika\n                        <\/div>\n                        <p style=\"font-size: 13px; margin-bottom: 24px;\">Mencetak lulusan unggul bidang Software\n                            Engineering, Artificial Intelligence, dan IoT berjiwa Technosociopreneur.<\/p>\n                        <div class=\"badge badge-primary-light\" style=\"font-size: 11px;\">\n                            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                stroke-width=\"2\">\n                                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                            <\/svg>\n                            Akreditasi Baik Sekali\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"footer-col\">\n                        <h4>Alamat Kampus<\/h4>\n                        <p style=\"font-size: 13px; margin-bottom: 8px; color: var(--text-secondary);\">Universitas\n                            Trilogi<br>Jl. TMP. Kalibata No.1, RT.4\/RW.04,<br>Duren Tiga, Pancoran, Jakarta<br>Selatan\n                            12760<\/p>\n                        <p style=\"font-size: 13px; margin-bottom: 8px; color: var(--text-secondary);\">Telepon:\n                            <strong>(021) 7980010<\/strong>\n                        <\/p>\n                        <p style=\"font-size: 13px; color: var(--text-secondary);\">Email: informatika@trilogi.ac.id<\/p>\n                    <\/div>\n\n                    <div class=\"footer-col\">\n                        <h4>Akses Cepat<\/h4>\n                        <ul>\n                            <li><a href=\"#\">Struktur Kurikulum MBKM<\/a><\/li>\n                            <li><a href=\"#\">Laboratorium Komputer<\/a><\/li>\n                            <li><a href=\"#\">Panduan Skripsi &#038; KP<\/a><\/li>\n                            <li><a href=\"#\">Direktori Dosen<\/a><\/li>\n                            <li><a href=\"#\">Pendaftaran Mahasiswa Baru<\/a><\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <div class=\"footer-col\">\n                        <h4>Organisasi Mahasiswa<\/h4>\n                        <p style=\"font-size: 13px; margin-bottom: 16px; color: var(--text-secondary);\">Himpunan\n                            Mahasiswa Teknik Informatika (HIMATIKA) Universitas Trilogi.<\/p>\n                        <ul>\n                            <li><a href=\"#\" style=\"display: flex; align-items: center; gap: 8px;\"><svg width=\"14\"\n                                        height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\n                                        <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                                        <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                                        <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                                    <\/svg> HIMATIKA Trilogi<\/a><\/li>\n                            <li><a href=\"#\" style=\"display: flex; align-items: center; gap: 8px;\"><svg width=\"14\"\n                                        height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\n                                        <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\n                                        <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\n                                    <\/svg> @himatika_trilogi<\/a><\/li>\n                            <li><a href=\"#\" style=\"display: flex; align-items: center; gap: 8px;\"><svg width=\"14\"\n                                        height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n                                        stroke-width=\"2\">\n                                        <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                        <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n                                        <path\n                                            d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\">\n                                        <\/path>\n                                    <\/svg> fstd.trilogi.ac.id<\/a><\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <div class=\"footer-bottom\">\n                    <div>\u00a9 2025 Program Studi Teknik Informatika Universitas Trilogi. Hak Cipta Dilindungi.<\/div>\n                    <div class=\"footer-links\">\n                        <a href=\"#\">Kebijakan Privasi<\/a>\n                        <a href=\"#\">Fakultas FSTD<\/a>\n                        <a href=\"#\">Portal Akademik<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/footer>\n        <script src=\"assets\/js\/main.js\"><\/script>\n    <\/div><!-- end .prodi-ti-wrapper -->\n<\/body>\n\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Informatika Trilogi Modern Academic Akreditasi Baik Sekali \u2014 BAN-PT Program StudiTeknik Informatika Fakultas Sains, Teknik, dan Desain (FSTD) \u00b7 Universitas Trilogi Membentuk sarjana informatika berkarakter teknososiopreneur \u2014 profesional IT unggul berbasis kecerdasan buatan, multimedia, dan jaringan komputer yang berkolaborasi lintas bidang, mandiri, dan berkontribusi nyata bagi pembangunan nasional. Daftar PMB Mahasiswa Baru Unduh Brosur &#038; [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_zipai_imported":false,"_zipai_import_id":"","footnotes":""},"class_list":["post-83634","page","type-page","status-publish","hentry"],"spectra_blocks_featured_image_url":null,"spectra_blocks_author_info":{"display_name":"admin","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/82b500368358786cf3c03793d5ef438f6794b0b22e89255d1bc123ba12c0dedd?s=96&d=mm&r=g","author_link":"https:\/\/trilogi.ac.id\/stekpi\/author\/admin\/","description":""},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/trilogi.ac.id\/stekpi\/author\/admin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Informatika Trilogi Modern Academic Akreditasi Baik Sekali \u2014 BAN-PT Program StudiTeknik Informatika Fakultas Sains, Teknik, dan Desain (FSTD) \u00b7 Universitas Trilogi Membentuk sarjana informatika berkarakter teknososiopreneur \u2014 profesional IT unggul berbasis kecerdasan buatan, multimedia, dan jaringan komputer yang berkolaborasi lintas bidang, mandiri, dan berkontribusi nyata bagi pembangunan nasional. Daftar PMB Mahasiswa Baru Unduh Brosur &#038;&hellip;","_links":{"self":[{"href":"https:\/\/trilogi.ac.id\/stekpi\/wp-json\/wp\/v2\/pages\/83634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trilogi.ac.id\/stekpi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trilogi.ac.id\/stekpi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trilogi.ac.id\/stekpi\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/trilogi.ac.id\/stekpi\/wp-json\/wp\/v2\/comments?post=83634"}],"version-history":[{"count":10,"href":"https:\/\/trilogi.ac.id\/stekpi\/wp-json\/wp\/v2\/pages\/83634\/revisions"}],"predecessor-version":[{"id":83690,"href":"https:\/\/trilogi.ac.id\/stekpi\/wp-json\/wp\/v2\/pages\/83634\/revisions\/83690"}],"wp:attachment":[{"href":"https:\/\/trilogi.ac.id\/stekpi\/wp-json\/wp\/v2\/media?parent=83634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}