{"id":858,"date":"2026-07-27T14:01:31","date_gmt":"2026-07-27T07:01:31","guid":{"rendered":"https:\/\/iptar.ac.id\/?page_id=858"},"modified":"2026-09-08T12:08:43","modified_gmt":"2026-09-08T05:08:43","slug":"ppkpt","status":"publish","type":"page","link":"https:\/\/iptar.ac.id\/index.php\/ppkpt\/","title":{"rendered":"PPKPT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"858\" class=\"elementor elementor-858\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-788131b e-con-full e-flex e-con e-parent\" data-id=\"788131b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afb402c elementor-widget elementor-widget-html\" data-id=\"afb402c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  HALAMAN PPKPT IPTAR\n  Siap ditempel langsung ke widget HTML Elementor.\n-->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n    .iptar-ppkpt,\n    .iptar-ppkpt * {\n        box-sizing: border-box;\n    }\n\n    .iptar-ppkpt {\n        --pk-green-950: #0d382a;\n        --pk-green-900: #124733;\n        --pk-green-800: #195c43;\n        --pk-green-700: #217253;\n        --pk-green-600: #2f8b67;\n        --pk-mint-100: #dcf2e5;\n        --pk-mint-50: #f1faf5;\n        --pk-yellow: #f2c94c;\n        --pk-yellow-soft: #fff3bd;\n        --pk-white: #ffffff;\n        --pk-ink: #183b2e;\n        --pk-text: #52675f;\n        --pk-line: rgba(25, 92, 67, 0.14);\n\n        position: relative;\n        isolation: isolate;\n        width: 100vw;\n        max-width: 100vw;\n        margin-right: calc(50% - 50vw);\n        margin-left: calc(50% - 50vw);\n        overflow: hidden;\n        padding: clamp(58px, 7vw, 104px) 0;\n        background:\n            radial-gradient(circle at 7% 5%, rgba(242, 201, 76, 0.18) 0 5px, transparent 6px),\n            radial-gradient(circle at 94% 10%, rgba(47, 139, 103, 0.10) 0 120px, transparent 121px),\n            linear-gradient(145deg, #f4fcf7 0%, #ffffff 46%, #edf8f1 100%);\n        color: var(--pk-ink);\n        font-family: \"Manrope\", sans-serif;\n        line-height: 1.75;\n    }\n\n    .iptar-ppkpt::before {\n        content: \"\";\n        position: absolute;\n        z-index: -1;\n        top: -165px;\n        left: -145px;\n        width: 365px;\n        height: 365px;\n        border: 58px solid rgba(47, 139, 103, 0.055);\n        border-radius: 50%;\n    }\n\n    .iptar-ppkpt::after {\n        content: \"\";\n        position: absolute;\n        z-index: -1;\n        right: -115px;\n        bottom: 390px;\n        width: 315px;\n        height: 315px;\n        border-radius: 44% 56% 66% 34% \/ 50% 39% 61% 50%;\n        background: rgba(242, 201, 76, 0.09);\n        transform: rotate(21deg);\n    }\n\n    .iptar-ppkpt__inner {\n        width: min(1320px, calc(100% - 40px));\n        margin: 0 auto;\n    }\n\n    \/* Hero *\/\n    .iptar-ppkpt__hero {\n        display: grid;\n        grid-template-columns: minmax(0, 1.2fr) minmax(300px, 420px);\n        gap: clamp(42px, 6vw, 82px);\n        align-items: center;\n        margin-bottom: clamp(72px, 9vw, 112px);\n    }\n\n    .iptar-ppkpt__eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        width: fit-content;\n        margin: 0 0 17px;\n        padding: 8px 15px;\n        border: 1px solid rgba(25, 92, 67, 0.15);\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.82);\n        color: var(--pk-green-700);\n        font-size: 0.74rem;\n        font-weight: 800;\n        letter-spacing: 0.115em;\n        line-height: 1.2;\n        text-transform: uppercase;\n        box-shadow: 0 8px 24px rgba(13, 56, 42, 0.06);\n    }\n\n    .iptar-ppkpt__eyebrow::before {\n        content: \"\";\n        width: 9px;\n        height: 9px;\n        border-radius: 50%;\n        background: var(--pk-yellow);\n        box-shadow: 0 0 0 5px rgba(242, 201, 76, 0.20);\n    }\n\n    .iptar-ppkpt__title {\n        margin: 0;\n        color: var(--pk-green-950);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: clamp(2.55rem, 6vw, 5.5rem);\n        font-weight: 800;\n        letter-spacing: -0.065em;\n        line-height: 0.98;\n    }\n\n    .iptar-ppkpt__title span {\n        position: relative;\n        z-index: 0;\n        display: inline-block;\n        color: var(--pk-green-600);\n    }\n\n    .iptar-ppkpt__title span::after {\n        content: \"\";\n        position: absolute;\n        z-index: -1;\n        right: -4px;\n        bottom: 7px;\n        left: -4px;\n        height: 15px;\n        border-radius: 999px;\n        background: var(--pk-yellow-soft);\n    }\n\n    .iptar-ppkpt__long-title {\n        max-width: 820px;\n        margin: 18px 0 0;\n        color: var(--pk-green-900);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: clamp(1.08rem, 2vw, 1.45rem);\n        font-weight: 800;\n        line-height: 1.52;\n    }\n\n    .iptar-ppkpt__description {\n        max-width: 820px;\n        margin: 21px 0 0;\n        color: var(--pk-text);\n        font-size: clamp(0.96rem, 1.35vw, 1.05rem);\n        line-height: 1.88;\n    }\n\n    .iptar-ppkpt__tagline {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 9px;\n        margin: 27px 0 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .iptar-ppkpt__tagline li {\n        display: inline-flex;\n        align-items: center;\n        min-height: 38px;\n        padding: 7px 13px;\n        border: 1px solid var(--pk-line);\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.86);\n        color: var(--pk-green-800);\n        font-size: 0.73rem;\n        font-weight: 800;\n        line-height: 1.25;\n        box-shadow: 0 8px 22px rgba(13, 56, 42, 0.05);\n    }\n\n    \/* Ketua PPKPT *\/\n    .iptar-ppkpt__leader {\n        position: relative;\n    }\n\n    .iptar-ppkpt__leader::before {\n        content: \"\";\n        position: absolute;\n        top: -25px;\n        right: -28px;\n        width: 92px;\n        height: 92px;\n        opacity: 0.40;\n        background-image: radial-gradient(var(--pk-green-700) 1.9px, transparent 1.9px);\n        background-size: 13px 13px;\n    }\n\n    .iptar-ppkpt__photo-card {\n        position: relative;\n        min-height: 500px;\n        overflow: hidden;\n        border: 1px solid var(--pk-line);\n        border-radius: 32px;\n        background:\n            radial-gradient(circle at 50% 30%, rgba(255, 255, 255, 0.94) 0 29%, transparent 30%),\n            linear-gradient(155deg, #d9efe2 0%, #f2faf5 53%, #cee8d8 100%);\n        box-shadow: 0 28px 70px rgba(13, 56, 42, 0.16);\n    }\n\n    .iptar-ppkpt__photo-card::before {\n        content: \"\";\n        position: absolute;\n        top: 26px;\n        right: 25px;\n        width: 70px;\n        height: 70px;\n        border: 2px solid rgba(242, 201, 76, 0.76);\n        border-radius: 50%;\n    }\n\n    .iptar-ppkpt__photo {\n        position: absolute;\n        z-index: 1;\n        inset: 18px 10px 0;\n        display: block;\n        width: calc(100% - 20px);\n        height: calc(100% - 18px);\n        object-fit: contain;\n        object-position: center bottom;\n        filter: drop-shadow(0 18px 24px rgba(13, 56, 42, 0.15));\n    }\n\n    .iptar-ppkpt__leader-info {\n        position: relative;\n        z-index: 3;\n        width: calc(100% - 34px);\n        margin: -76px auto 0;\n        padding: 23px 22px;\n        border: 1px solid rgba(255, 255, 255, 0.18);\n        border-radius: 20px;\n        background: linear-gradient(135deg, rgba(13, 56, 42, 0.97), rgba(33, 114, 83, 0.97));\n        color: var(--pk-white);\n        text-align: center;\n        box-shadow: 0 18px 40px rgba(13, 56, 42, 0.23);\n        backdrop-filter: blur(10px);\n    }\n\n    .iptar-ppkpt__leader-info::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 50%;\n        width: 58px;\n        height: 4px;\n        border-radius: 0 0 8px 8px;\n        background: var(--pk-yellow);\n        transform: translateX(-50%);\n    }\n\n    .iptar-ppkpt__leader-name {\n        display: block;\n        color: var(--pk-white);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: clamp(1.08rem, 2vw, 1.3rem);\n        font-weight: 800;\n        line-height: 1.4;\n    }\n\n    .iptar-ppkpt__leader-role {\n        display: block;\n        margin-top: 7px;\n        color: #dcefe5;\n        font-size: 0.77rem;\n        font-weight: 700;\n        letter-spacing: 0.075em;\n        line-height: 1.5;\n        text-transform: uppercase;\n    }\n\n    \/* Nilai utama *\/\n    .iptar-ppkpt__values {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 15px;\n        margin-bottom: clamp(72px, 9vw, 110px);\n    }\n\n    .iptar-ppkpt__value {\n        display: grid;\n        grid-template-columns: auto minmax(0, 1fr);\n        gap: 15px;\n        align-items: center;\n        padding: 20px 21px;\n        border: 1px solid var(--pk-line);\n        border-radius: 18px;\n        background: rgba(255, 255, 255, 0.90);\n        box-shadow: 0 12px 34px rgba(13, 56, 42, 0.07);\n    }\n\n    .iptar-ppkpt__value-icon {\n        display: grid;\n        width: 45px;\n        height: 45px;\n        place-items: center;\n        border-radius: 14px;\n        background: var(--pk-mint-100);\n        color: var(--pk-green-700);\n    }\n\n    .iptar-ppkpt__value:nth-child(2) .iptar-ppkpt__value-icon {\n        background: var(--pk-yellow-soft);\n        color: #8a6811;\n    }\n\n    .iptar-ppkpt__value-icon svg {\n        width: 22px;\n        height: 22px;\n    }\n\n    .iptar-ppkpt__value strong {\n        display: block;\n        color: var(--pk-green-900);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: 0.93rem;\n        font-weight: 800;\n        line-height: 1.4;\n    }\n\n    .iptar-ppkpt__value span {\n        display: block;\n        margin-top: 3px;\n        color: var(--pk-text);\n        font-size: 0.73rem;\n        line-height: 1.5;\n    }\n\n    \/* Header bagian *\/\n    .iptar-ppkpt__section {\n        scroll-margin-top: 30px;\n    }\n\n    .iptar-ppkpt__section + .iptar-ppkpt__section {\n        margin-top: clamp(75px, 9vw, 112px);\n    }\n\n    .iptar-ppkpt__section-head {\n        display: grid;\n        grid-template-columns: minmax(0, 0.82fr) minmax(340px, 1.18fr);\n        gap: 35px;\n        align-items: end;\n        margin-bottom: 31px;\n    }\n\n    .iptar-ppkpt__kicker {\n        margin: 0 0 8px;\n        color: var(--pk-green-600);\n        font-size: 0.73rem;\n        font-weight: 800;\n        letter-spacing: 0.13em;\n        line-height: 1.4;\n        text-transform: uppercase;\n    }\n\n    .iptar-ppkpt__section-title {\n        margin: 0;\n        color: var(--pk-green-950);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: clamp(1.8rem, 3.4vw, 2.9rem);\n        font-weight: 800;\n        letter-spacing: -0.045em;\n        line-height: 1.17;\n    }\n\n    .iptar-ppkpt__section-title span {\n        color: var(--pk-green-600);\n    }\n\n    .iptar-ppkpt__section-copy {\n        max-width: 680px;\n        margin: 0 0 3px auto;\n        color: var(--pk-text);\n        font-size: 0.9rem;\n        line-height: 1.78;\n    }\n\n    \/* Ruang lingkup *\/\n    .iptar-ppkpt__scope-grid {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 18px;\n    }\n\n    .iptar-ppkpt__scope {\n        position: relative;\n        min-height: 235px;\n        padding: 27px 25px;\n        overflow: hidden;\n        border: 1px solid var(--pk-line);\n        border-radius: 21px;\n        background: rgba(255, 255, 255, 0.91);\n        box-shadow: 0 14px 38px rgba(13, 56, 42, 0.07);\n        transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;\n    }\n\n    .iptar-ppkpt__scope:hover {\n        border-color: rgba(47, 139, 103, 0.34);\n        box-shadow: 0 22px 48px rgba(13, 56, 42, 0.12);\n        transform: translateY(-6px);\n    }\n\n    .iptar-ppkpt__scope-number {\n        position: absolute;\n        right: 16px;\n        bottom: -19px;\n        color: rgba(47, 139, 103, 0.055);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: 6.8rem;\n        font-weight: 800;\n        line-height: 1;\n    }\n\n    .iptar-ppkpt__scope-icon {\n        position: relative;\n        z-index: 1;\n        display: grid;\n        width: 49px;\n        height: 49px;\n        margin-bottom: 18px;\n        place-items: center;\n        border-radius: 15px;\n        background: var(--pk-mint-100);\n        color: var(--pk-green-700);\n    }\n\n    .iptar-ppkpt__scope-icon svg {\n        width: 23px;\n        height: 23px;\n    }\n\n    .iptar-ppkpt__scope h3 {\n        position: relative;\n        z-index: 1;\n        margin: 0 0 9px;\n        color: var(--pk-green-950);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: 1.05rem;\n        font-weight: 800;\n        line-height: 1.43;\n    }\n\n    .iptar-ppkpt__scope p {\n        position: relative;\n        z-index: 1;\n        margin: 0;\n        color: var(--pk-text);\n        font-size: 0.84rem;\n        line-height: 1.73;\n    }\n\n    \/* Kanal pengaduan *\/\n    .iptar-ppkpt__report {\n        position: relative;\n        padding: clamp(31px, 4.8vw, 58px);\n        overflow: hidden;\n        border-radius: 31px;\n        background: linear-gradient(140deg, var(--pk-green-950), var(--pk-green-700));\n        color: var(--pk-white);\n        box-shadow: 0 30px 76px rgba(13, 56, 42, 0.22);\n    }\n\n    .iptar-ppkpt__report::before {\n        content: \"\";\n        position: absolute;\n        top: -130px;\n        right: -75px;\n        width: 315px;\n        height: 315px;\n        border: 50px solid rgba(255, 255, 255, 0.05);\n        border-radius: 50%;\n    }\n\n    .iptar-ppkpt__report-head {\n        position: relative;\n        z-index: 1;\n        max-width: 820px;\n        margin-bottom: 28px;\n    }\n\n    .iptar-ppkpt__report-head span {\n        display: block;\n        margin-bottom: 8px;\n        color: var(--pk-yellow);\n        font-size: 0.72rem;\n        font-weight: 800;\n        letter-spacing: 0.13em;\n        line-height: 1.4;\n        text-transform: uppercase;\n    }\n\n    .iptar-ppkpt__report-head h2 {\n        margin: 0;\n        color: var(--pk-white);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: clamp(1.7rem, 3.5vw, 2.85rem);\n        font-weight: 800;\n        letter-spacing: -0.04em;\n        line-height: 1.2;\n    }\n\n    .iptar-ppkpt__report-head p {\n        max-width: 760px;\n        margin: 13px 0 0;\n        color: rgba(255, 255, 255, 0.73);\n        font-size: 0.89rem;\n        line-height: 1.78;\n    }\n\n    .iptar-ppkpt__channels {\n        position: relative;\n        z-index: 1;\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 13px;\n    }\n\n    .iptar-ppkpt__channel {\n        display: grid;\n        grid-template-columns: auto minmax(0, 1fr);\n        gap: 13px;\n        align-items: center;\n        min-height: 92px;\n        padding: 17px;\n        border: 1px solid rgba(255, 255, 255, 0.15);\n        border-radius: 17px;\n        background: rgba(255, 255, 255, 0.085);\n        color: var(--pk-white);\n        text-decoration: none;\n        backdrop-filter: blur(8px);\n        transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;\n    }\n\n    a.iptar-ppkpt__channel:hover {\n        border-color: rgba(242, 201, 76, 0.45);\n        background: rgba(255, 255, 255, 0.14);\n        color: var(--pk-white);\n        transform: translateY(-4px);\n    }\n\n    .iptar-ppkpt__channel.is-disabled {\n        color: rgba(255, 255, 255, 0.68);\n        cursor: not-allowed;\n    }\n\n    .iptar-ppkpt__channel-icon {\n        display: grid;\n        width: 43px;\n        height: 43px;\n        place-items: center;\n        border-radius: 13px;\n        background: var(--pk-yellow);\n        color: var(--pk-green-950);\n    }\n\n    .iptar-ppkpt__channel.is-disabled .iptar-ppkpt__channel-icon {\n        background: rgba(255, 255, 255, 0.13);\n        color: rgba(255, 255, 255, 0.72);\n    }\n\n    .iptar-ppkpt__channel-icon svg {\n        width: 21px;\n        height: 21px;\n    }\n\n    .iptar-ppkpt__channel small {\n        display: block;\n        color: rgba(255, 255, 255, 0.61);\n        font-size: 0.62rem;\n        font-weight: 800;\n        letter-spacing: 0.08em;\n        line-height: 1.3;\n        text-transform: uppercase;\n    }\n\n    .iptar-ppkpt__channel strong {\n        display: block;\n        margin-top: 4px;\n        color: inherit;\n        font-size: 0.79rem;\n        font-weight: 800;\n        line-height: 1.45;\n        overflow-wrap: anywhere;\n    }\n\n    \/* Alur *\/\n    .iptar-ppkpt__flow {\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        gap: 15px;\n    }\n\n    .iptar-ppkpt__step {\n        position: relative;\n        min-height: 190px;\n        padding: 24px 22px;\n        border: 1px solid var(--pk-line);\n        border-radius: 19px;\n        background: rgba(255, 255, 255, 0.92);\n        box-shadow: 0 12px 34px rgba(13, 56, 42, 0.07);\n    }\n\n    .iptar-ppkpt__step:not(:last-child)::after {\n        content: \"\u2192\";\n        position: absolute;\n        z-index: 2;\n        top: 50%;\n        right: -25px;\n        display: grid;\n        width: 34px;\n        height: 34px;\n        place-items: center;\n        border: 4px solid #f5fbf7;\n        border-radius: 50%;\n        background: var(--pk-yellow);\n        color: var(--pk-green-950);\n        font-weight: 800;\n        transform: translateY(-50%);\n    }\n\n    .iptar-ppkpt__step-number {\n        display: inline-flex;\n        margin-bottom: 16px;\n        padding: 6px 10px;\n        border-radius: 999px;\n        background: var(--pk-mint-100);\n        color: var(--pk-green-700);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: 0.7rem;\n        font-weight: 800;\n        line-height: 1;\n    }\n\n    .iptar-ppkpt__step h3 {\n        margin: 0 0 7px;\n        color: var(--pk-green-950);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: 1rem;\n        font-weight: 800;\n        line-height: 1.42;\n    }\n\n    .iptar-ppkpt__step p {\n        margin: 0;\n        color: var(--pk-text);\n        font-size: 0.81rem;\n        line-height: 1.7;\n    }\n\n    .iptar-ppkpt__commitment {\n        display: grid;\n        grid-template-columns: auto minmax(0, 1fr);\n        gap: 19px;\n        align-items: center;\n        margin-top: clamp(50px, 7vw, 82px);\n        padding: clamp(27px, 4vw, 43px);\n        border: 1px solid rgba(242, 201, 76, 0.38);\n        border-radius: 24px;\n        background: linear-gradient(135deg, #fffaf0 0%, var(--pk-mint-50) 100%);\n        box-shadow: 0 18px 48px rgba(13, 56, 42, 0.09);\n    }\n\n    .iptar-ppkpt__commitment-icon {\n        display: grid;\n        width: 58px;\n        height: 58px;\n        place-items: center;\n        border-radius: 18px;\n        background: var(--pk-yellow);\n        color: var(--pk-green-950);\n    }\n\n    .iptar-ppkpt__commitment-icon svg {\n        width: 28px;\n        height: 28px;\n    }\n\n    .iptar-ppkpt__commitment span {\n        display: block;\n        margin-bottom: 5px;\n        color: var(--pk-green-600);\n        font-size: 0.68rem;\n        font-weight: 800;\n        letter-spacing: 0.11em;\n        line-height: 1.3;\n        text-transform: uppercase;\n    }\n\n    .iptar-ppkpt__commitment h2 {\n        margin: 0;\n        color: var(--pk-green-950);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: clamp(1.25rem, 2.4vw, 1.8rem);\n        font-weight: 800;\n        line-height: 1.4;\n    }\n\n    .iptar-ppkpt__commitment p {\n        max-width: 900px;\n        margin: 7px 0 0;\n        color: var(--pk-text);\n        font-size: 0.85rem;\n        line-height: 1.72;\n    }\n\n    \/* Dokumen *\/\n    .iptar-ppkpt__documents-panel {\n        position: relative;\n        padding: clamp(29px, 4.5vw, 54px);\n        overflow: hidden;\n        border: 1px solid var(--pk-line);\n        border-radius: 31px;\n        background: rgba(255, 255, 255, 0.92);\n        box-shadow: 0 24px 65px rgba(13, 56, 42, 0.10);\n    }\n\n    .iptar-ppkpt__document-tools {\n        display: grid;\n        grid-template-columns: minmax(0, 1fr) auto auto;\n        gap: 10px;\n        align-items: center;\n        margin-bottom: 25px;\n        padding: 11px;\n        border: 1px solid var(--pk-line);\n        border-radius: 16px;\n        background: var(--pk-mint-50);\n    }\n\n    .iptar-ppkpt__search {\n        position: relative;\n    }\n\n    .iptar-ppkpt__search svg {\n        position: absolute;\n        top: 50%;\n        left: 15px;\n        width: 18px;\n        height: 18px;\n        color: var(--pk-green-600);\n        pointer-events: none;\n        transform: translateY(-50%);\n    }\n\n    .iptar-ppkpt__search input {\n        display: block;\n        width: 100%;\n        height: 47px;\n        padding: 0 15px 0 44px;\n        border: 1px solid rgba(25, 92, 67, 0.16);\n        border-radius: 12px;\n        outline: none;\n        background: var(--pk-white);\n        color: var(--pk-ink);\n        font: 600 0.8rem\/1.2 \"Manrope\", sans-serif;\n    }\n\n    .iptar-ppkpt__search input:focus {\n        border-color: var(--pk-green-600);\n        box-shadow: 0 0 0 4px rgba(47, 139, 103, 0.10);\n    }\n\n    .iptar-ppkpt__reset,\n    .iptar-ppkpt__doc-count {\n        display: inline-flex;\n        min-height: 43px;\n        align-items: center;\n        justify-content: center;\n        padding: 8px 14px;\n        border-radius: 11px;\n        font: 800 0.73rem\/1.2 \"Manrope\", sans-serif;\n        white-space: nowrap;\n    }\n\n    .iptar-ppkpt__reset {\n        border: 1px solid rgba(33, 114, 83, 0.22);\n        background: var(--pk-white);\n        color: var(--pk-green-700);\n        cursor: pointer;\n    }\n\n    .iptar-ppkpt__reset:hover {\n        background: var(--pk-mint-100);\n    }\n\n    .iptar-ppkpt__doc-count {\n        background: var(--pk-green-800);\n        color: var(--pk-white);\n    }\n\n    .iptar-ppkpt__document-grid {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 17px;\n    }\n\n    .iptar-ppkpt__document {\n        display: flex;\n        min-width: 0;\n        padding: 10px;\n        flex-direction: column;\n        border: 1px solid var(--pk-line);\n        border-radius: 19px;\n        background: var(--pk-white);\n        box-shadow: 0 11px 28px rgba(13, 56, 42, 0.06);\n        transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;\n    }\n\n    .iptar-ppkpt__document:hover {\n        border-color: rgba(47, 139, 103, 0.34);\n        box-shadow: 0 20px 43px rgba(13, 56, 42, 0.12);\n        transform: translateY(-6px);\n    }\n\n    .iptar-ppkpt__cover {\n        position: relative;\n        display: grid;\n        width: 100%;\n        aspect-ratio: 16 \/ 10;\n        overflow: hidden;\n        place-items: center;\n        border: 1px solid rgba(25, 92, 67, 0.11);\n        border-radius: 14px;\n        background:\n            radial-gradient(circle at 80% 18%, rgba(242, 201, 76, 0.28) 0 32px, transparent 33px),\n            linear-gradient(145deg, var(--pk-mint-50), var(--pk-mint-100));\n    }\n\n    .iptar-ppkpt__cover::after {\n        content: \"PPKPT\";\n        position: absolute;\n        right: 12px;\n        bottom: 7px;\n        color: rgba(25, 92, 67, 0.07);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: 2rem;\n        font-weight: 800;\n        letter-spacing: -0.06em;\n    }\n\n    .iptar-ppkpt__cover img {\n        position: relative;\n        z-index: 2;\n        display: block;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .iptar-ppkpt__cover-icon {\n        position: relative;\n        z-index: 1;\n        display: grid;\n        width: 59px;\n        height: 65px;\n        place-items: center;\n        border: 2px solid rgba(33, 114, 83, 0.23);\n        border-radius: 13px;\n        background: rgba(255, 255, 255, 0.74);\n        color: var(--pk-green-700);\n        box-shadow: 0 12px 26px rgba(13, 56, 42, 0.08);\n    }\n\n    .iptar-ppkpt__cover-icon svg {\n        width: 29px;\n        height: 29px;\n    }\n\n    .iptar-ppkpt__document-body {\n        display: flex;\n        min-height: 180px;\n        padding: 13px 4px 4px;\n        flex: 1;\n        flex-direction: column;\n    }\n\n    .iptar-ppkpt__document-category {\n        display: inline-flex;\n        width: fit-content;\n        margin-bottom: 9px;\n        padding: 5px 9px;\n        border-radius: 999px;\n        background: var(--pk-mint-100);\n        color: var(--pk-green-700);\n        font-size: 0.62rem;\n        font-weight: 800;\n        letter-spacing: 0.07em;\n        line-height: 1.2;\n        text-transform: uppercase;\n    }\n\n    .iptar-ppkpt__document h3 {\n        min-height: 47px;\n        margin: 0;\n        color: var(--pk-green-950);\n        font-family: \"Plus Jakarta Sans\", sans-serif;\n        font-size: 0.9rem;\n        font-weight: 800;\n        line-height: 1.5;\n    }\n\n    .iptar-ppkpt__document-meta {\n        margin-top: 6px;\n        color: #7c8d85;\n        font-size: 0.68rem;\n        font-weight: 600;\n        line-height: 1.45;\n    }\n\n    .iptar-ppkpt__document-actions {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 7px;\n        margin-top: auto;\n        padding-top: 14px;\n    }\n\n    .iptar-ppkpt__document-button {\n        display: inline-flex;\n        min-height: 37px;\n        align-items: center;\n        justify-content: center;\n        padding: 8px 10px;\n        border: 1px solid transparent;\n        border-radius: 10px;\n        font: 800 0.68rem\/1.2 \"Manrope\", sans-serif;\n        text-decoration: none;\n    }\n\n    .iptar-ppkpt__document-button--view {\n        background: var(--pk-green-700);\n        color: var(--pk-white);\n    }\n\n    .iptar-ppkpt__document-button--download {\n        border-color: rgba(33, 114, 83, 0.20);\n        background: var(--pk-white);\n        color: var(--pk-green-700);\n    }\n\n    .iptar-ppkpt__document-button.is-disabled {\n        border-color: rgba(25, 92, 67, 0.10);\n        background: #f3f7f5;\n        color: #99a69f;\n        cursor: not-allowed;\n        pointer-events: none;\n    }\n\n    .iptar-ppkpt__empty {\n        display: none;\n        padding: 50px 20px;\n        border: 1px dashed rgba(25, 92, 67, 0.24);\n        border-radius: 18px;\n        background: var(--pk-mint-50);\n        color: var(--pk-text);\n        text-align: center;\n    }\n\n    .iptar-ppkpt__empty strong {\n        display: block;\n        color: var(--pk-green-900);\n        font-size: 1rem;\n        font-weight: 800;\n    }\n\n    .iptar-ppkpt__empty span {\n        display: block;\n        margin-top: 5px;\n        font-size: 0.8rem;\n    }\n\n    \/* Animasi progresif *\/\n    .iptar-ppkpt .pk-reveal {\n        opacity: 1;\n        transform: none;\n    }\n\n    .iptar-ppkpt.is-js .pk-reveal {\n        opacity: 0;\n        transform: translateY(23px);\n        transition: opacity 0.68s ease, transform 0.68s ease;\n    }\n\n    .iptar-ppkpt.is-js .pk-reveal.is-visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    @media (max-width: 1040px) {\n        .iptar-ppkpt__scope-grid {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .iptar-ppkpt__channels {\n            grid-template-columns: 1fr;\n        }\n\n        .iptar-ppkpt__document-grid {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n    }\n\n    @media (max-width: 900px) {\n        .iptar-ppkpt__hero {\n            grid-template-columns: minmax(0, 1fr) minmax(270px, 350px);\n            gap: 35px;\n        }\n\n        .iptar-ppkpt__photo-card {\n            min-height: 445px;\n        }\n\n        .iptar-ppkpt__values {\n            grid-template-columns: 1fr;\n        }\n\n        .iptar-ppkpt__section-head {\n            grid-template-columns: 1fr;\n            gap: 14px;\n        }\n\n        .iptar-ppkpt__section-copy {\n            margin-left: 0;\n        }\n\n        .iptar-ppkpt__flow {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .iptar-ppkpt__step:nth-child(2)::after {\n            display: none;\n        }\n    }\n\n    @media (max-width: 760px) {\n        .iptar-ppkpt {\n            padding: 50px 0 68px;\n        }\n\n        .iptar-ppkpt__inner {\n            width: min(100% - 28px, 680px);\n        }\n\n        .iptar-ppkpt__hero {\n            grid-template-columns: 1fr;\n        }\n\n        .iptar-ppkpt__hero-content {\n            text-align: center;\n        }\n\n        .iptar-ppkpt__eyebrow {\n            margin-right: auto;\n            margin-left: auto;\n        }\n\n        .iptar-ppkpt__tagline {\n            justify-content: center;\n        }\n\n        .iptar-ppkpt__leader {\n            grid-row: 1;\n            width: min(100%, 400px);\n            margin: 0 auto;\n        }\n\n        .iptar-ppkpt__photo-card {\n            min-height: 490px;\n        }\n    }\n\n    @media (max-width: 570px) {\n        .iptar-ppkpt__inner {\n            width: calc(100% - 20px);\n        }\n\n        .iptar-ppkpt__title {\n            font-size: clamp(2.5rem, 17vw, 4rem);\n        }\n\n        .iptar-ppkpt__photo-card {\n            min-height: 450px;\n            border-radius: 25px;\n        }\n\n        .iptar-ppkpt__leader-info {\n            width: calc(100% - 24px);\n            margin-top: -62px;\n            padding: 20px 15px;\n        }\n\n        .iptar-ppkpt__scope-grid,\n        .iptar-ppkpt__flow,\n        .iptar-ppkpt__document-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .iptar-ppkpt__step:not(:last-child)::after {\n            top: auto;\n            right: 50%;\n            bottom: -25px;\n            content: \"\u2193\";\n            transform: translateX(50%);\n        }\n\n        .iptar-ppkpt__report,\n        .iptar-ppkpt__documents-panel {\n            padding: 24px 15px;\n            border-radius: 23px;\n        }\n\n        .iptar-ppkpt__document-tools {\n            grid-template-columns: 1fr;\n        }\n\n        .iptar-ppkpt__commitment {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .iptar-ppkpt *,\n        .iptar-ppkpt *::before,\n        .iptar-ppkpt *::after {\n            scroll-behavior: auto !important;\n            animation: none !important;\n            transition: none !important;\n        }\n\n        .iptar-ppkpt.is-js .pk-reveal {\n            opacity: 1;\n            transform: none;\n        }\n    }\n<\/style>\n\n<section class=\"iptar-ppkpt\" data-iptar-ppkpt aria-labelledby=\"iptar-ppkpt-title\">\n    <div class=\"iptar-ppkpt__inner\">\n        <div class=\"iptar-ppkpt__hero\">\n            <header class=\"iptar-ppkpt__hero-content pk-reveal\">\n                <p class=\"iptar-ppkpt__eyebrow\">Kampus Aman IPTAR<\/p>\n                <h1 class=\"iptar-ppkpt__title\" id=\"iptar-ppkpt-title\"><span>PPKPT<\/span> IPTAR<\/h1>\n                <h2 class=\"iptar-ppkpt__long-title\">Pencegahan dan Penanganan Kekerasan di Perguruan Tinggi<\/h2>\n                <p class=\"iptar-ppkpt__description\">\n                    <strong>PPKPT IPTAR<\/strong> merupakan bagian dari komitmen Institut Pendidikan dan Teknologi \u2019Aisyiyah Riau dalam menciptakan lingkungan perguruan tinggi yang aman, nyaman, inklusif, saling menghormati, dan bebas dari berbagai bentuk kekerasan. PPKPT melaksanakan upaya pencegahan, menerima pengaduan, memberikan pendampingan, melakukan penanganan sesuai kewenangan, serta membantu membangun budaya kampus yang menghargai martabat, keamanan, dan hak seluruh warga kampus.\n                <\/p>\n                <ul class=\"iptar-ppkpt__tagline\" aria-label=\"Nilai PPKPT\">\n                    <li>Aman<\/li><li>Peduli<\/li><li>Rahasia<\/li><li>Berkeadilan<\/li>\n                <\/ul>\n            <\/header>\n\n            <aside class=\"iptar-ppkpt__leader pk-reveal\" aria-label=\"Profil Ketua PPKPT IPTAR\">\n                <div class=\"iptar-ppkpt__photo-card\">\n                    <img\n                        class=\"iptar-ppkpt__photo\"\n                        src=\"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/09\/3-1.png\"\n                        alt=\"Sukasih, M.Kom., Ketua PPKPT IPTAR\"\n                        loading=\"eager\"\n                        decoding=\"async\">\n                <\/div>\n                <div class=\"iptar-ppkpt__leader-info\">\n                    <strong class=\"iptar-ppkpt__leader-name\">Sukasih, M.Kom.<\/strong>\n                    <span class=\"iptar-ppkpt__leader-role\">Ketua PPKPT IPTAR<\/span>\n                <\/div>\n            <\/aside>\n        <\/div>\n\n        <div class=\"iptar-ppkpt__values\" aria-label=\"Komitmen utama PPKPT\">\n            <article class=\"iptar-ppkpt__value pk-reveal\">\n                <span class=\"iptar-ppkpt__value-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg><\/span>\n                <div><strong>Aman<\/strong><span>Perlindungan bagi seluruh warga kampus<\/span><\/div>\n            <\/article>\n            <article class=\"iptar-ppkpt__value pk-reveal\">\n                <span class=\"iptar-ppkpt__value-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z\"><\/path><\/svg><\/span>\n                <div><strong>Didengar<\/strong><span>Setiap pengaduan diterima dan ditangani<\/span><\/div>\n            <\/article>\n            <article class=\"iptar-ppkpt__value pk-reveal\">\n                <span class=\"iptar-ppkpt__value-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"10\" width=\"14\" height=\"11\" rx=\"2\"><\/rect><path d=\"M8 10V7a4 4 0 0 1 8 0v3\"><\/path><\/svg><\/span>\n                <div><strong>Rahasia<\/strong><span>Privasi dan martabat para pihak dijaga<\/span><\/div>\n            <\/article>\n        <\/div>\n\n        <section class=\"iptar-ppkpt__section\" aria-labelledby=\"iptar-ppkpt-scope-title\">\n            <header class=\"iptar-ppkpt__section-head pk-reveal\">\n                <div><p class=\"iptar-ppkpt__kicker\">Pencegahan dan Perlindungan<\/p><h2 class=\"iptar-ppkpt__section-title\" id=\"iptar-ppkpt-scope-title\">Ruang Lingkup <span>PPKPT<\/span><\/h2><\/div>\n                <p class=\"iptar-ppkpt__section-copy\">Membangun lingkungan pendidikan yang aman, bermartabat, inklusif, serta bebas dari berbagai bentuk kekerasan.<\/p>\n            <\/header>\n\n            <div class=\"iptar-ppkpt__scope-grid\">\n                <article class=\"iptar-ppkpt__scope pk-reveal\"><span class=\"iptar-ppkpt__scope-number\">01<\/span><span class=\"iptar-ppkpt__scope-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z\"><\/path><\/svg><\/span><h3>Kekerasan Fisik<\/h3><p>Pencegahan dan penanganan tindakan yang menimbulkan atau berpotensi menimbulkan cedera fisik.<\/p><\/article>\n                <article class=\"iptar-ppkpt__scope pk-reveal\"><span class=\"iptar-ppkpt__scope-number\">02<\/span><span class=\"iptar-ppkpt__scope-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M9.5 3a4.5 4.5 0 0 0-2 8.5V14a3 3 0 0 0 3 3H12V7.5A4.5 4.5 0 0 0 9.5 3Z\"><\/path><path d=\"M14.5 3a4.5 4.5 0 0 1 2 8.5V14a3 3 0 0 1-3 3H12\"><\/path><\/svg><\/span><h3>Kekerasan Psikis<\/h3><p>Penanganan tindakan yang dapat menimbulkan rasa takut, tekanan, intimidasi, atau penderitaan psikologis.<\/p><\/article>\n                <article class=\"iptar-ppkpt__scope pk-reveal\"><span class=\"iptar-ppkpt__scope-number\">03<\/span><span class=\"iptar-ppkpt__scope-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle><path d=\"M4 21v-2a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v2\"><\/path><\/svg><\/span><h3>Kekerasan Seksual<\/h3><p>Pencegahan dan penanganan tindakan seksual yang dilakukan tanpa persetujuan atau merendahkan martabat korban.<\/p><\/article>\n                <article class=\"iptar-ppkpt__scope pk-reveal\"><span class=\"iptar-ppkpt__scope-number\">04<\/span><span class=\"iptar-ppkpt__scope-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z\"><\/path><\/svg><\/span><h3>Perundungan<\/h3><p>Pencegahan tindakan merendahkan, mengintimidasi, mengucilkan, atau menyakiti seseorang secara berulang.<\/p><\/article>\n                <article class=\"iptar-ppkpt__scope pk-reveal\"><span class=\"iptar-ppkpt__scope-number\">05<\/span><span class=\"iptar-ppkpt__scope-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><path d=\"M8 21h8M12 17v4\"><\/path><\/svg><\/span><h3>Kekerasan Digital<\/h3><p>Penanganan tindakan kekerasan, intimidasi, pelecehan, atau penyebaran konten melalui media digital.<\/p><\/article>\n                <article class=\"iptar-ppkpt__scope pk-reveal\"><span class=\"iptar-ppkpt__scope-number\">06<\/span><span class=\"iptar-ppkpt__scope-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg><\/span><h3>Perlindungan dan Pendampingan<\/h3><p>Mendukung perlindungan, keamanan, kerahasiaan, dan pendampingan bagi pihak yang membutuhkan.<\/p><\/article>\n            <\/div>\n        <\/section>\n\n        <section class=\"iptar-ppkpt__section iptar-ppkpt__report pk-reveal\" aria-labelledby=\"iptar-ppkpt-report-title\">\n            <header class=\"iptar-ppkpt__report-head\"><span>Butuh Bantuan?<\/span><h2 id=\"iptar-ppkpt-report-title\">Kanal Pengaduan PPKPT IPTAR<\/h2><p>Jika Anda mengalami, melihat, atau mengetahui dugaan kekerasan di lingkungan kampus, pengaduan dapat disampaikan melalui kanal resmi PPKPT IPTAR.<\/p><\/header>\n            <div class=\"iptar-ppkpt__channels\">\n                <span class=\"iptar-ppkpt__channel is-disabled\" aria-disabled=\"true\"><span class=\"iptar-ppkpt__channel-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z\"><\/path><path d=\"M14 2v6h6\"><\/path><\/svg><\/span><span><small>Pengaduan Online<\/small><strong>Formulir segera tersedia<\/strong><\/span><\/span>\n                <span class=\"iptar-ppkpt__channel is-disabled\" aria-disabled=\"true\"><span class=\"iptar-ppkpt__channel-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z\"><\/path><\/svg><\/span><span><small>Kontak PPKPT<\/small><strong>WhatsApp segera tersedia<\/strong><\/span><\/span>\n                <a class=\"iptar-ppkpt__channel\" href=\"mailto:campus@iptar.ac.id\"><span class=\"iptar-ppkpt__channel-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><path d=\"m3 7 9 6 9-6\"><\/path><\/svg><\/span><span><small>Email<\/small><strong>campus@iptar.ac.id<\/strong><\/span><\/a>\n            <\/div>\n        <\/section>\n\n        <section class=\"iptar-ppkpt__section\" aria-labelledby=\"iptar-ppkpt-flow-title\">\n            <header class=\"iptar-ppkpt__section-head pk-reveal\">\n                <div><p class=\"iptar-ppkpt__kicker\">Alur Penanganan<\/p><h2 class=\"iptar-ppkpt__section-title\" id=\"iptar-ppkpt-flow-title\">Bagaimana Pengaduan <span>Diproses?<\/span><\/h2><\/div>\n                <p class=\"iptar-ppkpt__section-copy\">Alur sederhana untuk membantu pelapor memahami tahapan penerimaan dan tindak lanjut pengaduan.<\/p>\n            <\/header>\n            <div class=\"iptar-ppkpt__flow\">\n                <article class=\"iptar-ppkpt__step pk-reveal\"><span class=\"iptar-ppkpt__step-number\">01<\/span><h3>Pengaduan<\/h3><p>Laporan disampaikan melalui kanal resmi PPKPT.<\/p><\/article>\n                <article class=\"iptar-ppkpt__step pk-reveal\"><span class=\"iptar-ppkpt__step-number\">02<\/span><h3>Verifikasi Awal<\/h3><p>Tim menerima dan memeriksa informasi awal laporan.<\/p><\/article>\n                <article class=\"iptar-ppkpt__step pk-reveal\"><span class=\"iptar-ppkpt__step-number\">03<\/span><h3>Pendampingan<\/h3><p>Kebutuhan perlindungan dan pendampingan ditindaklanjuti.<\/p><\/article>\n                <article class=\"iptar-ppkpt__step pk-reveal\"><span class=\"iptar-ppkpt__step-number\">04<\/span><h3>Penanganan<\/h3><p>Laporan ditangani sesuai mekanisme dan kewenangan.<\/p><\/article>\n            <\/div>\n\n            <aside class=\"iptar-ppkpt__commitment pk-reveal\">\n                <span class=\"iptar-ppkpt__commitment-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg><\/span>\n                <div><span>Komitmen PPKPT IPTAR<\/span><h2>Setiap Laporan Layak Didengar<\/h2><p>PPKPT berkomitmen memberikan ruang pengaduan yang aman dan menghormati kerahasiaan serta martabat pihak yang terlibat dalam proses penanganan.<\/p><\/div>\n            <\/aside>\n        <\/section>\n\n        <section class=\"iptar-ppkpt__section iptar-ppkpt__documents-panel\" aria-labelledby=\"iptar-ppkpt-doc-title\">\n            <header class=\"iptar-ppkpt__section-head pk-reveal\">\n                <div><p class=\"iptar-ppkpt__kicker\">Pusat Dokumentasi<\/p><h2 class=\"iptar-ppkpt__section-title\" id=\"iptar-ppkpt-doc-title\">Dokumen <span>PPKPT<\/span><\/h2><\/div>\n                <p class=\"iptar-ppkpt__section-copy\">Pedoman, surat keputusan, SOP, formulir, program kerja, dan dokumen kegiatan PPKPT IPTAR.<\/p>\n            <\/header>\n\n            <div class=\"iptar-ppkpt__document-tools\">\n                <label class=\"iptar-ppkpt__search\"><span style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;\">Cari dokumen PPKPT<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle><path d=\"m20 20-4-4\"><\/path><\/svg><input type=\"search\" data-ppkpt-search placeholder=\"Cari pedoman, SOP, SK, atau formulir...\" autocomplete=\"off\"><\/label>\n                <button class=\"iptar-ppkpt__reset\" type=\"button\" data-ppkpt-reset>Reset<\/button>\n                <span class=\"iptar-ppkpt__doc-count\" data-ppkpt-count aria-live=\"polite\">0 dokumen<\/span>\n            <\/div>\n\n            <div class=\"iptar-ppkpt__document-grid\" data-ppkpt-documents><\/div>\n            <div class=\"iptar-ppkpt__empty\" data-ppkpt-empty><strong>Dokumen tidak ditemukan<\/strong><span>Silakan gunakan kata kunci lainnya.<\/span><\/div>\n        <\/section>\n    <\/div>\n<\/section>\n\n<script>\n(function () {\n    \"use strict\";\n\n    const root = document.querySelector(\"[data-iptar-ppkpt]\");\n    if (!root) return;\n    root.classList.add(\"is-js\");\n\n    \/* Ganti fileId dan cover dengan data Google Drive yang sebenarnya. *\/\n    const documents = [\n        { title: \"Pedoman Pencegahan dan Penanganan Kekerasan\", category: \"Pedoman\", year: \"2026\", cover: \"\", fileId: \"GANTI_ID_FILE_1\" },\n        { title: \"Surat Keputusan Tim PPKPT IPTAR\", category: \"SK\", year: \"2026\", cover: \"\", fileId: \"GANTI_ID_FILE_2\" },\n        { title: \"SOP Pengaduan dan Penanganan\", category: \"SOP\", year: \"2026\", cover: \"\", fileId: \"GANTI_ID_FILE_3\" },\n        { title: \"Formulir Pengaduan PPKPT\", category: \"Formulir\", year: \"2026\", cover: \"\", fileId: \"GANTI_ID_FILE_4\" },\n        { title: \"Program Kerja PPKPT\", category: \"Program Kerja\", year: \"2026\", cover: \"\", fileId: \"GANTI_ID_FILE_5\" },\n        { title: \"Laporan Kegiatan Pencegahan Kekerasan\", category: \"Laporan\", year: \"2026\", cover: \"\", fileId: \"GANTI_ID_FILE_6\" }\n    ];\n\n    const grid = root.querySelector(\"[data-ppkpt-documents]\");\n    const search = root.querySelector(\"[data-ppkpt-search]\");\n    const reset = root.querySelector(\"[data-ppkpt-reset]\");\n    const count = root.querySelector(\"[data-ppkpt-count]\");\n    const empty = root.querySelector(\"[data-ppkpt-empty]\");\n\n    function escapeHtml(value) {\n        return String(value)\n            .replace(\/&\/g, \"&amp;\")\n            .replace(\/<\/g, \"&lt;\")\n            .replace(\/>\/g, \"&gt;\")\n            .replace(\/\"\/g, \"&quot;\")\n            .replace(\/'\/g, \"&#039;\");\n    }\n\n    function isValidDriveId(fileId) {\n        return typeof fileId === \"string\" && !fileId.includes(\"GANTI_ID\") && \/^[A-Za-z0-9_-]{10,}$\/.test(fileId);\n    }\n\n    function isValidCover(cover) {\n        return typeof cover === \"string\" && \/^https?:\\\/\\\/\/.test(cover) && !cover.includes(\"GANTI_ID\");\n    }\n\n    function previewUrl(fileId) {\n        return \"https:\/\/drive.google.com\/file\/d\/\" + encodeURIComponent(fileId) + \"\/view\";\n    }\n\n    function downloadUrl(fileId) {\n        return \"https:\/\/drive.google.com\/uc?export=download&id=\" + encodeURIComponent(fileId);\n    }\n\n    function fileIcon() {\n        return '<span class=\"iptar-ppkpt__cover-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z\"><\/path><path d=\"M14 2v6h6M8 13h8M8 17h6\"><\/path><\/svg><\/span>';\n    }\n\n    function actionButton(doc, type) {\n        const valid = isValidDriveId(doc.fileId);\n        const label = type === \"view\" ? \"Lihat\" : \"Unduh\";\n        const modifier = type === \"view\" ? \"iptar-ppkpt__document-button--view\" : \"iptar-ppkpt__document-button--download\";\n\n        if (!valid) return '<span class=\"iptar-ppkpt__document-button is-disabled\" aria-disabled=\"true\" title=\"ID Google Drive belum diisi\">' + label + '<\/span>';\n\n        const url = type === \"view\" ? previewUrl(doc.fileId) : downloadUrl(doc.fileId);\n        return '<a class=\"iptar-ppkpt__document-button ' + modifier + '\" href=\"' + url + '\" target=\"_blank\" rel=\"noopener noreferrer\">' + label + '<\/a>';\n    }\n\n    function createCard(doc) {\n        const card = document.createElement(\"article\");\n        card.className = \"iptar-ppkpt__document\";\n\n        const title = escapeHtml(doc.title);\n        const category = escapeHtml(doc.category);\n        const year = escapeHtml(doc.year);\n        const cover = isValidCover(doc.cover)\n            ? '<img decoding=\"async\" src=\"' + escapeHtml(doc.cover) + '\" alt=\"Sampul ' + title + '\" loading=\"lazy\">'\n            : fileIcon();\n\n        card.innerHTML =\n            '<div class=\"iptar-ppkpt__cover\">' + cover + '<\/div>' +\n            '<div class=\"iptar-ppkpt__document-body\">' +\n                '<span class=\"iptar-ppkpt__document-category\">' + category + '<\/span>' +\n                '<h3>' + title + '<\/h3>' +\n                '<div class=\"iptar-ppkpt__document-meta\">PDF &nbsp;\u2022&nbsp; ' + year + '<\/div>' +\n                '<div class=\"iptar-ppkpt__document-actions\">' + actionButton(doc, \"view\") + actionButton(doc, \"download\") + '<\/div>' +\n            '<\/div>';\n\n        return card;\n    }\n\n    function renderDocuments(items) {\n        grid.replaceChildren();\n        items.forEach(function (doc) {\n            grid.appendChild(createCard(doc));\n        });\n        count.textContent = items.length + \" dokumen\";\n        empty.style.display = items.length ? \"none\" : \"block\";\n    }\n\n    search.addEventListener(\"input\", function () {\n        const keyword = search.value.toLowerCase().trim();\n        const filtered = documents.filter(function (doc) {\n            return (doc.title + \" \" + doc.category + \" \" + doc.year).toLowerCase().includes(keyword);\n        });\n        renderDocuments(filtered);\n    });\n\n    reset.addEventListener(\"click\", function () {\n        search.value = \"\";\n        renderDocuments(documents);\n        search.focus();\n    });\n\n    const revealItems = root.querySelectorAll(\".pk-reveal\");\n    if (\"IntersectionObserver\" in window) {\n        const observer = new IntersectionObserver(function (entries) {\n            entries.forEach(function (entry) {\n                if (!entry.isIntersecting) return;\n                entry.target.classList.add(\"is-visible\");\n                observer.unobserve(entry.target);\n            });\n        }, { threshold: 0.1, rootMargin: \"0px 0px -35px 0px\" });\n\n        revealItems.forEach(function (item, index) {\n            item.style.transitionDelay = Math.min(index * 42, 250) + \"ms\";\n            observer.observe(item);\n        });\n    } else {\n        revealItems.forEach(function (item) { item.classList.add(\"is-visible\"); });\n    }\n\n    renderDocuments(documents);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kampus Aman IPTAR PPKPT IPTAR Pencegahan dan Penanganan Kekerasan di Perguruan Tinggi PPKPT IPTAR merupakan bagian dari komitmen Institut Pendidikan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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":""}},"footnotes":""},"class_list":["post-858","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=858"}],"version-history":[{"count":14,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/858\/revisions"}],"predecessor-version":[{"id":1327,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/858\/revisions\/1327"}],"wp:attachment":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}