{"id":1599,"date":"2026-03-27T23:01:00","date_gmt":"2026-03-27T23:01:00","guid":{"rendered":"https:\/\/lpm.stikes-hi.ac.id\/?page_id=1599"},"modified":"2026-04-15T12:02:17","modified_gmt":"2026-04-15T12:02:17","slug":"spme","status":"publish","type":"page","link":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/spme\/","title":{"rendered":"SPME"},"content":{"rendered":"\n<style>\n    :root {\n        --blue-primary: #1e3a8a;      \/* Navy Blue *\/\n        --blue-accent: #3b82f6;       \/* Bright Blue *\/\n        --blue-soft: #eff6ff;         \/* Light Azure *\/\n        --green-success: #007d00;     \/* Hijau sesuai gambar *\/\n        --text-slate: #1e293b;\n        --border-color: #cbd5e1;\n    }\n\n    \/* --- CSS REVEAL SYSTEM --- *\/\n    .lpm-table-container {\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\n        max-width: 1100px;\n        margin: 20px auto;\n        color: var(--text-slate);\n        opacity: 0;\n        transform: translateY(40px);\n        transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);\n        visibility: hidden;\n    }\n\n    .lpm-table-container.lpm-reveal-active {\n        opacity: 1;\n        transform: translateY(0);\n        visibility: visible;\n    }\n\n    .lpm-header-minimal {\n        padding: 5px 5px 12px 5px;\n        border-bottom: 2px solid var(--blue-primary);\n        margin-bottom: 15px;\n    }\n\n    .lpm-header-minimal p { \n        margin: 0; \n        font-size: 12px; \n        color: var(--blue-primary); \n        text-transform: uppercase; \n        font-weight: 700;\n        letter-spacing: 0.5px;\n    }\n\n    \/* --- STYLED TABLE --- *\/\n    .lpm-table-responsive {\n        border: 1px solid var(--border-color);\n        border-radius: 12px;\n        box-shadow: 0 4px 15px rgba(30, 58, 138, 0.1);\n        overflow: hidden;\n    }\n\n    .lpm-main-table {\n        width: 100%;\n        border-collapse: collapse;\n        background: white;\n        text-align: left;\n    }\n\n    .lpm-main-table th {\n        background: var(--blue-primary);\n        color: #ffffff;\n        font-size: 11px;\n        font-weight: 700;\n        text-transform: uppercase;\n        padding: 15px 12px;\n    }\n\n    .lpm-main-table td {\n        padding: 12px;\n        border-bottom: 1px solid #f1f5f9;\n        font-size: 12px;\n        vertical-align: middle;\n    }\n\n    .lpm-main-table tr:hover { background: #f8fafc; }\n\n    .col-prodi { font-weight: 700; color: #0f172a; }\n    .col-sk { font-family: 'Inter', sans-serif; font-size: 10px; color: #475569; }\n    \n    .badge-jenjang {\n        font-size: 9px; font-weight: 800; background: #e2e8f0;\n        padding: 2px 6px; border-radius: 4px; color: var(--blue-primary);\n    }\n\n    .exp-near { color: #dc2626; font-weight: 700; }\n    .rank-box { font-weight: 800; color: var(--blue-primary); font-size: 11px; }\n\n    \/* --- TOMBOL --- *\/\n    .lpm-btn-container { \n        margin-top: 20px; \n        display: flex;\n        gap: 12px;\n        flex-wrap: wrap;\n    }\n\n    .lpm-btn-outline {\n        display: inline-flex; \n        align-items: center;\n        background-color: transparent; \n        padding: 9px 18px; \n        font-size: 13px; \n        font-weight: 700;\n        text-decoration: none !important; \n        border-radius: 8px;\n        transition: all 0.3s ease;\n    }\n\n    \/* Tombol Biru (Sertifikat) *\/\n    .btn-blue {\n        color: var(--blue-primary) !important;\n        border: 2px solid var(--blue-primary);\n    }\n\n    .btn-blue:hover { \n        background-color: var(--blue-primary);\n        color: #ffffff !important;\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(30, 58, 138, 0.15);\n    }\n\n    \/* Tombol Hijau (Data LAM-PTKes) *\/\n    .btn-green {\n        color: var(--green-success) !important;\n        border: 2px solid var(--green-success);\n    }\n\n    .btn-green:hover { \n        background-color: var(--green-success);\n        color: #ffffff !important;\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0, 125, 0, 0.15);\n    }\n\n    @media (max-width: 768px) {\n        .lpm-main-table th, .lpm-main-table td { padding: 8px 5px; font-size: 10px; }\n        .col-sk { display: none; }\n        .lpm-header-minimal { text-align: center; }\n        .lpm-btn-container { justify-content: center; }\n    }\n<\/style>\n\n<div class=\"lpm-table-container\">\n    <div class=\"lpm-header-minimal\">\n        <p>akreditasi perguruan tinggi dan program studi<\/p>\n    <\/div>\n\n    <div class=\"lpm-table-responsive\">\n        <table class=\"lpm-main-table\">\n            <thead>\n                <tr>\n                    <th>Program Studi<\/th>\n                    <th>Jenjang<\/th>\n                    <th class=\"col-sk\">Nomor SK<\/th>\n                    <th>Daluwarsa<\/th>\n                    <th>Peringkat<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                <tr>\n                    <td class=\"col-prodi\">Farmasi<\/td>\n                    <td><span class=\"badge-jenjang\">S1<\/span><\/td>\n                    <td class=\"col-sk\">0671\/LAM-PTKes\/Akr\/Sar\/VIII\/2022<\/td>\n                    <td class=\"exp-near\">11-08-2027<\/td>\n                    <td class=\"rank-box\">BAIK SEKALI<\/td>\n                <\/tr>\n                <tr style=\"background-color: var(--blue-soft);\">\n                    <td class=\"col-prodi\">Institusi<\/td>\n                    <td><span class=\"badge-jenjang\">PT<\/span><\/td>\n                    <td class=\"col-sk\">388\/SK\/BAN-PT\/Ak\/PT\/VI\/2023<\/td>\n                    <td>06-06-2028<\/td>\n                    <td class=\"rank-box\">BAIK SEKALI<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"col-prodi\">Keperawatan<\/td>\n                    <td><span class=\"badge-jenjang\">S1<\/span><\/td>\n                    <td class=\"col-sk\">0885\/LAM-PTKes\/Akr\/Sar\/XI\/2023<\/td>\n                    <td>07-12-2028<\/td>\n                    <td class=\"rank-box\">BAIK SEKALI<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"col-prodi\">Ners<\/td>\n                    <td><span class=\"badge-jenjang\">Profesi<\/span><\/td>\n                    <td class=\"col-sk\">0886\/LAM-PTKes\/Akr\/Pro\/XI\/2023<\/td>\n                    <td>07-12-2028<\/td>\n                    <td class=\"rank-box\">BAIK SEKALI<\/td>\n                <\/tr>\n                <tr>\n                    <td class=\"col-prodi\">Kesmas<\/td>\n                    <td><span class=\"badge-jenjang\">S1<\/span><\/td>\n                    <td class=\"col-sk\">0352\/LAM-PTKes\/Akr\/Sar\/V\/2024<\/td>\n                    <td>01-11-2029<\/td>\n                    <td class=\"rank-box\">BAIK SEKALI<\/td>\n                <\/tr>\n            <\/tbody>\n        <\/table>\n    <\/div>\n\n    <div class=\"lpm-btn-container\">\n        <a href=\"https:\/\/drive.google.com\/drive\/folders\/1MU7rCvmgsVlab6VKbTtKcEy51uvE5fUD\" target=\"_blank\" class=\"lpm-btn-outline btn-blue\">\n            <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\" style=\"margin-right: 8px;\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3\"><\/path><\/svg>\n            Sertifikat\n        <\/a>\n\n        <a href=\"https:\/\/lamptkes.org\/Hasil-Pencarian-Database-Hasil-Akreditasi?_token=GGEsJxXfTjJUo0SluIvC8cSHZikerGd6nUn9K6jn&#038;_method=patch&#038;jenjang=&#038;nama_pt=SEKOLAH+TINGGI+ILMU+KESEHATAN+HARAPAN+IBU+JAMBI%2C+JAMBI&#038;nama_ps=&#038;thn=&#038;ok=\" target=\"_blank\" class=\"lpm-btn-outline btn-green\">\n            <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\" style=\"margin-right: 8px;\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"><\/path><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"><\/path><\/svg>\n            Data LAM-PTKes\n        <\/a>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const observerOptions = {\n            root: null,\n            threshold: 0.15 \n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('lpm-reveal-active');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        const target = document.querySelector('.lpm-table-container');\n        if (target) observer.observe(target);\n    });\n<\/script>\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Penjelasan SPME &#8211; STIKES HI<\/title>\n    <style>\n        @keyframes fadeInUp {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .spme-wrapper {\n            font-family: 'Inter', 'Segoe UI', sans-serif;\n            color: #34495e;\n            line-height: 1.4;\n            max-width: 1000px;\n            margin: 2px auto;\n            padding: 0 5px;\n            animation: fadeInUp 0.5s ease-out forwards;\n        }\n\n        .spme-container {\n            background: #ffffff;\n            padding: 10px 15px;\n            border-radius: 6px;\n            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);\n            border: 1px solid #eee;\n        }\n\n        .spme-container h1 {\n            color: #00284d;\n            font-size: 1rem;\n            font-weight: 700;\n            margin: 0 0 8px 0;\n        }\n\n        .content-grid {\n            display: grid;\n            grid-template-columns: 1fr 1.3fr; \n            gap: 10px;\n            align-items: stretch;\n        }\n\n        .definition {\n            font-size: 0.88rem;\n            color: #2c3e50;\n            padding: 10px;\n            background-color: #f8fafc;\n            border-radius: 4px;\n            border-left: 3px solid #00284d;\n            margin: 0;\n        }\n\n        .stikes-info {\n            font-size: 0.88rem;\n            color: #475569;\n            text-align: justify;\n            padding: 10px;\n            border: 1px solid #d1d9e6;\n            border-radius: 4px;\n            background-color: #fff;\n            margin: 0;\n        }\n\n        \/* Warna khusus untuk penekanan *\/\n        .bold-agency {\n            font-weight: 800;\n            color: #00284d;\n        }\n\n        @media (max-width: 768px) {\n            .content-grid { grid-template-columns: 1fr; gap: 8px; }\n            .spme-wrapper { margin: 0 auto; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"spme-wrapper\">\n    <div class=\"spme-container\">\n        <h5>Apa itu SPME?<\/h5>\n        \n        <div class=\"content-grid\">\n            <div class=\"definition\">\n                <strong>SPME (Sistem Penjaminan Mutu Eksternal)<\/strong>, atau yang lebih dikenal sebagai <strong>Akreditasi<\/strong>, adalah kegiatan penilaian melalui evaluasi dan\/atau penilaian terhadap luaran dan capaian institusi atau program studi yang dilakukan oleh pihak luar (Lembaga Mandiri).\n            <\/div>\n\n            <div class=\"stikes-info\">\n                Sistem Penjaminan Mutu Internal di Sekolah Tinggi Ilmu Kesehatan Harapan Ibu \n                digunakan juga sebagai dasar data dari Sistem Penjaminan Mutu Eksternal dari <span class=\"bold-agency\">BAN-PT<\/span> untuk \n                institusi Sekolah Tinggi Ilmu Kesehatan Harapan Ibu Jambi dan dari <span class=\"bold-agency\">Lam-PTKes<\/span> untuk program \n                studi yang ada di Sekolah Tinggi Ilmu Kesehatan Harapan Ibu Jambi serta digunakan juga \n                aspek dasar data <span class=\"bold-agency\">PD-Dikti<\/span>.\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        \/* Menggeser kontainer ke kanan *\/\n        .button-container {\n            display: flex;\n            justify-content: flex-end;\n            padding: 20px;\n            overflow: hidden; \n        }\n\n        \/* --- ANIMASI MUNCUL DARI KIRI KE KANAN --- *\/\n        @keyframes fadeRight {\n            from {\n                opacity: 0;\n                transform: translateX(-50px); \/* Mulai dari arah kiri *\/\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0); \/* Berhenti di posisi asli *\/\n            }\n        }\n\n        .pddikti-button {\n            display: inline-flex;\n            align-items: center;\n            background-color: #ffffff;\n            border: 1px solid #e0e0e0;\n            border-radius: 8px;\n            padding: 10px 20px;\n            text-decoration: none;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n            \n            \/* Menjalankan animasi geser kanan saat load *\/\n            animation: fadeRight 0.8s ease-out forwards;\n            \n            \/* Transisi untuk hover (tetap halus) *\/\n            transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\n        }\n\n        .pddikti-button:hover {\n            box-shadow: 0 4px 8px rgba(0,0,0,0.15);\n            transform: translateY(-4px) !important; \/* Tetap angkat ke atas saat hover *\/\n            border-color: #2c3e50;\n        }\n\n        .logo-icon {\n            height: 40px;\n            margin-right: 12px;\n        }\n\n        .logo-text {\n            height: 25px;\n            border-left: 1px solid #ccc;\n            padding-left: 12px;\n        }\n\n        @media (max-width: 480px) {\n            .logo-icon { height: 30px; }\n            .logo-text { height: 18px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"button-container\">\n        <a href=\"https:\/\/pddikti.kemdiktisaintek.go.id\/detail-pt\/54OOuxT2auNH2gxxQrp-Zjb9DfvCxheh9Jj3bp4rb9mDccSpPQXNFe_h4WKjLLGhfNo66Q==\" \n           class=\"pddikti-button\" \n           target=\"_blank\" \n           title=\"Cek Detail PT di PDDikti\">\n            <img decoding=\"async\" src=\"https:\/\/pddikti.kemdiktisaintek.go.id\/static\/media\/logo-pddikti.079f9b910c956907fa49f7fabaef609a.svg\" \n                 alt=\"Logo PDDikti\" class=\"logo-icon\">\n            \n            <img decoding=\"async\" src=\"https:\/\/pddikti.kemdiktisaintek.go.id\/static\/media\/pddikti-navbar.c5287e5a315c9d0dadd76989237034e6.svg\" \n                 alt=\"PDDikti\" class=\"logo-text\">\n        <\/a>\n    <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<div class=\"lpm-carousel-container\">\n    <div class=\"lpm-carousel-header\">\n        \n    <\/div>\n\n    <div class=\"lpm-carousel-wrapper\" id=\"lpmCarousel\">\n        <div class=\"lpm-card-mini is-institusi\" data-date=\"2028-06-06\">\n            <div>\n                <span class=\"tag-jn\">Institusi<\/span>\n                <span class=\"label-akreditasi\">Akreditasi<\/span>\n                <span class=\"rank-text\" style=\"color: var(--color-institusi)\">BAIK SEKALI<\/span>\n                <h4 class=\"name-text\">STIKES HI<\/h4>\n            <\/div>\n            <div class=\"mini-footer\">\n                <span class=\"date-label\">Exp: 06\/06\/2028<\/span>\n                <span class=\"cd-label\">&#8230;<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"lpm-card-mini is-farmasi\" data-date=\"2027-08-11\">\n            <div>\n                <span class=\"tag-jn\">S1<\/span>\n                <span class=\"label-akreditasi\">Akreditasi<\/span>\n                <span class=\"rank-text\" style=\"color: var(--color-farmasi)\">BAIK SEKALI<\/span>\n                <h4 class=\"name-text\">Farmasi<\/h4>\n            <\/div>\n            <div class=\"mini-footer\">\n                <span class=\"date-label\">Exp: 11\/08\/2027<\/span>\n                <span class=\"cd-label\">&#8230;<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"lpm-card-mini is-keperawatan\" data-date=\"2028-12-07\">\n            <div>\n                <span class=\"tag-jn\">S1<\/span>\n                <span class=\"label-akreditasi\">Akreditasi<\/span>\n                <span class=\"rank-text\" style=\"color: var(--color-perawat)\">BAIK SEKALI<\/span>\n                <h4 class=\"name-text\">Keperawatan<\/h4>\n            <\/div>\n            <div class=\"mini-footer\">\n                <span class=\"date-label\">Exp: 07\/12\/2028<\/span>\n                <span class=\"cd-label\">&#8230;<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"lpm-card-mini is-ners\" data-date=\"2028-12-07\">\n            <div>\n                <span class=\"tag-jn\">Profesi<\/span>\n                <span class=\"label-akreditasi\">Akreditasi<\/span>\n                <span class=\"rank-text\" style=\"color: var(--color-perawat)\">BAIK SEKALI<\/span>\n                <h4 class=\"name-text\">Ners<\/h4>\n            <\/div>\n            <div class=\"mini-footer\">\n                <span class=\"date-label\">Exp: 07\/12\/2028<\/span>\n                <span class=\"cd-label\">&#8230;<\/span>\n            <\/div>\n        <\/div>\n        <div class=\"lpm-card-mini is-kesmas\" data-date=\"2029-11-01\">\n            <div>\n                <span class=\"tag-jn\">S1<\/span>\n                <span class=\"label-akreditasi\">Akreditasi<\/span>\n                <span class=\"rank-text\" style=\"color: #a16207\">BAIK SEKALI<\/span>\n                <h4 class=\"name-text\">Kesmas<\/h4>\n            <\/div>\n            <div class=\"mini-footer\">\n                <span class=\"date-label\">Exp: 01\/11\/2029<\/span>\n                <span class=\"cd-label\">&#8230;<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    :root {\n        --white: #ffffff;\n        --slate-500: #64748b;\n        --slate-900: #0f172a;\n        --danger-bold: #b91c1c;\n        --color-institusi: #6b21a8; \n        --color-farmasi: #1e40af;   \n        --color-perawat: #15803d;   \n        --color-kesmas: #eab308;    \n        --navy-stikes: #4a5a8e; \n    }\n\n    \/* MODIFIKASI: Tombol Menjadi Full Width *\/\n    .btn-spme-document {\n        display: flex; \/* Ubah ke flex *\/\n        align-items: center;\n        justify-content: center; \/* Teks di tengah *\/\n        width: 100%; \/* Lebar penuh *\/\n        box-sizing: border-box; \/* Pastikan padding tidak merusak lebar *\/\n        background-color: transparent;\n        color: var(--navy-stikes) !important;\n        text-decoration: none !important;\n        padding: 10px 14px; \/* Sedikit lebih tebal agar proporsional *\/\n        border: 1.5px solid var(--navy-stikes);\n        border-radius: 8px;\n        font-size: 13px;\n        font-weight: 600;\n        transition: all 0.3s ease;\n        margin-bottom: 8px;\n    }\n\n    .btn-spme-document:hover {\n        background-color: var(--navy-stikes);\n        color: white !important;\n    }\n\n    .lpm-carousel-container {\n        width: 100%;\n        max-width: 1000px;\n        margin: 10px auto;\n        overflow: hidden;\n        position: relative;\n        font-family: 'Inter', sans-serif;\n        line-height: 1;\n    }\n\n    .lpm-carousel-header {\n        padding: 0 15px;\n        margin-bottom: 5px;\n        width: 100%; \/* Pastikan container header full *\/\n        box-sizing: border-box;\n    }\n\n    .lpm-carousel-wrapper {\n        display: flex;\n        gap: 10px;\n        overflow-x: auto;\n        padding: 10px 15px;\n        scrollbar-width: none; \n        -ms-overflow-style: none;\n    }\n\n    .lpm-carousel-wrapper::-webkit-scrollbar { display: none; }\n\n    .lpm-card-mini {\n        min-width: 145px;\n        background: var(--white);\n        border: 2px solid #eee;\n        border-radius: 10px;\n        padding: 10px;\n        flex-shrink: 0;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n        position: relative;\n    }\n\n    .is-institusi { border-color: var(--color-institusi); }\n    .is-farmasi { border-color: var(--color-farmasi); }\n    .is-keperawatan, .is-ners { border-color: var(--color-perawat); }\n    .is-kesmas { border-color: var(--color-kesmas); }\n\n    .tag-jn { \n        font-size: 8px; \n        font-weight: 800; \n        color: white; \n        padding: 2px 5px; \n        border-radius: 3px; \n        text-transform: uppercase; \n        display: inline-block;\n        margin-bottom: 6px;\n    }\n    .is-institusi .tag-jn { background: var(--color-institusi); }\n    .is-farmasi .tag-jn { background: var(--color-farmasi); }\n    .is-keperawatan .tag-jn, .is-ners .tag-jn { background: var(--color-perawat); }\n    .is-kesmas .tag-jn { background: var(--color-kesmas); color: #000; }\n\n    .label-akreditasi {\n        display: block;\n        font-size: 7px;\n        color: var(--slate-500);\n        text-transform: uppercase;\n        margin-bottom: 1px;\n    }\n\n    .rank-text { \n        font-size: 10px; \n        font-weight: 900; \n        display: block; \n        margin: 0;\n    }\n\n    .name-text { \n        font-size: 13px; \n        font-weight: 800; \n        margin: 2px 0 0; \n        color: var(--slate-900);\n    }\n    \n    .mini-footer { \n        border-top: 1px solid #f1f5f9; \n        margin-top: 8px; \n        padding-top: 6px; \n    }\n    .date-label { font-size: 7px; color: var(--slate-500); display: block; margin-bottom: 1px;}\n    .cd-label { font-size: 9px; font-weight: 900; color: var(--slate-900); margin: 0; }\n    \n    .urgent-box { background: var(--danger-bold) !important; border-color: var(--danger-bold) !important; }\n    .urgent-box .name-text, .urgent-box .cd-label, .urgent-box .date-label, .urgent-box .rank-text, .urgent-box .label-akreditasi { color: white !important; }\n\n    @keyframes blink { 50% { opacity: 0.3; } }\n    .top-priority::after { \n        content: \"\u26a0\ufe0f\"; \n        position: absolute; \n        top: 6px; \n        right: 6px; \n        animation: blink 1s infinite; \n        font-size: 12px; \n    }\n<\/style>\n\n<script>\n    function initLpmCarousel() {\n        const wrapper = document.getElementById('lpmCarousel');\n        if(!wrapper) return;\n        let cards = Array.from(wrapper.querySelectorAll('.lpm-card-mini'));\n        const now = new Date();\n\n        cards.forEach(card => {\n            const expiry = new Date(card.getAttribute('data-date'));\n            const cdLabel = card.querySelector('.cd-label');\n            const diffDays = Math.ceil((expiry - now) \/ (1000 * 60 * 60 * 24));\n\n            if (diffDays <= 0) {\n                cdLabel.innerText = \"EXPIRED\";\n                card.classList.add('urgent-box');\n            } else if (diffDays <= 180) {\n                cdLabel.innerText = diffDays + \" HARI LAGI\";\n                card.classList.add('urgent-box');\n            } else {\n                cdLabel.innerText = Math.floor(diffDays \/ 30.44) + \" BULAN LAGI\";\n            }\n        });\n\n        cards.sort((a, b) => new Date(a.dataset.date) - new Date(b.dataset.date));\n        cards[0].classList.add('top-priority');\n        wrapper.innerHTML = '';\n        cards.forEach(card => wrapper.appendChild(card));\n\n        const total = cards.length;\n        for(let i = 0; i < total; i++) {\n            wrapper.appendChild(cards[i].cloneNode(true));\n        }\n\n        let isPaused = false;\n        let speed = 0.8; \n\n        function animate() {\n            if (!isPaused) {\n                wrapper.scrollLeft += speed;\n                if (wrapper.scrollLeft >= (wrapper.scrollWidth \/ 2)) {\n                    wrapper.scrollLeft = 0;\n                }\n            }\n            requestAnimationFrame(animate);\n        }\n        requestAnimationFrame(animate);\n\n        wrapper.addEventListener('mouseenter', () => isPaused = true);\n        wrapper.addEventListener('mouseleave', () => isPaused = false);\n        wrapper.addEventListener('touchstart', () => isPaused = true);\n        wrapper.addEventListener('touchend', () => isPaused = false);\n    }\n    document.addEventListener('DOMContentLoaded', initLpmCarousel);\n<\/script>\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        .instrument-container {\n            max-width: 100%;\n            margin: 10px 0;\n            font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;\n        }\n\n        \/* Gaya Judul Baru *\/\n        .section-title {\n            color: #006400;\n            font-size: 18px;\n            font-weight: 700;\n            margin-bottom: 15px;\n            padding-left: 2px;\n            display: block;\n        }\n\n        \/* --- PERBAIKAN CSS REVEAL --- *\/\n        .reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            \/* Menggunakan pointer-events sebagai pengganti visibility agar tidak mengganggu observer *\/\n            pointer-events: none; \n        }\n\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n            pointer-events: auto;\n        }\n\n        \/* Hilangkan marker default details *\/\n        .instrument-details summary {\n            list-style: none;\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n            outline: none;\n            padding: 8px 0;\n        }\n        .instrument-details summary::-webkit-details-marker { display: none; }\n\n        \/* Lingkaran Ikon + \/ - *\/\n        .icon-circle {\n            min-width: 22px;\n            height: 22px;\n            border-radius: 50%;\n            background-color: #00a65a !important; \n            color: white !important;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n            font-size: 16px;\n            margin-right: 12px;\n            flex-shrink: 0;\n        }\n\n        \/* Tombol Utama *\/\n        .btn-instrument {\n            display: block;\n            width: 100%;\n            background-color: #006400 !important;\n            color: #ffffff !important;\n            padding: 10px 15px;\n            text-decoration: none !important;\n            border-radius: 4px;\n            font-size: 13px;\n            font-weight: 500;\n            line-height: 1.4;\n            transition: all 0.3s ease;\n            box-sizing: border-box;\n            border: none;\n            text-transform: none !important;\n        }\n\n        .instrument-details[open] .icon-circle {\n            background-color: #dd4b39 !important; \n        }\n\n        .btn-instrument:active {\n            background-color: #f39c12 !important; \n            color: #ffffff !important;\n        }\n\n        \/* Konten Dropdown *\/\n        .dropdown-content {\n            margin-left: 34px;\n            margin-top: 5px;\n            margin-bottom: 15px;\n            padding: 15px;\n            background: #ffffff;\n            border: 1px solid #ddd;\n            border-left: 3px solid #f39c12;\n            font-size: 13px;\n            color: #333;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n        }\n\n        .info-row { margin-bottom: 5px; }\n        .info-label { font-weight: bold; width: 100px; display: inline-block; color: #555; }\n\n        @media (max-width: 600px) {\n            .btn-instrument { font-size: 12px; }\n            .info-label { width: 100%; display: block; margin-bottom: 2px; }\n            .section-title { font-size: 16px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"instrument-container\">\n    \n    <span class=\"section-title reveal\">Unduh instrumen akreditasi program studi<\/span>\n    \n    <details class=\"instrument-details reveal\">\n        <summary>\n            <div class=\"icon-circle\">+<\/div>\n            <a href=\"https:\/\/lamptkes.org\/secure\/document\/unduhan\/Instrumen%20APS%20Kualitatif%20Terakreditasi-25112025-1764019745.zip\" \n               class=\"btn-instrument\">\n               Instrumen APS Farmasi Program Sarjana Terakreditasi\n            <\/a>\n        <\/summary>\n        <div class=\"dropdown-content\">\n            <div class=\"info-row\"><span class=\"info-label\">Bidang Ilmu<\/span> : Farmasi<\/div>\n            <div style=\"margin-top:10px;\">\n                <strong>Deskripsi<\/strong><br>\n                Instrumen APS Kualitatif Terakreditasi 2025 versi 1.0 (30 September 2025)\n            <\/div>\n        <\/div>\n    <\/details>\n\n    <details class=\"instrument-details reveal\">\n        <summary>\n            <div class=\"icon-circle\">+<\/div>\n            <a href=\"https:\/\/lamptkes.org\/secure\/document\/unduhan\/Instrumen%20APS%20Kualitatif%20Terakreditasi%20Unggul-10012025-1736497254.zip\" \n               class=\"btn-instrument\">\n               Instrumen APS Farmasi Program Sarjana Terakreditasi Unggul\n            <\/a>\n        <\/summary>\n        <div class=\"dropdown-content\">\n            <div class=\"info-row\"><span class=\"info-label\">Program<\/span> : Sarjana Farmasi<\/div>\n            <div class=\"info-row\"><span class=\"info-label\">Jenjang<\/span> : S-1<\/div>\n            <div class=\"info-row\"><span class=\"info-label\">Bidang<\/span> : Farmasi<\/div>\n            <div style=\"margin-top:10px;\">\n                <strong>Deskripsi<\/strong><br>\n                Instrumen APS Kualitatif Terakreditasi Unggul 2025 versi 2.0 (14 Mei 2025)\n            <\/div>\n        <\/div>\n    <\/details>\n\n    <details class=\"instrument-details reveal\">\n        <summary>\n            <div class=\"icon-circle\">+<\/div>\n            <a href=\"https:\/\/lamptkes.org\/secure\/document\/unduhan\/Instrumen%20APS%20Kualitatif%20Terakreditasi-23102025-1761206524.zip\" \n               class=\"btn-instrument\">\n               Instrumen APS Keperawatan Program Pendidikan Profesi Ners Terakreditasi\n            <\/a>\n        <\/summary>\n        <div class=\"dropdown-content\">\n            <div class=\"info-row\"><span class=\"info-label\">Bidang Ilmu<\/span> : Keperawatan<\/div>\n            <div style=\"margin-top:10px;\">\n                <strong>Deskripsi<\/strong><br>\n                Instrumen APS Kualitatif Terakreditasi 2025 versi 1.0 (24 September 2025)\n            <\/div>\n        <\/div>\n    <\/details>\n\n    <details class=\"instrument-details reveal\">\n        <summary>\n            <div class=\"icon-circle\">+<\/div>\n            <a href=\"https:\/\/lamptkes.org\/secure\/document\/unduhan\/Instrumen%20APS%20Kualitatif%20Terakreditasi%20Unggul-04112025-1762234606.zip\" \n               class=\"btn-instrument\">\n               Instrumen APS Keperawatan Program Pendidikan Profesi Ners Terakreditasi Unggul\n            <\/a>\n        <\/summary>\n        <div class=\"dropdown-content\">\n            <div class=\"info-row\"><span class=\"info-label\">Jenjang<\/span> : Profesi<\/div>\n            <div class=\"info-row\"><span class=\"info-label\">Bidang Ilmu<\/span> : Keperawatan<\/div>\n            <div style=\"margin-top:10px;\">\n                <strong>Deskripsi<\/strong><br>\n                Instrumen APS Kualitatif Terakreditasi Unggul 2025 versi 3.0 (27 Maret 2026)\n            <\/div>\n        <\/div>\n    <\/details>\n\n<\/div>\n\n<script>\n    \/\/ Penamaan unik 'instrumentObserver' agar tidak bentrok dengan kode lain\n    (function() {\n        document.querySelectorAll('.instrument-details').forEach(detail => {\n            detail.addEventListener('toggle', () => {\n                const icon = detail.querySelector('.icon-circle');\n                if (icon) icon.textContent = detail.open ? '-' : '+';\n            });\n        });\n\n        const instrumentObserver = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('active');\n                    instrumentObserver.unobserve(entry.target); \/\/ Stop mengamati jika sudah muncul\n                }\n            });\n        }, { threshold: 0.1 });\n\n        document.querySelectorAll('.reveal').forEach(el => {\n            instrumentObserver.observe(el);\n        });\n    })();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div class=\"news-slider-container\">\n    <div class=\"news-slider\" id=\"newsSlider\">\n        <div style=\"padding: 30px; text-align: center; width: 100%; color: #94a3b8; font-size: 12px;\">Memuat berita terbaru&#8230;<\/div>\n    <\/div>\n\n    <div class=\"slider-controls\">\n        <button class=\"nav-btn btn-visible\" onclick=\"moveSlide(-1)\" aria-label=\"Previous\">\n            <span class=\"nav-symbol\">&lt;&lt;<\/span>\n        <\/button>\n        \n        <div class=\"dots-container\" id=\"dotsContainer\"><\/div>\n        \n        <button class=\"nav-btn btn-visible\" onclick=\"moveSlide(1)\" aria-label=\"Next\">\n            <span class=\"nav-symbol\">&gt;&gt;<\/span>\n        <\/button>\n    <\/div>\n<\/div>\n\n<style>\n    .news-slider-container {\n        position: relative;\n        max-width: 700px;\n        margin: 10px auto;\n        overflow: hidden;\n        border-radius: 12px;\n        background: #fff;\n        border: 1px solid #e2e8f0;\n        font-family: 'Inter', -apple-system, sans-serif;\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    }\n\n    .news-slider {\n        display: flex;\n        transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n    }\n\n    .news-slide {\n        min-width: 100%;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .news-slide img {\n        width: 100%;\n        height: 300px;\n        object-fit: cover;\n        background: #f1f5f9;\n    }\n\n    .news-caption {\n        padding: 20px;\n        background: #fff;\n    }\n\n    .news-caption h3 { \n        margin: 0 0 8px; \n        font-size: 16px; \n        line-height: 1.4;\n        font-weight: 700;\n        color: #1e293b;\n    }\n    \n    .news-caption p { \n        margin: 0 0 15px; \n        font-size: 13px;\n        line-height: 1.6;\n        color: #475569;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n    }\n\n    .read-more {\n        display: inline-block;\n        padding: 8px 16px;\n        background: #1e3a8a; \/* Biru Tua *\/\n        color: #fff !important;\n        text-decoration: none !important;\n        border-radius: 6px;\n        font-size: 12px;\n        font-weight: 600;\n        transition: 0.3s;\n    }\n\n    .read-more:hover {\n        background: #172554;\n        box-shadow: 0 4px 12px rgba(30, 58, 138, 0.3);\n    }\n\n    .slider-controls {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 12px 20px;\n        border-top: 1px solid #f1f5f9;\n        background: #fcfcfc;\n    }\n\n    .nav-btn.btn-visible {\n        background: #1e3a8a;\n        border: none;\n        width: 40px;\n        height: 36px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        border-radius: 8px;\n    }\n\n    .nav-symbol { color: #ffffff; font-size: 14px; font-weight: bold; }\n\n    .dots-container { display: flex; gap: 8px; }\n\n    .dot {\n        height: 8px; \n        width: 8px;\n        background-color: #cbd5e1; \n        border-radius: 50%;\n        cursor: pointer;\n        transition: 0.3s;\n    }\n\n    .dot.active { \n        background-color: #1e3a8a;\n        width: 20px; \n        border-radius: 10px; \n    }\n\n    @media (max-width: 600px) {\n        .news-slide img { height: 200px; }\n        .news-caption h3 { font-size: 14px; }\n    }\n<\/style>\n\n<script>\n    let currentSlide = 0;\n    let totalSlides = 0;\n    const slider = document.getElementById('newsSlider');\n    const dotsContainer = document.getElementById('dotsContainer');\n\n    async function fetchNews() {\n        try {\n            \/\/ BERHASIL DIUBAH: ID kategori menjadi 22\n            const apiUrl = 'https:\/\/lpm.stikes-hi.ac.id\/wp-json\/wp\/v2\/posts?categories=22&_embed&per_page=5';\n            \n            const response = await fetch(apiUrl);\n            if (!response.ok) throw new Error('Network response was not ok');\n            \n            const posts = await response.json();\n\n            if (posts && posts.length > 0) {\n                slider.innerHTML = '';\n                dotsContainer.innerHTML = '';\n                totalSlides = posts.length;\n\n                posts.forEach((post, i) => {\n                    let imageUrl = 'https:\/\/via.placeholder.com\/800x450\/f1f5f9\/64748b?text=STIKES+HI+JAMBI';\n                    \n                    try {\n                        if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\n                            imageUrl = post._embedded['wp:featuredmedia'][0].source_url;\n                        } else if (post.content.rendered.includes('<img')) {\n                            const div = document.createElement('div');\n                            div.innerHTML = post.content.rendered;\n                            const firstImg = div.querySelector('img');\n                            if (firstImg) imageUrl = firstImg.src;\n                        }\n                    } catch (e) { console.error(\"Error parsing image\", e); }\n\n                    const cleanTitle = post.title.rendered\n                        .replace(\/&nbsp;\/g, ' ')\n                        .replace(\/&amp;\/g, '&#038;')\n                        .replace(\/&#8211;\/g, '-')\n                        .replace(\/&#8217;\/g, \"'\")\n                        .replace(\/&#8220;\/g, '\"')\n                        .replace(\/&#8221;\/g, '\"');\n                        \n                    const excerpt = post.excerpt.rendered.replace(\/<[^>]*>?\/gm, '').substring(0, 100) + '...';\n\n                    const slide = document.createElement('div');\n                    slide.classList.add('news-slide');\n                    slide.innerHTML = `\n                        <img decoding=\"async\" src=\"${imageUrl}\" alt=\"${cleanTitle}\" onerror=\"this.src='https:\/\/via.placeholder.com\/800x450\/f1f5f9\/64748b?text=Berita+STIKES+HI'\">\n                        <div class=\"news-caption\">\n                            <h3>${cleanTitle}<\/h3>\n                            <p>${excerpt}<\/p>\n                            <a href=\"${post.link}\" class=\"read-more\" target=\"_blank\">Baca Selengkapnya<\/a>\n                        <\/div>\n                    `;\n                    slider.appendChild(slide);\n\n                    const dot = document.createElement('span');\n                    dot.classList.add('dot');\n                    if (i === 0) dot.classList.add('active');\n                    dot.onclick = () => goToSlide(i);\n                    dotsContainer.appendChild(dot);\n                });\n            } else {\n                slider.innerHTML = '<div style=\"padding: 40px; text-align: center; width: 100%; color: #64748b;\">Belum ada berita terbaru di kategori ini.<\/div>';\n            }\n        } catch (error) {\n            console.error('Error:', error);\n            slider.innerHTML = '<div style=\"padding: 40px; text-align: center; width: 100%; color: #ef4444;\">Gagal memuat berita.<\/div>';\n        }\n    }\n\n    function updateDots() {\n        const dots = document.querySelectorAll('.dot');\n        dots.forEach((dot, i) => {\n            dot.classList.toggle('active', i === currentSlide);\n        });\n    }\n\n    function moveSlide(step) {\n        if (totalSlides === 0) return;\n        currentSlide = (currentSlide + step + totalSlides) % totalSlides;\n        slider.style.transform = `translateX(-${currentSlide * 100}%)`;\n        updateDots();\n    }\n\n    function goToSlide(index) {\n        currentSlide = index;\n        slider.style.transform = `translateX(-${currentSlide * 100}%)`;\n        updateDots();\n    }\n\n    fetchNews();\n\n    let autoSlide = setInterval(() => moveSlide(1), 7000);\n    document.querySelector('.news-slider-container').addEventListener('mouseenter', () => clearInterval(autoSlide));\n    document.querySelector('.news-slider-container').addEventListener('mouseleave', () => {\n        autoSlide = setInterval(() => moveSlide(1), 7000);\n    });\n<\/script>\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Login SAPTO 2.0<\/title>\n    <style>\n        .sapto-minimalist * {\n            box-sizing: border-box;\n            font-family: 'Segoe UI', sans-serif;\n        }\n\n        .sapto-minimalist {\n            background-color: #f4f7f9;\n            padding: 10px 0; \/* Menghilangkan space kosong atas bawah yang berlebih *\/\n            display: flex;\n            justify-content: center;\n        }\n\n        .login-container {\n            width: 100%;\n            max-width: 380px; \/* Ukuran lebih pas seperti gambar 1 *\/\n            text-align: center;\n        }\n\n        .logo-section {\n            margin-bottom: 15px;\n        }\n\n        .logo-section img {\n            width: 70%; \/* Ukuran logo lebih proporsional *\/\n            max-width: 220px;\n            height: auto;\n            margin: 0 auto;\n            display: block;\n        }\n\n        .logo-section p {\n            color: #a0abbb;\n            font-size: 13px;\n            margin: 8px 0 0 0;\n        }\n\n        .login-card {\n            background: #ffffff;\n            padding: 20px;\n            border-radius: 12px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n            border: 1px solid #f0f0f0;\n        }\n\n        .btn-login {\n            width: 100%;\n            padding: 12px;\n            background-color: #00284d;\n            color: white;\n            border: none;\n            border-radius: 8px;\n            font-size: 14px;\n            font-weight: 700;\n            cursor: pointer;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            transition: background 0.2s;\n        }\n\n        .btn-login:hover {\n            background-color: #001a33;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"sapto-minimalist\">\n    <div class=\"login-container\">\n        \n        <div class=\"logo-section\">\n            <img decoding=\"async\" src=\"https:\/\/sapto2.banpt.or.id\/themes\/theadmin\/img\/logo-sapto2.svg\" alt=\"SAPTO 2.0\">\n            <p>Sistem Akreditasi Perguruan Tinggi<\/p>\n        <\/div>\n\n        <div class=\"login-card\">\n            <form action=\"https:\/\/sapto2.banpt.or.id\/auth\/login\" method=\"POST\">\n                <input type=\"hidden\" name=\"username\" value=\"103041\">\n                <button type=\"submit\" class=\"btn-login\">LOGIN<\/button>\n            <\/form>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Login LAM-PTKes<\/title>\n    <style>\n        \/* Menggunakan kelas spesifik agar tidak merusak elemen global website *\/\n        .lam-ptkes-wrapper {\n            width: 100%;\n            padding: 40px 10px; \/* Memberi ruang atas bawah agar tidak menempel konten lain *\/\n            display: block;\n            clear: both; \/* Memastikan tidak tertutup elemen floating *\/\n        }\n\n        .login-container-box {\n            width: 100%;\n            max-width: 350px; \/* Ukuran desktop yang lebih rapi *\/\n            margin: 0 auto;   \/* INI KUNCINYA: Membuat elemen selalu di tengah horizontal *\/\n            padding: 30px;\n            text-align: center;\n            background-color: #ffffff;\n            border-radius: 8px;\n            \/* Opsional: Tambahkan border\/shadow jika ingin terlihat terpisah dari background *\/\n            \/* border: 1px solid #eee; *\/\n        }\n\n        .logo-section-login {\n            margin-bottom: 25px;\n        }\n\n        .logo-section-login img {\n            width: 180px;\n            height: auto;\n            display: inline-block;\n        }\n\n        .btn-group-login {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n\n        .btn-custom-lam {\n            display: block;\n            width: 100%;\n            padding: 12px;\n            border: none;\n            border-radius: 5px;\n            font-size: 14px;\n            font-weight: 700;\n            color: #ffffff !important;\n            background-color: #4285f4; \n            text-decoration: none !important;\n            text-align: center;\n            transition: background 0.3s ease;\n            box-sizing: border-box;\n        }\n\n        .btn-custom-lam:hover {\n            background-color: #3367d6;\n            color: #ffffff !important;\n            text-decoration: none !important;\n        }\n\n        \/* Responsive: Sedikit penyesuaian untuk layar sangat kecil *\/\n        @media (max-width: 480px) {\n            .login-container-box {\n                padding: 20px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"lam-ptkes-wrapper\">\n        <div class=\"login-container-box\">\n            <div class=\"logo-section-login\">\n                <img decoding=\"async\" src=\"https:\/\/akreditasi.lamptkes.org\/assets\/images\/logo3.png\" alt=\"LAM-PTKes Logo\">\n            <\/div>\n\n            <div class=\"btn-group-login\">\n                <a href=\"https:\/\/akreditasi.lamptkes.org\/login\" class=\"btn btn-custom-lam\">Sign In<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<style>\n  \/* Keyframe Animasi Muncul *\/\n  @keyframes fadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(15px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .ppepp-single-wrapper {\n    display: flex;\n    justify-content: center;\n    padding: 20px 10px;\n    font-family: 'Inter', -apple-system, sans-serif;\n  }\n\n  .ppepp-main-btn {\n    display: flex;\n    align-items: center;\n    padding: 10px 15px; \/* Padding disesuaikan agar pas dengan lingkaran *\/\n    border-radius: 50px;\n    text-decoration: none !important;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 1.5px solid #e2e8f0;\n    background: #ffffff;\n    box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n    animation: fadeUp 0.6s ease-out both;\n  }\n\n  .ppepp-circles-group {\n    display: flex;\n    gap: 4px;\n    \/* Margin kanan dihilangkan karena teks sudah tidak ada *\/\n  }\n\n  .ppepp-dot {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    color: #fff;\n    font-weight: 800;\n    font-size: 11px;\n    flex-shrink: 0;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n  }\n\n  \/* Warna masing-masing lingkaran *\/\n  .dot-p1 { background: #e74c3c; } \/* Penetapan *\/\n  .dot-p2 { background: #3498db; } \/* Pelaksanaan *\/\n  .dot-e  { background: #2ecc71; } \/* Evaluasi *\/\n  .dot-p3 { background: #f1c40f; } \/* Pengendalian *\/\n  .dot-p4 { background: #c0392b; } \/* Peningkatan *\/\n\n  \/* Efek Hover *\/\n  .ppepp-main-btn:hover {\n    transform: translateY(-4px);\n    border-color: #3498db;\n    box-shadow: 0 10px 15px rgba(0,0,0,0.1);\n    background: #fdfdfd;\n  }\n\n  @media (max-width: 480px) {\n    .ppepp-main-btn { padding: 8px 12px; }\n    .ppepp-dot { width: 22px; height: 22px; font-size: 10px; }\n  }\n<\/style>\n\n<div class=\"ppepp-single-wrapper\">\n  <a href=\"https:\/\/lpm.stikes-hi.ac.id\/\" class=\"ppepp-main-btn\">\n    <div class=\"ppepp-circles-group\">\n      <div class=\"ppepp-dot dot-p1\" title=\"Penetapan\">P<\/div>\n      <div class=\"ppepp-dot dot-p2\" title=\"Pelaksanaan\">P<\/div>\n      <div class=\"ppepp-dot dot-e\"  title=\"Evaluasi\">E<\/div>\n      <div class=\"ppepp-dot dot-p3\" title=\"Pengendalian\">P<\/div>\n      <div class=\"ppepp-dot dot-p4\" title=\"Peningkatan\">P<\/div>\n    <\/div>\n  <\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>akreditasi perguruan tinggi dan program studi Program Studi Jenjang Nomor SK Daluwarsa Peringkat Farmasi S1 0671\/LAM-PTKes\/Akr\/Sar\/VIII\/2022 11-08-2027 BAIK SEKALI Institusi PT 388\/SK\/BAN-PT\/Ak\/PT\/VI\/2023 06-06-2028 BAIK SEKALI Keperawatan S1 0885\/LAM-PTKes\/Akr\/Sar\/XI\/2023 07-12-2028 BAIK SEKALI Ners Profesi 0886\/LAM-PTKes\/Akr\/Pro\/XI\/2023 07-12-2028 BAIK SEKALI Kesmas S1 0352\/LAM-PTKes\/Akr\/Sar\/V\/2024 &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1599","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/1599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=1599"}],"version-history":[{"count":48,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/1599\/revisions"}],"predecessor-version":[{"id":2172,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/1599\/revisions\/2172"}],"wp:attachment":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=1599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}