{"id":817,"date":"2026-01-28T13:32:15","date_gmt":"2026-01-28T06:32:15","guid":{"rendered":"https:\/\/iptar.ac.id\/?page_id=817"},"modified":"2026-08-29T12:37:21","modified_gmt":"2026-08-29T05:37:21","slug":"program-kemahasiswaan","status":"publish","type":"page","link":"https:\/\/iptar.ac.id\/index.php\/program-kemahasiswaan\/","title":{"rendered":"Program Kemahasiswaan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"817\" class=\"elementor elementor-817\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2b18d4 e-con-full e-flex e-con e-parent\" data-id=\"a2b18d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8044388 elementor-widget elementor-widget-html\" data-id=\"8044388\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     HALAMAN PROGRAM KEMAHASISWAAN IPTAR\n     Siap ditempel pada widget HTML Elementor\n     Tema Institusi: Hijau - Putih - Kuning\n========================================================== -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\n\n<style>\n    \/* =========================================================\n       1. VARIABEL DAN RESET TERBATAS\n    ========================================================== *\/\n    .kemahasiswaan-page {\n        --km-green-950: #082f22;\n        --km-green-900: #0d4430;\n        --km-green-800: #125a3f;\n        --km-green-700: #1a724f;\n        --km-green-600: #278b62;\n        --km-green-500: #43a77b;\n        --km-green-200: #bfe7d2;\n        --km-green-100: #eaf7f0;\n        --km-yellow: #f4c948;\n        --km-yellow-soft: #fff5cd;\n        --km-white: #ffffff;\n        --km-cream: #fffdf6;\n        --km-ink: #20332a;\n        --km-muted: #68776f;\n        --km-line: rgba(13, 68, 48, 0.13);\n        --km-shadow-sm: 0 12px 30px rgba(8, 47, 34, 0.08);\n        --km-shadow-md: 0 20px 50px rgba(8, 47, 34, 0.13);\n        --km-shadow-lg: 0 30px 80px rgba(5, 36, 25, 0.22);\n\n        position: relative;\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: calc(50% - 50vw);\n        margin-right: calc(50% - 50vw);\n        overflow: hidden;\n        color: var(--km-ink);\n        background: var(--km-white);\n        font-family: \"DM Sans\", Arial, sans-serif;\n        line-height: 1.7;\n        isolation: isolate;\n    }\n\n    .kemahasiswaan-page,\n    .kemahasiswaan-page * {\n        box-sizing: border-box;\n    }\n\n    .kemahasiswaan-page h1,\n    .kemahasiswaan-page h2,\n    .kemahasiswaan-page h3,\n    .kemahasiswaan-page p {\n        margin-top: 0;\n    }\n\n    .kemahasiswaan-page a {\n        color: inherit;\n        text-decoration: none;\n    }\n\n    .km-container {\n        width: min(1240px, calc(100% - 40px));\n        margin-inline: auto;\n    }\n\n    .km-anchor {\n        scroll-margin-top: 100px;\n    }\n\n    \/* =========================================================\n       2. HERO\n    ========================================================== *\/\n    .km-hero {\n        position: relative;\n        min-height: 680px;\n        display: flex;\n        align-items: center;\n        padding: 90px 0 82px;\n        overflow: hidden;\n        color: var(--km-white);\n        background:\n            radial-gradient(circle at 10% 18%, rgba(67, 167, 123, 0.28), transparent 28%),\n            radial-gradient(circle at 88% 80%, rgba(244, 201, 72, 0.2), transparent 30%),\n            linear-gradient(135deg, var(--km-green-950) 0%, var(--km-green-800) 55%, #237f5c 100%);\n    }\n\n    .km-hero-pattern {\n        position: absolute;\n        inset: 0;\n        opacity: 0.38;\n        background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2) 1.3px, transparent 1.7px);\n        background-size: 28px 28px;\n        mask-image: linear-gradient(90deg, #000 0%, transparent 70%);\n        pointer-events: none;\n    }\n\n    .km-hero::before {\n        content: \"\";\n        position: absolute;\n        width: 470px;\n        height: 470px;\n        top: -245px;\n        right: 4%;\n        border: 1px solid rgba(255, 255, 255, 0.14);\n        border-radius: 50%;\n        box-shadow:\n            0 0 0 55px rgba(255, 255, 255, 0.025),\n            0 0 0 110px rgba(255, 255, 255, 0.017);\n    }\n\n    .km-hero::after {\n        content: \"\";\n        position: absolute;\n        width: 380px;\n        height: 380px;\n        left: 3%;\n        bottom: -270px;\n        border-radius: 50%;\n        background: rgba(67, 167, 123, 0.18);\n    }\n\n    .km-hero-grid {\n        position: relative;\n        z-index: 2;\n        display: grid;\n        grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);\n        align-items: center;\n        gap: 70px;\n    }\n\n    .km-kicker {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 22px;\n        padding: 9px 16px;\n        border: 1px solid rgba(255, 255, 255, 0.27);\n        border-radius: 999px;\n        color: #effaf4;\n        background: rgba(255, 255, 255, 0.09);\n        font-size: 12px;\n        font-weight: 800;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        backdrop-filter: blur(10px);\n    }\n\n    .km-kicker-dot {\n        width: 9px;\n        height: 9px;\n        border-radius: 50%;\n        background: var(--km-yellow);\n        box-shadow: 0 0 0 5px rgba(244, 201, 72, 0.15);\n    }\n\n    .km-hero h1 {\n        max-width: 830px;\n        margin-bottom: 23px;\n        color: var(--km-white);\n        font-family: \"Manrope\", Arial, sans-serif;\n        font-size: clamp(44px, 5.6vw, 76px);\n        line-height: 1.06;\n        letter-spacing: -2.4px;\n    }\n\n    .km-hero h1 span {\n        color: var(--km-yellow);\n    }\n\n    .km-hero-lead {\n        max-width: 735px;\n        margin-bottom: 29px;\n        color: rgba(255, 255, 255, 0.83);\n        font-size: clamp(17px, 1.55vw, 21px);\n        line-height: 1.75;\n    }\n\n    .km-hero-motto {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 30px;\n        color: #ffdf76;\n        font-family: \"Manrope\", Arial, sans-serif;\n        font-size: 16px;\n        font-weight: 800;\n    }\n\n    .km-hero-motto::before {\n        content: \"\";\n        width: 35px;\n        height: 2px;\n        background: var(--km-yellow);\n    }\n\n    .km-hero-actions {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 13px;\n    }\n\n    .km-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        min-height: 51px;\n        padding: 13px 22px;\n        border: 1px solid rgba(255, 255, 255, 0.28);\n        border-radius: 14px;\n        font-size: 14px;\n        font-weight: 800;\n        transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;\n    }\n\n    .km-button:hover {\n        transform: translateY(-3px);\n    }\n\n    .km-button-primary {\n        color: var(--km-green-950);\n        border-color: var(--km-yellow);\n        background: var(--km-yellow);\n        box-shadow: 0 14px 35px rgba(4, 30, 21, 0.28);\n    }\n\n    .km-button-primary:hover {\n        background: #ffdd70;\n        box-shadow: 0 18px 42px rgba(4, 30, 21, 0.34);\n    }\n\n    .km-button-ghost {\n        color: var(--km-white);\n        background: rgba(255, 255, 255, 0.09);\n        backdrop-filter: blur(10px);\n    }\n\n    .km-button-ghost:hover {\n        background: rgba(255, 255, 255, 0.16);\n    }\n\n    .km-visual {\n        position: relative;\n        min-height: 390px;\n        display: grid;\n        place-items: center;\n    }\n\n    .km-visual-main {\n        position: relative;\n        z-index: 2;\n        width: 245px;\n        height: 245px;\n        display: grid;\n        place-items: center;\n        border: 1px solid rgba(255, 255, 255, 0.27);\n        border-radius: 50%;\n        color: var(--km-green-950);\n        background: var(--km-white);\n        box-shadow: var(--km-shadow-lg);\n        font-size: 84px;\n    }\n\n    .km-visual-main::before,\n    .km-visual-main::after {\n        content: \"\";\n        position: absolute;\n        border-radius: 50%;\n        pointer-events: none;\n    }\n\n    .km-visual-main::before {\n        inset: -32px;\n        border: 1px dashed rgba(255, 255, 255, 0.35);\n    }\n\n    .km-visual-main::after {\n        inset: 18px;\n        border: 1px solid rgba(13, 68, 48, 0.09);\n    }\n\n    .km-orbit-card {\n        position: absolute;\n        z-index: 3;\n        display: flex;\n        align-items: center;\n        gap: 9px;\n        padding: 12px 15px;\n        border: 1px solid rgba(255, 255, 255, 0.25);\n        border-radius: 14px;\n        color: var(--km-white);\n        background: rgba(255, 255, 255, 0.12);\n        box-shadow: 0 14px 35px rgba(4, 30, 21, 0.16);\n        backdrop-filter: blur(10px);\n        font-size: 12px;\n        font-weight: 800;\n    }\n\n    .km-orbit-card i {\n        color: var(--km-yellow);\n    }\n\n    .km-orbit-card.is-one {\n        top: 25px;\n        left: 3px;\n    }\n\n    .km-orbit-card.is-two {\n        top: 75px;\n        right: -2px;\n    }\n\n    .km-orbit-card.is-three {\n        bottom: 45px;\n        left: -7px;\n    }\n\n    .km-orbit-card.is-four {\n        right: 8px;\n        bottom: 12px;\n    }\n\n    \/* =========================================================\n       3. NAVIGASI CEPAT\n    ========================================================== *\/\n    .km-quick-nav-wrap {\n        position: relative;\n        z-index: 5;\n        margin-top: -32px;\n    }\n\n    .km-quick-nav {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 7px;\n        padding: 13px;\n        border: 1px solid var(--km-line);\n        border-radius: 20px;\n        background: rgba(255, 255, 255, 0.96);\n        box-shadow: var(--km-shadow-md);\n        backdrop-filter: blur(12px);\n    }\n\n    .km-quick-nav a {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 10px 14px;\n        border-radius: 11px;\n        color: var(--km-green-800);\n        font-size: 13px;\n        font-weight: 800;\n        transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;\n    }\n\n    .km-quick-nav a:hover {\n        color: var(--km-green-950);\n        background: var(--km-yellow-soft);\n        transform: translateY(-2px);\n    }\n\n    \/* =========================================================\n       4. BAGIAN UMUM\n    ========================================================== *\/\n    .km-section {\n        position: relative;\n        padding: 96px 0;\n    }\n\n    .km-section-white {\n        background: var(--km-white);\n    }\n\n    .km-section-soft {\n        background:\n            radial-gradient(circle at 91% 7%, rgba(67, 167, 123, 0.14), transparent 27%),\n            var(--km-cream);\n    }\n\n    .km-section-dark {\n        overflow: hidden;\n        color: var(--km-white);\n        background:\n            radial-gradient(circle at 12% 16%, rgba(67, 167, 123, 0.22), transparent 29%),\n            linear-gradient(135deg, var(--km-green-950), var(--km-green-800));\n    }\n\n    .km-section-dark::after {\n        content: \"\";\n        position: absolute;\n        width: 390px;\n        height: 390px;\n        right: -195px;\n        bottom: -235px;\n        border: 65px solid rgba(255, 255, 255, 0.04);\n        border-radius: 50%;\n    }\n\n    .km-section-heading {\n        max-width: 810px;\n        margin: 0 auto 50px;\n        text-align: center;\n    }\n\n    .km-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        margin-bottom: 13px;\n        color: var(--km-green-700);\n        font-size: 12px;\n        font-weight: 800;\n        letter-spacing: 1.7px;\n        text-transform: uppercase;\n    }\n\n    .km-eyebrow::before {\n        content: \"\";\n        width: 28px;\n        height: 3px;\n        border-radius: 999px;\n        background: linear-gradient(90deg, var(--km-yellow), var(--km-green-600));\n    }\n\n    .km-section-dark .km-eyebrow {\n        color: #caefdc;\n    }\n\n    .km-section-heading h2 {\n        margin-bottom: 17px;\n        color: var(--km-green-950);\n        font-family: \"Manrope\", Arial, sans-serif;\n        font-size: clamp(34px, 4vw, 51px);\n        line-height: 1.17;\n        letter-spacing: -1.2px;\n    }\n\n    .km-section-dark .km-section-heading h2 {\n        color: var(--km-white);\n    }\n\n    .km-section-heading p {\n        margin-bottom: 0;\n        color: var(--km-muted);\n        font-size: 17px;\n        line-height: 1.8;\n    }\n\n    .km-section-dark .km-section-heading p {\n        color: rgba(255, 255, 255, 0.74);\n    }\n\n    \/* =========================================================\n       5. TENTANG KEMAHASISWAAN\n    ========================================================== *\/\n    .km-intro-grid {\n        display: grid;\n        grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);\n        gap: 34px;\n        align-items: stretch;\n    }\n\n    .km-intro-copy,\n    .km-principle-card {\n        border: 1px solid var(--km-line);\n        border-radius: 27px;\n        background: var(--km-white);\n        box-shadow: var(--km-shadow-sm);\n    }\n\n    .km-intro-copy {\n        padding: clamp(28px, 4vw, 48px);\n    }\n\n    .km-intro-copy p {\n        margin-bottom: 20px;\n        color: var(--km-muted);\n        font-size: 16px;\n        line-height: 1.9;\n    }\n\n    .km-intro-copy p:last-child {\n        margin-bottom: 0;\n    }\n\n    .km-intro-copy strong {\n        color: var(--km-green-800);\n    }\n\n    .km-highlight {\n        display: grid;\n        grid-template-columns: 45px minmax(0, 1fr);\n        gap: 15px;\n        align-items: center;\n        margin-top: 28px;\n        padding: 20px;\n        border: 1px solid rgba(39, 139, 98, 0.18);\n        border-radius: 18px;\n        background: linear-gradient(135deg, var(--km-green-100), var(--km-yellow-soft));\n    }\n\n    .km-highlight-icon {\n        width: 45px;\n        height: 45px;\n        display: grid;\n        place-items: center;\n        border-radius: 13px;\n        color: var(--km-white);\n        background: var(--km-green-700);\n        box-shadow: 0 9px 20px rgba(13, 68, 48, 0.22);\n    }\n\n    .km-highlight p {\n        margin: 0;\n        color: var(--km-green-900);\n        font-size: 15px;\n        font-weight: 700;\n        line-height: 1.7;\n    }\n\n    .km-principle-card {\n        position: relative;\n        overflow: hidden;\n        padding: 34px;\n        background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(234, 247, 240, 0.82));\n    }\n\n    .km-principle-card::before {\n        content: \"\";\n        position: absolute;\n        width: 180px;\n        height: 180px;\n        top: -90px;\n        right: -65px;\n        border-radius: 50%;\n        background: rgba(244, 201, 72, 0.25);\n    }\n\n    .km-principle-title {\n        position: relative;\n        margin-bottom: 22px;\n        color: var(--km-green-800);\n        font-size: 13px;\n        font-weight: 800;\n        letter-spacing: 1.3px;\n        text-transform: uppercase;\n    }\n\n    .km-principle-list {\n        position: relative;\n        display: grid;\n        gap: 14px;\n    }\n\n    .km-principle-item {\n        display: grid;\n        grid-template-columns: 45px minmax(0, 1fr);\n        align-items: center;\n        gap: 13px;\n        padding: 15px;\n        border: 1px solid rgba(13, 68, 48, 0.1);\n        border-radius: 16px;\n        background: rgba(255, 255, 255, 0.84);\n    }\n\n    .km-principle-icon {\n        width: 45px;\n        height: 45px;\n        display: grid;\n        place-items: center;\n        border-radius: 13px;\n        color: var(--km-green-900);\n        background: var(--km-green-100);\n    }\n\n    .km-principle-item small {\n        display: block;\n        margin-bottom: 2px;\n        color: var(--km-muted);\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.9px;\n        text-transform: uppercase;\n    }\n\n    .km-principle-item strong {\n        display: block;\n        color: var(--km-green-950);\n        font-size: 14px;\n        line-height: 1.4;\n    }\n\n    \/* =========================================================\n       6. PILAR PROGRAM\n    ========================================================== *\/\n    .km-pillar-grid {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 20px;\n    }\n\n    .km-pillar-card {\n        position: relative;\n        padding: 29px 27px;\n        overflow: hidden;\n        border: 1px solid var(--km-line);\n        border-radius: 23px;\n        background: var(--km-white);\n        box-shadow: var(--km-shadow-sm);\n        transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n    }\n\n    .km-pillar-card:hover {\n        transform: translateY(-7px);\n        border-color: rgba(39, 139, 98, 0.32);\n        box-shadow: var(--km-shadow-md);\n    }\n\n    .km-pillar-top {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 15px;\n        margin-bottom: 20px;\n    }\n\n    .km-pillar-icon {\n        width: 58px;\n        height: 58px;\n        display: grid;\n        place-items: center;\n        border-radius: 17px;\n        color: var(--km-white);\n        background: linear-gradient(145deg, var(--km-green-600), var(--km-green-900));\n        box-shadow: 0 12px 24px rgba(13, 68, 48, 0.2);\n        font-size: 22px;\n    }\n\n    .km-pillar-card:nth-child(even) .km-pillar-icon {\n        color: var(--km-green-950);\n        background: linear-gradient(145deg, #f8da79, var(--km-yellow));\n    }\n\n    .km-pillar-index {\n        color: rgba(13, 68, 48, 0.1);\n        font-family: \"Manrope\", Arial, sans-serif;\n        font-size: 31px;\n        font-weight: 800;\n    }\n\n    .km-pillar-card h3 {\n        margin-bottom: 9px;\n        color: var(--km-green-950);\n        font-size: 20px;\n    }\n\n    .km-pillar-card p {\n        margin-bottom: 0;\n        color: var(--km-muted);\n        font-size: 14px;\n        line-height: 1.75;\n    }\n\n    \/* =========================================================\n       7. PROGRAM UTAMA\n    ========================================================== *\/\n    .km-program-grid {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 20px;\n    }\n\n    .km-program-card {\n        display: grid;\n        grid-template-columns: 64px minmax(0, 1fr);\n        gap: 20px;\n        align-items: start;\n        padding: 27px;\n        border: 1px solid rgba(255, 255, 255, 0.14);\n        border-radius: 22px;\n        background: rgba(255, 255, 255, 0.075);\n        backdrop-filter: blur(9px);\n        transition: transform 0.25s ease, background 0.25s ease;\n    }\n\n    .km-program-card:hover {\n        transform: translateY(-6px);\n        background: rgba(255, 255, 255, 0.12);\n    }\n\n    .km-program-icon {\n        width: 64px;\n        height: 64px;\n        display: grid;\n        place-items: center;\n        border-radius: 19px;\n        color: var(--km-green-950);\n        background: var(--km-yellow);\n        font-size: 23px;\n    }\n\n    .km-program-card:nth-child(even) .km-program-icon {\n        background: #aee5c8;\n    }\n\n    .km-program-card h3 {\n        margin-bottom: 8px;\n        color: var(--km-white);\n        font-size: 19px;\n    }\n\n    .km-program-card p {\n        margin-bottom: 11px;\n        color: rgba(255, 255, 255, 0.69);\n        font-size: 14px;\n        line-height: 1.72;\n    }\n\n    .km-program-meta {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 7px;\n    }\n\n    .km-program-tag {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 6px 9px;\n        border-radius: 999px;\n        color: #def3e8;\n        background: rgba(255, 255, 255, 0.09);\n        font-size: 10px;\n        font-weight: 800;\n    }\n\n    \/* =========================================================\n       8. ORGANISASI MAHASISWA\n    ========================================================== *\/\n    .km-org-grid {\n        display: grid;\n        grid-template-columns: repeat(5, minmax(0, 1fr));\n        gap: 17px;\n    }\n\n    .km-org-card {\n        display: flex;\n        flex-direction: column;\n        min-height: 275px;\n        padding: 25px 21px;\n        border: 1px solid var(--km-line);\n        border-radius: 21px;\n        background: var(--km-white);\n        box-shadow: var(--km-shadow-sm);\n        text-align: center;\n        transition: transform 0.25s ease, box-shadow 0.25s ease;\n    }\n\n    .km-org-card:hover {\n        transform: translateY(-7px);\n        box-shadow: var(--km-shadow-md);\n    }\n\n    .km-org-icon {\n        width: 63px;\n        height: 63px;\n        display: grid;\n        place-items: center;\n        margin: 0 auto 17px;\n        border-radius: 19px;\n        color: var(--km-white);\n        background: var(--km-green-700);\n        font-size: 23px;\n    }\n\n    .km-org-card:nth-child(2) .km-org-icon {\n        background: #c33b40;\n    }\n\n    .km-org-card:nth-child(3) .km-org-icon {\n        background: #7c4a9a;\n    }\n\n    .km-org-card:nth-child(4) .km-org-icon {\n        color: var(--km-green-950);\n        background: var(--km-yellow);\n    }\n\n    .km-org-card:nth-child(5) .km-org-icon {\n        background: #1678b8;\n    }\n\n    .km-org-card h3 {\n        margin-bottom: 8px;\n        color: var(--km-green-950);\n        font-size: 17px;\n        line-height: 1.35;\n    }\n\n    .km-org-card p {\n        margin-bottom: 18px;\n        color: var(--km-muted);\n        font-size: 13px;\n        line-height: 1.67;\n    }\n\n    .km-org-link {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 7px;\n        margin-top: auto;\n        padding: 9px 12px;\n        border-radius: 11px;\n        color: var(--km-green-800);\n        background: var(--km-green-100);\n        font-size: 12px;\n        font-weight: 800;\n        transition: color 0.2s ease, background 0.2s ease;\n    }\n\n    .km-org-link:hover {\n        color: var(--km-green-950);\n        background: var(--km-yellow-soft);\n    }\n\n    \/* =========================================================\n       9. ALUR LAYANAN\n    ========================================================== *\/\n    .km-service-flow {\n        position: relative;\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        gap: 22px;\n    }\n\n    .km-service-flow::before {\n        content: \"\";\n        position: absolute;\n        top: 36px;\n        left: 12.5%;\n        right: 12.5%;\n        height: 2px;\n        background: linear-gradient(90deg, var(--km-green-200), var(--km-green-600), var(--km-yellow));\n    }\n\n    .km-flow-step {\n        position: relative;\n        text-align: center;\n    }\n\n    .km-flow-badge {\n        position: relative;\n        z-index: 2;\n        width: 74px;\n        height: 74px;\n        display: grid;\n        place-items: center;\n        margin: 0 auto 19px;\n        border: 7px solid var(--km-white);\n        border-radius: 50%;\n        color: var(--km-white);\n        background: var(--km-green-700);\n        box-shadow: 0 10px 25px rgba(13, 68, 48, 0.22);\n        font-size: 20px;\n    }\n\n    .km-flow-step:nth-child(2) .km-flow-badge {\n        background: var(--km-green-500);\n    }\n\n    .km-flow-step:nth-child(3) .km-flow-badge {\n        background: var(--km-green-900);\n    }\n\n    .km-flow-step:nth-child(4) .km-flow-badge {\n        color: var(--km-green-950);\n        background: var(--km-yellow);\n    }\n\n    .km-flow-step h3 {\n        margin-bottom: 7px;\n        color: var(--km-green-950);\n        font-size: 18px;\n    }\n\n    .km-flow-step p {\n        max-width: 240px;\n        margin: 0 auto;\n        color: var(--km-muted);\n        font-size: 13px;\n        line-height: 1.67;\n    }\n\n    \/* =========================================================\n       10. INFORMASI DAN CTA\n    ========================================================== *\/\n    .km-info-grid {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 18px;\n    }\n\n    .km-info-card {\n        padding: 28px;\n        border: 1px solid var(--km-line);\n        border-radius: 22px;\n        background: var(--km-white);\n        box-shadow: var(--km-shadow-sm);\n        text-align: center;\n    }\n\n    .km-info-icon {\n        width: 61px;\n        height: 61px;\n        display: grid;\n        place-items: center;\n        margin: 0 auto 17px;\n        border-radius: 19px;\n        color: var(--km-green-900);\n        background: var(--km-green-100);\n        font-size: 23px;\n    }\n\n    .km-info-card:nth-child(2) .km-info-icon {\n        color: var(--km-green-950);\n        background: var(--km-yellow-soft);\n    }\n\n    .km-info-card h3 {\n        margin-bottom: 8px;\n        color: var(--km-green-950);\n        font-size: 19px;\n    }\n\n    .km-info-card p {\n        margin: 0;\n        color: var(--km-muted);\n        font-size: 14px;\n        line-height: 1.7;\n    }\n\n    .km-contact-wrap {\n        padding: 0 0 96px;\n        background: var(--km-white);\n    }\n\n    .km-contact {\n        position: relative;\n        padding: clamp(35px, 6vw, 70px);\n        overflow: hidden;\n        border-radius: 34px;\n        color: var(--km-white);\n        background:\n            radial-gradient(circle at 94% 8%, rgba(244, 201, 72, 0.23), transparent 30%),\n            linear-gradient(135deg, var(--km-green-950), var(--km-green-700));\n        box-shadow: var(--km-shadow-lg);\n        text-align: center;\n    }\n\n    .km-contact::before {\n        content: \"\";\n        position: absolute;\n        width: 230px;\n        height: 230px;\n        left: -100px;\n        bottom: -140px;\n        border: 42px solid rgba(255, 255, 255, 0.05);\n        border-radius: 50%;\n    }\n\n    .km-contact h2 {\n        position: relative;\n        margin-bottom: 16px;\n        color: var(--km-white);\n        font-family: \"Manrope\", Arial, sans-serif;\n        font-size: clamp(33px, 4vw, 50px);\n        line-height: 1.17;\n    }\n\n    .km-contact p {\n        position: relative;\n        max-width: 750px;\n        margin: 0 auto 28px;\n        color: rgba(255, 255, 255, 0.77);\n        font-size: 16px;\n    }\n\n    .km-contact-actions {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 12px;\n    }\n\n    .km-contact-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 9px;\n        min-height: 50px;\n        padding: 13px 21px;\n        border: 1px solid rgba(255, 255, 255, 0.28);\n        border-radius: 14px;\n        color: var(--km-white);\n        background: rgba(255, 255, 255, 0.09);\n        font-size: 14px;\n        font-weight: 800;\n        transition: transform 0.25s ease, background 0.25s ease;\n    }\n\n    .km-contact-button:hover {\n        transform: translateY(-3px);\n        background: rgba(255, 255, 255, 0.16);\n    }\n\n    .km-contact-button.is-yellow {\n        color: var(--km-green-950);\n        border-color: var(--km-yellow);\n        background: var(--km-yellow);\n    }\n\n    .km-contact-button.is-yellow:hover {\n        background: #ffdd70;\n    }\n\n    \/* =========================================================\n       11. TOAST\n    ========================================================== *\/\n    .km-toast {\n        position: fixed;\n        z-index: 99999;\n        left: 50%;\n        bottom: 25px;\n        display: flex;\n        align-items: center;\n        gap: 11px;\n        width: min(92%, 550px);\n        padding: 15px 18px;\n        border: 1px solid rgba(255, 255, 255, 0.14);\n        border-radius: 15px;\n        color: var(--km-white);\n        background: rgba(8, 47, 34, 0.97);\n        box-shadow: 0 18px 50px rgba(4, 30, 21, 0.36);\n        font-size: 13px;\n        line-height: 1.5;\n        opacity: 0;\n        visibility: hidden;\n        transform: translate(-50%, 25px);\n        transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;\n    }\n\n    .km-toast.is-visible {\n        opacity: 1;\n        visibility: visible;\n        transform: translate(-50%, 0);\n    }\n\n    .km-toast i {\n        color: var(--km-yellow);\n        font-size: 18px;\n    }\n\n    \/* =========================================================\n       12. RESPONSIVE\n    ========================================================== *\/\n    @media (max-width: 1100px) {\n        .km-org-grid {\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n        }\n    }\n\n    @media (max-width: 1024px) {\n        .km-hero {\n            min-height: auto;\n        }\n\n        .km-hero-grid {\n            grid-template-columns: minmax(0, 1fr) 340px;\n            gap: 42px;\n        }\n\n        .km-pillar-grid {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n    }\n\n    @media (max-width: 820px) {\n        .km-hero {\n            padding: 72px 0 82px;\n            text-align: center;\n        }\n\n        .km-hero-grid,\n        .km-intro-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .km-hero-grid {\n            gap: 45px;\n        }\n\n        .km-hero h1,\n        .km-hero-lead {\n            margin-inline: auto;\n        }\n\n        .km-hero-motto,\n        .km-hero-actions {\n            justify-content: center;\n        }\n\n        .km-visual {\n            width: min(100%, 520px);\n            margin-inline: auto;\n        }\n\n        .km-program-grid,\n        .km-info-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .km-service-flow {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            row-gap: 42px;\n        }\n\n        .km-service-flow::before {\n            display: none;\n        }\n    }\n\n    @media (max-width: 680px) {\n        .km-org-grid {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n    }\n\n    @media (max-width: 620px) {\n        .km-container {\n            width: min(100% - 28px, 1240px);\n        }\n\n        .km-hero {\n            padding-top: 58px;\n        }\n\n        .km-hero h1 {\n            font-size: clamp(39px, 12.5vw, 55px);\n            letter-spacing: -1.5px;\n        }\n\n        .km-hero-lead {\n            font-size: 16px;\n        }\n\n        .km-button,\n        .km-contact-button {\n            width: 100%;\n        }\n\n        .km-visual {\n            min-height: 330px;\n        }\n\n        .km-visual-main {\n            width: 190px;\n            height: 190px;\n            font-size: 65px;\n        }\n\n        .km-orbit-card {\n            padding: 9px 11px;\n            font-size: 10px;\n        }\n\n        .km-quick-nav-wrap {\n            margin-top: -25px;\n        }\n\n        .km-quick-nav {\n            justify-content: flex-start;\n            flex-wrap: nowrap;\n            overflow-x: auto;\n            scrollbar-width: none;\n        }\n\n        .km-quick-nav::-webkit-scrollbar {\n            display: none;\n        }\n\n        .km-quick-nav a {\n            flex: 0 0 auto;\n        }\n\n        .km-section {\n            padding: 74px 0;\n        }\n\n        .km-section-heading {\n            margin-bottom: 36px;\n        }\n\n        .km-section-heading h2 {\n            font-size: 34px;\n        }\n\n        .km-pillar-grid,\n        .km-org-grid,\n        .km-service-flow {\n            grid-template-columns: 1fr;\n        }\n\n        .km-program-card {\n            grid-template-columns: 55px minmax(0, 1fr);\n            gap: 16px;\n            padding: 22px 19px;\n        }\n\n        .km-program-icon {\n            width: 55px;\n            height: 55px;\n            border-radius: 16px;\n            font-size: 20px;\n        }\n\n        .km-org-card {\n            min-height: auto;\n        }\n\n        .km-contact-wrap {\n            padding-bottom: 74px;\n        }\n\n        .km-contact {\n            border-radius: 27px;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .kemahasiswaan-page *,\n        .kemahasiswaan-page *::before,\n        .kemahasiswaan-page *::after {\n            scroll-behavior: auto !important;\n            transition-duration: 0.01ms !important;\n            animation-duration: 0.01ms !important;\n            animation-iteration-count: 1 !important;\n        }\n    }\n<\/style>\n\n<main class=\"kemahasiswaan-page\">\n    <!-- HERO -->\n    <header class=\"km-hero\">\n        <div class=\"km-hero-pattern\" aria-hidden=\"true\"><\/div>\n        <div class=\"km-container km-hero-grid\">\n            <div>\n                <span class=\"km-kicker\"><span class=\"km-kicker-dot\"><\/span>Student Development Center<\/span>\n                <h1>Program <span>Kemahasiswaan<\/span> IPTAR<\/h1>\n                <p class=\"km-hero-lead\">Ruang pengembangan mahasiswa untuk bertumbuh dalam prestasi, kepemimpinan, organisasi, kreativitas, kewirausahaan, karier, dan pengabdian berdasarkan nilai Islam Berkemajuan.<\/p>\n                <div class=\"km-hero-motto\">Bertumbuh \u2022 Berprestasi \u2022 Berdampak<\/div>\n                <div class=\"km-hero-actions\">\n                    <a class=\"km-button km-button-primary\" href=\"#km-program\"><i class=\"fa-solid fa-compass\" aria-hidden=\"true\"><\/i>Jelajahi Program<\/a>\n                    <a class=\"km-button km-button-ghost\" href=\"#km-organisasi\"><i class=\"fa-solid fa-people-group\" aria-hidden=\"true\"><\/i>Organisasi Mahasiswa<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"km-visual\" aria-hidden=\"true\">\n                <div class=\"km-visual-main\"><i class=\"fa-solid fa-people-roof\"><\/i><\/div>\n                <span class=\"km-orbit-card is-one\"><i class=\"fa-solid fa-trophy\"><\/i>Prestasi<\/span>\n                <span class=\"km-orbit-card is-two\"><i class=\"fa-solid fa-seedling\"><\/i>Pengembangan<\/span>\n                <span class=\"km-orbit-card is-three\"><i class=\"fa-solid fa-lightbulb\"><\/i>Inovasi<\/span>\n                <span class=\"km-orbit-card is-four\"><i class=\"fa-solid fa-handshake-angle\"><\/i>Pengabdian<\/span>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- NAVIGASI CEPAT -->\n    <div class=\"km-quick-nav-wrap\">\n        <nav class=\"km-container km-quick-nav\" aria-label=\"Navigasi program kemahasiswaan\">\n            <a href=\"#km-tentang\"><i class=\"fa-solid fa-house\" aria-hidden=\"true\"><\/i>Tentang<\/a>\n            <a href=\"#km-pilar\"><i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>Pilar<\/a>\n            <a href=\"#km-program\"><i class=\"fa-solid fa-list-check\" aria-hidden=\"true\"><\/i>Program<\/a>\n            <a href=\"#km-organisasi\"><i class=\"fa-solid fa-users\" aria-hidden=\"true\"><\/i>Organisasi<\/a>\n            <a href=\"#km-layanan\"><i class=\"fa-solid fa-route\" aria-hidden=\"true\"><\/i>Alur Layanan<\/a>\n            <a href=\"#km-informasi\"><i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"><\/i>Informasi<\/a>\n            <a href=\"#km-kontak\"><i class=\"fa-solid fa-paper-plane\" aria-hidden=\"true\"><\/i>Kontak<\/a>\n        <\/nav>\n    <\/div>\n\n    <!-- TENTANG -->\n    <section id=\"km-tentang\" class=\"km-section km-section-white km-anchor\">\n        <div class=\"km-container\">\n            <div class=\"km-section-heading\">\n                <span class=\"km-eyebrow\">Tentang Kemahasiswaan<\/span>\n                <h2>Mendampingi Mahasiswa Bertumbuh secara Utuh<\/h2>\n                <p>Program kemahasiswaan menjadi bagian dari ekosistem pendidikan IPTAR untuk memperkuat pengalaman mahasiswa di dalam dan di luar perkuliahan.<\/p>\n            <\/div>\n\n            <div class=\"km-intro-grid\">\n                <article class=\"km-intro-copy\">\n                    <p><strong>Program Kemahasiswaan IPTAR<\/strong> merupakan rangkaian layanan dan kegiatan pengembangan mahasiswa yang mendukung pembentukan karakter, prestasi, kepemimpinan, kreativitas, kepedulian sosial, serta kesiapan menghadapi dunia kerja dan kehidupan bermasyarakat.<\/p>\n                    <p>Kemahasiswaan hadir untuk menghubungkan mahasiswa dengan peluang organisasi, kompetisi, beasiswa, pengembangan minat dan bakat, kewirausahaan, karier, kegiatan sosial, serta berbagai informasi pendukung lainnya. Setiap mahasiswa didorong untuk menemukan potensi, membangun pengalaman, dan menghasilkan kontribusi positif.<\/p>\n                    <p>Seluruh proses pengembangan diarahkan agar mahasiswa memiliki kompetensi akademik dan nonakademik yang seimbang, berakhlak mulia, adaptif terhadap perubahan, serta mampu membawa nilai Islam Berkemajuan dalam kehidupan kampus dan masyarakat.<\/p>\n\n                    <div class=\"km-highlight\">\n                        <span class=\"km-highlight-icon\"><i class=\"fa-solid fa-star\" aria-hidden=\"true\"><\/i><\/span>\n                        <p>Kemahasiswaan bukan hanya tentang mengikuti kegiatan, tetapi tentang menemukan ruang belajar, membangun pengalaman, dan menciptakan dampak.<\/p>\n                    <\/div>\n                <\/article>\n\n                <aside class=\"km-principle-card\">\n                    <div class=\"km-principle-title\">Prinsip Pengembangan<\/div>\n                    <div class=\"km-principle-list\">\n                        <div class=\"km-principle-item\"><span class=\"km-principle-icon\"><i class=\"fa-solid fa-mosque\" aria-hidden=\"true\"><\/i><\/span><div><small>Karakter<\/small><strong>Islam Berkemajuan dan berakhlak mulia<\/strong><\/div><\/div>\n                        <div class=\"km-principle-item\"><span class=\"km-principle-icon\"><i class=\"fa-solid fa-medal\" aria-hidden=\"true\"><\/i><\/span><div><small>Prestasi<\/small><strong>Aktif, kompetitif, dan berorientasi mutu<\/strong><\/div><\/div>\n                        <div class=\"km-principle-item\"><span class=\"km-principle-icon\"><i class=\"fa-solid fa-people-group\" aria-hidden=\"true\"><\/i><\/span><div><small>Kebersamaan<\/small><strong>Inklusif, kolaboratif, dan saling mendukung<\/strong><\/div><\/div>\n                        <div class=\"km-principle-item\"><span class=\"km-principle-icon\"><i class=\"fa-solid fa-hand-holding-heart\" aria-hidden=\"true\"><\/i><\/span><div><small>Dampak<\/small><strong>Bermanfaat bagi kampus dan masyarakat<\/strong><\/div><\/div>\n                    <\/div>\n                <\/aside>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- PILAR PROGRAM -->\n    <section id=\"km-pilar\" class=\"km-section km-section-soft km-anchor\">\n        <div class=\"km-container\">\n            <div class=\"km-section-heading\">\n                <span class=\"km-eyebrow\">Pilar Kemahasiswaan<\/span>\n                <h2>Enam Ruang Pengembangan Mahasiswa<\/h2>\n                <p>Setiap pilar dirancang untuk membantu mahasiswa mengembangkan karakter, kompetensi, pengalaman, dan jejaring secara seimbang.<\/p>\n            <\/div>\n\n            <div class=\"km-pillar-grid\">\n                <article class=\"km-pillar-card\"><div class=\"km-pillar-top\"><span class=\"km-pillar-icon\"><i class=\"fa-solid fa-users-gear\" aria-hidden=\"true\"><\/i><\/span><span class=\"km-pillar-index\">01<\/span><\/div><h3>Organisasi dan Kepemimpinan<\/h3><p>Penguatan tata kelola organisasi, kaderisasi, komunikasi, kerja tim, manajemen kegiatan, dan kepemimpinan mahasiswa.<\/p><\/article>\n                <article class=\"km-pillar-card\"><div class=\"km-pillar-top\"><span class=\"km-pillar-icon\"><i class=\"fa-solid fa-trophy\" aria-hidden=\"true\"><\/i><\/span><span class=\"km-pillar-index\">02<\/span><\/div><h3>Prestasi dan Kompetisi<\/h3><p>Informasi, pembinaan, pendampingan, dokumentasi, dan apresiasi bagi mahasiswa yang mengikuti kompetisi atau meraih prestasi.<\/p><\/article>\n                <article class=\"km-pillar-card\"><div class=\"km-pillar-top\"><span class=\"km-pillar-icon\"><i class=\"fa-solid fa-palette\" aria-hidden=\"true\"><\/i><\/span><span class=\"km-pillar-index\">03<\/span><\/div><h3>Minat, Bakat, dan Kreativitas<\/h3><p>Ruang pengembangan seni, olahraga, literasi, teknologi, komunikasi, kreativitas, serta potensi mahasiswa lainnya.<\/p><\/article>\n                <article class=\"km-pillar-card\"><div class=\"km-pillar-top\"><span class=\"km-pillar-icon\"><i class=\"fa-solid fa-hand-holding-dollar\" aria-hidden=\"true\"><\/i><\/span><span class=\"km-pillar-index\">04<\/span><\/div><h3>Beasiswa dan Kesejahteraan<\/h3><p>Informasi peluang beasiswa, dukungan administratif, edukasi layanan, dan pendampingan kebutuhan kesejahteraan mahasiswa.<\/p><\/article>\n                <article class=\"km-pillar-card\"><div class=\"km-pillar-top\"><span class=\"km-pillar-icon\"><i class=\"fa-solid fa-store\" aria-hidden=\"true\"><\/i><\/span><span class=\"km-pillar-index\">05<\/span><\/div><h3>Kewirausahaan dan Karier<\/h3><p>Pengembangan ide usaha, keterampilan kerja, portofolio, personal branding, kesiapan karier, dan jejaring profesional.<\/p><\/article>\n                <article class=\"km-pillar-card\"><div class=\"km-pillar-top\"><span class=\"km-pillar-icon\"><i class=\"fa-solid fa-hands-holding-circle\" aria-hidden=\"true\"><\/i><\/span><span class=\"km-pillar-index\">06<\/span><\/div><h3>Karakter dan Pengabdian<\/h3><p>Penguatan karakter Islami, kepedulian sosial, relawan mahasiswa, literasi masyarakat, dan kegiatan kemanusiaan.<\/p><\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- PROGRAM UTAMA -->\n    <section id=\"km-program\" class=\"km-section km-section-dark km-anchor\">\n        <div class=\"km-container\">\n            <div class=\"km-section-heading\">\n                <span class=\"km-eyebrow\">Ruang Program<\/span>\n                <h2>Peluang Belajar di Luar Kelas<\/h2>\n                <p>Ruang program dapat dikembangkan sesuai kebutuhan mahasiswa, agenda institusi, peluang kerja sama, dan kalender kegiatan setiap tahun.<\/p>\n            <\/div>\n\n            <div class=\"km-program-grid\">\n                <article class=\"km-program-card\"><span class=\"km-program-icon\"><i class=\"fa-solid fa-person-chalkboard\" aria-hidden=\"true\"><\/i><\/span><div><h3>Pelatihan Kepemimpinan Mahasiswa<\/h3><p>Pengembangan kepemimpinan, komunikasi, manajemen organisasi, penyusunan program kerja, dan regenerasi pengurus.<\/p><div class=\"km-program-meta\"><span class=\"km-program-tag\">Kepemimpinan<\/span><span class=\"km-program-tag\">Organisasi<\/span><\/div><\/div><\/article>\n                <article class=\"km-program-card\"><span class=\"km-program-icon\"><i class=\"fa-solid fa-award\" aria-hidden=\"true\"><\/i><\/span><div><h3>Pembinaan Prestasi dan Kompetisi<\/h3><p>Informasi lomba, seleksi peserta, pendampingan, persiapan karya, administrasi, dokumentasi, dan apresiasi prestasi.<\/p><div class=\"km-program-meta\"><span class=\"km-program-tag\">Prestasi<\/span><span class=\"km-program-tag\">Kompetisi<\/span><\/div><\/div><\/article>\n                <article class=\"km-program-card\"><span class=\"km-program-icon\"><i class=\"fa-solid fa-icons\" aria-hidden=\"true\"><\/i><\/span><div><h3>Festival Minat dan Bakat<\/h3><p>Panggung kreativitas mahasiswa melalui seni, olahraga, literasi, media, teknologi, pertunjukan, dan kegiatan kebersamaan.<\/p><div class=\"km-program-meta\"><span class=\"km-program-tag\">Kreativitas<\/span><span class=\"km-program-tag\">Komunitas<\/span><\/div><\/div><\/article>\n                <article class=\"km-program-card\"><span class=\"km-program-icon\"><i class=\"fa-solid fa-graduation-cap\" aria-hidden=\"true\"><\/i><\/span><div><h3>Informasi Beasiswa dan KIP Kuliah<\/h3><p>Penyampaian informasi, edukasi persyaratan, dukungan kelengkapan dokumen, serta pembaruan layanan beasiswa mahasiswa.<\/p><div class=\"km-program-meta\"><span class=\"km-program-tag\">Beasiswa<\/span><span class=\"km-program-tag\">Layanan<\/span><\/div><\/div><\/article>\n                <article class=\"km-program-card\"><span class=\"km-program-icon\"><i class=\"fa-solid fa-briefcase\" aria-hidden=\"true\"><\/i><\/span><div><h3>Career Preparation<\/h3><p>Pelatihan CV, portofolio, wawancara, personal branding, etika profesional, kesiapan magang, dan wawasan dunia kerja.<\/p><div class=\"km-program-meta\"><span class=\"km-program-tag\">Karier<\/span><span class=\"km-program-tag\">Profesional<\/span><\/div><\/div><\/article>\n                <article class=\"km-program-card\"><span class=\"km-program-icon\"><i class=\"fa-solid fa-lightbulb\" aria-hidden=\"true\"><\/i><\/span><div><h3>Student Entrepreneurship<\/h3><p>Pengembangan ide bisnis, bazar mahasiswa, pemasaran digital, literasi keuangan, inovasi produk, dan jejaring usaha.<\/p><div class=\"km-program-meta\"><span class=\"km-program-tag\">Bisnis<\/span><span class=\"km-program-tag\">Inovasi<\/span><\/div><\/div><\/article>\n                <article class=\"km-program-card\"><span class=\"km-program-icon\"><i class=\"fa-solid fa-heart-circle-plus\" aria-hidden=\"true\"><\/i><\/span><div><h3>Relawan dan Aksi Sosial<\/h3><p>Program kepedulian, edukasi masyarakat, aksi kemanusiaan, lingkungan, penggalangan dukungan, dan pengabdian mahasiswa.<\/p><div class=\"km-program-meta\"><span class=\"km-program-tag\">Sosial<\/span><span class=\"km-program-tag\">Pengabdian<\/span><\/div><\/div><\/article>\n                <article class=\"km-program-card\"><span class=\"km-program-icon\"><i class=\"fa-solid fa-globe\" aria-hidden=\"true\"><\/i><\/span><div><h3>Literasi Digital dan Jejaring<\/h3><p>Edukasi keamanan digital, media positif, kolaborasi antarkampus, kegiatan eksternal, serta penguatan jejaring mahasiswa.<\/p><div class=\"km-program-meta\"><span class=\"km-program-tag\">Digital<\/span><span class=\"km-program-tag\">Kolaborasi<\/span><\/div><\/div><\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ORGANISASI MAHASISWA -->\n    <section id=\"km-organisasi\" class=\"km-section km-section-white km-anchor\">\n        <div class=\"km-container\">\n            <div class=\"km-section-heading\">\n                <span class=\"km-eyebrow\">Organisasi Mahasiswa<\/span>\n                <h2>Temukan Ruang Organisasimu<\/h2>\n                <p>Mahasiswa dapat belajar memimpin, berkolaborasi, dan menjalankan program melalui organisasi tingkat institut, komisariat, maupun program studi.<\/p>\n            <\/div>\n\n            <div class=\"km-org-grid\">\n                <article class=\"km-org-card\"><span class=\"km-org-icon\"><i class=\"fa-solid fa-landmark\" aria-hidden=\"true\"><\/i><\/span><h3>BEM IPTAR<\/h3><p>Lembaga eksekutif mahasiswa tingkat institut dan jembatan aspirasi mahasiswa.<\/p><a class=\"km-org-link km-placeholder-link\" href=\"#\">Buka Halaman <i class=\"fa-solid fa-arrow-right\"><\/i><\/a><\/article>\n                <article class=\"km-org-card\"><span class=\"km-org-icon\"><i class=\"fa-solid fa-star-and-crescent\" aria-hidden=\"true\"><\/i><\/span><h3>PK IMM Fatimah Az-Zahra<\/h3><p>Gerakan mahasiswa Islam di bidang keagamaan, kemahasiswaan, dan kemasyarakatan.<\/p><a class=\"km-org-link km-placeholder-link\" href=\"#\">Buka Halaman <i class=\"fa-solid fa-arrow-right\"><\/i><\/a><\/article>\n                <article class=\"km-org-card\"><span class=\"km-org-icon\"><i class=\"fa-solid fa-children\" aria-hidden=\"true\"><\/i><\/span><h3>HIMA PG-PAUD<\/h3><p>Wadah aspirasi dan pengembangan mahasiswa Pendidikan Guru Pendidikan Anak Usia Dini.<\/p><a class=\"km-org-link km-placeholder-link\" href=\"#\">Buka Halaman <i class=\"fa-solid fa-arrow-right\"><\/i><\/a><\/article>\n                <article class=\"km-org-card\"><span class=\"km-org-icon\"><i class=\"fa-solid fa-chart-column\" aria-hidden=\"true\"><\/i><\/span><h3>HIMA Pendidikan Ekonomi<\/h3><p>Ruang organisasi, keilmuan ekonomi, kependidikan, dan kewirausahaan mahasiswa.<\/p><a class=\"km-org-link km-placeholder-link\" href=\"#\">Buka Halaman <i class=\"fa-solid fa-arrow-right\"><\/i><\/a><\/article>\n                <article class=\"km-org-card\"><span class=\"km-org-icon\"><i class=\"fa-solid fa-laptop-code\" aria-hidden=\"true\"><\/i><\/span><h3>HIMASTECH<\/h3><p>Komunitas mahasiswa STI untuk teknologi, inovasi, Smart System, dan EdTech.<\/p><a class=\"km-org-link km-placeholder-link\" href=\"#\">Buka Halaman <i class=\"fa-solid fa-arrow-right\"><\/i><\/a><\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ALUR LAYANAN -->\n    <section id=\"km-layanan\" class=\"km-section km-section-soft km-anchor\">\n        <div class=\"km-container\">\n            <div class=\"km-section-heading\">\n                <span class=\"km-eyebrow\">Alur Informasi dan Layanan<\/span>\n                <h2>Mudah Menemukan Bantuan yang Dibutuhkan<\/h2>\n                <p>Gunakan alur sederhana ini untuk memperoleh informasi, mengikuti program, atau mengajukan kebutuhan kemahasiswaan.<\/p>\n            <\/div>\n\n            <div class=\"km-service-flow\">\n                <article class=\"km-flow-step\"><span class=\"km-flow-badge\"><i class=\"fa-solid fa-magnifying-glass\" aria-hidden=\"true\"><\/i><\/span><h3>Cari Informasi<\/h3><p>Kenali program, persyaratan, jadwal, dokumen, dan saluran layanan yang tersedia.<\/p><\/article>\n                <article class=\"km-flow-step\"><span class=\"km-flow-badge\"><i class=\"fa-solid fa-file-pen\" aria-hidden=\"true\"><\/i><\/span><h3>Siapkan Pengajuan<\/h3><p>Lengkapi formulir, proposal, bukti, atau dokumen lain sesuai jenis layanan.<\/p><\/article>\n                <article class=\"km-flow-step\"><span class=\"km-flow-badge\"><i class=\"fa-solid fa-paper-plane\" aria-hidden=\"true\"><\/i><\/span><h3>Kirim dan Konfirmasi<\/h3><p>Sampaikan berkas melalui saluran resmi lalu konfirmasikan kepada petugas terkait.<\/p><\/article>\n                <article class=\"km-flow-step\"><span class=\"km-flow-badge\"><i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"><\/i><\/span><h3>Tindak Lanjut<\/h3><p>Pantau hasil verifikasi, arahan berikutnya, jadwal kegiatan, atau penyelesaian layanan.<\/p><\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- INFORMASI -->\n    <section id=\"km-informasi\" class=\"km-section km-section-white km-anchor\">\n        <div class=\"km-container\">\n            <div class=\"km-section-heading\">\n                <span class=\"km-eyebrow\">Informasi Pendukung<\/span>\n                <h2>Layanan untuk Aktivitas Mahasiswa<\/h2>\n                <p>Informasi berikut membantu mahasiswa dan organisasi menyiapkan kegiatan secara tertib, terdokumentasi, serta sesuai arahan institusi.<\/p>\n            <\/div>\n\n            <div class=\"km-info-grid\">\n                <article class=\"km-info-card\"><span class=\"km-info-icon\"><i class=\"fa-solid fa-file-signature\" aria-hidden=\"true\"><\/i><\/span><h3>Proposal dan Perizinan<\/h3><p>Panduan pengajuan kegiatan, kebutuhan administrasi, persetujuan, penggunaan fasilitas, dan koordinasi pelaksanaan.<\/p><\/article>\n                <article class=\"km-info-card\"><span class=\"km-info-icon\"><i class=\"fa-solid fa-folder-open\" aria-hidden=\"true\"><\/i><\/span><h3>Pelaporan Kegiatan<\/h3><p>Penyusunan laporan, dokumentasi, pertanggungjawaban anggaran, hasil kegiatan, dan arsip organisasi mahasiswa.<\/p><\/article>\n                <article class=\"km-info-card\"><span class=\"km-info-icon\"><i class=\"fa-solid fa-headset\" aria-hidden=\"true\"><\/i><\/span><h3>Konsultasi Kemahasiswaan<\/h3><p>Koordinasi informasi beasiswa, prestasi, organisasi, kompetisi, kegiatan mahasiswa, serta kebutuhan pendampingan lainnya.<\/p><\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- KONTAK -->\n    <div class=\"km-contact-wrap\">\n        <section id=\"km-kontak\" class=\"km-container km-contact km-anchor\">\n            <h2>Butuh Informasi Kemahasiswaan?<\/h2>\n            <p>Hubungi unit kemahasiswaan untuk memperoleh informasi program, beasiswa, prestasi, organisasi, pengajuan kegiatan, dan layanan mahasiswa lainnya.<\/p>\n            <div class=\"km-contact-actions\">\n                <!-- GANTI href=\"#\" DENGAN LINK FORM \/ PORTAL LAYANAN -->\n                <a class=\"km-contact-button is-yellow km-placeholder-link\" href=\"#\"><i class=\"fa-solid fa-file-circle-check\" aria-hidden=\"true\"><\/i>Portal Layanan<\/a>\n                <!-- GANTI href=\"#\" DENGAN NOMOR WHATSAPP, CONTOH: https:\/\/wa.me\/628xxxxxxxxxx -->\n                <a class=\"km-contact-button km-placeholder-link\" href=\"#\"><i class=\"fa-brands fa-whatsapp\" aria-hidden=\"true\"><\/i>Hubungi Kemahasiswaan<\/a>\n                <a class=\"km-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=\"km-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 alamat halaman organisasi, formulir, atau kontak resmi.<\/span>\n    <\/div>\n<\/main>\n\n<script>\n    (function () {\n        \"use strict\";\n\n        var page = document.querySelector(\".kemahasiswaan-page\");\n        if (!page) return;\n\n        var toast = page.querySelector(\".km-toast\");\n        var toastTimer;\n\n        page.querySelectorAll(\".km-placeholder-link\").forEach(function (link) {\n            link.addEventListener(\"click\", function (event) {\n                event.preventDefault();\n                if (!toast) return;\n\n                toast.classList.add(\"is-visible\");\n                window.clearTimeout(toastTimer);\n                toastTimer = window.setTimeout(function () {\n                    toast.classList.remove(\"is-visible\");\n                }, 3800);\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>Student Development Center Program Kemahasiswaan IPTAR Ruang pengembangan mahasiswa untuk bertumbuh dalam prestasi, kepemimpinan, organisasi, kreativitas, kewirausahaan, karier, dan pengabdian [&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-817","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/817","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=817"}],"version-history":[{"count":5,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/817\/revisions"}],"predecessor-version":[{"id":1251,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/817\/revisions\/1251"}],"wp:attachment":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}