{"id":15,"date":"2025-11-10T18:20:02","date_gmt":"2025-11-10T11:20:02","guid":{"rendered":"https:\/\/iptar.ac.id\/?page_id=15"},"modified":"2026-08-28T23:01:58","modified_gmt":"2026-08-28T16:01:58","slug":"bem","status":"publish","type":"page","link":"https:\/\/iptar.ac.id\/index.php\/bem\/","title":{"rendered":"BEM"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4ca71c e-con-full e-flex e-con e-parent\" data-id=\"e4ca71c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7c3caa elementor-widget elementor-widget-html\" data-id=\"e7c3caa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HALAMAN BEM IPTAR - FULL WIDTH UNTUK ELEMENTOR -->\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=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n    .bem-iptar,\n    .bem-iptar * {\n        box-sizing: border-box;\n    }\n\n    .bem-iptar {\n        --bem-green: #17834f;\n        --bem-green-dark: #0f6038;\n        --bem-green-deep: #083d25;\n        --bem-green-light: #dff3e8;\n        --bem-gold: #e5b934;\n        --bem-gold-dark: #bd8f0e;\n        --bem-gold-light: #fff2bf;\n        --bem-white: #ffffff;\n        --bem-soft: #f7fbf8;\n        --bem-text: #243b30;\n        --bem-muted: #62756b;\n        --bem-border: #d8e7de;\n\n        position: relative;\n        width: 100vw;\n        width: 100dvw;\n        max-width: 100vw;\n        max-width: 100dvw;\n        margin-right: calc(50% - 50vw);\n        margin-right: calc(50% - 50dvw);\n        margin-left: calc(50% - 50vw);\n        margin-left: calc(50% - 50dvw);\n        overflow: hidden;\n        isolation: isolate;\n        background:\n            radial-gradient(circle at 6% 7%, rgba(229, 185, 52, 0.18), transparent 24%),\n            radial-gradient(circle at 95% 92%, rgba(23, 131, 79, 0.15), transparent 27%),\n            linear-gradient(180deg, #fbfdfb 0%, #f2f8f4 100%);\n        color: var(--bem-text);\n        font-family: 'Plus Jakarta Sans', Arial, sans-serif;\n        line-height: 1.75;\n    }\n\n    .bem-iptar::before,\n    .bem-iptar::after {\n        position: absolute;\n        z-index: -1;\n        border: 1px solid rgba(23, 131, 79, 0.11);\n        border-radius: 50%;\n        content: '';\n    }\n\n    .bem-iptar::before {\n        top: 410px;\n        left: -185px;\n        width: 340px;\n        height: 340px;\n    }\n\n    .bem-iptar::after {\n        right: -160px;\n        bottom: 310px;\n        width: 300px;\n        height: 300px;\n    }\n\n    .bem-inner {\n        width: min(1240px, calc(100% - 48px));\n        margin: 0 auto;\n        padding: 56px 0 70px;\n    }\n\n    .bem-anchor {\n        scroll-margin-top: 90px;\n    }\n\n    \/* Hero *\/\n    .bem-hero {\n        position: relative;\n        width: 100%;\n        margin: 0 auto 24px;\n        padding: 64px 64px 96px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.25);\n        border-radius: 30px;\n        background: linear-gradient(135deg, #073c24 0%, #0f6038 48%, #17834f 100%);\n        box-shadow: 0 22px 54px rgba(8, 61, 37, 0.25);\n        color: #ffffff;\n        text-align: left;\n    }\n\n    .bem-hero::before,\n    .bem-hero::after {\n        position: absolute;\n        border-radius: 50%;\n        content: '';\n    }\n\n    .bem-hero::before {\n        top: -120px;\n        right: -65px;\n        width: 320px;\n        height: 320px;\n        background: rgba(255, 255, 255, 0.065);\n    }\n\n    .bem-hero::after {\n        bottom: -175px;\n        left: -95px;\n        width: 390px;\n        height: 390px;\n        background: rgba(229, 185, 52, 0.15);\n    }\n\n    .bem-hero-accent {\n        position: absolute;\n        z-index: 0;\n        right: 10%;\n        bottom: 0;\n        width: 200px;\n        height: 6px;\n        border-radius: 999px 999px 0 0;\n        background: var(--bem-gold);\n    }\n\n    .bem-hero-content {\n        position: relative;\n        z-index: 1;\n        display: grid;\n        grid-template-columns: minmax(0, 1.4fr) minmax(250px, 0.6fr);\n        gap: 54px;\n        align-items: center;\n        width: 100%;\n    }\n\n    .bem-hero-copy {\n        min-width: 0;\n    }\n\n    .bem-logo-panel {\n        position: relative;\n        z-index: 1;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 13px;\n    }\n\n    .bem-logo-frame {\n        position: relative;\n        display: flex;\n        width: min(100%, 270px);\n        aspect-ratio: 1 \/ 1;\n        align-items: center;\n        justify-content: center;\n        padding: 20px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.62);\n        border-radius: 30px;\n        background: rgba(255, 255, 255, 0.96);\n        box-shadow: 0 22px 46px rgba(2, 35, 19, 0.25);\n        backdrop-filter: blur(10px);\n    }\n\n    .bem-logo-frame::before {\n        position: absolute;\n        inset: 10px;\n        border: 1px solid rgba(23, 131, 79, 0.11);\n        border-radius: 22px;\n        content: '';\n        pointer-events: none;\n    }\n\n    .bem-logo-frame img {\n        position: relative;\n        z-index: 1;\n        display: block;\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        filter: drop-shadow(0 8px 14px rgba(8, 61, 37, 0.13));\n    }\n\n    .bem-logo-caption {\n        color: rgba(255, 255, 255, 0.82);\n        font-size: 0.72rem;\n        font-weight: 700;\n        letter-spacing: 0.08em;\n        line-height: 1.4;\n        text-align: center;\n        text-transform: uppercase;\n    }\n\n    .bem-eyebrow,\n    .bem-hero h1,\n    .bem-hero h2,\n    .bem-hero p {\n        position: relative;\n        z-index: 1;\n    }\n\n    .bem-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        margin-bottom: 19px;\n        padding: 8px 18px;\n        border: 1px solid rgba(255, 255, 255, 0.22);\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.11);\n        color: #ffffff;\n        font-size: 0.78rem;\n        font-weight: 700;\n        letter-spacing: 0.09em;\n        text-transform: uppercase;\n        backdrop-filter: blur(8px);\n    }\n\n    .bem-eyebrow i {\n        color: #f2cf68;\n    }\n\n    .bem-hero h1 {\n        margin: 0 0 7px;\n        color: #ffffff;\n        font-size: clamp(3rem, 6vw, 5.8rem);\n        font-weight: 800;\n        letter-spacing: -0.055em;\n        line-height: 1;\n    }\n\n    .bem-hero h2 {\n        max-width: 760px;\n        margin: 0 0 20px;\n        color: #f7dc88;\n        font-size: clamp(1.05rem, 2vw, 1.45rem);\n        font-weight: 700;\n        letter-spacing: 0.02em;\n        line-height: 1.5;\n    }\n\n    .bem-hero p {\n        max-width: 760px;\n        margin: 0;\n        color: rgba(255, 255, 255, 0.9);\n        font-size: clamp(1rem, 1.5vw, 1.12rem);\n        font-weight: 500;\n        line-height: 1.85;\n        text-align: left;\n    }\n\n    \/* Navigasi cepat *\/\n    .bem-nav {\n        position: relative;\n        z-index: 3;\n        display: grid;\n        grid-template-columns: repeat(6, minmax(0, 1fr));\n        gap: 9px;\n        width: min(1120px, calc(100% - 48px));\n        margin: -63px auto 40px;\n        padding: 11px;\n        border: 1px solid var(--bem-border);\n        border-radius: 19px;\n        background: rgba(255, 255, 255, 0.96);\n        box-shadow: 0 15px 36px rgba(8, 61, 37, 0.12);\n        backdrop-filter: blur(10px);\n    }\n\n    .bem-nav a {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 7px;\n        min-height: 46px;\n        padding: 10px 8px;\n        border-radius: 12px;\n        color: var(--bem-green-dark);\n        font-size: 0.76rem;\n        font-weight: 750;\n        line-height: 1.3;\n        text-align: center;\n        text-decoration: none;\n        transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;\n    }\n\n    .bem-nav a:hover {\n        transform: translateY(-2px);\n        background: var(--bem-green-light);\n        color: var(--bem-green-deep);\n    }\n\n    .bem-nav i {\n        color: var(--bem-green);\n    }\n\n    \/* Card dasar *\/\n    .bem-section {\n        width: 100%;\n        margin: 0 auto 28px;\n        padding: 40px;\n        border: 1px solid var(--bem-border);\n        border-radius: 24px;\n        background: rgba(255, 255, 255, 0.95);\n        box-shadow: 0 11px 34px rgba(24, 70, 45, 0.065);\n    }\n\n    .bem-section-heading {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        margin: 0 0 26px;\n        padding-bottom: 17px;\n        border-bottom: 1px solid var(--bem-border);\n    }\n\n    .bem-section-icon {\n        display: inline-flex;\n        flex: 0 0 50px;\n        align-items: center;\n        justify-content: center;\n        width: 50px;\n        height: 50px;\n        border-radius: 15px;\n        background: var(--bem-green-light);\n        color: var(--bem-green-dark);\n        font-size: 1.16rem;\n    }\n\n    .bem-section-heading span {\n        display: block;\n        margin-bottom: 2px;\n        color: var(--bem-green);\n        font-size: 0.72rem;\n        font-weight: 800;\n        letter-spacing: 0.12em;\n        line-height: 1.4;\n        text-transform: uppercase;\n    }\n\n    .bem-section-heading h2 {\n        margin: 0;\n        color: var(--bem-green-deep);\n        font-size: clamp(1.35rem, 2.2vw, 1.7rem);\n        font-weight: 800;\n        line-height: 1.35;\n    }\n\n    .bem-section > p {\n        margin: 0 0 16px;\n        color: var(--bem-muted);\n        font-size: 1rem;\n        line-height: 1.85;\n        text-align: justify;\n    }\n\n    .bem-section > p:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* Profil dan peran singkat *\/\n    .bem-profile-layout {\n        display: grid;\n        grid-template-columns: minmax(0, 1.6fr) minmax(310px, 0.8fr);\n        gap: 25px;\n        align-items: stretch;\n    }\n\n    .bem-profile-copy {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .bem-profile-copy p {\n        margin: 0 0 16px;\n        color: var(--bem-muted);\n        font-size: 1rem;\n        line-height: 1.85;\n        text-align: justify;\n    }\n\n    .bem-profile-copy p:last-child {\n        margin-bottom: 0;\n    }\n\n    .bem-profile-highlight {\n        position: relative;\n        display: flex;\n        min-height: 310px;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding: 32px 27px;\n        overflow: hidden;\n        border: 1px solid #e5d58e;\n        border-radius: 21px;\n        background: linear-gradient(145deg, #fff9e1 0%, #f7e7a7 100%);\n        text-align: center;\n    }\n\n    .bem-profile-highlight::before,\n    .bem-profile-highlight::after {\n        position: absolute;\n        border-radius: 50%;\n        content: '';\n    }\n\n    .bem-profile-highlight::before {\n        top: -55px;\n        right: -45px;\n        width: 150px;\n        height: 150px;\n        background: rgba(229, 185, 52, 0.18);\n    }\n\n    .bem-profile-highlight::after {\n        bottom: -70px;\n        left: -40px;\n        width: 170px;\n        height: 170px;\n        border: 1px solid rgba(23, 131, 79, 0.14);\n    }\n\n    .bem-profile-highlight i,\n    .bem-profile-highlight small,\n    .bem-profile-highlight strong,\n    .bem-profile-highlight p {\n        position: relative;\n        z-index: 1;\n    }\n\n    .bem-profile-highlight i {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 62px;\n        height: 62px;\n        margin-bottom: 16px;\n        border-radius: 18px;\n        background: var(--bem-green);\n        box-shadow: 0 10px 22px rgba(23, 131, 79, 0.21);\n        color: #ffffff;\n        font-size: 1.4rem;\n    }\n\n    .bem-profile-highlight small {\n        color: #7b631d;\n        font-size: 0.72rem;\n        font-weight: 800;\n        letter-spacing: 0.11em;\n        text-transform: uppercase;\n    }\n\n    .bem-profile-highlight strong {\n        display: block;\n        margin: 7px 0 8px;\n        color: var(--bem-green-deep);\n        font-size: clamp(1.5rem, 3vw, 2.1rem);\n        font-weight: 800;\n        line-height: 1.25;\n    }\n\n    .bem-profile-highlight p {\n        margin: 0;\n        color: #5f6248;\n        font-size: 0.88rem;\n        font-weight: 650;\n        line-height: 1.65;\n        text-align: center;\n    }\n\n    \/* Transformasi *\/\n    .bem-transform {\n        position: relative;\n        display: grid;\n        grid-template-columns: minmax(0, 1fr) 82px minmax(0, 1fr);\n        gap: 16px;\n        align-items: stretch;\n    }\n\n    .bem-era {\n        position: relative;\n        min-height: 270px;\n        padding: 29px;\n        overflow: hidden;\n        border: 1px solid var(--bem-border);\n        border-radius: 19px;\n        background: linear-gradient(145deg, #ffffff 0%, #f7fbf8 100%);\n    }\n\n    .bem-era.is-current {\n        border-color: #b8d8c6;\n        background: linear-gradient(145deg, #eff9f3 0%, #ffffff 100%);\n    }\n\n    .bem-era::after {\n        position: absolute;\n        right: -35px;\n        bottom: -45px;\n        width: 125px;\n        height: 125px;\n        border-radius: 50%;\n        background: rgba(23, 131, 79, 0.07);\n        content: '';\n    }\n\n    .bem-era-label {\n        position: relative;\n        z-index: 1;\n        display: inline-flex;\n        align-items: center;\n        gap: 7px;\n        margin-bottom: 15px;\n        padding: 7px 11px;\n        border-radius: 999px;\n        background: var(--bem-gold-light);\n        color: #785b0b;\n        font-size: 0.7rem;\n        font-weight: 800;\n        line-height: 1.35;\n        text-transform: uppercase;\n    }\n\n    .bem-era.is-current .bem-era-label {\n        background: var(--bem-green-light);\n        color: var(--bem-green-dark);\n    }\n\n    .bem-era h3 {\n        position: relative;\n        z-index: 1;\n        margin: 0 0 11px;\n        color: var(--bem-green-deep);\n        font-size: 1.15rem;\n        font-weight: 800;\n        line-height: 1.45;\n    }\n\n    .bem-era p {\n        position: relative;\n        z-index: 1;\n        margin: 0;\n        color: var(--bem-muted);\n        font-size: 0.9rem;\n        line-height: 1.75;\n        text-align: left;\n    }\n\n    .bem-transform-arrow {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 9px;\n        color: var(--bem-green);\n    }\n\n    .bem-transform-arrow i {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 52px;\n        height: 52px;\n        border-radius: 16px;\n        background: var(--bem-green-light);\n        font-size: 1.15rem;\n    }\n\n    .bem-transform-arrow span {\n        color: var(--bem-green-dark);\n        font-size: 0.66rem;\n        font-weight: 800;\n        letter-spacing: 0.08em;\n        line-height: 1.3;\n        text-align: center;\n        text-transform: uppercase;\n    }\n\n    \/* Arah gerak *\/\n    .bem-direction-statement {\n        position: relative;\n        margin-bottom: 23px;\n        padding: 40px 44px 40px 116px;\n        overflow: hidden;\n        border: 1px solid #d8dba8;\n        border-radius: 20px;\n        background: linear-gradient(135deg, #fff7d5 0%, #ffffff 52%, #e7f5ed 100%);\n    }\n\n    .bem-direction-statement::after {\n        position: absolute;\n        right: -55px;\n        bottom: -75px;\n        width: 200px;\n        height: 200px;\n        border-radius: 50%;\n        background: rgba(23, 131, 79, 0.07);\n        content: '';\n    }\n\n    .bem-direction-icon {\n        position: absolute;\n        top: 40px;\n        left: 40px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 54px;\n        height: 54px;\n        border-radius: 17px;\n        background: var(--bem-green);\n        box-shadow: 0 10px 22px rgba(23, 131, 79, 0.2);\n        color: #ffffff;\n        font-size: 1.25rem;\n    }\n\n    .bem-direction-statement p {\n        position: relative;\n        z-index: 1;\n        margin: 0;\n        color: var(--bem-green-dark);\n        font-size: clamp(1.05rem, 1.8vw, 1.25rem);\n        font-weight: 700;\n        line-height: 1.85;\n        text-align: left;\n    }\n\n    .bem-grid-2,\n    .bem-grid-3,\n    .bem-grid-4,\n    .bem-grid-5 {\n        display: grid;\n        gap: 18px;\n        width: 100%;\n    }\n\n    .bem-grid-2 {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .bem-grid-3 {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .bem-grid-4 {\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n\n    .bem-grid-5 {\n        grid-template-columns: repeat(5, minmax(0, 1fr));\n    }\n\n    .bem-focus {\n        position: relative;\n        display: flex;\n        min-height: 145px;\n        align-items: flex-start;\n        gap: 15px;\n        padding: 22px;\n        overflow: hidden;\n        border: 1px solid var(--bem-border);\n        border-radius: 16px;\n        background: linear-gradient(145deg, #ffffff 0%, #f8fbf9 100%);\n    }\n\n    .bem-focus::after {\n        position: absolute;\n        right: -25px;\n        bottom: -32px;\n        width: 90px;\n        height: 90px;\n        border-radius: 50%;\n        background: rgba(229, 185, 52, 0.1);\n        content: '';\n    }\n\n    .bem-number {\n        position: relative;\n        z-index: 1;\n        display: inline-flex;\n        flex: 0 0 42px;\n        align-items: center;\n        justify-content: center;\n        width: 42px;\n        height: 42px;\n        border-radius: 13px;\n        background: var(--bem-green-light);\n        color: var(--bem-green-dark);\n        font-size: 0.84rem;\n        font-weight: 800;\n    }\n\n    .bem-focus p {\n        position: relative;\n        z-index: 1;\n        margin: 0;\n        color: var(--bem-muted);\n        font-size: 0.88rem;\n        line-height: 1.72;\n        text-align: left;\n    }\n\n    \/* Fungsi, nilai, program *\/\n    .bem-feature,\n    .bem-program {\n        position: relative;\n        min-height: 220px;\n        padding: 25px;\n        overflow: hidden;\n        border: 1px solid var(--bem-border);\n        border-radius: 17px;\n        background: linear-gradient(145deg, #ffffff 0%, #f7fbf8 100%);\n        transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n    }\n\n    .bem-feature::after,\n    .bem-program::after {\n        position: absolute;\n        right: -32px;\n        bottom: -40px;\n        width: 110px;\n        height: 110px;\n        border-radius: 50%;\n        background: rgba(23, 131, 79, 0.075);\n        content: '';\n    }\n\n    .bem-feature:hover,\n    .bem-program:hover {\n        transform: translateY(-4px);\n        border-color: #b7d8c5;\n        box-shadow: 0 14px 28px rgba(24, 70, 45, 0.1);\n    }\n\n    .bem-feature i,\n    .bem-program i {\n        position: relative;\n        z-index: 1;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 52px;\n        height: 52px;\n        margin-bottom: 16px;\n        border-radius: 16px;\n        background: var(--bem-green-light);\n        color: var(--bem-green-dark);\n        font-size: 1.16rem;\n    }\n\n    .bem-program i {\n        background: var(--bem-gold-light);\n        color: #7f610c;\n    }\n\n    .bem-feature h3,\n    .bem-program h3 {\n        position: relative;\n        z-index: 1;\n        margin: 0 0 8px;\n        color: var(--bem-green-deep);\n        font-size: 1rem;\n        font-weight: 800;\n        line-height: 1.45;\n    }\n\n    .bem-feature p,\n    .bem-program p {\n        position: relative;\n        z-index: 1;\n        margin: 0;\n        color: var(--bem-muted);\n        font-size: 0.87rem;\n        line-height: 1.7;\n        text-align: left;\n    }\n\n    .bem-value {\n        display: flex;\n        min-height: 150px;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 11px;\n        padding: 20px 13px;\n        border: 1px solid var(--bem-border);\n        border-radius: 16px;\n        background: #ffffff;\n        text-align: center;\n    }\n\n    .bem-value i {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 46px;\n        height: 46px;\n        border-radius: 14px;\n        background: var(--bem-green-light);\n        color: var(--bem-green-dark);\n        font-size: 1rem;\n    }\n\n    .bem-value strong {\n        color: var(--bem-green-deep);\n        font-size: 0.86rem;\n        font-weight: 800;\n        line-height: 1.4;\n    }\n\n    \/* Alur aspirasi *\/\n    .bem-flow {\n        position: relative;\n        display: grid;\n        grid-template-columns: repeat(5, minmax(0, 1fr));\n        gap: 14px;\n    }\n\n    .bem-flow::before {\n        position: absolute;\n        z-index: 0;\n        top: 39px;\n        right: 9%;\n        left: 9%;\n        height: 2px;\n        background: linear-gradient(90deg, var(--bem-gold), var(--bem-green));\n        content: '';\n    }\n\n    .bem-flow-step {\n        position: relative;\n        z-index: 1;\n        padding: 20px 14px;\n        border: 1px solid var(--bem-border);\n        border-radius: 16px;\n        background: #ffffff;\n        text-align: center;\n    }\n\n    .bem-flow-step span {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 40px;\n        height: 40px;\n        margin-bottom: 13px;\n        border: 4px solid #ffffff;\n        border-radius: 50%;\n        background: var(--bem-green);\n        box-shadow: 0 0 0 2px #b9d9c7;\n        color: #ffffff;\n        font-size: 0.78rem;\n        font-weight: 800;\n    }\n\n    .bem-flow-step h3 {\n        margin: 0 0 6px;\n        color: var(--bem-green-deep);\n        font-size: 0.85rem;\n        font-weight: 800;\n        line-height: 1.4;\n    }\n\n    .bem-flow-step p {\n        margin: 0;\n        color: var(--bem-muted);\n        font-size: 0.72rem;\n        line-height: 1.55;\n        text-align: center;\n    }\n\n    .bem-aspiration-note {\n        display: flex;\n        align-items: flex-start;\n        gap: 11px;\n        margin-top: 20px;\n        padding: 17px 19px;\n        border: 1px solid #e6d898;\n        border-radius: 14px;\n        background: #fff9e5;\n        color: #665b32;\n        font-size: 0.84rem;\n        font-weight: 650;\n        line-height: 1.65;\n    }\n\n    .bem-aspiration-note i {\n        margin-top: 4px;\n        color: var(--bem-gold-dark);\n    }\n\n    \/* Kolaborasi *\/\n    .bem-collaboration {\n        min-height: 250px;\n        padding: 29px;\n        border: 1px solid var(--bem-border);\n        border-radius: 19px;\n        background: linear-gradient(145deg, #ffffff 0%, #f7fbf8 100%);\n    }\n\n    .bem-collaboration i {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 52px;\n        height: 52px;\n        margin-bottom: 15px;\n        border-radius: 16px;\n        background: var(--bem-green-light);\n        color: var(--bem-green-dark);\n        font-size: 1.15rem;\n    }\n\n    .bem-collaboration h3 {\n        margin: 0 0 12px;\n        color: var(--bem-green-deep);\n        font-size: 1.05rem;\n        font-weight: 800;\n    }\n\n    .bem-collaboration ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .bem-collaboration li {\n        position: relative;\n        margin-bottom: 9px;\n        padding-left: 22px;\n        color: var(--bem-muted);\n        font-size: 0.87rem;\n        line-height: 1.65;\n    }\n\n    .bem-collaboration li:last-child {\n        margin-bottom: 0;\n    }\n\n    .bem-collaboration li::before {\n        position: absolute;\n        top: 8px;\n        left: 0;\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: var(--bem-gold);\n        content: '';\n    }\n\n    \/* Kontak *\/\n    .bem-contact {\n        position: relative;\n        width: 100%;\n        margin-top: 30px;\n        padding: 50px 48px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.22);\n        border-radius: 24px;\n        background: linear-gradient(135deg, #083d25 0%, #0f6038 56%, #17834f 100%);\n        box-shadow: 0 18px 44px rgba(8, 61, 37, 0.2);\n        color: #ffffff;\n        text-align: center;\n    }\n\n    .bem-contact::before {\n        position: absolute;\n        right: -70px;\n        bottom: -100px;\n        width: 260px;\n        height: 260px;\n        border-radius: 50%;\n        background: rgba(229, 185, 52, 0.13);\n        content: '';\n    }\n\n    .bem-contact h2,\n    .bem-contact p,\n    .bem-contact-actions {\n        position: relative;\n        z-index: 1;\n    }\n\n    .bem-contact h2 {\n        margin: 0 0 12px;\n        color: #ffffff;\n        font-size: clamp(1.55rem, 3vw, 2.15rem);\n        font-weight: 800;\n        line-height: 1.35;\n    }\n\n    .bem-contact p {\n        max-width: 760px;\n        margin: 0 auto 24px;\n        color: rgba(255, 255, 255, 0.86);\n        font-size: 0.98rem;\n        line-height: 1.8;\n        text-align: center;\n    }\n\n    .bem-contact-actions {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 12px;\n    }\n\n    .bem-contact-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 9px;\n        min-height: 48px;\n        padding: 12px 18px;\n        border: 1px solid rgba(255, 255, 255, 0.25);\n        border-radius: 13px;\n        background: #ffffff;\n        color: var(--bem-green-dark);\n        font-size: 0.82rem;\n        font-weight: 800;\n        line-height: 1.4;\n        text-decoration: none;\n        transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .bem-contact-button.is-gold {\n        border-color: var(--bem-gold);\n        background: var(--bem-gold);\n        color: #443605;\n    }\n\n    .bem-contact-button:hover {\n        transform: translateY(-2px);\n        background: #f3f8f5;\n        color: var(--bem-green-deep);\n        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.13);\n    }\n\n    .bem-contact-button.is-gold:hover {\n        background: #f1c94f;\n        color: #443605;\n    }\n\n    .bem-toast {\n        position: fixed;\n        z-index: 99999;\n        right: 24px;\n        bottom: 24px;\n        display: flex;\n        max-width: min(410px, calc(100vw - 32px));\n        align-items: flex-start;\n        gap: 11px;\n        padding: 15px 17px;\n        border: 1px solid #b8d8c5;\n        border-radius: 14px;\n        background: #ffffff;\n        box-shadow: 0 16px 40px rgba(8, 61, 37, 0.2);\n        color: var(--bem-green-dark);\n        font-size: 0.84rem;\n        font-weight: 650;\n        line-height: 1.55;\n        opacity: 0;\n        pointer-events: none;\n        transform: translateY(18px);\n        transition: opacity 0.25s ease, transform 0.25s ease;\n    }\n\n    .bem-toast.is-visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    .bem-toast i {\n        margin-top: 3px;\n        color: var(--bem-green);\n    }\n\n    @media (max-width: 1050px) {\n        .bem-hero-content {\n            grid-template-columns: minmax(0, 1.25fr) minmax(220px, 0.75fr);\n            gap: 38px;\n        }\n\n        .bem-logo-frame {\n            width: min(100%, 235px);\n        }\n\n        .bem-nav {\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n        }\n\n        .bem-grid-4 {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .bem-grid-5 {\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n        }\n    }\n\n    @media (max-width: 900px) {\n        .bem-inner {\n            width: min(100% - 32px, 1240px);\n            padding: 40px 0 54px;\n        }\n\n        .bem-hero {\n            padding: 52px 30px 92px;\n            border-radius: 24px;\n            text-align: center;\n        }\n\n        .bem-hero-content {\n            grid-template-columns: 1fr;\n            gap: 28px;\n        }\n\n        .bem-logo-panel {\n            order: -1;\n        }\n\n        .bem-logo-frame {\n            width: 190px;\n            padding: 15px;\n            border-radius: 23px;\n        }\n\n        .bem-logo-frame::before {\n            inset: 8px;\n            border-radius: 17px;\n        }\n\n        .bem-hero h1,\n        .bem-hero h2,\n        .bem-hero p {\n            margin-right: auto;\n            margin-left: auto;\n        }\n\n        .bem-hero p {\n            text-align: center;\n        }\n\n        .bem-nav {\n            width: min(100% - 32px, 900px);\n            margin-top: -58px;\n        }\n\n        .bem-section {\n            padding: 32px;\n        }\n\n        .bem-profile-layout {\n            grid-template-columns: 1fr;\n        }\n\n        .bem-profile-highlight {\n            min-height: 260px;\n        }\n\n        .bem-grid-3 {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .bem-flow {\n            grid-template-columns: 1fr;\n        }\n\n        .bem-flow::before {\n            top: 5%;\n            right: auto;\n            bottom: 5%;\n            left: 34px;\n            width: 2px;\n            height: auto;\n            background: linear-gradient(180deg, var(--bem-gold), var(--bem-green));\n        }\n\n        .bem-flow-step {\n            display: grid;\n            grid-template-columns: 42px 1fr;\n            column-gap: 16px;\n            align-items: center;\n            padding: 18px;\n            text-align: left;\n        }\n\n        .bem-flow-step span {\n            grid-row: 1 \/ span 2;\n            margin-bottom: 0;\n        }\n\n        .bem-flow-step h3,\n        .bem-flow-step p {\n            text-align: left;\n        }\n    }\n\n    @media (max-width: 680px) {\n        .bem-inner {\n            width: calc(100% - 24px);\n            padding: 28px 0 40px;\n        }\n\n        .bem-hero {\n            margin-bottom: 20px;\n            padding: 38px 20px 88px;\n            border-radius: 19px;\n        }\n\n        .bem-hero-content {\n            gap: 22px;\n        }\n\n        .bem-logo-frame {\n            width: 158px;\n            padding: 12px;\n            border-radius: 20px;\n        }\n\n        .bem-logo-frame::before {\n            inset: 7px;\n            border-radius: 14px;\n        }\n\n        .bem-logo-caption {\n            font-size: 0.62rem;\n        }\n\n        .bem-eyebrow {\n            padding: 7px 13px;\n            font-size: 0.66rem;\n        }\n\n        .bem-nav {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 6px;\n            width: calc(100% - 20px);\n            margin: -57px auto 26px;\n            padding: 8px;\n            border-radius: 15px;\n        }\n\n        .bem-nav a {\n            min-height: 42px;\n            font-size: 0.7rem;\n        }\n\n        .bem-section {\n            margin-bottom: 20px;\n            padding: 24px 20px;\n            border-radius: 18px;\n        }\n\n        .bem-section-heading {\n            align-items: flex-start;\n            gap: 11px;\n        }\n\n        .bem-section-icon {\n            flex-basis: 42px;\n            width: 42px;\n            height: 42px;\n            border-radius: 12px;\n        }\n\n        .bem-section > p,\n        .bem-profile-copy p {\n            text-align: left;\n        }\n\n        .bem-transform {\n            grid-template-columns: 1fr;\n        }\n\n        .bem-transform-arrow {\n            flex-direction: row;\n            padding: 2px 0;\n        }\n\n        .bem-transform-arrow i {\n            transform: rotate(90deg);\n        }\n\n        .bem-direction-statement {\n            padding: 82px 22px 28px;\n        }\n\n        .bem-direction-icon {\n            top: 22px;\n            left: 22px;\n            width: 46px;\n            height: 46px;\n            border-radius: 14px;\n        }\n\n        .bem-grid-2,\n        .bem-grid-3,\n        .bem-grid-4,\n        .bem-grid-5 {\n            grid-template-columns: 1fr;\n        }\n\n        .bem-feature,\n        .bem-program {\n            min-height: 0;\n        }\n\n        .bem-value {\n            min-height: 130px;\n        }\n\n        .bem-contact {\n            padding: 40px 21px;\n            border-radius: 19px;\n        }\n\n        .bem-contact-actions {\n            flex-direction: column;\n        }\n\n        .bem-contact-button {\n            width: 100%;\n        }\n\n        .bem-toast {\n            right: 16px;\n            bottom: 16px;\n            left: 16px;\n            max-width: none;\n        }\n    }\n<\/style>\n\n<main class=\"bem-iptar\">\n    <div class=\"bem-inner\">\n        <header class=\"bem-hero\">\n            <div class=\"bem-hero-content\">\n                <div class=\"bem-hero-copy\">\n                    <span class=\"bem-eyebrow\">\n                        <i class=\"fa-solid fa-building-columns\" aria-hidden=\"true\"><\/i>\n                        Organisasi Mahasiswa Intra Kampus\n                    <\/span>\n                    <h1>BEM IPTAR<\/h1>\n                    <h2>Badan Eksekutif Mahasiswa Institut Pendidikan dan Teknologi \u2018Aisyiyah Riau<\/h2>\n                    <p>Bergerak bersama, menyuarakan aspirasi, mengembangkan potensi mahasiswa, dan menghadirkan kontribusi nyata bagi kampus serta masyarakat.<\/p>\n                <\/div>\n\n                <div class=\"bem-logo-panel\">\n                    <div class=\"bem-logo-frame\">\n                        <img src=\"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/08\/Logo-BEM-IPTAR-HD-Transparan.png\" alt=\"Logo resmi Badan Eksekutif Mahasiswa IPTAR\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\">\n                    <\/div>\n                    <span class=\"bem-logo-caption\">Logo Resmi BEM IPTAR<\/span>\n                <\/div>\n            <\/div>\n            <span class=\"bem-hero-accent\" aria-hidden=\"true\"><\/span>\n        <\/header>\n\n        <nav class=\"bem-nav\" aria-label=\"Navigasi halaman BEM IPTAR\">\n            <a href=\"#bem-profil\"><i class=\"fa-solid fa-house\" aria-hidden=\"true\"><\/i>Profil<\/a>\n            <a href=\"#bem-transformasi\"><i class=\"fa-solid fa-arrow-right-arrow-left\" aria-hidden=\"true\"><\/i>Transformasi<\/a>\n            <a href=\"#bem-arah\"><i class=\"fa-solid fa-compass\" aria-hidden=\"true\"><\/i>Arah Gerak<\/a>\n            <a href=\"#bem-program\"><i class=\"fa-solid fa-list-check\" aria-hidden=\"true\"><\/i>Program<\/a>\n            <a href=\"#bem-aspirasi\"><i class=\"fa-solid fa-bullhorn\" aria-hidden=\"true\"><\/i>Aspirasi<\/a>\n            <a href=\"#bem-kontak\"><i class=\"fa-solid fa-paper-plane\" aria-hidden=\"true\"><\/i>Kontak<\/a>\n        <\/nav>\n\n        <section id=\"bem-profil\" class=\"bem-section bem-anchor\">\n            <div class=\"bem-section-heading\">\n                <span class=\"bem-section-icon\"><i class=\"fa-solid fa-people-group\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Mengenal Organisasi<\/span>\n                    <h2>Profil BEM IPTAR<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"bem-profile-layout\">\n                <div class=\"bem-profile-copy\">\n                    <p>Badan Eksekutif Mahasiswa Institut Pendidikan dan Teknologi \u2018Aisyiyah Riau (BEM IPTAR) merupakan organisasi mahasiswa intra kampus yang menjalankan fungsi eksekutif di tingkat institut. BEM menjadi ruang bagi mahasiswa untuk belajar memimpin, mengelola program, menyampaikan gagasan, serta mengambil peran dalam pengembangan kehidupan kampus.<\/p>\n                    <p>Sebagai jembatan antara mahasiswa dan lembaga, BEM IPTAR menghimpun serta menyalurkan aspirasi mahasiswa secara bertanggung jawab. Aspirasi tersebut dikomunikasikan melalui dialog, koordinasi, dan pendampingan untuk mendorong terciptanya lingkungan kampus yang nyaman, inklusif, partisipatif, dan mendukung kesejahteraan mahasiswa.<\/p>\n                    <p>BEM IPTAR juga berperan sebagai penggerak kegiatan positif melalui program akademik, pengembangan kepemimpinan, minat dan bakat, kewirausahaan, sosial kemasyarakatan, serta kolaborasi dengan organisasi mahasiswa di lingkungan kampus maupun jejaring BEM di Kota Pekanbaru dan Provinsi Riau.<\/p>\n                <\/div>\n\n                <aside class=\"bem-profile-highlight\">\n                    <i class=\"fa-solid fa-bullhorn\" aria-hidden=\"true\"><\/i>\n                    <small>Peran Utama<\/small>\n                    <strong>Suara dan Gerak Mahasiswa<\/strong>\n                    <p>Menghubungkan aspirasi, potensi, dan semangat kolaborasi mahasiswa untuk kemajuan IPTAR.<\/p>\n                <\/aside>\n            <\/div>\n        <\/section>\n\n        <section id=\"bem-transformasi\" class=\"bem-section bem-anchor\">\n            <div class=\"bem-section-heading\">\n                <span class=\"bem-section-icon\"><i class=\"fa-solid fa-arrow-right-arrow-left\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Perjalanan Organisasi<\/span>\n                    <h2>Dari BEM STKIP \u2018Aisyiyah Riau Menjadi BEM IPTAR<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"bem-transform\">\n                <article class=\"bem-era\">\n                    <span class=\"bem-era-label\"><i class=\"fa-solid fa-clock-rotate-left\" aria-hidden=\"true\"><\/i>Periode Sebelumnya<\/span>\n                    <h3>BEM STKIP \u2018Aisyiyah Riau<\/h3>\n                    <p>BEM STKIP \u2018Aisyiyah Riau tumbuh sebagai lembaga eksekutif mahasiswa yang menjembatani komunikasi mahasiswa dengan pihak kampus. Organisasi ini menjadi sarana penyampaian aspirasi, pelaksanaan kegiatan positif, pengembangan kepemimpinan, dan pembentukan jejaring dengan BEM lain di Pekanbaru serta Provinsi Riau.<\/p>\n                <\/article>\n\n                <div class=\"bem-transform-arrow\" aria-hidden=\"true\">\n                    <i class=\"fa-solid fa-arrow-right-long\"><\/i>\n                    <span>Transformasi<\/span>\n                <\/div>\n\n                <article class=\"bem-era is-current\">\n                    <span class=\"bem-era-label\"><i class=\"fa-solid fa-seedling\" aria-hidden=\"true\"><\/i>Identitas Sekarang<\/span>\n                    <h3>BEM IPTAR<\/h3>\n                    <p>Seiring transformasi STKIP \u2018Aisyiyah Riau menjadi Institut Pendidikan dan Teknologi \u2018Aisyiyah Riau, BEM turut berkembang menjadi BEM IPTAR. Transformasi ini memperluas ruang representasi lintas program studi dan memperkuat peran BEM dalam pendidikan, teknologi, kewirausahaan, pengabdian, serta pembentukan karakter mahasiswa berlandaskan nilai-nilai Islam Berkemajuan.<\/p>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <section id=\"bem-arah\" class=\"bem-section bem-anchor\">\n            <div class=\"bem-section-heading\">\n                <span class=\"bem-section-icon\"><i class=\"fa-solid fa-compass\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Orientasi Organisasi<\/span>\n                    <h2>Arah Gerak BEM IPTAR<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"bem-direction-statement\">\n                <span class=\"bem-direction-icon\"><i class=\"fa-solid fa-quote-left\" aria-hidden=\"true\"><\/i><\/span>\n                <p>\u201cMenjadi organisasi mahasiswa yang progresif, inklusif, kolaboratif, dan berintegritas sebagai penggerak aspirasi, pengembangan potensi, serta pengabdian mahasiswa IPTAR berlandaskan nilai-nilai Islam Berkemajuan.\u201d<\/p>\n            <\/div>\n\n            <div class=\"bem-grid-2\">\n                <article class=\"bem-focus\"><span class=\"bem-number\">01<\/span><p>Membangun komunikasi yang terbuka, sehat, dan bertanggung jawab antara mahasiswa, organisasi kemahasiswaan, dan pimpinan kampus.<\/p><\/article>\n                <article class=\"bem-focus\"><span class=\"bem-number\">02<\/span><p>Menghimpun, mengawal, dan menyampaikan aspirasi mahasiswa dengan mengutamakan dialog, data, etika, dan solusi.<\/p><\/article>\n                <article class=\"bem-focus\"><span class=\"bem-number\">03<\/span><p>Mengembangkan potensi kepemimpinan, intelektual, kreativitas, kewirausahaan, serta minat dan bakat mahasiswa.<\/p><\/article>\n                <article class=\"bem-focus\"><span class=\"bem-number\">04<\/span><p>Mendorong kepedulian sosial dan keterlibatan mahasiswa dalam kegiatan pengabdian yang memberikan manfaat bagi masyarakat.<\/p><\/article>\n                <article class=\"bem-focus\"><span class=\"bem-number\">05<\/span><p>Memperkuat kolaborasi internal dan jejaring eksternal untuk memperluas pengalaman, kontribusi, dan daya saing mahasiswa IPTAR.<\/p><\/article>\n                <article class=\"bem-focus\"><span class=\"bem-number\">06<\/span><p>Menumbuhkan budaya organisasi yang amanah, profesional, inklusif, dan berlandaskan nilai Al-Islam, Kemuhammadiyahan, dan Ke\u2018Aisyiyahan.<\/p><\/article>\n            <\/div>\n        <\/section>\n\n        <section class=\"bem-section\">\n            <div class=\"bem-section-heading\">\n                <span class=\"bem-section-icon\"><i class=\"fa-solid fa-gears\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Kontribusi bagi Mahasiswa<\/span>\n                    <h2>Fungsi Utama BEM IPTAR<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"bem-grid-4\">\n                <article class=\"bem-feature\">\n                    <i class=\"fa-solid fa-comments\" aria-hidden=\"true\"><\/i>\n                    <h3>Representasi dan Aspirasi<\/h3>\n                    <p>Mewakili suara mahasiswa serta membangun komunikasi konstruktif dengan pihak kampus.<\/p>\n                <\/article>\n                <article class=\"bem-feature\">\n                    <i class=\"fa-solid fa-user-graduate\" aria-hidden=\"true\"><\/i>\n                    <h3>Pengembangan Mahasiswa<\/h3>\n                    <p>Menghadirkan ruang belajar organisasi, kepemimpinan, kreativitas, dan pengembangan kompetensi.<\/p>\n                <\/article>\n                <article class=\"bem-feature\">\n                    <i class=\"fa-solid fa-hand-holding-heart\" aria-hidden=\"true\"><\/i>\n                    <h3>Gerakan Sosial<\/h3>\n                    <p>Mendorong kepekaan, kepedulian, dan keterlibatan mahasiswa dalam pengabdian kepada masyarakat.<\/p>\n                <\/article>\n                <article class=\"bem-feature\">\n                    <i class=\"fa-solid fa-handshake\" aria-hidden=\"true\"><\/i>\n                    <h3>Kolaborasi dan Jejaring<\/h3>\n                    <p>Membangun sinergi antarlembaga mahasiswa, komunitas, pemerintah, dan mitra eksternal.<\/p>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <section class=\"bem-section\">\n            <div class=\"bem-section-heading\">\n                <span class=\"bem-section-icon\"><i class=\"fa-solid fa-gem\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Budaya Organisasi<\/span>\n                    <h2>Nilai yang Dipegang<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"bem-grid-5\">\n                <article class=\"bem-value\"><i class=\"fa-solid fa-mosque\" aria-hidden=\"true\"><\/i><strong>Islam Berkemajuan<\/strong><\/article>\n                <article class=\"bem-value\"><i class=\"fa-solid fa-shield-halved\" aria-hidden=\"true\"><\/i><strong>Integritas<\/strong><\/article>\n                <article class=\"bem-value\"><i class=\"fa-solid fa-people-group\" aria-hidden=\"true\"><\/i><strong>Inklusif<\/strong><\/article>\n                <article class=\"bem-value\"><i class=\"fa-solid fa-handshake\" aria-hidden=\"true\"><\/i><strong>Kolaboratif<\/strong><\/article>\n                <article class=\"bem-value\"><i class=\"fa-solid fa-lightbulb\" aria-hidden=\"true\"><\/i><strong>Progresif dan Inovatif<\/strong><\/article>\n            <\/div>\n        <\/section>\n\n        <section id=\"bem-program\" class=\"bem-section bem-anchor\">\n            <div class=\"bem-section-heading\">\n                <span class=\"bem-section-icon\"><i class=\"fa-solid fa-list-check\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Ruang Aktualisasi<\/span>\n                    <h2>Bidang Program Strategis<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"bem-grid-3\">\n                <article class=\"bem-program\">\n                    <i class=\"fa-solid fa-bullhorn\" aria-hidden=\"true\"><\/i>\n                    <h3>Advokasi dan Kesejahteraan Mahasiswa<\/h3>\n                    <p>Penjaringan aspirasi, forum dialog, informasi layanan kampus, dan pendampingan persoalan kemahasiswaan.<\/p>\n                <\/article>\n                <article class=\"bem-program\">\n                    <i class=\"fa-solid fa-person-chalkboard\" aria-hidden=\"true\"><\/i>\n                    <h3>Pendidikan dan Kepemimpinan<\/h3>\n                    <p>Pelatihan organisasi, diskusi akademik, seminar, kelas pengembangan diri, dan kaderisasi kepemimpinan.<\/p>\n                <\/article>\n                <article class=\"bem-program\">\n                    <i class=\"fa-solid fa-store\" aria-hidden=\"true\"><\/i>\n                    <h3>Kewirausahaan Mahasiswa<\/h3>\n                    <p>Bazar, pelatihan bisnis, pengembangan produk, literasi keuangan, dan dukungan bagi usaha mahasiswa.<\/p>\n                <\/article>\n                <article class=\"bem-program\">\n                    <i class=\"fa-solid fa-palette\" aria-hidden=\"true\"><\/i>\n                    <h3>Minat, Bakat, dan Kreativitas<\/h3>\n                    <p>Kegiatan seni, olahraga, perlombaan, komunitas, dan ruang ekspresi kreatif mahasiswa IPTAR.<\/p>\n                <\/article>\n                <article class=\"bem-program\">\n                    <i class=\"fa-solid fa-hands-holding-circle\" aria-hidden=\"true\"><\/i>\n                    <h3>Sosial dan Pengabdian Masyarakat<\/h3>\n                    <p>Aksi sosial, kepedulian lingkungan, kegiatan kemanusiaan, dan pengabdian berbasis kebutuhan masyarakat.<\/p>\n                <\/article>\n                <article class=\"bem-program\">\n                    <i class=\"fa-solid fa-network-wired\" aria-hidden=\"true\"><\/i>\n                    <h3>Informasi dan Hubungan Eksternal<\/h3>\n                    <p>Publikasi kegiatan, pengelolaan media, kemitraan, serta jejaring dengan organisasi mahasiswa di Riau.<\/p>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <section id=\"bem-aspirasi\" class=\"bem-section bem-anchor\">\n            <div class=\"bem-section-heading\">\n                <span class=\"bem-section-icon\"><i class=\"fa-solid fa-bullhorn\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Layanan Mahasiswa<\/span>\n                    <h2>Alur Penyampaian Aspirasi<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"bem-flow\">\n                <article class=\"bem-flow-step\"><span>01<\/span><h3>Sampaikan<\/h3><p>Mahasiswa mengirimkan aspirasi melalui kanal resmi.<\/p><\/article>\n                <article class=\"bem-flow-step\"><span>02<\/span><h3>Verifikasi<\/h3><p>BEM memeriksa konteks dan kelengkapan informasi.<\/p><\/article>\n                <article class=\"bem-flow-step\"><span>03<\/span><h3>Kaji<\/h3><p>Persoalan dipetakan untuk menentukan langkah yang tepat.<\/p><\/article>\n                <article class=\"bem-flow-step\"><span>04<\/span><h3>Koordinasi<\/h3><p>BEM berdialog dengan pihak terkait secara konstruktif.<\/p><\/article>\n                <article class=\"bem-flow-step\"><span>05<\/span><h3>Tindak Lanjut<\/h3><p>Perkembangan dan hasil disampaikan kembali kepada mahasiswa.<\/p><\/article>\n            <\/div>\n\n            <div class=\"bem-aspiration-note\">\n                <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i>\n                <span>Aspirasi sebaiknya disampaikan dengan bahasa yang santun, informasi yang jelas, dan tujuan yang membangun. BEM berkewajiban menjaga etika komunikasi serta kerahasiaan identitas pelapor ketika diperlukan.<\/span>\n            <\/div>\n        <\/section>\n\n        <section class=\"bem-section\">\n            <div class=\"bem-section-heading\">\n                <span class=\"bem-section-icon\"><i class=\"fa-solid fa-handshake\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Sinergi Organisasi<\/span>\n                    <h2>Jejaring dan Kolaborasi<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"bem-grid-2\">\n                <article class=\"bem-collaboration\">\n                    <i class=\"fa-solid fa-building-columns\" aria-hidden=\"true\"><\/i>\n                    <h3>Kolaborasi Internal Kampus<\/h3>\n                    <ul>\n                        <li>Pimpinan institut dan unit layanan kemahasiswaan<\/li>\n                        <li>Program studi dan organisasi mahasiswa tingkat prodi<\/li>\n                        <li>Unit kegiatan, komunitas, serta kelompok minat mahasiswa<\/li>\n                        <li>Kolaborasi kegiatan akademik dan Caturdharma Perguruan Tinggi<\/li>\n                    <\/ul>\n                <\/article>\n\n                <article class=\"bem-collaboration\">\n                    <i class=\"fa-solid fa-earth-asia\" aria-hidden=\"true\"><\/i>\n                    <h3>Kolaborasi Eksternal<\/h3>\n                    <ul>\n                        <li>Jejaring BEM perguruan tinggi di Pekanbaru dan Provinsi Riau<\/li>\n                        <li>Organisasi kepemudaan, komunitas, dan lembaga sosial<\/li>\n                        <li>Pemerintah, dunia usaha, media, serta mitra pendidikan<\/li>\n                        <li>Persyarikatan \u2018Aisyiyah dan Muhammadiyah<\/li>\n                    <\/ul>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <section id=\"bem-kontak\" class=\"bem-contact bem-anchor\">\n            <h2>Terhubung dengan BEM IPTAR<\/h2>\n            <p>Sampaikan aspirasi, ajukan kolaborasi, atau ikuti informasi kegiatan mahasiswa melalui kanal resmi BEM IPTAR.<\/p>\n            <div class=\"bem-contact-actions\">\n                <!-- GANTI href=\"#\" DENGAN LINK FORM ASPIRASI -->\n                <a class=\"bem-contact-button is-gold bem-placeholder-link\" href=\"#\"><i class=\"fa-solid fa-bullhorn\" aria-hidden=\"true\"><\/i>Sampaikan Aspirasi<\/a>\n                <!-- GANTI href=\"#\" DENGAN LINK INSTAGRAM BEM -->\n                <a class=\"bem-contact-button bem-placeholder-link\" href=\"#\"><i class=\"fa-brands fa-instagram\" aria-hidden=\"true\"><\/i>Instagram BEM<\/a>\n                <a class=\"bem-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=\"bem-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 form aspirasi atau media sosial BEM IPTAR.<\/span>\n    <\/div>\n<\/main>\n\n<script>\n    (function () {\n        'use strict';\n\n        document.querySelectorAll('.bem-iptar').forEach(function (page) {\n            var toast = page.querySelector('.bem-toast');\n            var toastTimer;\n\n            page.querySelectorAll('.bem-placeholder-link').forEach(function (link) {\n                link.addEventListener('click', function (event) {\n                    var href = link.getAttribute('href');\n\n                    if (!href || href === '#') {\n                        event.preventDefault();\n                        window.clearTimeout(toastTimer);\n                        toast.classList.add('is-visible');\n                        toastTimer = window.setTimeout(function () {\n                            toast.classList.remove('is-visible');\n                        }, 3800);\n                    }\n                });\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 Intra Kampus BEM IPTAR Badan Eksekutif Mahasiswa Institut Pendidikan dan Teknologi \u2018Aisyiyah Riau Bergerak bersama, menyuarakan aspirasi, mengembangkan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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":"","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-15","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>BEM - 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\/bem\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BEM\" \/>\n<meta property=\"og:description\" content=\"Organisasi Mahasiswa Intra Kampus BEM IPTAR Badan Eksekutif Mahasiswa Institut Pendidikan dan Teknologi \u2018Aisyiyah Riau Bergerak bersama, menyuarakan aspirasi, mengembangkan [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/iptar.ac.id\/index.php\/bem\/\" \/>\n<meta property=\"og:site_name\" content=\"Institut Pendidikan dan Teknologi &#039;Aisyiyah riau\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-28T16:01:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/08\/Logo-BEM-IPTAR-HD-Transparan.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/bem\\\/\",\"url\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/bem\\\/\",\"name\":\"BEM - Institut Pendidikan dan Teknologi &#039;Aisyiyah riau\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/bem\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/bem\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/iptar.ac.id\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Logo-BEM-IPTAR-HD-Transparan.png\",\"datePublished\":\"2025-11-10T11:20:02+00:00\",\"dateModified\":\"2026-08-28T16:01:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/bem\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/bem\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/bem\\\/#primaryimage\",\"url\":\"https:\\\/\\\/iptar.ac.id\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Logo-BEM-IPTAR-HD-Transparan.png\",\"contentUrl\":\"https:\\\/\\\/iptar.ac.id\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Logo-BEM-IPTAR-HD-Transparan.png\",\"width\":2048,\"height\":2048},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/bem\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/iptar.ac.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BEM\"}]},{\"@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":"BEM - 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\/bem\/","og_locale":"en_US","og_type":"article","og_title":"BEM","og_description":"Organisasi Mahasiswa Intra Kampus BEM IPTAR Badan Eksekutif Mahasiswa Institut Pendidikan dan Teknologi \u2018Aisyiyah Riau Bergerak bersama, menyuarakan aspirasi, mengembangkan [&hellip;]","og_url":"https:\/\/iptar.ac.id\/index.php\/bem\/","og_site_name":"Institut Pendidikan dan Teknologi &#039;Aisyiyah riau","article_modified_time":"2026-08-28T16:01:58+00:00","og_image":[{"url":"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/08\/Logo-BEM-IPTAR-HD-Transparan.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/iptar.ac.id\/index.php\/bem\/","url":"https:\/\/iptar.ac.id\/index.php\/bem\/","name":"BEM - Institut Pendidikan dan Teknologi &#039;Aisyiyah riau","isPartOf":{"@id":"https:\/\/iptar.ac.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/iptar.ac.id\/index.php\/bem\/#primaryimage"},"image":{"@id":"https:\/\/iptar.ac.id\/index.php\/bem\/#primaryimage"},"thumbnailUrl":"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/08\/Logo-BEM-IPTAR-HD-Transparan.png","datePublished":"2025-11-10T11:20:02+00:00","dateModified":"2026-08-28T16:01:58+00:00","breadcrumb":{"@id":"https:\/\/iptar.ac.id\/index.php\/bem\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/iptar.ac.id\/index.php\/bem\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/iptar.ac.id\/index.php\/bem\/#primaryimage","url":"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/08\/Logo-BEM-IPTAR-HD-Transparan.png","contentUrl":"https:\/\/iptar.ac.id\/wp-content\/uploads\/2026\/08\/Logo-BEM-IPTAR-HD-Transparan.png","width":2048,"height":2048},{"@type":"BreadcrumbList","@id":"https:\/\/iptar.ac.id\/index.php\/bem\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/iptar.ac.id\/"},{"@type":"ListItem","position":2,"name":"BEM"}]},{"@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\/15","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=15"}],"version-history":[{"count":7,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":1225,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/1225"}],"wp:attachment":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}