{"id":17,"date":"2025-11-10T18:20:26","date_gmt":"2025-11-10T11:20:26","guid":{"rendered":"https:\/\/iptar.ac.id\/?page_id=17"},"modified":"2026-08-29T11:11:36","modified_gmt":"2026-08-29T04:11:36","slug":"imm","status":"publish","type":"page","link":"https:\/\/iptar.ac.id\/index.php\/imm\/","title":{"rendered":"IMM Fatimah Az- Zahra"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aedc023 e-con-full e-flex e-con e-parent\" data-id=\"aedc023\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e327ffc elementor-widget elementor-widget-html\" data-id=\"e327ffc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HALAMAN PK IMM FATIMAH AZ-ZAHRA IPTAR - SIAP 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    .imm-page,\n    .imm-page * {\n        box-sizing: border-box;\n    }\n\n    .imm-page {\n        --imm-red: #d71920;\n        --imm-red-dark: #a80d15;\n        --imm-red-deep: #71070d;\n        --imm-red-light: #fde7e8;\n        --imm-gold: #e1b23a;\n        --imm-gold-light: #fff2c8;\n        --imm-white: #ffffff;\n        --imm-soft: #fffafa;\n        --imm-text: #3e2c2e;\n        --imm-muted: #786668;\n        --imm-border: #eedcdd;\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(215, 25, 32, 0.13), transparent 25%),\n            radial-gradient(circle at 95% 92%, rgba(225, 178, 58, 0.14), transparent 27%),\n            linear-gradient(180deg, #fffdfd 0%, #fff6f6 100%);\n        color: var(--imm-text);\n        font-family: 'Plus Jakarta Sans', Arial, sans-serif;\n        line-height: 1.75;\n    }\n\n    .imm-page::before,\n    .imm-page::after {\n        position: absolute;\n        z-index: -1;\n        border: 1px solid rgba(215, 25, 32, 0.1);\n        border-radius: 50%;\n        content: '';\n    }\n\n    .imm-page::before {\n        top: 410px;\n        left: -185px;\n        width: 340px;\n        height: 340px;\n    }\n\n    .imm-page::after {\n        right: -160px;\n        bottom: 300px;\n        width: 300px;\n        height: 300px;\n    }\n\n    .imm-inner {\n        width: min(1240px, calc(100% - 48px));\n        margin: 0 auto;\n        padding: 56px 0 70px;\n    }\n\n    .imm-anchor {\n        scroll-margin-top: 90px;\n    }\n\n    \/* Hero *\/\n    .imm-hero {\n        position: relative;\n        width: 100%;\n        margin: 0 auto 24px;\n        padding: 64px 64px 98px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.24);\n        border-radius: 30px;\n        background: linear-gradient(135deg, #71070d 0%, #a80d15 48%, #d71920 100%);\n        box-shadow: 0 22px 54px rgba(113, 7, 13, 0.25);\n        color: #ffffff;\n    }\n\n    .imm-hero::before,\n    .imm-hero::after {\n        position: absolute;\n        border-radius: 50%;\n        content: '';\n    }\n\n    .imm-hero::before {\n        top: -120px;\n        right: -65px;\n        width: 320px;\n        height: 320px;\n        background: rgba(255, 255, 255, 0.07);\n    }\n\n    .imm-hero::after {\n        bottom: -175px;\n        left: -95px;\n        width: 390px;\n        height: 390px;\n        background: rgba(225, 178, 58, 0.14);\n    }\n\n    .imm-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(--imm-gold);\n    }\n\n    .imm-hero-content {\n        position: relative;\n        z-index: 1;\n        display: grid;\n        grid-template-columns: minmax(0, 1.35fr) minmax(250px, 0.65fr);\n        gap: 54px;\n        align-items: center;\n        width: 100%;\n    }\n\n    .imm-hero-copy {\n        min-width: 0;\n    }\n\n    .imm-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        margin-bottom: 18px;\n        padding: 8px 18px;\n        border: 1px solid rgba(255, 255, 255, 0.23);\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.11);\n        color: #ffffff;\n        font-size: 0.76rem;\n        font-weight: 700;\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n        backdrop-filter: blur(8px);\n    }\n\n    .imm-eyebrow i {\n        color: #f2d274;\n    }\n\n    .imm-hero h1 {\n        max-width: 790px;\n        margin: 0 0 10px;\n        color: #ffffff;\n        font-size: clamp(2.25rem, 5vw, 4.6rem);\n        font-weight: 800;\n        letter-spacing: -0.045em;\n        line-height: 1.08;\n    }\n\n    .imm-hero h2 {\n        max-width: 760px;\n        margin: 0 0 20px;\n        color: #f8d87d;\n        font-size: clamp(1rem, 1.8vw, 1.35rem);\n        font-weight: 700;\n        line-height: 1.5;\n    }\n\n    .imm-hero p {\n        max-width: 760px;\n        margin: 0;\n        color: rgba(255, 255, 255, 0.9);\n        font-size: clamp(0.98rem, 1.4vw, 1.1rem);\n        font-weight: 500;\n        line-height: 1.85;\n        text-align: left;\n    }\n\n    .imm-logo-panel {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 13px;\n    }\n\n    .imm-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: 24px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.64);\n        border-radius: 30px;\n        background: rgba(255, 255, 255, 0.97);\n        box-shadow: 0 22px 46px rgba(63, 0, 4, 0.26);\n        backdrop-filter: blur(10px);\n    }\n\n    .imm-logo-frame::before {\n        position: absolute;\n        inset: 10px;\n        border: 1px solid rgba(215, 25, 32, 0.12);\n        border-radius: 22px;\n        content: '';\n        pointer-events: none;\n    }\n\n    .imm-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(113, 7, 13, 0.14));\n    }\n\n    .imm-logo-caption {\n        color: rgba(255, 255, 255, 0.82);\n        font-size: 0.7rem;\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    \/* Navigasi *\/\n    .imm-nav {\n        position: relative;\n        z-index: 3;\n        display: grid;\n        grid-template-columns: repeat(7, minmax(0, 1fr));\n        gap: 8px;\n        width: min(1140px, calc(100% - 48px));\n        margin: -63px auto 40px;\n        padding: 11px;\n        border: 1px solid var(--imm-border);\n        border-radius: 19px;\n        background: rgba(255, 255, 255, 0.97);\n        box-shadow: 0 15px 36px rgba(113, 7, 13, 0.11);\n        backdrop-filter: blur(10px);\n    }\n\n    .imm-nav a {\n        display: flex;\n        min-height: 46px;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        padding: 9px 7px;\n        border-radius: 12px;\n        color: var(--imm-red-dark);\n        font-size: 0.72rem;\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    .imm-nav a:hover {\n        transform: translateY(-2px);\n        background: var(--imm-red-light);\n        color: var(--imm-red-deep);\n    }\n\n    .imm-nav i {\n        color: var(--imm-red);\n    }\n\n    \/* Struktur umum *\/\n    .imm-section {\n        width: 100%;\n        margin: 0 auto 28px;\n        padding: 40px;\n        border: 1px solid var(--imm-border);\n        border-radius: 24px;\n        background: rgba(255, 255, 255, 0.96);\n        box-shadow: 0 11px 34px rgba(91, 28, 32, 0.06);\n    }\n\n    .imm-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(--imm-border);\n    }\n\n    .imm-heading-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(--imm-red-light);\n        color: var(--imm-red-dark);\n        font-size: 1.15rem;\n    }\n\n    .imm-heading span {\n        display: block;\n        margin-bottom: 2px;\n        color: var(--imm-red);\n        font-size: 0.71rem;\n        font-weight: 800;\n        letter-spacing: 0.12em;\n        line-height: 1.4;\n        text-transform: uppercase;\n    }\n\n    .imm-heading h2 {\n        margin: 0;\n        color: var(--imm-red-deep);\n        font-size: clamp(1.35rem, 2.2vw, 1.7rem);\n        font-weight: 800;\n        line-height: 1.35;\n    }\n\n    .imm-section > p {\n        margin: 0 0 16px;\n        color: var(--imm-muted);\n        font-size: 1rem;\n        line-height: 1.85;\n        text-align: justify;\n    }\n\n    .imm-section > p:last-child {\n        margin-bottom: 0;\n    }\n\n    .imm-grid-2,\n    .imm-grid-3,\n    .imm-grid-4,\n    .imm-grid-5 {\n        display: grid;\n        gap: 18px;\n        width: 100%;\n    }\n\n    .imm-grid-2 {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .imm-grid-3 {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .imm-grid-4 {\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n\n    .imm-grid-5 {\n        grid-template-columns: repeat(5, minmax(0, 1fr));\n    }\n\n    \/* Profil *\/\n    .imm-profile-layout {\n        display: grid;\n        grid-template-columns: minmax(0, 1.6fr) minmax(300px, 0.8fr);\n        gap: 25px;\n        align-items: stretch;\n    }\n\n    .imm-profile-copy {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .imm-profile-copy p {\n        margin: 0 0 16px;\n        color: var(--imm-muted);\n        font-size: 1rem;\n        line-height: 1.85;\n        text-align: justify;\n    }\n\n    .imm-profile-copy p:last-child {\n        margin-bottom: 0;\n    }\n\n    .imm-profile-highlight {\n        position: relative;\n        display: flex;\n        min-height: 300px;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding: 32px 27px;\n        overflow: hidden;\n        border: 1px solid #ead398;\n        border-radius: 21px;\n        background: linear-gradient(145deg, #fff9e5 0%, #f8e7ae 100%);\n        text-align: center;\n    }\n\n    .imm-profile-highlight::before,\n    .imm-profile-highlight::after {\n        position: absolute;\n        border-radius: 50%;\n        content: '';\n    }\n\n    .imm-profile-highlight::before {\n        top: -55px;\n        right: -45px;\n        width: 150px;\n        height: 150px;\n        background: rgba(225, 178, 58, 0.18);\n    }\n\n    .imm-profile-highlight::after {\n        bottom: -70px;\n        left: -40px;\n        width: 170px;\n        height: 170px;\n        border: 1px solid rgba(215, 25, 32, 0.13);\n    }\n\n    .imm-profile-highlight i,\n    .imm-profile-highlight small,\n    .imm-profile-highlight strong,\n    .imm-profile-highlight p {\n        position: relative;\n        z-index: 1;\n    }\n\n    .imm-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(--imm-red);\n        box-shadow: 0 10px 22px rgba(215, 25, 32, 0.21);\n        color: #ffffff;\n        font-size: 1.4rem;\n    }\n\n    .imm-profile-highlight small {\n        color: #7c641b;\n        font-size: 0.71rem;\n        font-weight: 800;\n        letter-spacing: 0.11em;\n        text-transform: uppercase;\n    }\n\n    .imm-profile-highlight strong {\n        display: block;\n        margin: 7px 0 8px;\n        color: var(--imm-red-deep);\n        font-size: clamp(1.45rem, 2.8vw, 2rem);\n        font-weight: 800;\n        line-height: 1.3;\n    }\n\n    .imm-profile-highlight p {\n        margin: 0;\n        color: #675c43;\n        font-size: 0.87rem;\n        font-weight: 650;\n        line-height: 1.65;\n        text-align: center;\n    }\n\n    \/* Tujuan *\/\n    .imm-purpose {\n        position: relative;\n        margin-bottom: 24px;\n        padding: 42px 46px 42px 118px;\n        overflow: hidden;\n        border: 1px solid #e8cfd0;\n        border-radius: 20px;\n        background: linear-gradient(135deg, #fde9ea 0%, #ffffff 55%, #fff5d4 100%);\n    }\n\n    .imm-purpose::after {\n        position: absolute;\n        right: -55px;\n        bottom: -75px;\n        width: 200px;\n        height: 200px;\n        border-radius: 50%;\n        background: rgba(215, 25, 32, 0.06);\n        content: '';\n    }\n\n    .imm-purpose-icon {\n        position: absolute;\n        top: 42px;\n        left: 42px;\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(--imm-red);\n        box-shadow: 0 10px 22px rgba(215, 25, 32, 0.2);\n        color: #ffffff;\n        font-size: 1.25rem;\n    }\n\n    .imm-purpose p {\n        position: relative;\n        z-index: 1;\n        margin: 0;\n        color: var(--imm-red-deep);\n        font-size: clamp(1.06rem, 1.8vw, 1.27rem);\n        font-weight: 700;\n        line-height: 1.85;\n        text-align: left;\n    }\n\n    .imm-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(--imm-border);\n        border-radius: 16px;\n        background: linear-gradient(145deg, #ffffff 0%, #fffafa 100%);\n    }\n\n    .imm-focus::after {\n        position: absolute;\n        right: -25px;\n        bottom: -32px;\n        width: 90px;\n        height: 90px;\n        border-radius: 50%;\n        background: rgba(225, 178, 58, 0.1);\n        content: '';\n    }\n\n    .imm-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(--imm-red-light);\n        color: var(--imm-red-dark);\n        font-size: 0.84rem;\n        font-weight: 800;\n    }\n\n    .imm-focus p {\n        position: relative;\n        z-index: 1;\n        margin: 0;\n        color: var(--imm-muted);\n        font-size: 0.88rem;\n        line-height: 1.72;\n        text-align: left;\n    }\n\n    \/* Tri kompetensi *\/\n    .imm-trilogy {\n        position: relative;\n        min-height: 280px;\n        padding: 30px;\n        overflow: hidden;\n        border: 1px solid var(--imm-border);\n        border-radius: 19px;\n        background: linear-gradient(145deg, #ffffff 0%, #fff8f8 100%);\n        transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n    }\n\n    .imm-trilogy::after {\n        position: absolute;\n        right: -38px;\n        bottom: -48px;\n        width: 130px;\n        height: 130px;\n        border-radius: 50%;\n        background: rgba(215, 25, 32, 0.065);\n        content: '';\n    }\n\n    .imm-trilogy:hover {\n        transform: translateY(-5px);\n        border-color: #e2b6b8;\n        box-shadow: 0 15px 30px rgba(113, 7, 13, 0.1);\n    }\n\n    .imm-trilogy i {\n        position: relative;\n        z-index: 1;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 58px;\n        height: 58px;\n        margin-bottom: 17px;\n        border-radius: 18px;\n        background: var(--imm-red-light);\n        color: var(--imm-red-dark);\n        font-size: 1.28rem;\n    }\n\n    .imm-trilogy h3 {\n        position: relative;\n        z-index: 1;\n        margin: 0 0 10px;\n        color: var(--imm-red-deep);\n        font-size: 1.08rem;\n        font-weight: 800;\n        line-height: 1.45;\n    }\n\n    .imm-trilogy p {\n        position: relative;\n        z-index: 1;\n        margin: 0;\n        color: var(--imm-muted);\n        font-size: 0.9rem;\n        line-height: 1.75;\n        text-align: left;\n    }\n\n    \/* Peran dan program *\/\n    .imm-feature,\n    .imm-program {\n        position: relative;\n        min-height: 225px;\n        padding: 25px;\n        overflow: hidden;\n        border: 1px solid var(--imm-border);\n        border-radius: 17px;\n        background: linear-gradient(145deg, #ffffff 0%, #fffafa 100%);\n        transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n    }\n\n    .imm-feature::after,\n    .imm-program::after {\n        position: absolute;\n        right: -32px;\n        bottom: -40px;\n        width: 110px;\n        height: 110px;\n        border-radius: 50%;\n        background: rgba(215, 25, 32, 0.065);\n        content: '';\n    }\n\n    .imm-feature:hover,\n    .imm-program:hover {\n        transform: translateY(-4px);\n        border-color: #e2b6b8;\n        box-shadow: 0 14px 28px rgba(113, 7, 13, 0.09);\n    }\n\n    .imm-feature i,\n    .imm-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(--imm-red-light);\n        color: var(--imm-red-dark);\n        font-size: 1.16rem;\n    }\n\n    .imm-program i {\n        background: var(--imm-gold-light);\n        color: #80630f;\n    }\n\n    .imm-feature h3,\n    .imm-program h3 {\n        position: relative;\n        z-index: 1;\n        margin: 0 0 8px;\n        color: var(--imm-red-deep);\n        font-size: 1rem;\n        font-weight: 800;\n        line-height: 1.45;\n    }\n\n    .imm-feature p,\n    .imm-program p {\n        position: relative;\n        z-index: 1;\n        margin: 0;\n        color: var(--imm-muted);\n        font-size: 0.87rem;\n        line-height: 1.7;\n        text-align: left;\n    }\n\n    \/* Nama komisariat *\/\n    .imm-name-layout {\n        display: grid;\n        grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.4fr);\n        gap: 24px;\n        align-items: stretch;\n    }\n\n    .imm-name-symbol {\n        position: relative;\n        display: flex;\n        min-height: 270px;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding: 30px;\n        overflow: hidden;\n        border: 1px solid #e7cfd0;\n        border-radius: 20px;\n        background: linear-gradient(145deg, #fde9ea 0%, #ffffff 100%);\n        text-align: center;\n    }\n\n    .imm-name-symbol i {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 68px;\n        height: 68px;\n        margin-bottom: 16px;\n        border-radius: 21px;\n        background: var(--imm-red);\n        color: #ffffff;\n        font-size: 1.55rem;\n    }\n\n    .imm-name-symbol strong {\n        color: var(--imm-red-deep);\n        font-size: 1.32rem;\n        font-weight: 800;\n        line-height: 1.4;\n    }\n\n    .imm-name-copy {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        padding: 29px;\n        border: 1px solid var(--imm-border);\n        border-radius: 20px;\n        background: #ffffff;\n    }\n\n    .imm-name-copy p {\n        margin: 0 0 16px;\n        color: var(--imm-muted);\n        font-size: 0.97rem;\n        line-height: 1.85;\n        text-align: justify;\n    }\n\n    .imm-name-copy p:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* Kaderisasi *\/\n    .imm-flow {\n        position: relative;\n        display: grid;\n        grid-template-columns: repeat(5, minmax(0, 1fr));\n        gap: 14px;\n    }\n\n    .imm-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(--imm-gold), var(--imm-red));\n        content: '';\n    }\n\n    .imm-flow-step {\n        position: relative;\n        z-index: 1;\n        padding: 20px 14px;\n        border: 1px solid var(--imm-border);\n        border-radius: 16px;\n        background: #ffffff;\n        text-align: center;\n    }\n\n    .imm-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(--imm-red);\n        box-shadow: 0 0 0 2px #e6babc;\n        color: #ffffff;\n        font-size: 0.78rem;\n        font-weight: 800;\n    }\n\n    .imm-flow-step h3 {\n        margin: 0 0 6px;\n        color: var(--imm-red-deep);\n        font-size: 0.84rem;\n        font-weight: 800;\n        line-height: 1.4;\n    }\n\n    .imm-flow-step p {\n        margin: 0;\n        color: var(--imm-muted);\n        font-size: 0.72rem;\n        line-height: 1.55;\n        text-align: center;\n    }\n\n    .imm-note {\n        display: flex;\n        align-items: flex-start;\n        gap: 11px;\n        margin-top: 20px;\n        padding: 17px 19px;\n        border: 1px solid #ead598;\n        border-radius: 14px;\n        background: #fff9e5;\n        color: #675b32;\n        font-size: 0.84rem;\n        font-weight: 650;\n        line-height: 1.65;\n    }\n\n    .imm-note i {\n        margin-top: 4px;\n        color: #a37e18;\n    }\n\n    \/* Kolaborasi *\/\n    .imm-collaboration {\n        min-height: 250px;\n        padding: 29px;\n        border: 1px solid var(--imm-border);\n        border-radius: 19px;\n        background: linear-gradient(145deg, #ffffff 0%, #fffafa 100%);\n    }\n\n    .imm-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(--imm-red-light);\n        color: var(--imm-red-dark);\n        font-size: 1.15rem;\n    }\n\n    .imm-collaboration h3 {\n        margin: 0 0 12px;\n        color: var(--imm-red-deep);\n        font-size: 1.05rem;\n        font-weight: 800;\n    }\n\n    .imm-collaboration ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .imm-collaboration li {\n        position: relative;\n        margin-bottom: 9px;\n        padding-left: 22px;\n        color: var(--imm-muted);\n        font-size: 0.87rem;\n        line-height: 1.65;\n    }\n\n    .imm-collaboration li:last-child {\n        margin-bottom: 0;\n    }\n\n    .imm-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(--imm-gold);\n        content: '';\n    }\n\n    \/* Kontak *\/\n    .imm-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, #71070d 0%, #a80d15 56%, #d71920 100%);\n        box-shadow: 0 18px 44px rgba(113, 7, 13, 0.2);\n        color: #ffffff;\n        text-align: center;\n    }\n\n    .imm-contact::before {\n        position: absolute;\n        right: -70px;\n        bottom: -100px;\n        width: 260px;\n        height: 260px;\n        border-radius: 50%;\n        background: rgba(225, 178, 58, 0.14);\n        content: '';\n    }\n\n    .imm-contact h2,\n    .imm-contact p,\n    .imm-contact-actions {\n        position: relative;\n        z-index: 1;\n    }\n\n    .imm-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    .imm-contact p {\n        max-width: 760px;\n        margin: 0 auto 24px;\n        color: rgba(255, 255, 255, 0.87);\n        font-size: 0.98rem;\n        line-height: 1.8;\n        text-align: center;\n    }\n\n    .imm-contact-actions {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 12px;\n    }\n\n    .imm-contact-button {\n        display: inline-flex;\n        min-height: 48px;\n        align-items: center;\n        justify-content: center;\n        gap: 9px;\n        padding: 12px 18px;\n        border: 1px solid rgba(255, 255, 255, 0.25);\n        border-radius: 13px;\n        background: #ffffff;\n        color: var(--imm-red-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    .imm-contact-button.is-gold {\n        border-color: var(--imm-gold);\n        background: var(--imm-gold);\n        color: #493803;\n    }\n\n    .imm-contact-button:hover {\n        transform: translateY(-2px);\n        background: #fff7f7;\n        color: var(--imm-red-deep);\n        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.13);\n    }\n\n    .imm-contact-button.is-gold:hover {\n        background: #efc657;\n        color: #493803;\n    }\n\n    .imm-toast {\n        position: fixed;\n        z-index: 99999;\n        right: 24px;\n        bottom: 24px;\n        display: flex;\n        max-width: min(420px, calc(100vw - 32px));\n        align-items: flex-start;\n        gap: 11px;\n        padding: 15px 17px;\n        border: 1px solid #e5b9bb;\n        border-radius: 14px;\n        background: #ffffff;\n        box-shadow: 0 16px 40px rgba(113, 7, 13, 0.2);\n        color: var(--imm-red-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    .imm-toast.is-visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    .imm-toast i {\n        margin-top: 3px;\n        color: var(--imm-red);\n    }\n\n    @media (max-width: 1050px) {\n        .imm-hero-content {\n            grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.8fr);\n            gap: 38px;\n        }\n\n        .imm-logo-frame {\n            width: min(100%, 235px);\n        }\n\n        .imm-nav {\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n        }\n\n        .imm-grid-4 {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .imm-grid-5 {\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n        }\n    }\n\n    @media (max-width: 900px) {\n        .imm-inner {\n            width: min(100% - 32px, 1240px);\n            padding: 40px 0 54px;\n        }\n\n        .imm-hero {\n            padding: 52px 30px 92px;\n            border-radius: 24px;\n            text-align: center;\n        }\n\n        .imm-hero-content {\n            grid-template-columns: 1fr;\n            gap: 28px;\n        }\n\n        .imm-logo-panel {\n            order: -1;\n        }\n\n        .imm-logo-frame {\n            width: 190px;\n            padding: 17px;\n            border-radius: 23px;\n        }\n\n        .imm-logo-frame::before {\n            inset: 8px;\n            border-radius: 17px;\n        }\n\n        .imm-hero h1,\n        .imm-hero h2,\n        .imm-hero p {\n            margin-right: auto;\n            margin-left: auto;\n        }\n\n        .imm-hero p {\n            text-align: center;\n        }\n\n        .imm-nav {\n            width: min(100% - 32px, 900px);\n            margin-top: -58px;\n        }\n\n        .imm-section {\n            padding: 32px;\n        }\n\n        .imm-profile-layout,\n        .imm-name-layout {\n            grid-template-columns: 1fr;\n        }\n\n        .imm-profile-highlight {\n            min-height: 255px;\n        }\n\n        .imm-grid-3 {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .imm-flow {\n            grid-template-columns: 1fr;\n        }\n\n        .imm-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(--imm-gold), var(--imm-red));\n        }\n\n        .imm-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        .imm-flow-step span {\n            grid-row: 1 \/ span 2;\n            margin-bottom: 0;\n        }\n\n        .imm-flow-step h3,\n        .imm-flow-step p {\n            text-align: left;\n        }\n    }\n\n    @media (max-width: 680px) {\n        .imm-inner {\n            width: calc(100% - 24px);\n            padding: 28px 0 40px;\n        }\n\n        .imm-hero {\n            margin-bottom: 20px;\n            padding: 38px 20px 88px;\n            border-radius: 19px;\n        }\n\n        .imm-hero-content {\n            gap: 22px;\n        }\n\n        .imm-logo-frame {\n            width: 158px;\n            padding: 13px;\n            border-radius: 20px;\n        }\n\n        .imm-logo-frame::before {\n            inset: 7px;\n            border-radius: 14px;\n        }\n\n        .imm-logo-caption {\n            font-size: 0.61rem;\n        }\n\n        .imm-eyebrow {\n            padding: 7px 13px;\n            font-size: 0.64rem;\n        }\n\n        .imm-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        .imm-nav a {\n            min-height: 42px;\n            font-size: 0.69rem;\n        }\n\n        .imm-section {\n            margin-bottom: 20px;\n            padding: 24px 20px;\n            border-radius: 18px;\n        }\n\n        .imm-heading {\n            align-items: flex-start;\n            gap: 11px;\n        }\n\n        .imm-heading-icon {\n            flex-basis: 42px;\n            width: 42px;\n            height: 42px;\n            border-radius: 12px;\n        }\n\n        .imm-section > p,\n        .imm-profile-copy p,\n        .imm-name-copy p {\n            text-align: left;\n        }\n\n        .imm-purpose {\n            padding: 82px 22px 28px;\n        }\n\n        .imm-purpose-icon {\n            top: 22px;\n            left: 22px;\n            width: 46px;\n            height: 46px;\n            border-radius: 14px;\n        }\n\n        .imm-grid-2,\n        .imm-grid-3,\n        .imm-grid-4,\n        .imm-grid-5 {\n            grid-template-columns: 1fr;\n        }\n\n        .imm-trilogy,\n        .imm-feature,\n        .imm-program {\n            min-height: 0;\n        }\n\n        .imm-contact {\n            padding: 40px 21px;\n            border-radius: 19px;\n        }\n\n        .imm-contact-actions {\n            flex-direction: column;\n        }\n\n        .imm-contact-button {\n            width: 100%;\n        }\n\n        .imm-toast {\n            right: 16px;\n            bottom: 16px;\n            left: 16px;\n            max-width: none;\n        }\n    }\n<\/style>\n\n<main class=\"imm-page\">\n    <div class=\"imm-inner\">\n        <header class=\"imm-hero\">\n            <div class=\"imm-hero-content\">\n                <div class=\"imm-hero-copy\">\n                    <span class=\"imm-eyebrow\">\n                        <i class=\"fa-solid fa-mosque\" aria-hidden=\"true\"><\/i>\n                        Organisasi Otonom Muhammadiyah\n                    <\/span>\n                    <h1>PK IMM Fatimah Az-Zahra IPTAR<\/h1>\n                    <h2>Pimpinan Komisariat Ikatan Mahasiswa Muhammadiyah Institut Pendidikan dan Teknologi \u2018Aisyiyah Riau<\/h2>\n                    <p>Meneguhkan religiusitas, mengembangkan intelektualitas, dan menghadirkan gerakan kemanusiaan melalui kaderisasi serta dakwah mahasiswa yang berkemajuan.<\/p>\n                <\/div>\n\n                <div class=\"imm-logo-panel\">\n                    <div class=\"imm-logo-frame\">\n                        <!-- Berkas logo: https:\/\/id.wikipedia.org\/wiki\/Berkas:Logo_IMM.svg -->\n                        <img src=\"https:\/\/commons.wikimedia.org\/wiki\/Special:Redirect\/file\/Logo_IMM.svg\" alt=\"Logo Ikatan Mahasiswa Muhammadiyah\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\">\n                    <\/div>\n                    <span class=\"imm-logo-caption\">Logo Ikatan Mahasiswa Muhammadiyah<\/span>\n                <\/div>\n            <\/div>\n            <span class=\"imm-hero-accent\" aria-hidden=\"true\"><\/span>\n        <\/header>\n\n        <nav class=\"imm-nav\" aria-label=\"Navigasi halaman PK IMM Fatimah Az-Zahra IPTAR\">\n            <a href=\"#imm-profil\"><i class=\"fa-solid fa-house\" aria-hidden=\"true\"><\/i>Profil<\/a>\n            <a href=\"#imm-tujuan\"><i class=\"fa-solid fa-bullseye\" aria-hidden=\"true\"><\/i>Tujuan<\/a>\n            <a href=\"#imm-trilogi\"><i class=\"fa-solid fa-gem\" aria-hidden=\"true\"><\/i>Tri Kompetensi<\/a>\n            <a href=\"#imm-peran\"><i class=\"fa-solid fa-gears\" aria-hidden=\"true\"><\/i>Peran<\/a>\n            <a href=\"#imm-program\"><i class=\"fa-solid fa-list-check\" aria-hidden=\"true\"><\/i>Program<\/a>\n            <a href=\"#imm-kaderisasi\"><i class=\"fa-solid fa-people-group\" aria-hidden=\"true\"><\/i>Kaderisasi<\/a>\n            <a href=\"#imm-kontak\"><i class=\"fa-solid fa-paper-plane\" aria-hidden=\"true\"><\/i>Kontak<\/a>\n        <\/nav>\n\n        <section id=\"imm-profil\" class=\"imm-section imm-anchor\">\n            <div class=\"imm-heading\">\n                <span class=\"imm-heading-icon\"><i class=\"fa-solid fa-people-group\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Mengenal Organisasi<\/span>\n                    <h2>Profil PK IMM Fatimah Az-Zahra IPTAR<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"imm-profile-layout\">\n                <div class=\"imm-profile-copy\">\n                    <p>Ikatan Mahasiswa Muhammadiyah (IMM) merupakan organisasi gerakan mahasiswa Islam sekaligus Organisasi Otonom Muhammadiyah yang bergerak di bidang keagamaan, kemahasiswaan, dan kemasyarakatan. IMM menjadi wadah kaderisasi bagi mahasiswa untuk mengembangkan keimanan, keilmuan, kepemimpinan, kepedulian sosial, serta pengabdian kepada umat dan bangsa.<\/p>\n                    <p>Institut Pendidikan dan Teknologi \u2018Aisyiyah Riau (IPTAR), sebagai perguruan tinggi \u2018Aisyiyah di lingkungan Persyarikatan Muhammadiyah\u2013\u2018Aisyiyah, memiliki komisariat IMM yang dikenal sebagai <strong>Pimpinan Komisariat IMM Fatimah Az-Zahra IPTAR<\/strong>. Komisariat ini menjadi ruang pembinaan kader, dakwah kampus, diskusi intelektual, dan gerakan sosial bagi mahasiswa IPTAR.<\/p>\n                    <p>PK IMM Fatimah Az-Zahra IPTAR mendorong mahasiswa agar tidak hanya unggul secara akademik, tetapi juga memiliki akhlak mulia, daya kritis, kecakapan organisasi, kepedulian terhadap persoalan masyarakat, serta semangat untuk menghadirkan Islam sebagai rahmat bagi seluruh alam.<\/p>\n                <\/div>\n\n                <aside class=\"imm-profile-highlight\">\n                    <i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>\n                    <small>Bidang Gerakan IMM<\/small>\n                    <strong>Keagamaan, Kemahasiswaan, dan Kemasyarakatan<\/strong>\n                    <p>Menyatukan pembinaan keislaman, tradisi keilmuan, kepemimpinan mahasiswa, dan keberpihakan sosial.<\/p>\n                <\/aside>\n            <\/div>\n        <\/section>\n\n        <section id=\"imm-tujuan\" class=\"imm-section imm-anchor\">\n            <div class=\"imm-heading\">\n                <span class=\"imm-heading-icon\"><i class=\"fa-solid fa-bullseye\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Orientasi Perkaderan<\/span>\n                    <h2>Tujuan dan Fokus Gerakan<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"imm-purpose\">\n                <span class=\"imm-purpose-icon\"><i class=\"fa-solid fa-quote-left\" aria-hidden=\"true\"><\/i><\/span>\n                <p>\u201cMengusahakan terbentuknya akademisi Islam yang berakhlak mulia dalam rangka mencapai tujuan Muhammadiyah.\u201d<\/p>\n            <\/div>\n\n            <div class=\"imm-grid-2\">\n                <article class=\"imm-focus\"><span class=\"imm-number\">01<\/span><p>Menanamkan nilai-nilai keislaman dan Kemuhammadiyahan sebagai landasan berpikir, bersikap, dan bergerak.<\/p><\/article>\n                <article class=\"imm-focus\"><span class=\"imm-number\">02<\/span><p>Mengembangkan budaya literasi, diskusi, riset, dan pemikiran kritis di lingkungan mahasiswa IPTAR.<\/p><\/article>\n                <article class=\"imm-focus\"><span class=\"imm-number\">03<\/span><p>Membentuk kader yang berintegritas, berjiwa pemimpin, mampu bekerja sama, dan bertanggung jawab.<\/p><\/article>\n                <article class=\"imm-focus\"><span class=\"imm-number\">04<\/span><p>Menghadirkan dakwah kampus yang mencerahkan, ramah, inklusif, serta relevan dengan kebutuhan mahasiswa.<\/p><\/article>\n                <article class=\"imm-focus\"><span class=\"imm-number\">05<\/span><p>Mendorong kepedulian dan aksi nyata terhadap persoalan sosial, pendidikan, kemanusiaan, dan lingkungan.<\/p><\/article>\n                <article class=\"imm-focus\"><span class=\"imm-number\">06<\/span><p>Memperkuat kolaborasi dengan organisasi mahasiswa, Persyarikatan, komunitas, dan mitra eksternal.<\/p><\/article>\n            <\/div>\n        <\/section>\n\n        <section id=\"imm-trilogi\" class=\"imm-section imm-anchor\">\n            <div class=\"imm-heading\">\n                <span class=\"imm-heading-icon\"><i class=\"fa-solid fa-gem\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Karakter Dasar Kader<\/span>\n                    <h2>Tri Kompetensi Dasar IMM<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"imm-grid-3\">\n                <article class=\"imm-trilogy\">\n                    <i class=\"fa-solid fa-mosque\" aria-hidden=\"true\"><\/i>\n                    <h3>Religiusitas<\/h3>\n                    <p>Membangun pribadi kader yang kokoh dalam keimanan, berakhlak mulia, memahami ajaran Islam, dan mengamalkannya secara mencerahkan dalam kehidupan sehari-hari.<\/p>\n                <\/article>\n                <article class=\"imm-trilogy\">\n                    <i class=\"fa-solid fa-book-open-reader\" aria-hidden=\"true\"><\/i>\n                    <h3>Intelektualitas<\/h3>\n                    <p>Menumbuhkan tradisi membaca, menulis, berdiskusi, meneliti, serta menyampaikan gagasan secara kritis, ilmiah, terbuka, dan bertanggung jawab.<\/p>\n                <\/article>\n                <article class=\"imm-trilogy\">\n                    <i class=\"fa-solid fa-hand-holding-heart\" aria-hidden=\"true\"><\/i>\n                    <h3>Humanitas<\/h3>\n                    <p>Membentuk kepekaan terhadap persoalan kemanusiaan dan keberanian menghadirkan solusi melalui pengabdian, advokasi, serta gerakan sosial yang berkeadilan.<\/p>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <section id=\"imm-peran\" class=\"imm-section imm-anchor\">\n            <div class=\"imm-heading\">\n                <span class=\"imm-heading-icon\"><i class=\"fa-solid fa-gears\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Kontribusi Komisariat<\/span>\n                    <h2>Peran PK IMM di Lingkungan IPTAR<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"imm-grid-4\">\n                <article class=\"imm-feature\">\n                    <i class=\"fa-solid fa-user-graduate\" aria-hidden=\"true\"><\/i>\n                    <h3>Wadah Kaderisasi<\/h3>\n                    <p>Membina mahasiswa menjadi kader akademis, organisatoris, dan ideologis yang berakhlak mulia.<\/p>\n                <\/article>\n                <article class=\"imm-feature\">\n                    <i class=\"fa-solid fa-book-quran\" aria-hidden=\"true\"><\/i>\n                    <h3>Gerakan Dakwah Kampus<\/h3>\n                    <p>Menghadirkan kegiatan keislaman yang mencerahkan dan dekat dengan kehidupan mahasiswa.<\/p>\n                <\/article>\n                <article class=\"imm-feature\">\n                    <i class=\"fa-solid fa-comments\" aria-hidden=\"true\"><\/i>\n                    <h3>Forum Intelektual<\/h3>\n                    <p>Membangun ruang diskusi, literasi, kajian, riset, dan pertukaran gagasan di lingkungan kampus.<\/p>\n                <\/article>\n                <article class=\"imm-feature\">\n                    <i class=\"fa-solid fa-hands-holding-circle\" aria-hidden=\"true\"><\/i>\n                    <h3>Gerakan Sosial<\/h3>\n                    <p>Menggerakkan kepedulian mahasiswa melalui aksi kemanusiaan dan pengabdian kepada masyarakat.<\/p>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <section class=\"imm-section\">\n            <div class=\"imm-heading\">\n                <span class=\"imm-heading-icon\"><i class=\"fa-solid fa-star-and-crescent\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Identitas Komisariat<\/span>\n                    <h2>Semangat Nama Fatimah Az-Zahra<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"imm-name-layout\">\n                <div class=\"imm-name-symbol\">\n                    <i class=\"fa-solid fa-seedling\" aria-hidden=\"true\"><\/i>\n                    <strong>Fatimah Az-Zahra<\/strong>\n                <\/div>\n                <div class=\"imm-name-copy\">\n                    <p>Nama Fatimah Az-Zahra menjadi identitas komisariat yang membawa semangat keteguhan iman, kecerdasan, kesederhanaan, keberanian, serta kemuliaan akhlak. Nilai-nilai tersebut menjadi inspirasi bagi kader untuk terus belajar, menjaga integritas, dan memberikan manfaat bagi lingkungan sekitarnya.<\/p>\n                    <p>Melalui identitas ini, PK IMM Fatimah Az-Zahra IPTAR diarahkan menjadi rumah perkaderan yang hangat, inklusif, dan produktif\u2014tempat mahasiswa bertumbuh sebagai pribadi berilmu, beriman, berorganisasi, dan siap mengabdi.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"imm-program\" class=\"imm-section imm-anchor\">\n            <div class=\"imm-heading\">\n                <span class=\"imm-heading-icon\"><i class=\"fa-solid fa-list-check\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Ruang Aktualisasi Kader<\/span>\n                    <h2>Bidang Program dan Kegiatan<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"imm-grid-3\">\n                <article class=\"imm-program\">\n                    <i class=\"fa-solid fa-people-group\" aria-hidden=\"true\"><\/i>\n                    <h3>Perkaderan dan Kepemimpinan<\/h3>\n                    <p>Darul Arqam Dasar, pelatihan kepemimpinan, pendampingan kader, serta penguatan budaya organisasi.<\/p>\n                <\/article>\n                <article class=\"imm-program\">\n                    <i class=\"fa-solid fa-mosque\" aria-hidden=\"true\"><\/i>\n                    <h3>Keislaman dan Kemuhammadiyahan<\/h3>\n                    <p>Kajian Islam, diskusi Kemuhammadiyahan, pembinaan ibadah, dan dakwah mahasiswa yang berkemajuan.<\/p>\n                <\/article>\n                <article class=\"imm-program\">\n                    <i class=\"fa-solid fa-book-open\" aria-hidden=\"true\"><\/i>\n                    <h3>Keilmuan, Literasi, dan Riset<\/h3>\n                    <p>Forum diskusi, bedah buku, kelas menulis, kajian isu, pelatihan riset, dan publikasi gagasan mahasiswa.<\/p>\n                <\/article>\n                <article class=\"imm-program\">\n                    <i class=\"fa-solid fa-hand-holding-heart\" aria-hidden=\"true\"><\/i>\n                    <h3>Sosial dan Kemanusiaan<\/h3>\n                    <p>Bakti sosial, aksi kemanusiaan, kepedulian lingkungan, pendidikan masyarakat, dan pengabdian komunitas.<\/p>\n                <\/article>\n                <article class=\"imm-program\">\n                    <i class=\"fa-solid fa-microphone-lines\" aria-hidden=\"true\"><\/i>\n                    <h3>Media dan Dakwah Digital<\/h3>\n                    <p>Pengelolaan media komisariat, konten edukatif, dokumentasi kegiatan, kampanye positif, dan literasi digital.<\/p>\n                <\/article>\n                <article class=\"imm-program\">\n                    <i class=\"fa-solid fa-handshake\" aria-hidden=\"true\"><\/i>\n                    <h3>Kolaborasi dan Jejaring<\/h3>\n                    <p>Sinergi dengan organisasi mahasiswa, komisariat IMM, Persyarikatan, komunitas, dan lembaga mitra.<\/p>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <section id=\"imm-kaderisasi\" class=\"imm-section imm-anchor\">\n            <div class=\"imm-heading\">\n                <span class=\"imm-heading-icon\"><i class=\"fa-solid fa-people-arrows-left-right\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Proses Bertumbuh Bersama<\/span>\n                    <h2>Alur Kaderisasi Mahasiswa<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"imm-flow\">\n                <article class=\"imm-flow-step\"><span>01<\/span><h3>Mengenal IMM<\/h3><p>Mengikuti pengenalan, kajian, atau kegiatan terbuka komisariat.<\/p><\/article>\n                <article class=\"imm-flow-step\"><span>02<\/span><h3>Berpartisipasi<\/h3><p>Terlibat dalam forum, kepanitiaan, diskusi, dan aksi sosial.<\/p><\/article>\n                <article class=\"imm-flow-step\"><span>03<\/span><h3>Perkaderan Dasar<\/h3><p>Mengikuti Darul Arqam Dasar sesuai ketentuan organisasi.<\/p><\/article>\n                <article class=\"imm-flow-step\"><span>04<\/span><h3>Pengembangan Kader<\/h3><p>Memperkuat kompetensi, ideologi, kepemimpinan, dan keilmuan.<\/p><\/article>\n                <article class=\"imm-flow-step\"><span>05<\/span><h3>Mengabdi dan Memimpin<\/h3><p>Mengambil tanggung jawab serta menghadirkan manfaat nyata.<\/p><\/article>\n            <\/div>\n\n            <div class=\"imm-note\">\n                <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i>\n                <span>Pelaksanaan perkaderan dan keanggotaan mengikuti pedoman serta ketentuan resmi Ikatan Mahasiswa Muhammadiyah.<\/span>\n            <\/div>\n        <\/section>\n\n        <section class=\"imm-section\">\n            <div class=\"imm-heading\">\n                <span class=\"imm-heading-icon\"><i class=\"fa-solid fa-handshake\" aria-hidden=\"true\"><\/i><\/span>\n                <div>\n                    <span>Sinergi Gerakan<\/span>\n                    <h2>Jejaring dan Kolaborasi<\/h2>\n                <\/div>\n            <\/div>\n\n            <div class=\"imm-grid-2\">\n                <article class=\"imm-collaboration\">\n                    <i class=\"fa-solid fa-building-columns\" aria-hidden=\"true\"><\/i>\n                    <h3>Kolaborasi di Lingkungan IPTAR<\/h3>\n                    <ul>\n                        <li>Pimpinan institut dan unit pembinaan kemahasiswaan<\/li>\n                        <li>BEM, organisasi mahasiswa program studi, dan komunitas mahasiswa<\/li>\n                        <li>Program studi, LAIKA, LPPM, serta unit terkait lainnya<\/li>\n                        <li>Kegiatan akademik, dakwah kampus, dan Caturdharma Perguruan Tinggi<\/li>\n                    <\/ul>\n                <\/article>\n\n                <article class=\"imm-collaboration\">\n                    <i class=\"fa-solid fa-earth-asia\" aria-hidden=\"true\"><\/i>\n                    <h3>Kolaborasi Eksternal<\/h3>\n                    <ul>\n                        <li>Pimpinan Cabang dan Pimpinan Daerah IMM<\/li>\n                        <li>Komisariat IMM perguruan tinggi lain<\/li>\n                        <li>Persyarikatan Muhammadiyah dan \u2018Aisyiyah<\/li>\n                        <li>Organisasi kepemudaan, komunitas, dan lembaga sosial<\/li>\n                    <\/ul>\n                <\/article>\n            <\/div>\n        <\/section>\n\n        <section id=\"imm-kontak\" class=\"imm-contact imm-anchor\">\n            <h2>Terhubung dengan PK IMM Fatimah Az-Zahra IPTAR<\/h2>\n            <p>Ikuti kegiatan komisariat, kenali proses perkaderan, atau ajukan kolaborasi melalui kanal resmi PK IMM Fatimah Az-Zahra IPTAR.<\/p>\n            <div class=\"imm-contact-actions\">\n                <!-- GANTI href=\"#\" DENGAN LINK PENDAFTARAN ATAU FORM MINAT -->\n                <a class=\"imm-contact-button is-gold imm-placeholder-link\" href=\"#\"><i class=\"fa-solid fa-user-plus\" aria-hidden=\"true\"><\/i>Kenali dan Bergabung<\/a>\n                <!-- GANTI href=\"#\" DENGAN LINK INSTAGRAM KOMISARIAT -->\n                <a class=\"imm-contact-button imm-placeholder-link\" href=\"#\"><i class=\"fa-brands fa-instagram\" aria-hidden=\"true\"><\/i>Instagram Komisariat<\/a>\n                <a class=\"imm-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=\"imm-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 media sosial PK IMM Fatimah Az-Zahra IPTAR.<\/span>\n    <\/div>\n<\/main>\n\n<script>\n    (function () {\n        'use strict';\n\n        document.querySelectorAll('.imm-page').forEach(function (page) {\n            var toast = page.querySelector('.imm-toast');\n            var toastTimer;\n\n            page.querySelectorAll('.imm-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 Otonom Muhammadiyah PK IMM Fatimah Az-Zahra IPTAR Pimpinan Komisariat Ikatan Mahasiswa Muhammadiyah Institut Pendidikan dan Teknologi \u2018Aisyiyah Riau Meneguhkan [&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-17","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>IMM Fatimah Az- Zahra - 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\/imm\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"IMM Fatimah Az- Zahra\" \/>\n<meta property=\"og:description\" content=\"Organisasi Otonom Muhammadiyah PK IMM Fatimah Az-Zahra IPTAR Pimpinan Komisariat Ikatan Mahasiswa Muhammadiyah Institut Pendidikan dan Teknologi \u2018Aisyiyah Riau Meneguhkan [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/iptar.ac.id\/index.php\/imm\/\" \/>\n<meta property=\"og:site_name\" content=\"Institut Pendidikan dan Teknologi &#039;Aisyiyah riau\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-29T04:11:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/commons.wikimedia.org\/wiki\/Special:Redirect\/file\/Logo_IMM.svg\" \/>\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=\"4 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\\\/imm\\\/\",\"url\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/imm\\\/\",\"name\":\"IMM Fatimah Az- Zahra - Institut Pendidikan dan Teknologi &#039;Aisyiyah riau\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/imm\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/imm\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/commons.wikimedia.org\\\/wiki\\\/Special:Redirect\\\/file\\\/Logo_IMM.svg\",\"datePublished\":\"2025-11-10T11:20:26+00:00\",\"dateModified\":\"2026-08-29T04:11:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/imm\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/imm\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/imm\\\/#primaryimage\",\"url\":\"https:\\\/\\\/commons.wikimedia.org\\\/wiki\\\/Special:Redirect\\\/file\\\/Logo_IMM.svg\",\"contentUrl\":\"https:\\\/\\\/commons.wikimedia.org\\\/wiki\\\/Special:Redirect\\\/file\\\/Logo_IMM.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/iptar.ac.id\\\/index.php\\\/imm\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/iptar.ac.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"IMM Fatimah Az- Zahra\"}]},{\"@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":"IMM Fatimah Az- Zahra - 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\/imm\/","og_locale":"en_US","og_type":"article","og_title":"IMM Fatimah Az- Zahra","og_description":"Organisasi Otonom Muhammadiyah PK IMM Fatimah Az-Zahra IPTAR Pimpinan Komisariat Ikatan Mahasiswa Muhammadiyah Institut Pendidikan dan Teknologi \u2018Aisyiyah Riau Meneguhkan [&hellip;]","og_url":"https:\/\/iptar.ac.id\/index.php\/imm\/","og_site_name":"Institut Pendidikan dan Teknologi &#039;Aisyiyah riau","article_modified_time":"2026-08-29T04:11:36+00:00","og_image":[{"url":"https:\/\/commons.wikimedia.org\/wiki\/Special:Redirect\/file\/Logo_IMM.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/iptar.ac.id\/index.php\/imm\/","url":"https:\/\/iptar.ac.id\/index.php\/imm\/","name":"IMM Fatimah Az- Zahra - Institut Pendidikan dan Teknologi &#039;Aisyiyah riau","isPartOf":{"@id":"https:\/\/iptar.ac.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/iptar.ac.id\/index.php\/imm\/#primaryimage"},"image":{"@id":"https:\/\/iptar.ac.id\/index.php\/imm\/#primaryimage"},"thumbnailUrl":"https:\/\/commons.wikimedia.org\/wiki\/Special:Redirect\/file\/Logo_IMM.svg","datePublished":"2025-11-10T11:20:26+00:00","dateModified":"2026-08-29T04:11:36+00:00","breadcrumb":{"@id":"https:\/\/iptar.ac.id\/index.php\/imm\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/iptar.ac.id\/index.php\/imm\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/iptar.ac.id\/index.php\/imm\/#primaryimage","url":"https:\/\/commons.wikimedia.org\/wiki\/Special:Redirect\/file\/Logo_IMM.svg","contentUrl":"https:\/\/commons.wikimedia.org\/wiki\/Special:Redirect\/file\/Logo_IMM.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/iptar.ac.id\/index.php\/imm\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/iptar.ac.id\/"},{"@type":"ListItem","position":2,"name":"IMM Fatimah Az- Zahra"}]},{"@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\/17","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=17"}],"version-history":[{"count":7,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":1230,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/17\/revisions\/1230"}],"wp:attachment":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}