{"id":3178,"date":"2025-08-15T04:42:06","date_gmt":"2025-08-15T04:42:06","guid":{"rendered":"https:\/\/staging.pai.uin-malang.ac.id\/?page_id=3178"},"modified":"2026-06-25T05:04:00","modified_gmt":"2026-06-25T05:04:00","slug":"sejarah-singkat","status":"publish","type":"page","link":"https:\/\/pai.uin-malang.ac.id\/?page_id=3178","title":{"rendered":"Sejarah Singkat"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nProdi PAI \u2014 UIN Maulana Malik Ibrahim Malang<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n --navy: #172554;\r\n --navy-mid: #1E3A8A;\r\n --navy-soft: #EFF6FF;\r\n --gold: #C49A2A;\r\n --gold-hover: #D4A93A;\r\n --gold-light: #F5EBD0;\r\n --white: #FFFFFF;\r\n --off-white: #F8FAFC;\r\n --text: #0F172A;\r\n --text-mid: #334155;\r\n --text-soft: #64748B;\r\n --border: #E2E8F0;\r\n --footer-bg: #0B1229;\r\n}\r\n\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n font-family: 'Inter', sans-serif;\r\n color: var(--text);\r\n background: var(--white);\r\n line-height: 1.65;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n\/* \u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nnav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 200;\r\n background: rgba(23, 37, 84, 0.96);\r\n backdrop-filter: blur(16px);\r\n height: 60px;\r\n display: flex; align-items: center; justify-content: space-between;\r\n padding: 0 2.5rem;\r\n}\r\n\r\n.nav-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }\r\n\r\n.nav-badge {\r\n width: 34px; height: 34px; background: var(--gold); border-radius: 8px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-family: 'Playfair Display', serif; font-weight: 700;\r\n font-size: 13px; color: #fff; letter-spacing: 0.5px;\r\n}\r\n\r\n.nav-text-main { color: #fff; font-size: 13px; font-weight: 600; line-height: 1.2; }\r\n.nav-text-sub { color: rgba(255,255,255,0.5); font-size: 11px; }\r\n\r\n.nav-links { display: flex; gap: 1.75rem; list-style: none; }\r\n.nav-links a {\r\n color: rgba(255,255,255,0.65); text-decoration: none;\r\n font-size: 13px; font-weight: 500; letter-spacing: 0.2px;\r\n transition: color 0.2s;\r\n}\r\n.nav-links a:hover { color: var(--gold); }\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.hero {\r\n min-height: 100vh;\r\n background: var(--navy);\r\n position: relative; overflow: hidden;\r\n display: flex; align-items: center;\r\n padding: 100px 2.5rem 80px;\r\n}\r\n\r\n.hero-geo {\r\n position: absolute; inset: 0;\r\n opacity: 0.065; pointer-events: none;\r\n}\r\n\r\n.hero-star-deco {\r\n position: absolute; right: 5%; top: 50%; transform: translateY(-50%);\r\n width: 460px; height: 460px; opacity: 0.09; pointer-events: none;\r\n}\r\n\r\n.hero-inner {\r\n position: relative; z-index: 1;\r\n max-width: 1160px; margin: 0 auto; width: 100%;\r\n}\r\n\r\n.hero-pill {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: rgba(196, 154, 42, 0.12);\r\n border: 1px solid rgba(196, 154, 42, 0.35);\r\n border-radius: 100px; padding: 6px 16px; margin-bottom: 2rem;\r\n}\r\n.hero-pill-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); }\r\n.hero-pill span { color: var(--gold); font-size: 11.5px; font-weight: 600; letter-spacing: 0.8px; text-transform: uppercase; }\r\n\r\n.hero-h1 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(2.4rem, 5vw, 3.9rem);\r\n font-weight: 700; color: #fff; line-height: 1.12;\r\n margin-bottom: 0.45rem; max-width: 720px;\r\n}\r\n.hero-h1 em { font-style: normal; color: var(--gold); }\r\n\r\n.hero-inst {\r\n font-size: 14.5px; color: rgba(255,255,255,0.45);\r\n font-weight: 400; letter-spacing: 0.2px; margin-bottom: 1.4rem;\r\n}\r\n\r\n.hero-desc {\r\n font-size: 17px; color: rgba(255,255,255,0.78);\r\n max-width: 540px; line-height: 1.72; margin-bottom: 2.4rem;\r\n}\r\n\r\n.hero-stats {\r\n display: flex; gap: 0; margin-bottom: 2.5rem;\r\n flex-wrap: wrap; align-items: center;\r\n}\r\n.hero-stat { padding: 0 2rem 0 0; }\r\n.hero-stat:first-child { padding-left: 0; }\r\n.hero-stat-n {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2rem; font-weight: 700; color: var(--gold); line-height: 1;\r\n}\r\n.hero-stat-l {\r\n font-size: 11.5px; color: rgba(255,255,255,0.5);\r\n margin-top: 3px; font-weight: 500; letter-spacing: 0.6px; text-transform: uppercase;\r\n}\r\n.hero-divider {\r\n width: 1px; height: 44px; background: rgba(255,255,255,0.12);\r\n margin: 0 2rem 0 0;\r\n}\r\n\r\n.hero-btn {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: var(--gold); color: #fff; text-decoration: none;\r\n padding: 13px 26px; border-radius: 8px; font-weight: 600;\r\n font-size: 14.5px; transition: background 0.2s, transform 0.2s;\r\n}\r\n.hero-btn:hover { background: var(--gold-hover); transform: translateY(-2px); }\r\n.arrow { transition: transform 0.2s; }\r\n.hero-btn:hover .arrow { transform: translateX(3px); }\r\n\r\n\/* \u2500\u2500 STATS RIBBON \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.stats-ribbon {\r\n background: #121C42;\r\n border-top: 1px solid rgba(255,255,255,0.05);\r\n}\r\n.ribbon-inner {\r\n max-width: 1160px; margin: 0 auto;\r\n display: grid; grid-template-columns: repeat(6, 1fr);\r\n}\r\n.ribbon-item {\r\n padding: 38px 20px; text-align: center;\r\n border-right: 1px solid rgba(255,255,255,0.07);\r\n}\r\n.ribbon-item:last-child { border-right: none; }\r\n.ribbon-n {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2rem; font-weight: 700; color: var(--gold); line-height: 1; margin-bottom: 7px;\r\n}\r\n.ribbon-l { font-size: 11.5px; color: rgba(255,255,255,0.48); font-weight: 500; line-height: 1.45; }\r\n\r\n\/* \u2500\u2500 SECTION BASE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.section { padding: 92px 2.5rem; }\r\n.section-alt { background: var(--off-white); }\r\n.section-dark { background: var(--navy); }\r\n.container { max-width: 1160px; margin: 0 auto; }\r\n\r\n.eyebrow {\r\n font-size: 11px; font-weight: 700; letter-spacing: 2.2px;\r\n text-transform: uppercase; color: var(--gold); margin-bottom: 10px;\r\n}\r\n\r\n.sec-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(1.75rem, 2.8vw, 2.4rem); font-weight: 700;\r\n color: var(--text); line-height: 1.22; margin-bottom: 1rem;\r\n}\r\n.sec-title--white { color: #fff; }\r\n\r\n.sec-body { font-size: 15.5px; color: var(--text-mid); max-width: 560px; line-height: 1.78; }\r\n.sec-body--white { color: rgba(255,255,255,0.62); }\r\n\r\n\/* \u2500\u2500 SEJARAH \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.history-wrap {\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start;\r\n}\r\n\r\n.timeline { position: relative; padding-left: 30px; margin-top: 40px; }\r\n.timeline::before {\r\n content: ''; position: absolute; left: 0; top: 10px; bottom: 10px;\r\n width: 2px; background: linear-gradient(to bottom, var(--gold) 0%, var(--navy-mid) 100%);\r\n}\r\n.tl-item { position: relative; margin-bottom: 34px; }\r\n.tl-item::before {\r\n content: ''; position: absolute; left: -36px; top: 6px;\r\n width: 12px; height: 12px; border-radius: 50%;\r\n background: var(--gold); border: 3px solid var(--white);\r\n box-shadow: 0 0 0 2px var(--gold);\r\n}\r\n.tl-year {\r\n font-size: 11px; font-weight: 700; color: var(--gold);\r\n letter-spacing: 1.8px; text-transform: uppercase; margin-bottom: 3px;\r\n}\r\n.tl-evt { font-size: 15px; font-weight: 600; color: var(--text); margin-bottom: 3px; }\r\n.tl-det { font-size: 13px; color: var(--text-soft); line-height: 1.55; }\r\n\r\n.info-box {\r\n background: var(--navy); border-radius: 14px; padding: 28px 32px;\r\n margin-top: 32px;\r\n}\r\n.info-box p { font-size: 15px; color: rgba(255,255,255,0.78); line-height: 1.75; }\r\n.info-box strong { color: var(--gold); }\r\n\r\n\/* \u2500\u2500 AKREDITASI \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.accred-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 48px; }\r\n\r\n.accred-card {\r\n border-radius: 18px; padding: 38px; position: relative; overflow: hidden;\r\n}\r\n.accred-card-a { background: var(--navy); }\r\n.accred-card-b { background: var(--gold); }\r\n\r\n.accred-eyebrow {\r\n font-size: 11px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase;\r\n color: rgba(255,255,255,0.55); margin-bottom: 14px;\r\n}\r\n.accred-main {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2.2rem; font-weight: 700; color: #fff; margin-bottom: 10px;\r\n}\r\n.accred-body { font-size: 13.5px; color: rgba(255,255,255,0.72); line-height: 1.65; margin-bottom: 22px; }\r\n\r\n.accred-tag {\r\n display: inline-flex; align-items: center; gap: 6px;\r\n background: rgba(255,255,255,0.14); border-radius: 100px;\r\n padding: 6px 16px; font-size: 12px; font-weight: 600; color: #fff;\r\n}\r\n\r\n.accred-orb {\r\n position: absolute; right: -30px; bottom: -30px;\r\n width: 150px; height: 150px; border-radius: 50%;\r\n background: rgba(255,255,255,0.04);\r\n}\r\n.accred-orb2 {\r\n position: absolute; right: 30px; bottom: 20px;\r\n width: 80px; height: 80px; border-radius: 50%;\r\n background: rgba(255,255,255,0.04);\r\n}\r\n\r\n\/* \u2500\u2500 PROFIL LULUSAN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.profiles-wrap { margin-top: 48px; }\r\n\r\n.profile-main {\r\n background: var(--navy);\r\n border-radius: 18px; padding: 36px 40px;\r\n display: flex; align-items: center; gap: 32px;\r\n margin-bottom: 20px;\r\n}\r\n.pm-icon {\r\n width: 64px; height: 64px; background: rgba(196,154,42,0.18);\r\n border-radius: 16px; display: flex; align-items: center;\r\n justify-content: center; font-size: 28px; flex-shrink: 0;\r\n}\r\n.pm-label { font-size: 10.5px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; color: var(--gold); margin-bottom: 5px; }\r\n.pm-name { font-family: 'Playfair Display', serif; font-size: 1.5rem; font-weight: 700; color: #fff; margin-bottom: 8px; }\r\n.pm-desc { font-size: 14.5px; color: rgba(255,255,255,0.68); line-height: 1.68; max-width: 640px; }\r\n\r\n.profiles-grid {\r\n display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px;\r\n}\r\n.profile-card {\r\n background: var(--white); border: 1px solid var(--border);\r\n border-radius: 14px; padding: 24px 20px;\r\n transition: box-shadow 0.25s, transform 0.25s;\r\n}\r\n.profile-card:hover {\r\n box-shadow: 0 10px 32px rgba(23, 37, 84, 0.10);\r\n transform: translateY(-4px);\r\n}\r\n.pc-icon {\r\n width: 46px; height: 46px; border-radius: 12px;\r\n background: var(--navy-soft); display: flex;\r\n align-items: center; justify-content: center;\r\n font-size: 22px; margin-bottom: 14px;\r\n}\r\n.pc-label { font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--text-soft); margin-bottom: 4px; }\r\n.pc-name { font-size: 14.5px; font-weight: 600; color: var(--text); margin-bottom: 8px; line-height: 1.3; }\r\n.pc-desc { font-size: 12.5px; color: var(--text-mid); line-height: 1.6; }\r\n\r\n\/* \u2500\u2500 KURIKULUM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.curriculum-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 48px; }\r\n\r\n.curr-card {\r\n background: var(--white); border: 1px solid var(--border);\r\n border-radius: 14px; padding: 28px;\r\n}\r\n.curr-header { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }\r\n.curr-icon {\r\n width: 44px; height: 44px; border-radius: 12px;\r\n display: flex; align-items: center; justify-content: center; font-size: 21px; flex-shrink: 0;\r\n}\r\n.ci-a { background: var(--navy); }\r\n.ci-b { background: var(--gold-light); }\r\n.ci-c { background: #DBEAFE; }\r\n.ci-d { background: #EEF0F5; }\r\n.curr-title { font-size: 15px; font-weight: 600; color: var(--text); margin-bottom: 2px; }\r\n.curr-sub { font-size: 12px; color: var(--text-soft); }\r\n.tags { display: flex; flex-wrap: wrap; gap: 7px; }\r\n.tag {\r\n background: var(--off-white); border: 1px solid var(--border);\r\n border-radius: 100px; padding: 4px 13px;\r\n font-size: 12px; color: var(--text-mid); font-weight: 500;\r\n}\r\n\r\n\/* \u2500\u2500 PRESTASI \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.prestasi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 48px; }\r\n\r\n.prestasi-card {\r\n border-radius: 18px; padding: 36px; position: relative; overflow: hidden;\r\n border: 1px solid rgba(255,255,255,0.06);\r\n}\r\n.pc-a { background: var(--navy); }\r\n.pc-b { background: #1E3A8A; }\r\n.pc-c { background: #1D4ED8; }\r\n\r\n.pr-level {\r\n font-size: 10.5px; font-weight: 700; letter-spacing: 1.8px;\r\n text-transform: uppercase; color: var(--gold); margin-bottom: 12px;\r\n}\r\n.pr-num {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 3.2rem; font-weight: 700; color: #fff; line-height: 1; margin-bottom: 10px;\r\n}\r\n.pr-desc { font-size: 14px; color: rgba(255,255,255,0.58); line-height: 1.6; }\r\n\r\n.pr-orb {\r\n position: absolute; right: -24px; bottom: -24px;\r\n width: 120px; height: 120px; border-radius: 50%;\r\n background: rgba(255,255,255,0.04);\r\n}\r\n\r\n\/* \u2500\u2500 SDM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.sdm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }\r\n\r\n.sdm-list { margin-top: 30px; display: flex; flex-direction: column; gap: 14px; }\r\n.sdm-row {\r\n display: flex; align-items: center; gap: 16px;\r\n background: var(--white); border: 1px solid var(--border);\r\n border-radius: 12px; padding: 16px 20px;\r\n transition: box-shadow 0.2s;\r\n}\r\n.sdm-row:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.06); }\r\n.sdm-icon {\r\n width: 40px; height: 40px; border-radius: 10px;\r\n background: var(--navy-soft); display: flex; align-items: center;\r\n justify-content: center; font-size: 20px; flex-shrink: 0;\r\n}\r\n.sdm-n { font-family: 'Playfair Display', serif; font-size: 1.45rem; font-weight: 700; color: var(--navy); }\r\n.sdm-l { font-size: 13px; color: var(--text-soft); margin-top: 1px; line-height: 1.4; }\r\n\r\n\/* \u2500\u2500 INTERNASIONAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.intl-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 48px; }\r\n\r\n.intl-card {\r\n background: var(--white); border: 1px solid var(--border);\r\n border-radius: 14px; padding: 26px 22px; text-align: center;\r\n transition: box-shadow 0.25s, transform 0.25s;\r\n}\r\n.intl-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.08); transform: translateY(-3px); }\r\n.intl-ico { font-size: 30px; margin-bottom: 12px; }\r\n.intl-t { font-size: 15px; font-weight: 600; color: var(--text); margin-bottom: 7px; }\r\n.intl-d { font-size: 13px; color: var(--text-soft); line-height: 1.55; }\r\n\r\n.intl-fibaa {\r\n background: var(--navy); color: #fff; margin-top: 32px;\r\n border-radius: 14px; padding: 32px 40px;\r\n display: flex; align-items: center; justify-content: space-between; gap: 24px;\r\n}\r\n.fibaa-left { }\r\n.fibaa-label { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--gold); margin-bottom: 8px; }\r\n.fibaa-title { font-family: 'Playfair Display', serif; font-size: 1.6rem; font-weight: 700; color: #fff; margin-bottom: 8px; }\r\n.fibaa-desc { font-size: 14px; color: rgba(255,255,255,0.62); max-width: 500px; line-height: 1.65; }\r\n.fibaa-badge {\r\n background: rgba(196,154,42,0.18); border: 1px solid rgba(196,154,42,0.4);\r\n border-radius: 10px; padding: 16px 24px; text-align: center; flex-shrink: 0;\r\n}\r\n.fibaa-badge-num { font-family: 'Playfair Display', serif; font-size: 1.4rem; font-weight: 700; color: var(--gold); }\r\n.fibaa-badge-l { font-size: 11px; color: rgba(255,255,255,0.5); margin-top: 3px; }\r\n\r\n\/* \u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nfooter {\r\n background: var(--footer-bg);\r\n padding: 64px 2.5rem 40px;\r\n}\r\n.footer-wrap { max-width: 1160px; margin: 0 auto; }\r\n\r\n.footer-top {\r\n display: grid; grid-template-columns: 1fr auto; gap: 48px;\r\n align-items: start; padding-bottom: 48px;\r\n border-bottom: 1px solid rgba(255,255,255,0.08); margin-bottom: 36px;\r\n}\r\n\r\n.footer-logo-badge {\r\n display: inline-flex; align-items: center; justify-content: center;\r\n width: 40px; height: 40px; background: var(--gold);\r\n border-radius: 9px; font-family: 'Playfair Display', serif;\r\n font-weight: 700; font-size: 14px; color: #fff; margin-bottom: 14px;\r\n}\r\n.footer-name { font-family: 'Playfair Display', serif; font-size: 1.25rem; font-weight: 700; color: #fff; margin-bottom: 4px; }\r\n.footer-sub { font-size: 13px; color: rgba(255,255,255,0.4); line-height: 1.7; }\r\n.footer-desc { font-size: 13.5px; color: rgba(255,255,255,0.45); max-width: 380px; line-height: 1.7; margin-top: 14px; }\r\n\r\n.footer-sk { text-align: right; }\r\n.footer-sk h4 { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; }\r\n.footer-sk p { font-size: 12px; color: rgba(255,255,255,0.32); line-height: 2; }\r\n\r\n.footer-bottom {\r\n display: flex; align-items: center; justify-content: space-between;\r\n}\r\n.footer-bottom p { font-size: 12px; color: rgba(255,255,255,0.28); }\r\n.accred-chips { display: flex; gap: 10px; }\r\n.chip {\r\n background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 100px; padding: 4px 14px; font-size: 11.5px;\r\n color: rgba(255,255,255,0.45); font-weight: 500;\r\n}\r\n\r\n\/* \u2500\u2500 ANIMATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.fade-up {\r\n opacity: 0; transform: translateY(22px);\r\n transition: opacity 0.65s ease, transform 0.65s ease;\r\n}\r\n.fade-up.in { opacity: 1; transform: translateY(0); }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n .nav-links { display: none; }\r\n .ribbon-inner { grid-template-columns: repeat(3, 1fr); }\r\n .history-wrap, .sdm-grid { grid-template-columns: 1fr; gap: 40px; }\r\n .accred-grid, .curriculum-grid, .prestasi-grid { grid-template-columns: 1fr; }\r\n .profiles-grid { grid-template-columns: repeat(2, 1fr); }\r\n .profile-main { flex-direction: column; gap: 20px; }\r\n .intl-grid { grid-template-columns: repeat(2, 1fr); }\r\n .intl-fibaa { flex-direction: column; }\r\n .footer-top { grid-template-columns: 1fr; }\r\n .footer-sk { text-align: left; }\r\n .footer-bottom { flex-direction: column; gap: 12px; }\r\n .hero-star-deco { display: none; }\r\n .hero-stats { gap: 1.2rem; flex-wrap: wrap; }\r\n .hero-divider { display: none; }\r\n .hero-stat { padding: 0; }\r\n}\r\n\r\n@media (max-width: 580px) {\r\n .profiles-grid { grid-template-columns: 1fr; }\r\n .intl-grid { grid-template-columns: 1fr; }\r\n .ribbon-inner { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<nav role=\"navigation\" aria-label=\"Navigasi utama\">\r\n <a href=\"#\" class=\"nav-brand\">\r\n <div class=\"nav-badge\">PAI<\/div>\r\n <div>\r\n <div class=\"nav-text-main\">Prodi PAI<\/div>\r\n <div class=\"nav-text-sub\">UIN Maulana Malik Ibrahim Malang<\/div>\r\n <\/div>\r\n <\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#tentang\">Tentang<\/a><\/li>\r\n <li><a href=\"#akreditasi\">Akreditasi<\/a><\/li>\r\n <li><a href=\"#program\">Program<\/a><\/li>\r\n <li><a href=\"#prestasi\">Prestasi<\/a><\/li>\r\n <li><a href=\"#dosen\">SDM<\/a><\/li>\r\n <li><a href=\"#internasional\">Internasional<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n<section class=\"hero\" id=\"hero\" aria-label=\"Hero\">\r\n\r\n <svg class=\"hero-geo\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <defs>\r\n <pattern id=\"geo-tile\" x=\"0\" y=\"0\" width=\"90\" height=\"90\" patternUnits=\"userSpaceOnUse\">\r\n <polygon points=\"45,7 49.8,32.2 68.5,20 58,37.5 83,45 58,52.5 68.5,70 49.8,57.8 45,83 40.2,57.8 21.5,70 32,52.5 7,45 32,37.5 21.5,20 40.2,32.2\"\r\n fill=\"none\" stroke=\"white\" stroke-width=\"0.9\"\/>\r\n <circle cx=\"45\" cy=\"45\" r=\"10\" fill=\"none\" stroke=\"white\" stroke-width=\"0.6\"\/>\r\n <circle cx=\"0\" cy=\"0\" r=\"2.5\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\r\n <circle cx=\"90\" cy=\"0\" r=\"2.5\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\r\n <circle cx=\"0\" cy=\"90\" r=\"2.5\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\r\n <circle cx=\"90\" cy=\"90\" r=\"2.5\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\r\n <\/pattern>\r\n <\/defs>\r\n <rect width=\"100%\" height=\"100%\" fill=\"url(#geo-tile)\"\/>\r\n <\/svg>\r\n\r\n <svg class=\"hero-star-deco\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 460 460\" aria-hidden=\"true\">\r\n <polygon points=\"230,46 249,168 346,105 283,205 406,230 283,255 346,355 249,292 230,414 211,292 114,355 177,255 54,230 177,205 114,105 211,168\"\r\n fill=\"none\" stroke=\"white\" stroke-width=\"1.8\"\/>\r\n <polygon points=\"230,110 244,174 296,140 262,186 326,210 262,234 296,280 244,246 230,310 216,246 164,280 198,234 134,210 198,186 164,140 216,174\"\r\n fill=\"none\" stroke=\"white\" stroke-width=\"1.2\"\/>\r\n <circle cx=\"230\" cy=\"230\" r=\"56\" fill=\"none\" stroke=\"white\" stroke-width=\"0.8\"\/>\r\n <circle cx=\"230\" cy=\"230\" r=\"96\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\"\/>\r\n <\/svg>\r\n\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-pill\">\r\n <div class=\"hero-pill-dot\"><\/div>\r\n <span>Akreditasi Unggul  \u00b7  FIBAA International 2025<\/span>\r\n <\/div>\r\n\r\n <h1 class=\"hero-h1\">\r\n Program Studi<br>\r\n <em>Pendidikan Agama Islam<\/em>\r\n <\/h1>\r\n <p class=\"hero-inst\">Fakultas Ilmu Tarbiyah dan Keguruan \u2014 UIN Maulana Malik Ibrahim Malang<\/p>\r\n\r\n <p class=\"hero-desc\">\r\n Mendidik generasi pendidik Muslim yang kreatif, inovatif, dan berdampak sejak 1961. Cikal bakal lahirnya universitas Islam terkemuka di Indonesia.\r\n <\/p>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-n\">10.000+<\/div>\r\n <div class=\"hero-stat-l\">Alumni<\/div>\r\n <\/div>\r\n <div class=\"hero-divider\"><\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-n\">1.100+<\/div>\r\n <div class=\"hero-stat-l\">Mahasiswa Aktif<\/div>\r\n <\/div>\r\n <div class=\"hero-divider\"><\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-n\">63+<\/div>\r\n <div class=\"hero-stat-l\">Tahun Pengabdian<\/div>\r\n <\/div>\r\n <div class=\"hero-divider\"><\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"hero-stat-n\">15+<\/div>\r\n <div class=\"hero-stat-l\">Guru Besar<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#tentang\" class=\"hero-btn\">\r\n Kenali Lebih Lanjut <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<div class=\"stats-ribbon\">\r\n <div class=\"ribbon-inner\">\r\n <div class=\"ribbon-item\">\r\n <div class=\"ribbon-n\" data-counter=\"10000\" data-fmt=\"idr\">10.000+<\/div>\r\n <div class=\"ribbon-l\">Alumni<br>Tersebar<\/div>\r\n <\/div>\r\n <div class=\"ribbon-item\">\r\n <div class=\"ribbon-n\" data-counter=\"1100\" data-fmt=\"idr\">1.100+<\/div>\r\n <div class=\"ribbon-l\">Mahasiswa<br>Aktif<\/div>\r\n <\/div>\r\n <div class=\"ribbon-item\">\r\n <div class=\"ribbon-n\" data-counter=\"15\" data-fmt=\"plain\">15+<\/div>\r\n <div class=\"ribbon-l\">Profesor &<br>Guru Besar<\/div>\r\n <\/div>\r\n <div class=\"ribbon-item\">\r\n <div class=\"ribbon-n\" data-counter=\"45\" data-fmt=\"plain\">45+<\/div>\r\n <div class=\"ribbon-l\">Prestasi<br>Internasional<\/div>\r\n <\/div>\r\n <div class=\"ribbon-item\">\r\n <div class=\"ribbon-n\" data-counter=\"150\" data-fmt=\"plain\">150+<\/div>\r\n <div class=\"ribbon-l\">Prestasi<br>Nasional<\/div>\r\n <\/div>\r\n <div class=\"ribbon-item\">\r\n <div class=\"ribbon-n\" data-counter=\"200\" data-fmt=\"plain\">200+<\/div>\r\n <div class=\"ribbon-l\">Prestasi<br>Regional<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<section class=\"section\" id=\"tentang\">\r\n <div class=\"container\">\r\n <div class=\"history-wrap\">\r\n\r\n <div class=\"fade-up\">\r\n <div class=\"eyebrow\">Sejarah & Identitas<\/div>\r\n <h2 class=\"sec-title\">Cikal Bakal UIN Maulana Malik Ibrahim Malang<\/h2>\r\n <p class=\"sec-body\">\r\n Program Studi PAI merupakan program studi pertama yang menjadi fondasi awal lahirnya Universitas Islam Negeri Maulana Malik Ibrahim Malang. Berdiri sejak 18 Juli 1961, Prodi PAI telah melampaui enam dekade pengabdian dalam membangun tradisi akademik dan kependidikan Islam.\r\n <\/p>\r\n\r\n <div class=\"info-box\" style=\"margin-top: 28px;\">\r\n <p>\r\n Alumni Prodi PAI tersebar luas dalam beragam bidang strategis \u2014 dari <strong>guru PAI, kepala sekolah, dan pengasuh pesantren<\/strong>, hingga <strong>dosen, tokoh masyarakat, mubaligh, manajer pendidikan<\/strong>, dan bahkan beberapa alumni yang pernah menjabat sebagai <strong>menteri Republik Indonesia<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline fade-up\" style=\"transition-delay: 0.12s;\">\r\n <div class=\"tl-item\">\r\n <div class=\"tl-year\">18 Juli 1961<\/div>\r\n <div class=\"tl-evt\">Pendirian Program Studi PAI<\/div>\r\n <div class=\"tl-det\">SK Pendirian Nomor 60 Tahun 1961. Menjadi program studi pertama dan cikal bakal UIN Malang.<\/div>\r\n <\/div>\r\n <div class=\"tl-item\">\r\n <div class=\"tl-year\">28 Maret 2005<\/div>\r\n <div class=\"tl-evt\">SK Izin Operasional<\/div>\r\n <div class=\"tl-det\">SK Dj.II\/56\/2005 \u2014 legalitas operasional resmi dalam kerangka tata kelola pendidikan tinggi nasional.<\/div>\r\n <\/div>\r\n <div class=\"tl-item\">\r\n <div class=\"tl-year\">6 Desember 2010<\/div>\r\n <div class=\"tl-evt\">Pembaruan Operasional<\/div>\r\n <div class=\"tl-det\">SK Nomor Dj.I\/867\/2010 \u2014 pembaruan kelembagaan untuk penguatan tata kelola berkelanjutan.<\/div>\r\n <\/div>\r\n <div class=\"tl-item\">\r\n <div class=\"tl-year\">28 Des 2022<\/div>\r\n <div class=\"tl-evt\">Akreditasi Unggul \u2014 LAMDIK<\/div>\r\n <div class=\"tl-det\">Keputusan LAMDIK No. 288\/SK\/LAMDIK\/Ak\/S\/III\/2023. Berlaku hingga 27 Desember 2027.<\/div>\r\n <\/div>\r\n <div class=\"tl-item\">\r\n <div class=\"tl-year\">6 Juni 2025<\/div>\r\n <div class=\"tl-evt\">Akreditasi Internasional FIBAA<\/div>\r\n <div class=\"tl-det\">Pengakuan mutu global dari FIBAA. Tonggak penting menuju reputasi internasional. Berlaku hingga 5 Juni 2030.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"section section-alt\" id=\"akreditasi\">\r\n <div class=\"container\">\r\n <div class=\"fade-up\" style=\"text-align: center; max-width: 580px; margin: 0 auto 48px;\">\r\n <div class=\"eyebrow\">Penjaminan Mutu<\/div>\r\n <h2 class=\"sec-title\">Terakreditasi Nasional & Internasional<\/h2>\r\n <p class=\"sec-body\" style=\"margin: 0 auto;\">Prodi PAI meraih pengakuan mutu tertinggi di tingkat nasional sekaligus diakui secara internasional oleh lembaga penjaminan mutu global.<\/p>\r\n <\/div>\r\n\r\n <div class=\"accred-grid\">\r\n <div class=\"accred-card accred-card-a fade-up\" style=\"transition-delay: 0.05s;\">\r\n <div class=\"accred-eyebrow\">Akreditasi Nasional \u2014 LAMDIK<\/div>\r\n <div class=\"accred-main\">Unggul<\/div>\r\n <div class=\"accred-body\">\r\n Keputusan LAMDIK No. 288\/SK\/LAMDIK\/Ak\/S\/III\/2023. Peringkat tertinggi akreditasi program studi pendidikan di Indonesia \u2014 menegaskan keunggulan mutu akademik, tata kelola, dan lulusan Prodi PAI secara nasional.\r\n <\/div>\r\n <div class=\"accred-tag\">\u2726 Berlaku 28 Des 2022 \u2013 27 Des 2027<\/div>\r\n <div class=\"accred-orb\"><\/div>\r\n <div class=\"accred-orb2\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"accred-card accred-card-b fade-up\" style=\"transition-delay: 0.12s;\">\r\n <div class=\"accred-eyebrow\">Akreditasi Internasional \u2014 FIBAA<\/div>\r\n <div class=\"accred-main\">International<\/div>\r\n <div class=\"accred-body\">\r\n Bachelor of Islamic Education (S.Pd.) UIN Malang mendapat pengakuan dari Foundation for International Business Administration Accreditation. Membuktikan standar akademik Prodi PAI telah memenuhi tolok ukur mutu global.\r\n <\/div>\r\n <div class=\"accred-tag\">\u2726 Berlaku 6 Jun 2025 \u2013 5 Jun 2030<\/div>\r\n <div class=\"accred-orb\"><\/div>\r\n <div class=\"accred-orb2\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"section\" id=\"program\">\r\n <div class=\"container\">\r\n <div class=\"fade-up\">\r\n <div class=\"eyebrow\">Kurikulum 2022<\/div>\r\n <h2 class=\"sec-title\">Profil Lulusan<\/h2>\r\n <p class=\"sec-body\">Satu profil utama dan lima profil pilihan, membuka karier luas di bidang pendidikan, riset, media, kewirausahaan, dakwah, dan manajemen lembaga.<\/p>\r\n <\/div>\r\n\r\n <div class=\"profiles-wrap\">\r\n <div class=\"profile-main fade-up\" style=\"transition-delay: 0.06s;\">\r\n <div class=\"pm-icon\">\ud83c\udf93<\/div>\r\n <div>\r\n <div class=\"pm-label\">Profil Utama<\/div>\r\n <div class=\"pm-name\">Pendidik Pendidikan Agama Islam<\/div>\r\n <div class=\"pm-desc\">Pendidik dan fasilitator pembelajaran PAI yang kreatif, inovatif, berjiwa kepemimpinan, berlandaskan ajaran dan etika Islam, serta didukung kemampuan bahasa asing dan teknologi informasi.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"profiles-grid\">\r\n <div class=\"profile-card fade-up\" style=\"transition-delay: 0.08s;\">\r\n <div class=\"pc-icon\">\ud83d\udd2c<\/div>\r\n <div class=\"pc-label\">Profil Pilihan 1<\/div>\r\n <div class=\"pc-name\">Asisten Peneliti<\/div>\r\n <div class=\"pc-desc\">Mendukung dan melaksanakan riset bidang pendidikan dan keilmuan Islam secara profesional dan akademis.<\/div>\r\n <\/div>\r\n <div class=\"profile-card fade-up\" style=\"transition-delay: 0.12s;\">\r\n <div class=\"pc-icon\">\u270d\ufe0f<\/div>\r\n <div class=\"pc-label\">Profil Pilihan 2<\/div>\r\n <div class=\"pc-name\">Jurnalis<\/div>\r\n <div class=\"pc-desc\">Memproduksi karya jurnalistik dan media dalam konteks pendidikan dan dakwah Islam yang kontemporer.<\/div>\r\n <\/div>\r\n <div class=\"profile-card fade-up\" style=\"transition-delay: 0.16s;\">\r\n <div class=\"pc-icon\">\ud83d\udca1<\/div>\r\n <div class=\"pc-label\">Profil Pilihan 3<\/div>\r\n <div class=\"pc-name\">Entrepreneurs & Learning Designers<\/div>\r\n <div class=\"pc-desc\">Membangun inisiatif kewirausahaan pendidikan dan merancang desain pembelajaran inovatif yang relevan.<\/div>\r\n <\/div>\r\n <div class=\"profile-card fade-up\" style=\"transition-delay: 0.20s;\">\r\n <div class=\"pc-icon\">\ud83d\udd4c<\/div>\r\n <div class=\"pc-label\">Profil Pilihan 4<\/div>\r\n <div class=\"pc-name\">Mubaligh<\/div>\r\n <div class=\"pc-desc\">Berdakwah secara efektif melalui berbagai metode, pendekatan, dan media dakwah Islam yang kontemporer.<\/div>\r\n <\/div>\r\n <div class=\"profile-card fade-up\" style=\"transition-delay: 0.24s;\">\r\n <div class=\"pc-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n <div class=\"pc-label\">Profil Pilihan 5<\/div>\r\n <div class=\"pc-name\">Manajer & Aktivis Pendidikan Islam<\/div>\r\n <div class=\"pc-desc\">Mengelola lembaga pendidikan Islam secara profesional dan berkontribusi dalam gerakan pendidikan Islam.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"section section-alt\">\r\n <div class=\"container\">\r\n <div class=\"fade-up\">\r\n <div class=\"eyebrow\">Rumpun Mata Kuliah<\/div>\r\n <h2 class=\"sec-title\">Kurikulum Modern yang Komprehensif<\/h2>\r\n <p class=\"sec-body\">Memadukan penguasaan substansi keislaman, pedagogi, kepemimpinan, dan inovasi pembelajaran \u2014 menjawab kebutuhan zaman dengan tetap berpijak pada nilai-nilai Islam.<\/p>\r\n <\/div>\r\n\r\n<div class=\"curriculum-grid\">\r\n <div class=\"curr-card fade-up\" style=\"transition-delay: 0.05s;\">\r\n <div class=\"curr-header\">\r\n <div class=\"curr-icon ci-a\">\ud83d\udcd6<\/div>\r\n <div>\r\n <div class=\"curr-title\">Ilmu Agama Islam<\/div>\r\n <div class=\"curr-sub\">Menjadi landasan penguasaan substansi ajaran Islam secara\r\nkomprehensif yang meliputi al-Qur\u2019an, Hadis, Akidah Akhlak,\r\nFikih, Sejarah Kebudayaan Islam, dan ilmu-ilmu keislaman\r\nlainnya bagi calon pendidik Pendidikan Agama Islam.1<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Al-Qur'an & Hadis<\/span>\r\n <span class=\"tag\">Akidah Akhlak<\/span>\r\n <span class=\"tag\">Fikih<\/span>\r\n <span class=\"tag\">Sejarah Kebudayaan Islam<\/span>\r\n <span class=\"tag\">Pemikiran dan Peradaban Islam<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"curr-card fade-up\" style=\"transition-delay: 0.10s;\">\r\n <div class=\"curr-header\">\r\n <div class=\"curr-icon ci-b\">\ud83e\uddd1\u200d\ud83c\udfeb<\/div>\r\n <div>\r\n <div class=\"curr-title\">Ilmu Kependidikan & Pembelajaran<\/div>\r\n <div class=\"curr-sub\">Menjadi landasan penguasaan konsep, teori, dan praktik\r\npendidikan serta pembelajaran yang meliputi desain kurikulum,\r\nstrategi pembelajaran, evaluasi pembelajaran, serta\r\npengembangan sumber dan media pembelajaran yang kreatif,\r\ninovatif, dan adaptif terhadap perkembangan zaman.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Teori Pendidikan<\/span>\r\n <span class=\"tag\">Desain Pembelajaran<\/span>\r\n <span class=\"tag\">Teknologi Pembelajarandan Literasi Digital<\/span>\r\n <span class=\"tag\">Pengalaman Lapangan dan Pengembangan Profesional<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"curr-card fade-up\" style=\"transition-delay: 0.15s;\">\r\n <div class=\"curr-header\">\r\n <div class=\"curr-icon ci-c\">\ud83d\udd0d<\/div>\r\n <div>\r\n <div class=\"curr-title\">Metodologi Penelitian & Nilai Kebangsaan<\/div>\r\n <div class=\"curr-sub\">Menjadi landasan penguasaan konsep, teori, dan praktik\r\npenelitian pendidikan Islam untuk membentuk lulusan yang\r\nberpikir logis, kritis, sistematis, dan inovatif, serta berlandaskan\r\npada nilai Pancasila, wawasan kebangsaan, dan tanggung jawab\r\nsosial sebagai kerangka etika ilmiah dan moral.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Penelitian dan Penulisan Akademik<\/span>\r\n <span class=\"tag\">Filsafat kebangsaan <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"curr-card fade-up\" style=\"transition-delay: 0.20s;\">\r\n <div class=\"curr-header\">\r\n <div class=\"curr-icon ci-d\">\ud83c\udfdb\ufe0f<\/div>\r\n <div>\r\n <div class=\"curr-title\">Pengembangan Profesional & Pengelolaan Lembaga Pendidikan Islam<\/div>\r\n <div class=\"curr-sub\">Menjadi landasan penguasaan kompetensi profesional calon\r\npendidik Pendidikan Agama Islam serta konsep dan praktik pengelolaan lembaga pendidikan Islam secara efektif, inovatif,\r\ndan berlandaskan nilai-nilai keislaman.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Teori Pendidikan<\/span>\r\n <span class=\"tag\">Manajemen Pendidikan Islam<\/span>\r\n <span class=\"tag\">Entrepreneurship Pendidikan<\/span>\r\n <span class=\"tag\">Pengalaman Lapangan dan Pengembangan Profesional<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"curr-card fade-up\" style=\"transition-delay: 0.25s;\">\r\n <div class=\"curr-header\">\r\n <div class=\"curr-icon ci-a\">\ud83d\udcbb<\/div>\r\n <div>\r\n <div class=\"curr-title\">Literasi Digital, Komunikasi Islam & Entrepreneurship<\/div>\r\n <div class=\"curr-sub\">Menjadi landasan penguasaan literasi digital, komunikasi Islam,\r\ndan kewirausahaan untuk mendukung kreativitas, inovasi, dan\r\ndaya saing lulusan dalam pengembangan Pendidikan Agama\r\nIslam.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tags\">\r\n <span class=\"tag\">Desain Pembelajaran<\/span>\r\n <span class=\"tag\">Teknologi Pembelajaran dan Literasi Digital<\/span>\r\n <span class=\"tag\">Entrepreneurship Pendidikan<\/span>\r\n <span class=\"tag\">Bahasa dan Komunikasi<\/span>\r\n <span class=\"tag\">penelitian dan Penulisan Akademik<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"section section-dark\" id=\"prestasi\">\r\n <div class=\"container\">\r\n <div class=\"fade-up\" style=\"text-align: center; max-width: 580px; margin: 0 auto 48px;\">\r\n <div class=\"eyebrow\" style=\"color: var(--gold);\">Kemahasiswaan<\/div>\r\n <h2 class=\"sec-title sec-title--white\">Mahasiswa Berprestasi Terbanyak di FITK<\/h2>\r\n <p class=\"sec-body sec-body--white\" style=\"margin: 0 auto;\">Prodi PAI menjadi program studi dengan jumlah mahasiswa berprestasi terbanyak di lingkungan Fakultas Ilmu Tarbiyah dan Keguruan tahun 2023\u20132025.<\/p>\r\n <\/div>\r\n\r\n <div class=\"prestasi-grid\">\r\n <div class=\"prestasi-card pc-a fade-up\" style=\"transition-delay: 0.05s;\">\r\n <div class=\"pr-level\">Internasional<\/div>\r\n <div class=\"pr-num\">45+<\/div>\r\n <div class=\"pr-desc\">Prestasi internasional diraih oleh mahasiswa Prodi PAI di berbagai kompetisi dan forum global.<\/div>\r\n <div class=\"pr-orb\"><\/div>\r\n <\/div>\r\n <div class=\"prestasi-card pc-b fade-up\" style=\"transition-delay: 0.12s;\">\r\n <div class=\"pr-level\">Nasional<\/div>\r\n <div class=\"pr-num\">150+<\/div>\r\n <div class=\"pr-desc\">Prestasi nasional di berbagai olimpiade, lomba akademik, dan penghargaan tingkat Indonesia.<\/div>\r\n <div class=\"pr-orb\"><\/div>\r\n <\/div>\r\n <div class=\"prestasi-card pc-c fade-up\" style=\"transition-delay: 0.18s;\">\r\n <div class=\"pr-level\">Regional<\/div>\r\n <div class=\"pr-num\">200+<\/div>\r\n <div class=\"pr-desc\">Prestasi regional yang menunjukkan dominasi mahasiswa PAI di tingkat lokal dan provinsi.<\/div>\r\n <div class=\"pr-orb\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"section\" id=\"dosen\">\r\n <div class=\"container\">\r\n <div class=\"sdm-grid\">\r\n <div>\r\n <div class=\"fade-up\">\r\n <div class=\"eyebrow\">Tenaga Pengajar<\/div>\r\n <h2 class=\"sec-title\">Dosen Bermutu, Pakar Berpengalaman<\/h2>\r\n <p class=\"sec-body\">Ditopang puluhan dosen tetap dengan latar belakang keahlian beragam dan produktif secara akademik dalam pengembangan pendidikan Islam.<\/p>\r\n <\/div>\r\n <div class=\"sdm-list\">\r\n <div class=\"sdm-row fade-up\" style=\"transition-delay: 0.06s;\">\r\n <div class=\"sdm-icon\">\ud83c\udf93<\/div>\r\n <div>\r\n <div class=\"sdm-n\">15+<\/div>\r\n <div class=\"sdm-l\">Profesor dan Guru Besar aktif di bidang pendidikan Islam<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sdm-row fade-up\" style=\"transition-delay: 0.10s;\">\r\n <div class=\"sdm-icon\">\ud83d\udcda<\/div>\r\n <div>\r\n <div class=\"sdm-n\">40+<\/div>\r\n <div class=\"sdm-l\">Dosen tetap dengan keahlian beragam dan produktif secara ilmiah<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sdm-row fade-up\" style=\"transition-delay: 0.14s;\">\r\n <div class=\"sdm-icon\">\ud83c\udf0d<\/div>\r\n <div>\r\n <div class=\"sdm-n\">Lintas Negara<\/div>\r\n <div class=\"sdm-l\">Dosen asing mendukung suasana akademik internasional<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"fade-up\" style=\"transition-delay: 0.08s;\">\r\n <div class=\"eyebrow\">Kemahasiswaan<\/div>\r\n <h2 class=\"sec-title\">Prodi dengan Mahasiswa Terbanyak di UIN Malang<\/h2>\r\n <p class=\"sec-body\">Lebih dari 1.100 mahasiswa aktif \u2014 menjadikan Prodi PAI sebagai program studi terbesar di UIN Maulana Malik Ibrahim Malang.<\/p>\r\n <\/div>\r\n <div class=\"sdm-list\">\r\n <div class=\"sdm-row fade-up\" style=\"transition-delay: 0.14s;\">\r\n <div class=\"sdm-icon\">\ud83d\udc65<\/div>\r\n <div>\r\n <div class=\"sdm-n\">1.100+<\/div>\r\n <div class=\"sdm-l\">Mahasiswa aktif, terbanyak di lingkungan UIN Malang<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sdm-row fade-up\" style=\"transition-delay: 0.18s;\">\r\n <div class=\"sdm-icon\">\ud83c\udf0f<\/div>\r\n <div>\r\n <div class=\"sdm-n\">Internasional<\/div>\r\n <div class=\"sdm-l\">Mahasiswa dari Thailand, Kamboja, dan negara lain aktif di Prodi PAI<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sdm-row fade-up\" style=\"transition-delay: 0.22s;\">\r\n <div class=\"sdm-icon\">\ud83c\udfc6<\/div>\r\n <div>\r\n <div class=\"sdm-n\">10.000+<\/div>\r\n <div class=\"sdm-l\">Alumni tersebar di seluruh Indonesia di berbagai profesi strategis<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"section section-alt\" id=\"internasional\">\r\n <div class=\"container\">\r\n <div class=\"fade-up\" style=\"text-align: center; max-width: 580px; margin: 0 auto;\">\r\n <div class=\"eyebrow\">Jejaring Global<\/div>\r\n <h2 class=\"sec-title\">Berwawasan Internasional<\/h2>\r\n <p class=\"sec-body\" style=\"margin: 0 auto;\">Prodi PAI menempatkan jaringan internasional sebagai keunggulan utama, mendorong kolaborasi akademik lintas batas menuju reputasi global.<\/p>\r\n <\/div>\r\n\r\n <div class=\"intl-grid\" style=\"margin-top: 40px;\">\r\n <div class=\"intl-card fade-up\" style=\"transition-delay: 0.05s;\">\r\n <div class=\"intl-ico\">\ud83c\udfc5<\/div>\r\n <div class=\"intl-t\">Akreditasi FIBAA<\/div>\r\n <div class=\"intl-d\">Pengakuan standar mutu internasional dari lembaga akreditasi Eropa, berlaku 2025\u20132030.<\/div>\r\n <\/div>\r\n <div class=\"intl-card fade-up\" style=\"transition-delay: 0.10s;\">\r\n <div class=\"intl-ico\">\ud83c\udf0d<\/div>\r\n <div class=\"intl-t\">Mahasiswa Asing<\/div>\r\n <div class=\"intl-d\">Mahasiswa internasional dari Thailand, Malaysia dan Kamboja belajar bersama di Prodi PAI.<\/div>\r\n <\/div>\r\n <div class=\"intl-card fade-up\" style=\"transition-delay: 0.15s;\">\r\n <div class=\"intl-ico\">\ud83e\uddd1\u200d\ud83c\udfeb<\/div>\r\n <div class=\"intl-t\">Dosen Lintas Negara<\/div>\r\n <div class=\"intl-d\">Dosen asing memperkaya perspektif akademik dan memperkuat suasana internasional.<\/div>\r\n <\/div>\r\n <div class=\"intl-card fade-up\" style=\"transition-delay: 0.20s;\">\r\n <div class=\"intl-ico\">\ud83e\udd1d<\/div>\r\n <div class=\"intl-t\">Kemitraan Global<\/div>\r\n <div class=\"intl-d\">Kerja sama dengan lembaga internasional di bidang pendidikan dan keilmuan Islam.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"intl-fibaa fade-up\" style=\"transition-delay: 0.10s; margin-top: 20px;\">\r\n <div class=\"fibaa-left\">\r\n <div class=\"fibaa-label\">Pencapaian 2025<\/div>\r\n <div class=\"fibaa-title\">Akreditasi Internasional FIBAA<\/div>\r\n <div class=\"fibaa-desc\">Rapat FIBAA Accreditation and Certification Committee tanggal 5 Juni 2025 memutuskan bahwa Bachelor of Islamic Education \u2014 Sarjana Pendidikan (S.Pd.) di UIN Maulana Malik Ibrahim Malang memperoleh akreditasi internasional, membuktikan standar mutu global Prodi PAI.<\/div>\r\n <\/div>\r\n <div class=\"fibaa-badge\">\r\n <div class=\"fibaa-badge-num\">2025\u20132030<\/div>\r\n <div class=\"fibaa-badge-l\">Masa Berlaku<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<footer>\r\n <div class=\"footer-wrap\">\r\n <div class=\"footer-top\">\r\n <div>\r\n <div class=\"footer-logo-badge\">PAI<\/div>\r\n <div class=\"footer-name\">Program Studi Pendidikan Agama Islam<\/div>\r\n <div class=\"footer-sub\">\r\n Fakultas Ilmu Tarbiyah dan Keguruan<br>\r\n Universitas Islam Negeri Maulana Malik Ibrahim Malang\r\n <\/div>\r\n <p class=\"footer-desc\">\r\n Mendidik generasi pendidik Muslim yang bermutu, berdaya saing global, dan berkomitmen pada nilai-nilai keislaman sejak 1961.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-sk\">\r\n <h4>Legalitas Kelembagaan<\/h4>\r\n <p>\r\n SK Pendirian No. 60 Tahun 1961 \u2014 18 Juli 1961<br>\r\n SK Operasional Dj.II\/56\/2005 \u2014 28 Maret 2005<br>\r\n SK Pembaruan Dj.I\/867\/2010 \u2014 6 Desember 2010<br>\r\n Akreditasi Unggul LAMDIK No. 288\/SK\/LAMDIK\/Ak\/S\/III\/2023<br>\r\n Akreditasi Internasional FIBAA \u2014 5 Juni 2025\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>\u00a9 2025 Prodi PAI \u2014 UIN Maulana Malik Ibrahim Malang. Semua hak dilindungi.<\/p>\r\n <div class=\"accred-chips\">\r\n <div class=\"chip\">Akreditasi Unggul<\/div>\r\n <div class=\"chip\">FIBAA International<\/div>\r\n <div class=\"chip\">Est. 1961<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n(function() {\r\n \/\/ Animated counters\r\n function fmt(val, type, target) {\r\n if (type === 'idr') {\r\n if (val >= 10000) {\r\n const k = Math.floor(val \/ 1000);\r\n return k + '.000+';\r\n }\r\n if (val >= 1000) {\r\n const h = Math.floor(val \/ 100) * 100;\r\n return (h >= 1000 ? '1.000' : h) + '+';\r\n }\r\n }\r\n return Math.floor(val) + '+';\r\n }\r\n\r\n function runCounter(el) {\r\n const target = parseInt(el.dataset.counter);\r\n const type = el.dataset.fmt || 'plain';\r\n const dur = 1800;\r\n const start = performance.now();\r\n function tick(now) {\r\n const p = Math.min((now - start) \/ dur, 1);\r\n const ease = 1 - Math.pow(1 - p, 3);\r\n el.textContent = fmt(ease * target, type, target);\r\n if (p < 1) requestAnimationFrame(tick);\r\n else el.textContent = fmt(target, type, target);\r\n }\r\n requestAnimationFrame(tick);\r\n }\r\n\r\n \/\/ Scroll animations\r\n const io = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('in');\r\n if (e.target.dataset.counter) {\r\n runCounter(e.target);\r\n io.unobserve(e.target);\r\n }\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n\r\n document.querySelectorAll('.fade-up').forEach(el => io.observe(el));\r\n document.querySelectorAll('[data-counter]').forEach(el => io.observe(el));\r\n\r\n \/\/ Active nav highlight\r\n const navAs = document.querySelectorAll('.nav-links a');\r\n const sects = document.querySelectorAll('section[id]');\r\n\r\n window.addEventListener('scroll', function() {\r\n let cur = '';\r\n sects.forEach(s => {\r\n if (window.scrollY >= s.offsetTop - 80) cur = s.id;\r\n });\r\n navAs.forEach(a => {\r\n a.style.color = (a.getAttribute('href') === '#' + cur)\r\n ? 'var(--gold)' : 'rgba(255,255,255,0.65)';\r\n });\r\n }, { passive: true });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>Prodi PAI \u2014 UIN Maulana Malik Ibrahim Malang PAI Prodi PAI UIN Maulana Malik Ibrahim Malang Tentang Akreditasi Program Prestasi SDM Internasional Akreditasi Unggul  \u00b7  FIBAA International 2025 Program Studi Pendidikan Agama Islam Fakultas Ilmu Tarbiyah dan Keguruan \u2014 UIN Maulana Malik Ibrahim Malang Mendidik generasi pendidik Muslim yang kreatif, inovatif, dan berdampak sejak 1961. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-3178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3178"}],"version-history":[{"count":22,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3178\/revisions"}],"predecessor-version":[{"id":5664,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3178\/revisions\/5664"}],"wp:attachment":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}