{"id":875,"date":"2026-07-27T14:32:07","date_gmt":"2026-07-27T07:32:07","guid":{"rendered":"https:\/\/iptar.ac.id\/?page_id=875"},"modified":"2026-08-29T12:17:04","modified_gmt":"2026-08-29T05:17:04","slug":"himapekon","status":"publish","type":"page","link":"https:\/\/iptar.ac.id\/index.php\/himapekon\/","title":{"rendered":"HIMAPEKON"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"875\" class=\"elementor elementor-875\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0971783 e-con-full e-flex e-con e-parent\" data-id=\"0971783\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9803122 elementor-widget elementor-widget-html\" data-id=\"9803122\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     HALAMAN HIMA PENDIDIKAN EKONOMI IPTAR\n     Siap ditempel pada widget HTML Elementor\n     Tema: Kuning - Putih - Hijau\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=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\n\n<style>\n    \/* =========================================================\n       1. VARIABEL DAN RESET TERBATAS\n    ========================================================== *\/\n    .hima-pekon-page {\n        --hk-green-950: #0b3525;\n        --hk-green-900: #10472f;\n        --hk-green-800: #155d3c;\n        --hk-green-700: #1d754c;\n        --hk-green-600: #288b5d;\n        --hk-green-500: #45a879;\n        --hk-yellow-600: #e0ad16;\n        --hk-yellow-500: #f2c230;\n        --hk-yellow-400: #f7d55f;\n        --hk-yellow-300: #fae593;\n        --hk-yellow-100: #fff8d9;\n        --hk-cream: #fffdf5;\n        --hk-white: #ffffff;\n        --hk-ink: #213129;\n        --hk-muted: #66736c;\n        --hk-line: rgba(21, 93, 60, 0.13);\n        --hk-shadow-sm: 0 12px 30px rgba(11, 53, 37, 0.08);\n        --hk-shadow-md: 0 20px 50px rgba(11, 53, 37, 0.13);\n        --hk-shadow-lg: 0 30px 80px rgba(7, 42, 28, 0.2);\n\n        position: relative;\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n        overflow: hidden;\n        color: var(--hk-ink);\n        background: var(--hk-white);\n        font-family: \"DM Sans\", Arial, sans-serif;\n        line-height: 1.7;\n        isolation: isolate;\n    }\n\n    .hima-pekon-page,\n    .hima-pekon-page * {\n        box-sizing: border-box;\n    }\n\n    .hima-pekon-page h1,\n    .hima-pekon-page h2,\n    .hima-pekon-page h3,\n    .hima-pekon-page p {\n        margin-top: 0;\n    }\n\n    .hima-pekon-page a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .hima-pekon-page img {\n        display: block;\n        max-width: 100%;\n    }\n\n    .hk-container {\n        width: min(1240px, calc(100% - 40px));\n        margin-inline: auto;\n    }\n\n    .hk-anchor {\n        scroll-margin-top: 100px;\n    }\n\n    \/* =========================================================\n       2. HERO\n    ========================================================== *\/\n    .hk-hero {\n        position: relative;\n        min-height: 690px;\n        display: flex;\n        align-items: center;\n        padding: 90px 0 82px;\n        overflow: hidden;\n        color: var(--hk-white);\n        background:\n            radial-gradient(circle at 9% 13%, rgba(247, 213, 95, 0.25), transparent 28%),\n            radial-gradient(circle at 88% 85%, rgba(69, 168, 121, 0.25), transparent 32%),\n            linear-gradient(135deg, var(--hk-green-950) 0%, var(--hk-green-800) 54%, #227f52 100%);\n    }\n\n    .hk-hero::before {\n        content: \"\";\n        position: absolute;\n        width: 470px;\n        height: 470px;\n        top: -245px;\n        right: 4%;\n        border: 1px solid rgba(255, 255, 255, 0.13);\n        border-radius: 50%;\n        box-shadow:\n            0 0 0 55px rgba(255, 255, 255, 0.025),\n            0 0 0 110px rgba(255, 255, 255, 0.018);\n    }\n\n    .hk-hero::after {\n        content: \"\";\n        position: absolute;\n        width: 390px;\n        height: 390px;\n        bottom: -270px;\n        left: 4%;\n        border-radius: 50%;\n        background: rgba(242, 194, 48, 0.17);\n    }\n\n    .hk-pattern {\n        position: absolute;\n        inset: 0;\n        opacity: 0.43;\n        background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2) 1.4px, transparent 1.7px);\n        background-size: 27px 27px;\n        mask-image: linear-gradient(90deg, transparent, #000 22%, transparent 70%);\n        pointer-events: none;\n    }\n\n    .hk-hero-grid {\n        position: relative;\n        z-index: 2;\n        display: grid;\n        grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);\n        align-items: center;\n        gap: 70px;\n    }\n\n    .hk-kicker {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 22px;\n        padding: 9px 16px;\n        border: 1px solid rgba(255, 255, 255, 0.27);\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.1);\n        color: #fff7d7;\n        font-size: 12px;\n        font-weight: 800;\n        letter-spacing: 1.4px;\n        text-transform: uppercase;\n        backdrop-filter: blur(10px);\n    }\n\n    .hk-kicker-dot {\n        width: 9px;\n        height: 9px;\n        border-radius: 50%;\n        background: var(--hk-yellow-400);\n        box-shadow: 0 0 0 5px rgba(247, 213, 95, 0.15);\n    }\n\n    .hk-hero h1 {\n        max-width: 800px;\n        margin-bottom: 22px;\n        font-family: \"Manrope\", Arial, sans-serif;\n        font-size: clamp(43px, 5.4vw, 75px);\n        line-height: 1.08;\n        letter-spacing: -2px;\n        color: var(--hk-white);\n    }\n\n    .hk-hero h1 span {\n        color: var(--hk-yellow-400);\n    }\n\n    .hk-hero-lead {\n        max-width: 730px;\n        margin-bottom: 31px;\n        color: rgba(255, 255, 255, 0.82);\n        font-size: clamp(17px, 1.55vw, 21px);\n        line-height: 1.75;\n    }\n\n    .hk-hero-actions {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 13px;\n    }\n\n    .hk-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        min-height: 51px;\n        padding: 13px 22px;\n        border: 1px solid rgba(255, 255, 255, 0.3);\n        border-radius: 14px;\n        font-size: 14px;\n        font-weight: 800;\n        transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\n    }\n\n    .hk-button:hover {\n        transform: translateY(-3px);\n    }\n\n    .hk-button-primary {\n        color: var(--hk-green-950);\n        border-color: var(--hk-yellow-400);\n        background: var(--hk-yellow-400);\n        box-shadow: 0 14px 35px rgba(4, 30, 19, 0.25);\n    }\n\n    .hk-button-primary:hover {\n        background: #ffe475;\n        box-shadow: 0 18px 42px rgba(4, 30, 19, 0.32);\n    }\n\n    .hk-button-ghost {\n        color: var(--hk-white);\n        background: rgba(255, 255, 255, 0.09);\n        backdrop-filter: blur(10px);\n    }\n\n    .hk-button-ghost:hover {\n        background: rgba(255, 255, 255, 0.16);\n    }\n\n    .hk-logo-column {\n        display: flex;\n        justify-content: center;\n    }\n\n    .hk-logo-card {\n        position: relative;\n        width: min(100%, 390px);\n        padding: 28px;\n        border: 1px solid rgba(255, 255, 255, 0.24);\n        border-radius: 34px;\n        background: rgba(255, 255, 255, 0.11);\n        box-shadow: var(--hk-shadow-lg);\n        backdrop-filter: blur(14px);\n        transform: rotate(1.5deg);\n    }\n\n    .hk-logo-card::before {\n        content: \"\";\n        position: absolute;\n        width: 78px;\n        height: 78px;\n        top: -18px;\n        right: -18px;\n        border-radius: 23px;\n        background: var(--hk-yellow-500);\n        opacity: 0.95;\n        transform: rotate(18deg);\n        z-index: -1;\n    }\n\n    .hk-logo-frame {\n        display: grid;\n        place-items: center;\n        min-height: 310px;\n        padding: 24px;\n        border-radius: 25px;\n        background: var(--hk-white);\n        box-shadow: inset 0 0 0 1px rgba(21, 93, 60, 0.09);\n    }\n\n    .hk-logo-frame img {\n        width: min(100%, 285px);\n        max-height: 285px;\n        object-fit: contain;\n    }\n\n    .hk-logo-caption {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        margin: 18px 0 2px;\n        color: rgba(255, 255, 255, 0.85);\n        font-size: 12px;\n        font-weight: 800;\n        text-align: center;\n    }\n\n    \/* =========================================================\n       3. NAVIGASI CEPAT\n    ========================================================== *\/\n    .hk-quick-nav-wrap {\n        position: relative;\n        z-index: 5;\n        margin-top: -32px;\n    }\n\n    .hk-quick-nav {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 7px;\n        padding: 13px;\n        border: 1px solid var(--hk-line);\n        border-radius: 20px;\n        background: rgba(255, 255, 255, 0.96);\n        box-shadow: var(--hk-shadow-md);\n        backdrop-filter: blur(12px);\n    }\n\n    .hk-quick-nav a {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 10px 14px;\n        border-radius: 11px;\n        color: var(--hk-green-800);\n        font-size: 13px;\n        font-weight: 800;\n        transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;\n    }\n\n    .hk-quick-nav a:hover {\n        color: var(--hk-green-950);\n        background: var(--hk-yellow-400);\n        transform: translateY(-2px);\n    }\n\n    \/* =========================================================\n       4. BAGIAN UMUM\n    ========================================================== *\/\n    .hk-section {\n        position: relative;\n        padding: 96px 0;\n    }\n\n    .hk-section-white {\n        background: var(--hk-white);\n    }\n\n    .hk-section-soft {\n        background:\n            radial-gradient(circle at 92% 7%, rgba(242, 194, 48, 0.17), transparent 27%),\n            var(--hk-cream);\n    }\n\n    .hk-section-green {\n        overflow: hidden;\n        color: var(--hk-white);\n        background:\n            radial-gradient(circle at 12% 15%, rgba(247, 213, 95, 0.18), transparent 28%),\n            linear-gradient(135deg, var(--hk-green-950), var(--hk-green-800));\n    }\n\n    .hk-section-green::after {\n        content: \"\";\n        position: absolute;\n        width: 380px;\n        height: 380px;\n        right: -190px;\n        bottom: -230px;\n        border: 65px solid rgba(255, 255, 255, 0.04);\n        border-radius: 50%;\n    }\n\n    .hk-section-heading {\n        max-width: 800px;\n        margin: 0 auto 50px;\n        text-align: center;\n    }\n\n    .hk-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        margin-bottom: 13px;\n        color: var(--hk-green-700);\n        font-size: 12px;\n        font-weight: 800;\n        letter-spacing: 1.7px;\n        text-transform: uppercase;\n    }\n\n    .hk-eyebrow::before {\n        content: \"\";\n        width: 28px;\n        height: 3px;\n        border-radius: 999px;\n        background: linear-gradient(90deg, var(--hk-yellow-500), var(--hk-green-600));\n    }\n\n    .hk-section-green .hk-eyebrow {\n        color: var(--hk-yellow-300);\n    }\n\n    .hk-section-heading h2 {\n        margin-bottom: 17px;\n        color: var(--hk-green-950);\n        font-family: \"Manrope\", Arial, sans-serif;\n        font-size: clamp(33px, 4vw, 50px);\n        line-height: 1.18;\n        letter-spacing: -1.1px;\n    }\n\n    .hk-section-green .hk-section-heading h2 {\n        color: var(--hk-white);\n    }\n\n    .hk-section-heading p {\n        margin-bottom: 0;\n        color: var(--hk-muted);\n        font-size: 17px;\n        line-height: 1.8;\n    }\n\n    .hk-section-green .hk-section-heading p {\n        color: rgba(255, 255, 255, 0.75);\n    }\n\n    \/* =========================================================\n       5. PROFIL\n    ========================================================== *\/\n    .hk-profile-grid {\n        display: grid;\n        grid-template-columns: minmax(0, 1.2fr) minmax(310px, 0.8fr);\n        gap: 34px;\n        align-items: stretch;\n    }\n\n    .hk-profile-copy,\n    .hk-identity-card {\n        border: 1px solid var(--hk-line);\n        border-radius: 27px;\n        background: var(--hk-white);\n        box-shadow: var(--hk-shadow-sm);\n    }\n\n    .hk-profile-copy {\n        padding: clamp(28px, 4vw, 48px);\n    }\n\n    .hk-profile-copy p {\n        margin-bottom: 20px;\n        color: var(--hk-muted);\n        font-size: 16px;\n        line-height: 1.9;\n    }\n\n    .hk-profile-copy p:last-child {\n        margin-bottom: 0;\n    }\n\n    .hk-profile-copy strong {\n        color: var(--hk-green-800);\n    }\n\n    .hk-highlight {\n        display: flex;\n        gap: 15px;\n        margin-top: 28px;\n        padding: 20px;\n        border: 1px solid rgba(224, 173, 22, 0.25);\n        border-radius: 18px;\n        background: linear-gradient(135deg, var(--hk-yellow-100), #f1fbf5);\n    }\n\n    .hk-highlight-icon {\n        flex: 0 0 43px;\n        width: 43px;\n        height: 43px;\n        display: grid;\n        place-items: center;\n        border-radius: 13px;\n        color: var(--hk-green-950);\n        background: var(--hk-yellow-400);\n        box-shadow: 0 9px 20px rgba(224, 173, 22, 0.22);\n    }\n\n    .hk-highlight p {\n        margin: 0;\n        color: var(--hk-green-900);\n        font-size: 15px;\n        font-weight: 700;\n        line-height: 1.7;\n    }\n\n    .hk-identity-card {\n        position: relative;\n        overflow: hidden;\n        padding: 34px;\n        background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(255, 248, 217, 0.72));\n    }\n\n    .hk-identity-card::before {\n        content: \"\";\n        position: absolute;\n        width: 180px;\n        height: 180px;\n        top: -90px;\n        right: -65px;\n        border-radius: 50%;\n        background: rgba(247, 213, 95, 0.35);\n    }\n\n    .hk-identity-label {\n        position: relative;\n        margin-bottom: 22px;\n        color: var(--hk-green-800);\n        font-size: 13px;\n        font-weight: 800;\n        letter-spacing: 1.3px;\n        text-transform: uppercase;\n    }\n\n    .hk-identity-list {\n        position: relative;\n        display: grid;\n        gap: 15px;\n    }\n\n    .hk-identity-item {\n        display: grid;\n        grid-template-columns: 45px minmax(0, 1fr);\n        align-items: center;\n        gap: 13px;\n        padding: 15px;\n        border: 1px solid rgba(21, 93, 60, 0.1);\n        border-radius: 16px;\n        background: rgba(255, 255, 255, 0.82);\n    }\n\n    .hk-identity-icon {\n        width: 45px;\n        height: 45px;\n        display: grid;\n        place-items: center;\n        border-radius: 13px;\n        color: var(--hk-green-900);\n        background: var(--hk-yellow-100);\n    }\n\n    .hk-identity-item small {\n        display: block;\n        margin-bottom: 2px;\n        color: var(--hk-muted);\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.9px;\n        text-transform: uppercase;\n    }\n\n    .hk-identity-item strong {\n        display: block;\n        color: var(--hk-green-950);\n        font-size: 14px;\n        line-height: 1.4;\n    }\n\n    \/* =========================================================\n       6. ARAH GERAK DAN PILAR\n    ========================================================== *\/\n    .hk-direction-card {\n        position: relative;\n        max-width: 1040px;\n        margin: 0 auto 36px;\n        padding: clamp(30px, 5vw, 58px);\n        overflow: hidden;\n        border-radius: 31px;\n        color: var(--hk-white);\n        background: linear-gradient(135deg, var(--hk-green-900), var(--hk-green-600));\n        box-shadow: var(--hk-shadow-md);\n        text-align: center;\n    }\n\n    .hk-direction-card::before {\n        content: \"\\201C\";\n        position: absolute;\n        top: -30px;\n        left: 24px;\n        color: rgba(255, 255, 255, 0.08);\n        font-family: Georgia, serif;\n        font-size: 190px;\n        line-height: 1;\n    }\n\n    .hk-direction-card i {\n        margin-bottom: 18px;\n        color: var(--hk-yellow-400);\n        font-size: 30px;\n    }\n\n    .hk-direction-card h3 {\n        margin-bottom: 17px;\n        color: var(--hk-white);\n        font-family: \"Manrope\", Arial, sans-serif;\n        font-size: clamp(27px, 3vw, 38px);\n    }\n\n    .hk-direction-card p {\n        position: relative;\n        max-width: 850px;\n        margin: 0 auto;\n        color: rgba(255, 255, 255, 0.85);\n        font-size: clamp(17px, 2vw, 21px);\n        font-weight: 600;\n        line-height: 1.8;\n    }\n\n    .hk-pillar-grid {\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        gap: 18px;\n    }\n\n    .hk-pillar-card {\n        padding: 27px 23px;\n        border: 1px solid var(--hk-line);\n        border-radius: 22px;\n        background: var(--hk-white);\n        box-shadow: var(--hk-shadow-sm);\n        transition: transform 0.25s ease, box-shadow 0.25s ease;\n    }\n\n    .hk-pillar-card:hover {\n        transform: translateY(-7px);\n        box-shadow: var(--hk-shadow-md);\n    }\n\n    .hk-pillar-icon {\n        width: 55px;\n        height: 55px;\n        display: grid;\n        place-items: center;\n        margin-bottom: 20px;\n        border-radius: 17px;\n        color: var(--hk-white);\n        background: linear-gradient(145deg, var(--hk-green-600), var(--hk-green-900));\n        box-shadow: 0 12px 24px rgba(11, 53, 37, 0.2);\n        font-size: 21px;\n    }\n\n    .hk-pillar-card:nth-child(even) .hk-pillar-icon {\n        color: var(--hk-green-950);\n        background: linear-gradient(145deg, var(--hk-yellow-400), var(--hk-yellow-600));\n    }\n\n    .hk-pillar-card h3 {\n        margin-bottom: 9px;\n        color: var(--hk-green-950);\n        font-size: 19px;\n    }\n\n    .hk-pillar-card p {\n        margin-bottom: 0;\n        color: var(--hk-muted);\n        font-size: 14px;\n        line-height: 1.75;\n    }\n\n    \/* =========================================================\n       7. PERAN\n    ========================================================== *\/\n    .hk-role-grid {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 21px;\n    }\n\n    .hk-role-card {\n        display: grid;\n        grid-template-columns: 70px minmax(0, 1fr);\n        align-items: start;\n        gap: 22px;\n        padding: 29px;\n        border: 1px solid var(--hk-line);\n        border-radius: 23px;\n        background: var(--hk-white);\n        box-shadow: var(--hk-shadow-sm);\n        transition: transform 0.25s ease, border-color 0.25s ease;\n    }\n\n    .hk-role-card:hover {\n        transform: translateY(-5px);\n        border-color: rgba(224, 173, 22, 0.43);\n    }\n\n    .hk-role-number {\n        width: 70px;\n        height: 70px;\n        display: grid;\n        place-items: center;\n        border-radius: 21px;\n        color: var(--hk-green-950);\n        background: linear-gradient(145deg, var(--hk-yellow-100), var(--hk-yellow-300));\n        font-family: \"Manrope\", Arial, sans-serif;\n        font-size: 24px;\n        font-weight: 800;\n    }\n\n    .hk-role-card h3 {\n        margin-bottom: 8px;\n        color: var(--hk-green-950);\n        font-size: 20px;\n    }\n\n    .hk-role-card p {\n        margin: 0;\n        color: var(--hk-muted);\n        font-size: 14px;\n        line-height: 1.75;\n    }\n\n    \/* =========================================================\n       8. PROGRAM\n    ========================================================== *\/\n    .hk-program-grid {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 20px;\n    }\n\n    .hk-program-card {\n        display: flex;\n        flex-direction: column;\n        min-height: 285px;\n        padding: 28px;\n        border: 1px solid rgba(255, 255, 255, 0.14);\n        border-radius: 24px;\n        background: rgba(255, 255, 255, 0.075);\n        backdrop-filter: blur(9px);\n        transition: transform 0.25s ease, background 0.25s ease;\n    }\n\n    .hk-program-card:hover {\n        transform: translateY(-7px);\n        background: rgba(255, 255, 255, 0.12);\n    }\n\n    .hk-program-top {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 15px;\n        margin-bottom: 22px;\n    }\n\n    .hk-program-icon {\n        width: 54px;\n        height: 54px;\n        display: grid;\n        place-items: center;\n        border-radius: 17px;\n        color: var(--hk-green-950);\n        background: var(--hk-yellow-400);\n        font-size: 20px;\n    }\n\n    .hk-program-index {\n        color: rgba(255, 255, 255, 0.23);\n        font-size: 30px;\n        font-weight: 800;\n    }\n\n    .hk-program-card h3 {\n        margin-bottom: 10px;\n        color: var(--hk-white);\n        font-size: 20px;\n    }\n\n    .hk-program-card p {\n        margin-bottom: 20px;\n        color: rgba(255, 255, 255, 0.7);\n        font-size: 14px;\n        line-height: 1.75;\n    }\n\n    .hk-program-tag {\n        display: inline-flex;\n        align-items: center;\n        align-self: flex-start;\n        gap: 7px;\n        margin-top: auto;\n        padding: 7px 10px;\n        border-radius: 999px;\n        color: #fff8d9;\n        background: rgba(255, 255, 255, 0.1);\n        font-size: 11px;\n        font-weight: 800;\n    }\n\n    \/* =========================================================\n       9. RUANG TUMBUH\n    ========================================================== *\/\n    .hk-growth-grid {\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        gap: 19px;\n    }\n\n    .hk-growth-card {\n        position: relative;\n        padding: 28px 23px;\n        overflow: hidden;\n        border: 1px solid var(--hk-line);\n        border-radius: 22px;\n        background: var(--hk-white);\n        box-shadow: var(--hk-shadow-sm);\n        text-align: center;\n    }\n\n    .hk-growth-icon {\n        width: 62px;\n        height: 62px;\n        display: grid;\n        place-items: center;\n        margin: 0 auto 18px;\n        border-radius: 19px;\n        color: var(--hk-green-950);\n        background: var(--hk-yellow-100);\n        font-size: 23px;\n    }\n\n    .hk-growth-card:nth-child(even) .hk-growth-icon {\n        color: var(--hk-white);\n        background: var(--hk-green-700);\n    }\n\n    .hk-growth-card h3 {\n        margin-bottom: 8px;\n        color: var(--hk-green-950);\n        font-size: 18px;\n    }\n\n    .hk-growth-card p {\n        margin: 0;\n        color: var(--hk-muted);\n        font-size: 13px;\n        line-height: 1.7;\n    }\n\n    \/* =========================================================\n       10. KOLABORASI DAN CTA\n    ========================================================== *\/\n    .hk-collab-grid {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 18px;\n    }\n\n    .hk-collab-card {\n        padding: 28px;\n        border: 1px solid var(--hk-line);\n        border-radius: 22px;\n        background: var(--hk-white);\n        box-shadow: var(--hk-shadow-sm);\n        text-align: center;\n    }\n\n    .hk-collab-icon {\n        width: 61px;\n        height: 61px;\n        display: grid;\n        place-items: center;\n        margin: 0 auto 17px;\n        border-radius: 19px;\n        color: var(--hk-green-950);\n        background: var(--hk-yellow-100);\n        font-size: 23px;\n    }\n\n    .hk-collab-card:nth-child(2) .hk-collab-icon {\n        color: var(--hk-white);\n        background: var(--hk-green-700);\n    }\n\n    .hk-collab-card h3 {\n        margin-bottom: 8px;\n        color: var(--hk-green-950);\n        font-size: 19px;\n    }\n\n    .hk-collab-card p {\n        margin: 0;\n        color: var(--hk-muted);\n        font-size: 14px;\n        line-height: 1.7;\n    }\n\n    .hk-contact-wrap {\n        padding: 0 0 96px;\n        background: var(--hk-white);\n    }\n\n    .hk-contact {\n        position: relative;\n        padding: clamp(35px, 6vw, 70px);\n        overflow: hidden;\n        border-radius: 34px;\n        color: var(--hk-white);\n        background:\n            radial-gradient(circle at 94% 8%, rgba(247, 213, 95, 0.23), transparent 30%),\n            linear-gradient(135deg, var(--hk-green-950), var(--hk-green-700));\n        box-shadow: var(--hk-shadow-lg);\n        text-align: center;\n    }\n\n    .hk-contact::before {\n        content: \"\";\n        position: absolute;\n        width: 230px;\n        height: 230px;\n        left: -100px;\n        bottom: -140px;\n        border: 42px solid rgba(255, 255, 255, 0.05);\n        border-radius: 50%;\n    }\n\n    .hk-contact h2 {\n        position: relative;\n        margin-bottom: 16px;\n        color: var(--hk-white);\n        font-family: \"Manrope\", Arial, sans-serif;\n        font-size: clamp(32px, 4vw, 49px);\n        line-height: 1.18;\n    }\n\n    .hk-contact p {\n        position: relative;\n        max-width: 740px;\n        margin: 0 auto 28px;\n        color: rgba(255, 255, 255, 0.77);\n        font-size: 16px;\n    }\n\n    .hk-contact-actions {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 12px;\n    }\n\n    .hk-contact-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 9px;\n        min-height: 50px;\n        padding: 13px 21px;\n        border: 1px solid rgba(255, 255, 255, 0.28);\n        border-radius: 14px;\n        color: var(--hk-white);\n        background: rgba(255, 255, 255, 0.09);\n        font-size: 14px;\n        font-weight: 800;\n        transition: transform 0.25s ease, background 0.25s ease;\n    }\n\n    .hk-contact-button:hover {\n        transform: translateY(-3px);\n        background: rgba(255, 255, 255, 0.16);\n    }\n\n    .hk-contact-button.is-yellow {\n        color: var(--hk-green-950);\n        border-color: var(--hk-yellow-400);\n        background: var(--hk-yellow-400);\n    }\n\n    .hk-contact-button.is-yellow:hover {\n        background: #ffe475;\n    }\n\n    \/* =========================================================\n       11. TOAST\n    ========================================================== *\/\n    .hk-toast {\n        position: fixed;\n        z-index: 99999;\n        left: 50%;\n        bottom: 25px;\n        display: flex;\n        align-items: center;\n        gap: 11px;\n        width: min(92%, 530px);\n        padding: 15px 18px;\n        border: 1px solid rgba(255, 255, 255, 0.15);\n        border-radius: 15px;\n        color: var(--hk-white);\n        background: rgba(11, 53, 37, 0.97);\n        box-shadow: 0 18px 50px rgba(4, 30, 19, 0.35);\n        font-size: 13px;\n        line-height: 1.5;\n        opacity: 0;\n        visibility: hidden;\n        transform: translate(-50%, 25px);\n        transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;\n    }\n\n    .hk-toast.is-visible {\n        opacity: 1;\n        visibility: visible;\n        transform: translate(-50%, 0);\n    }\n\n    .hk-toast i {\n        color: var(--hk-yellow-400);\n        font-size: 18px;\n    }\n\n    \/* =========================================================\n       12. RESPONSIVE\n    ========================================================== *\/\n    @media (max-width: 1024px) {\n        .hk-hero {\n            min-height: auto;\n        }\n\n        .hk-hero-grid {\n            grid-template-columns: minmax(0, 1fr) 330px;\n            gap: 40px;\n        }\n\n        .hk-logo-frame {\n            min-height: 275px;\n        }\n\n        .hk-pillar-grid,\n        .hk-program-grid,\n        .hk-growth-grid {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n    }\n\n    @media (max-width: 820px) {\n        .hk-hero {\n            padding: 72px 0 82px;\n            text-align: center;\n        }\n\n        .hk-hero-grid,\n        .hk-profile-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .hk-hero-grid {\n            gap: 46px;\n        }\n\n        .hk-hero h1,\n        .hk-hero-lead {\n            margin-inline: auto;\n        }\n\n        .hk-hero-actions {\n            justify-content: center;\n        }\n\n        .hk-logo-card {\n            transform: none;\n        }\n\n        .hk-role-grid,\n        .hk-collab-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n\n    @media (max-width: 620px) {\n        .hk-container {\n            width: min(100% - 28px, 1240px);\n        }\n\n        .hk-hero {\n            padding-top: 58px;\n        }\n\n        .hk-hero h1 {\n            font-size: clamp(38px, 12vw, 53px);\n            letter-spacing: -1px;\n        }\n\n        .hk-hero-lead {\n            font-size: 16px;\n        }\n\n        .hk-button,\n        .hk-contact-button {\n            width: 100%;\n        }\n\n        .hk-logo-card {\n            padding: 20px;\n            border-radius: 27px;\n        }\n\n        .hk-logo-frame {\n            min-height: 255px;\n            border-radius: 21px;\n        }\n\n        .hk-quick-nav-wrap {\n            margin-top: -25px;\n        }\n\n        .hk-quick-nav {\n            justify-content: flex-start;\n            flex-wrap: nowrap;\n            overflow-x: auto;\n            scrollbar-width: none;\n        }\n\n        .hk-quick-nav::-webkit-scrollbar {\n            display: none;\n        }\n\n        .hk-quick-nav a {\n            flex: 0 0 auto;\n        }\n\n        .hk-section {\n            padding: 74px 0;\n        }\n\n        .hk-section-heading {\n            margin-bottom: 36px;\n        }\n\n        .hk-section-heading h2 {\n            font-size: 34px;\n        }\n\n        .hk-pillar-grid,\n        .hk-program-grid,\n        .hk-growth-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .hk-role-card {\n            grid-template-columns: 58px minmax(0, 1fr);\n            gap: 16px;\n            padding: 23px 20px;\n        }\n\n        .hk-role-number {\n            width: 58px;\n            height: 58px;\n            border-radius: 17px;\n            font-size: 20px;\n        }\n\n        .hk-program-card {\n            min-height: 255px;\n        }\n\n        .hk-contact-wrap {\n            padding-bottom: 74px;\n        }\n\n        .hk-contact {\n            border-radius: 27px;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .hima-pekon-page *,\n        .hima-pekon-page *::before,\n        .hima-pekon-page *::after {\n            scroll-behavior: auto !important;\n            transition-duration: 0.01ms !important;\n            animation-duration: 0.01ms !important;\n            animation-iteration-count: 1 !important;\n        }\n    }\n<\/style>\n\n<main class=\"hima-pekon-page\">\n    <!-- HERO -->\n    <header class=\"hk-hero\">\n        <div class=\"hk-pattern\" aria-hidden=\"true\"><\/div>\n        <div class=\"hk-container hk-hero-grid\">\n            <div>\n                <span class=\"hk-kicker\"><span class=\"hk-kicker-dot\"><\/span>Organisasi Mahasiswa Program Studi<\/span>\n                <h1>HIMA Pendidikan Ekonomi <span>IPTAR<\/span><\/h1>\n                <p class=\"hk-hero-lead\">Wadah mahasiswa untuk belajar, berorganisasi, mengembangkan wawasan ekonomi dan kependidikan, menumbuhkan jiwa kewirausahaan, serta menghadirkan karya yang bermanfaat.<\/p>\n                <div class=\"hk-hero-actions\">\n                    <a class=\"hk-button hk-button-primary\" href=\"#hk-profil\"><i class=\"fa-solid fa-arrow-down\" aria-hidden=\"true\"><\/i>Kenali HIMA PEKON<\/a>\n                    <a class=\"hk-button hk-button-ghost\" href=\"#hk-program\"><i class=\"fa-solid fa-lightbulb\" aria-hidden=\"true\"><\/i>Lihat Program Kegiatan<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"hk-logo-column\">\n                <div class=\"hk-logo-card\">\n                    <div class=\"hk-logo-frame\">\n                        <img src=\"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/08\/Logo-HIMA-Pendidikan-Ekonomi-IPTAR-HD.png\" alt=\"Logo HIMA Pendidikan Ekonomi IPTAR\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\">\n                    <\/div>\n                    <span class=\"hk-logo-caption\"><i class=\"fa-solid fa-certificate\" aria-hidden=\"true\"><\/i>Himpunan Mahasiswa Pendidikan Ekonomi IPTAR<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- NAVIGASI -->\n    <div class=\"hk-quick-nav-wrap\">\n        <nav class=\"hk-container hk-quick-nav\" aria-label=\"Navigasi halaman HIMA Pendidikan Ekonomi\">\n            <a href=\"#hk-profil\"><i class=\"fa-solid fa-house\" aria-hidden=\"true\"><\/i>Profil<\/a>\n            <a href=\"#hk-arah\"><i class=\"fa-solid fa-compass\" aria-hidden=\"true\"><\/i>Arah Gerak<\/a>\n            <a href=\"#hk-pilar\"><i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>Pilar<\/a>\n            <a href=\"#hk-peran\"><i class=\"fa-solid fa-people-group\" aria-hidden=\"true\"><\/i>Peran<\/a>\n            <a href=\"#hk-program\"><i class=\"fa-solid fa-list-check\" aria-hidden=\"true\"><\/i>Program<\/a>\n            <a href=\"#hk-tumbuh\"><i class=\"fa-solid fa-chart-line\" aria-hidden=\"true\"><\/i>Ruang Tumbuh<\/a>\n            <a href=\"#hk-kontak\"><i class=\"fa-solid fa-paper-plane\" aria-hidden=\"true\"><\/i>Kontak<\/a>\n        <\/nav>\n    <\/div>\n\n    <!-- PROFIL -->\n    <section id=\"hk-profil\" class=\"hk-section hk-section-white hk-anchor\">\n        <div class=\"hk-container\">\n            <div class=\"hk-section-heading\">\n                <span class=\"hk-eyebrow\">Mengenal Organisasi<\/span>\n                <h2>Tentang HIMA Pendidikan Ekonomi<\/h2>\n                <p>Organisasi mahasiswa tingkat program studi yang menjadi ruang aspirasi, pengembangan kompetensi, kepemimpinan, kreativitas, dan kebersamaan mahasiswa Pendidikan Ekonomi.<\/p>\n            <\/div>\n\n            <div class=\"hk-profile-grid\">\n                <article class=\"hk-profile-copy\">\n                    <p><strong>Himpunan Mahasiswa Pendidikan Ekonomi (HIMA PEKON) IPTAR<\/strong> merupakan wadah bagi mahasiswa Program Studi Pendidikan Ekonomi untuk belajar berorganisasi, menyampaikan aspirasi, mengembangkan potensi, dan mempererat hubungan antarmahasiswa di lingkungan program studi.<\/p>\n                    <p>HIMA PEKON mendorong mahasiswa untuk memperluas wawasan mengenai pendidikan, ekonomi, manajemen, akuntansi, bisnis, dan kewirausahaan melalui berbagai kegiatan akademik maupun nonakademik. Pengalaman berorganisasi juga menjadi sarana untuk melatih komunikasi, kepemimpinan, manajemen kegiatan, kerja sama, serta kemampuan memecahkan masalah.<\/p>\n                    <p>Sebagai bagian dari Institut Pendidikan dan Teknologi \u2018Aisyiyah Riau, HIMA Pendidikan Ekonomi menjadikan nilai Islam Berkemajuan, integritas, profesionalitas, kreativitas, dan kepedulian sosial sebagai dasar dalam bergerak dan berkarya.<\/p>\n\n                    <div class=\"hk-highlight\">\n                        <span class=\"hk-highlight-icon\"><i class=\"fa-solid fa-chart-column\" aria-hidden=\"true\"><\/i><\/span>\n                        <p>\u201cBelajar ekonomi, menginspirasi pendidikan, menumbuhkan kewirausahaan, dan bergerak bersama menghadirkan manfaat.\u201d<\/p>\n                    <\/div>\n                <\/article>\n\n                <aside class=\"hk-identity-card\">\n                    <div class=\"hk-identity-label\">Identitas Organisasi<\/div>\n                    <div class=\"hk-identity-list\">\n                        <div class=\"hk-identity-item\"><span class=\"hk-identity-icon\"><i class=\"fa-solid fa-building-columns\" aria-hidden=\"true\"><\/i><\/span><div><small>Institusi<\/small><strong>Institut Pendidikan dan Teknologi \u2018Aisyiyah Riau<\/strong><\/div><\/div>\n                        <div class=\"hk-identity-item\"><span class=\"hk-identity-icon\"><i class=\"fa-solid fa-graduation-cap\" aria-hidden=\"true\"><\/i><\/span><div><small>Program Studi<\/small><strong>Pendidikan Ekonomi<\/strong><\/div><\/div>\n                        <div class=\"hk-identity-item\"><span class=\"hk-identity-icon\"><i class=\"fa-solid fa-users\" aria-hidden=\"true\"><\/i><\/span><div><small>Ruang Gerak<\/small><strong>Akademik, organisasi, kewirausahaan, dan sosial<\/strong><\/div><\/div>\n                        <div class=\"hk-identity-item\"><span class=\"hk-identity-icon\"><i class=\"fa-solid fa-location-dot\" aria-hidden=\"true\"><\/i><\/span><div><small>Lingkungan<\/small><strong>Kampus IPTAR dan masyarakat<\/strong><\/div><\/div>\n                    <\/div>\n                <\/aside>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ARAH GERAK -->\n    <section id=\"hk-arah\" class=\"hk-section hk-section-soft hk-anchor\">\n        <div class=\"hk-container\">\n            <div class=\"hk-section-heading\">\n                <span class=\"hk-eyebrow\">Arah Gerak<\/span>\n                <h2>Cerdas Membaca Peluang, Aktif Menciptakan Perubahan<\/h2>\n                <p>Gerak organisasi diarahkan untuk memperkuat kompetensi mahasiswa sekaligus memberikan kontribusi positif bagi program studi, kampus, dan masyarakat.<\/p>\n            <\/div>\n\n            <article class=\"hk-direction-card\">\n                <i class=\"fa-solid fa-star\" aria-hidden=\"true\"><\/i>\n                <h3>Arah Gerak HIMA PEKON<\/h3>\n                <p>Menjadi wadah mahasiswa Pendidikan Ekonomi IPTAR yang aktif, kritis, inovatif, berjiwa pendidik, dan memiliki semangat kewirausahaan berdasarkan nilai-nilai Islam Berkemajuan.<\/p>\n            <\/article>\n\n            <div id=\"hk-pilar\" class=\"hk-pillar-grid hk-anchor\">\n                <article class=\"hk-pillar-card\"><span class=\"hk-pillar-icon\"><i class=\"fa-solid fa-book-open-reader\" aria-hidden=\"true\"><\/i><\/span><h3>Pendidikan<\/h3><p>Mengembangkan wawasan dan keterampilan mahasiswa sebagai calon pendidik ekonomi yang adaptif dan profesional.<\/p><\/article>\n                <article class=\"hk-pillar-card\"><span class=\"hk-pillar-icon\"><i class=\"fa-solid fa-coins\" aria-hidden=\"true\"><\/i><\/span><h3>Literasi Ekonomi<\/h3><p>Mendorong pemahaman ekonomi, keuangan, manajemen, dan bisnis yang relevan dengan kehidupan serta dunia kerja.<\/p><\/article>\n                <article class=\"hk-pillar-card\"><span class=\"hk-pillar-icon\"><i class=\"fa-solid fa-store\" aria-hidden=\"true\"><\/i><\/span><h3>Kewirausahaan<\/h3><p>Menumbuhkan keberanian berinovasi, membaca peluang, merancang usaha, dan menghasilkan karya bernilai ekonomi.<\/p><\/article>\n                <article class=\"hk-pillar-card\"><span class=\"hk-pillar-icon\"><i class=\"fa-solid fa-handshake\" aria-hidden=\"true\"><\/i><\/span><h3>Kolaborasi<\/h3><p>Membangun jejaring dan kerja sama yang sehat dengan sivitas kampus, alumni, sekolah, komunitas, dan mitra.<\/p><\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- PERAN -->\n    <section id=\"hk-peran\" class=\"hk-section hk-section-white hk-anchor\">\n        <div class=\"hk-container\">\n            <div class=\"hk-section-heading\">\n                <span class=\"hk-eyebrow\">Peran Organisasi<\/span>\n                <h2>Apa yang Dilakukan HIMA PEKON?<\/h2>\n                <p>HIMA hadir sebagai penggerak kegiatan mahasiswa sekaligus mitra program studi dalam membangun lingkungan akademik yang aktif, terbuka, dan produktif.<\/p>\n            <\/div>\n\n            <div class=\"hk-role-grid\">\n                <article class=\"hk-role-card\"><span class=\"hk-role-number\">01<\/span><div><h3>Wadah Aspirasi Mahasiswa<\/h3><p>Menghimpun, menyampaikan, dan mengawal aspirasi mahasiswa melalui komunikasi yang santun, terbuka, serta bertanggung jawab.<\/p><\/div><\/article>\n                <article class=\"hk-role-card\"><span class=\"hk-role-number\">02<\/span><div><h3>Pengembangan Kompetensi<\/h3><p>Menghadirkan kegiatan yang memperkuat kemampuan kependidikan, ekonomi, kewirausahaan, kepemimpinan, dan komunikasi.<\/p><\/div><\/article>\n                <article class=\"hk-role-card\"><span class=\"hk-role-number\">03<\/span><div><h3>Ruang Minat dan Bakat<\/h3><p>Memberikan kesempatan kepada mahasiswa untuk mengekspresikan kreativitas, prestasi, seni, olahraga, literasi, dan media.<\/p><\/div><\/article>\n                <article class=\"hk-role-card\"><span class=\"hk-role-number\">04<\/span><div><h3>Jembatan Kolaborasi<\/h3><p>Membangun hubungan positif antara mahasiswa, dosen, program studi, organisasi kampus, alumni, sekolah, dan dunia usaha.<\/p><\/div><\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- PROGRAM -->\n    <section id=\"hk-program\" class=\"hk-section hk-section-green hk-anchor\">\n        <div class=\"hk-container\">\n            <div class=\"hk-section-heading\">\n                <span class=\"hk-eyebrow\">Program dan Agenda<\/span>\n                <h2>Belajar Lebih Luas, Berkarya Lebih Nyata<\/h2>\n                <p>Program HIMA PEKON dikembangkan untuk melengkapi pengalaman perkuliahan melalui kegiatan akademik, organisasi, kewirausahaan, dan sosial.<\/p>\n            <\/div>\n\n            <div class=\"hk-program-grid\">\n                <article class=\"hk-program-card\"><div class=\"hk-program-top\"><span class=\"hk-program-icon\"><i class=\"fa-solid fa-comments-dollar\" aria-hidden=\"true\"><\/i><\/span><span class=\"hk-program-index\">01<\/span><\/div><h3>Forum Akademik Ekonomi<\/h3><p>Diskusi, seminar, bedah isu, kelas berbagi, dan literasi yang memperluas pemahaman ekonomi serta pendidikan.<\/p><span class=\"hk-program-tag\"><i class=\"fa-solid fa-circle\" aria-hidden=\"true\"><\/i>Wawasan akademik<\/span><\/article>\n                <article class=\"hk-program-card\"><div class=\"hk-program-top\"><span class=\"hk-program-icon\"><i class=\"fa-solid fa-person-chalkboard\" aria-hidden=\"true\"><\/i><\/span><span class=\"hk-program-index\">02<\/span><\/div><h3>Kompetensi Calon Pendidik<\/h3><p>Pelatihan media pembelajaran, public speaking, microteaching, penyusunan perangkat, dan inovasi pembelajaran ekonomi.<\/p><span class=\"hk-program-tag\"><i class=\"fa-solid fa-circle\" aria-hidden=\"true\"><\/i>Kesiapan profesi<\/span><\/article>\n                <article class=\"hk-program-card\"><div class=\"hk-program-top\"><span class=\"hk-program-icon\"><i class=\"fa-solid fa-shop\" aria-hidden=\"true\"><\/i><\/span><span class=\"hk-program-index\">03<\/span><\/div><h3>Bisnis dan Kewirausahaan<\/h3><p>Bazar, kelas bisnis, pengembangan produk, pemasaran digital, pengelolaan usaha, dan praktik kewirausahaan mahasiswa.<\/p><span class=\"hk-program-tag\"><i class=\"fa-solid fa-circle\" aria-hidden=\"true\"><\/i>Student entrepreneur<\/span><\/article>\n                <article class=\"hk-program-card\"><div class=\"hk-program-top\"><span class=\"hk-program-icon\"><i class=\"fa-solid fa-wallet\" aria-hidden=\"true\"><\/i><\/span><span class=\"hk-program-index\">04<\/span><\/div><h3>Literasi Keuangan<\/h3><p>Edukasi pengelolaan keuangan, investasi dasar, perbankan, akuntansi sederhana, serta kampanye cerdas finansial.<\/p><span class=\"hk-program-tag\"><i class=\"fa-solid fa-circle\" aria-hidden=\"true\"><\/i>Cakap finansial<\/span><\/article>\n                <article class=\"hk-program-card\"><div class=\"hk-program-top\"><span class=\"hk-program-icon\"><i class=\"fa-solid fa-users-gear\" aria-hidden=\"true\"><\/i><\/span><span class=\"hk-program-index\">05<\/span><\/div><h3>Kaderisasi dan Kepemimpinan<\/h3><p>Pengenalan organisasi, latihan kepemimpinan, manajemen kegiatan, kerja tim, dan regenerasi kepengurusan.<\/p><span class=\"hk-program-tag\"><i class=\"fa-solid fa-circle\" aria-hidden=\"true\"><\/i>Regenerasi<\/span><\/article>\n                <article class=\"hk-program-card\"><div class=\"hk-program-top\"><span class=\"hk-program-icon\"><i class=\"fa-solid fa-hand-holding-heart\" aria-hidden=\"true\"><\/i><\/span><span class=\"hk-program-index\">06<\/span><\/div><h3>Sosial, Media, dan Kemitraan<\/h3><p>Pengabdian, publikasi kegiatan, konten edukatif, dokumentasi, kunjungan, serta kolaborasi dengan berbagai mitra.<\/p><span class=\"hk-program-tag\"><i class=\"fa-solid fa-circle\" aria-hidden=\"true\"><\/i>Dampak dan jejaring<\/span><\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- RUANG TUMBUH -->\n    <section id=\"hk-tumbuh\" class=\"hk-section hk-section-white hk-anchor\">\n        <div class=\"hk-container\">\n            <div class=\"hk-section-heading\">\n                <span class=\"hk-eyebrow\">Ruang Tumbuh Mahasiswa<\/span>\n                <h2>Kompetensi untuk Masa Depan<\/h2>\n                <p>Pengalaman di HIMA PEKON membantu mahasiswa bertumbuh sebagai calon pendidik, profesional, wirausahawan, dan pemimpin muda.<\/p>\n            <\/div>\n\n            <div class=\"hk-growth-grid\">\n                <article class=\"hk-growth-card\"><span class=\"hk-growth-icon\"><i class=\"fa-solid fa-chalkboard-user\" aria-hidden=\"true\"><\/i><\/span><h3>Calon Pendidik<\/h3><p>Mengembangkan komunikasi, kreativitas mengajar, literasi digital, dan kemampuan mengelola pembelajaran.<\/p><\/article>\n                <article class=\"hk-growth-card\"><span class=\"hk-growth-icon\"><i class=\"fa-solid fa-briefcase\" aria-hidden=\"true\"><\/i><\/span><h3>Profesional Ekonomi<\/h3><p>Memperluas wawasan bisnis, manajemen, keuangan, administrasi, dan kesiapan menghadapi dunia kerja.<\/p><\/article>\n                <article class=\"hk-growth-card\"><span class=\"hk-growth-icon\"><i class=\"fa-solid fa-rocket\" aria-hidden=\"true\"><\/i><\/span><h3>Wirausahawan<\/h3><p>Melatih keberanian membaca peluang, mengembangkan ide, membangun produk, dan memasarkan usaha.<\/p><\/article>\n                <article class=\"hk-growth-card\"><span class=\"hk-growth-icon\"><i class=\"fa-solid fa-user-tie\" aria-hidden=\"true\"><\/i><\/span><h3>Pemimpin Muda<\/h3><p>Menguatkan tanggung jawab, integritas, kerja sama, pengambilan keputusan, dan manajemen organisasi.<\/p><\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- KOLABORASI -->\n    <section class=\"hk-section hk-section-soft\">\n        <div class=\"hk-container\">\n            <div class=\"hk-section-heading\">\n                <span class=\"hk-eyebrow\">Kolaborasi<\/span>\n                <h2>Berjejaring untuk Menciptakan Peluang<\/h2>\n                <p>HIMA Pendidikan Ekonomi terbuka untuk kolaborasi yang mendukung pengembangan mahasiswa, pendidikan, ekonomi, dan kewirausahaan.<\/p>\n            <\/div>\n\n            <div class=\"hk-collab-grid\">\n                <article class=\"hk-collab-card\"><span class=\"hk-collab-icon\"><i class=\"fa-solid fa-building-columns\" aria-hidden=\"true\"><\/i><\/span><h3>Internal Kampus<\/h3><p>Program studi, dosen, BEM, HIMA lintas program studi, lembaga kampus, dan unit kegiatan mahasiswa.<\/p><\/article>\n                <article class=\"hk-collab-card\"><span class=\"hk-collab-icon\"><i class=\"fa-solid fa-school\" aria-hidden=\"true\"><\/i><\/span><h3>Mitra Pendidikan<\/h3><p>Sekolah, guru, alumni, organisasi profesi, komunitas pendidikan, dan perguruan tinggi.<\/p><\/article>\n                <article class=\"hk-collab-card\"><span class=\"hk-collab-icon\"><i class=\"fa-solid fa-people-group\" aria-hidden=\"true\"><\/i><\/span><h3>Dunia Usaha dan Masyarakat<\/h3><p>UMKM, lembaga keuangan, komunitas bisnis, organisasi sosial, pemerintah, dan mitra lainnya.<\/p><\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- KONTAK -->\n    <div class=\"hk-contact-wrap\">\n        <section id=\"hk-kontak\" class=\"hk-container hk-contact hk-anchor\">\n            <h2>Temukan Ruangmu di HIMA PEKON<\/h2>\n            <p>Kenali kegiatannya, sampaikan aspirasi dan ide, bergabung dalam kepanitiaan, atau bangun kolaborasi bersama HIMA Pendidikan Ekonomi IPTAR.<\/p>\n            <div class=\"hk-contact-actions\">\n                <!-- GANTI href=\"#\" DENGAN LINK PENDAFTARAN \/ FORM MINAT -->\n                <a class=\"hk-contact-button is-yellow hk-placeholder-link\" href=\"#\"><i class=\"fa-solid fa-user-plus\" aria-hidden=\"true\"><\/i>Kenali dan Bergabung<\/a>\n                <!-- GANTI href=\"#\" DENGAN LINK INSTAGRAM HIMA PEKON -->\n                <a class=\"hk-contact-button hk-placeholder-link\" href=\"#\"><i class=\"fa-brands fa-instagram\" aria-hidden=\"true\"><\/i>Instagram HIMA<\/a>\n                <a class=\"hk-contact-button\" href=\"https:\/\/iptar.ac.id\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-solid fa-globe\" aria-hidden=\"true\"><\/i>Website IPTAR<\/a>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <div class=\"hk-toast\" role=\"status\" aria-live=\"polite\">\n        <i class=\"fa-solid fa-link-slash\" aria-hidden=\"true\"><\/i>\n        <span>Tautan belum ditambahkan. Ganti <strong>href=\"#\"<\/strong> dengan link pendaftaran atau Instagram resmi HIMA Pendidikan Ekonomi.<\/span>\n    <\/div>\n<\/main>\n\n<script>\n    (function () {\n        \"use strict\";\n\n        var page = document.querySelector(\".hima-pekon-page\");\n        if (!page) return;\n\n        var toast = page.querySelector(\".hk-toast\");\n        var toastTimer;\n\n        page.querySelectorAll(\".hk-placeholder-link\").forEach(function (link) {\n            link.addEventListener(\"click\", function (event) {\n                event.preventDefault();\n                if (!toast) return;\n\n                toast.classList.add(\"is-visible\");\n                window.clearTimeout(toastTimer);\n                toastTimer = window.setTimeout(function () {\n                    toast.classList.remove(\"is-visible\");\n                }, 3600);\n            });\n        });\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>Organisasi Mahasiswa Program Studi HIMA Pendidikan Ekonomi IPTAR Wadah mahasiswa untuk belajar, berorganisasi, mengembangkan wawasan ekonomi dan kependidikan, menumbuhkan jiwa [&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-875","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.4 (Yoast SEO v28.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>HIMAPEKON - Institut Pendidikan dan Teknologi &#039;Aisyiyah riau<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/iptar.ac.id\/index.php\/himapekon\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HIMAPEKON\" \/>\n<meta property=\"og:description\" content=\"Organisasi Mahasiswa Program Studi HIMA Pendidikan Ekonomi IPTAR Wadah mahasiswa untuk belajar, berorganisasi, mengembangkan wawasan ekonomi dan kependidikan, menumbuhkan jiwa [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/iptar.ac.id\/index.php\/himapekon\/\" \/>\n<meta property=\"og:site_name\" content=\"Institut Pendidikan dan Teknologi &#039;Aisyiyah riau\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-29T05:17:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/08\/Logo-HIMA-Pendidikan-Ekonomi-IPTAR-HD.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/himapekon\\\/\",\"url\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/himapekon\\\/\",\"name\":\"HIMAPEKON - Institut Pendidikan dan Teknologi &#039;Aisyiyah riau\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/himapekon\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/himapekon\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/iptar.ac.id\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Logo-HIMA-Pendidikan-Ekonomi-IPTAR-HD.png\",\"datePublished\":\"2026-07-27T07:32:07+00:00\",\"dateModified\":\"2026-08-29T05:17:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/himapekon\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/himapekon\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/himapekon\\\/#primaryimage\",\"url\":\"https:\\\/\\\/iptar.ac.id\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Logo-HIMA-Pendidikan-Ekonomi-IPTAR-HD.png\",\"contentUrl\":\"https:\\\/\\\/iptar.ac.id\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Logo-HIMA-Pendidikan-Ekonomi-IPTAR-HD.png\",\"width\":2048,\"height\":2048},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/himapekon\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/iptar.ac.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HIMAPEKON\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#website\",\"url\":\"https:\\\/\\\/iptar.ac.id\\\/\",\"name\":\"Institut Pendidikan dan Teknologi 'Aisyiyah riau\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/iptar.ac.id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#organization\",\"name\":\"Institut Pendidikan dan Teknologi 'Aisyiyah riau\",\"url\":\"https:\\\/\\\/iptar.ac.id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/iptar.ac.id\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-iptar-bandage-1-scaled-1.png\",\"contentUrl\":\"https:\\\/\\\/iptar.ac.id\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-iptar-bandage-1-scaled-1.png\",\"width\":2560,\"height\":890,\"caption\":\"Institut Pendidikan dan Teknologi 'Aisyiyah riau\"},\"image\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HIMAPEKON - Institut Pendidikan dan Teknologi &#039;Aisyiyah riau","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/iptar.ac.id\/index.php\/himapekon\/","og_locale":"en_US","og_type":"article","og_title":"HIMAPEKON","og_description":"Organisasi Mahasiswa Program Studi HIMA Pendidikan Ekonomi IPTAR Wadah mahasiswa untuk belajar, berorganisasi, mengembangkan wawasan ekonomi dan kependidikan, menumbuhkan jiwa [&hellip;]","og_url":"https:\/\/iptar.ac.id\/index.php\/himapekon\/","og_site_name":"Institut Pendidikan dan Teknologi &#039;Aisyiyah riau","article_modified_time":"2026-08-29T05:17:04+00:00","og_image":[{"url":"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/08\/Logo-HIMA-Pendidikan-Ekonomi-IPTAR-HD.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/iptar.ac.id\/index.php\/himapekon\/","url":"https:\/\/iptar.ac.id\/index.php\/himapekon\/","name":"HIMAPEKON - Institut Pendidikan dan Teknologi &#039;Aisyiyah riau","isPartOf":{"@id":"https:\/\/iptar.ac.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/iptar.ac.id\/index.php\/himapekon\/#primaryimage"},"image":{"@id":"https:\/\/iptar.ac.id\/index.php\/himapekon\/#primaryimage"},"thumbnailUrl":"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/08\/Logo-HIMA-Pendidikan-Ekonomi-IPTAR-HD.png","datePublished":"2026-07-27T07:32:07+00:00","dateModified":"2026-08-29T05:17:04+00:00","breadcrumb":{"@id":"https:\/\/iptar.ac.id\/index.php\/himapekon\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/iptar.ac.id\/index.php\/himapekon\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/iptar.ac.id\/index.php\/himapekon\/#primaryimage","url":"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/08\/Logo-HIMA-Pendidikan-Ekonomi-IPTAR-HD.png","contentUrl":"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/08\/Logo-HIMA-Pendidikan-Ekonomi-IPTAR-HD.png","width":2048,"height":2048},{"@type":"BreadcrumbList","@id":"https:\/\/iptar.ac.id\/index.php\/himapekon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/iptar.ac.id\/"},{"@type":"ListItem","position":2,"name":"HIMAPEKON"}]},{"@type":"WebSite","@id":"https:\/\/iptar.ac.id\/#website","url":"https:\/\/iptar.ac.id\/","name":"Institut Pendidikan dan Teknologi 'Aisyiyah riau","description":"","publisher":{"@id":"https:\/\/iptar.ac.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/iptar.ac.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/iptar.ac.id\/#organization","name":"Institut Pendidikan dan Teknologi 'Aisyiyah riau","url":"https:\/\/iptar.ac.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/iptar.ac.id\/#\/schema\/logo\/image\/","url":"https:\/\/iptar.ac.id\/wp-content\/uploads\/2025\/11\/cropped-iptar-bandage-1-scaled-1.png","contentUrl":"https:\/\/iptar.ac.id\/wp-content\/uploads\/2025\/11\/cropped-iptar-bandage-1-scaled-1.png","width":2560,"height":890,"caption":"Institut Pendidikan dan Teknologi 'Aisyiyah riau"},"image":{"@id":"https:\/\/iptar.ac.id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/875","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=875"}],"version-history":[{"count":5,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/875\/revisions"}],"predecessor-version":[{"id":1242,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/875\/revisions\/1242"}],"wp:attachment":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}