{"id":32,"date":"2026-04-17T03:11:09","date_gmt":"2026-04-17T03:11:09","guid":{"rendered":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/padhetgurumaju\/?page_id=32"},"modified":"2026-04-17T03:21:17","modified_gmt":"2026-04-17T03:21:17","slug":"pengumuman","status":"publish","type":"page","link":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/padhetgurumaju\/","title":{"rendered":"pengumuman"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>PADHET Guru Maju &#8211; KemendiKedasmen<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&#038;family=Nunito:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --navy: #1a2e5a;\n    --navy-light: #243b73;\n    --orange: #f5a623;\n    --orange-dark: #e08c00;\n    --teal: #0e7490;\n    --teal-light: #e0f2f7;\n    --bg: #f4f7fb;\n    --white: #ffffff;\n    --text: #1e293b;\n    --text-muted: #64748b;\n    --border: #e2e8f0;\n    --radius: 14px;\n    --shadow: 0 4px 24px rgba(26,46,90,0.10);\n  }\n\n  body {\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    background: var(--bg);\n    color: var(--text);\n    line-height: 1.6;\n  }\n\n  .padhet-wrap {\n    max-width: 800px;\n    margin: 0 auto;\n    background: var(--white);\n    overflow: hidden;\n    border-radius: 20px;\n    box-shadow: 0 8px 48px rgba(26,46,90,0.13);\n  }\n\n  \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n  .padhet-header {\n    background: var(--white);\n    padding: 16px 28px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 1px solid var(--border);\n  }\n  .padhet-logo {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n  .padhet-logo-icon {\n    width: 44px; height: 44px;\n    background: var(--navy);\n    border-radius: 10px;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 22px;\n  }\n  .padhet-logo-text {\n    line-height: 1.2;\n  }\n  .padhet-logo-text strong {\n    display: block;\n    font-size: 15px;\n    font-weight: 800;\n    color: var(--navy);\n    letter-spacing: -0.3px;\n  }\n  .padhet-logo-text span {\n    font-size: 10.5px;\n    color: var(--text-muted);\n    font-weight: 500;\n  }\n  .padhet-nav {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n  .padhet-nav a {\n    text-decoration: none;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--text-muted);\n    padding: 7px 16px;\n    border-radius: 8px;\n    transition: background .2s, color .2s;\n  }\n  .padhet-nav a:hover { background: var(--bg); color: var(--navy); }\n  .padhet-nav .btn-nav {\n    background: var(--navy);\n    color: var(--white) !important;\n    border-radius: 8px;\n    padding: 7px 18px;\n  }\n  .padhet-nav .btn-nav:hover { background: var(--navy-light); }\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .padhet-hero {\n    background: linear-gradient(135deg, #eaf4fb 0%, #f0f7ff 60%, #fff8ed 100%);\n    padding: 52px 40px 40px;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    gap: 24px;\n    align-items: center;\n    position: relative;\n    overflow: hidden;\n  }\n  .padhet-hero::before {\n    content: '';\n    position: absolute;\n    top: -40px; right: -40px;\n    width: 260px; height: 260px;\n    background: radial-gradient(circle, rgba(14,116,144,0.10) 0%, transparent 70%);\n    border-radius: 50%;\n  }\n  .padhet-hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background: var(--teal-light);\n    color: var(--teal);\n    font-size: 12px;\n    font-weight: 700;\n    padding: 5px 14px;\n    border-radius: 20px;\n    margin-bottom: 16px;\n    letter-spacing: .4px;\n    text-transform: uppercase;\n  }\n  .padhet-hero h1 {\n    font-family: 'Nunito', sans-serif;\n    font-size: 30px;\n    font-weight: 800;\n    color: var(--navy);\n    line-height: 1.22;\n    letter-spacing: -0.5px;\n    margin-bottom: 14px;\n  }\n  .padhet-hero h1 em {\n    font-style: normal;\n    color: var(--teal);\n  }\n  .padhet-hero p {\n    font-size: 14px;\n    color: var(--text-muted);\n    max-width: 380px;\n    margin-bottom: 28px;\n    line-height: 1.7;\n  }\n  .padhet-hero-btns {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n  }\n  .btn-primary {\n    background: var(--orange);\n    color: var(--navy);\n    font-weight: 800;\n    font-size: 14px;\n    padding: 13px 28px;\n    border: none;\n    border-radius: 10px;\n    cursor: pointer;\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    transition: background .2s, transform .15s, box-shadow .2s;\n    box-shadow: 0 4px 16px rgba(245,166,35,0.35);\n    letter-spacing: .1px;\n  }\n  .btn-primary:hover {\n    background: var(--orange-dark);\n    transform: translateY(-1px);\n    box-shadow: 0 6px 22px rgba(245,166,35,0.45);\n    color: var(--navy);\n  }\n  .btn-secondary {\n    background: var(--white);\n    color: var(--navy);\n    font-weight: 700;\n    font-size: 14px;\n    padding: 12px 24px;\n    border: 2px solid var(--navy);\n    border-radius: 10px;\n    cursor: pointer;\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    transition: background .2s, color .2s, transform .15s;\n  }\n  .btn-secondary:hover {\n    background: var(--navy);\n    color: var(--white);\n    transform: translateY(-1px);\n  }\n\n  \/* Hero image placeholder *\/\n  .padhet-hero-img {\n    width: 200px;\n    height: 240px;\n    border-radius: 18px;\n    overflow: hidden;\n    flex-shrink: 0;\n    box-shadow: var(--shadow);\n    background: linear-gradient(160deg, #c7e6f5, #e0f0ff);\n    display: flex;\n    align-items: flex-end;\n    justify-content: center;\n    font-size: 13px;\n    color: var(--teal);\n    font-weight: 600;\n    position: relative;\n  }\n  \/* Ukuran gambar hero: 200\u00d7240px *\/\n  .padhet-hero-img img {\n    width: 100%; height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  .padhet-hero-img .img-placeholder {\n    position: absolute;\n    bottom: 10px;\n    font-size: 11px;\n    background: rgba(255,255,255,.75);\n    padding: 4px 10px;\n    border-radius: 6px;\n    color: var(--navy);\n    font-weight: 700;\n  }\n\n  \/* \u2500\u2500 WHY SECTION \u2500\u2500 *\/\n  .padhet-why {\n    padding: 48px 40px 36px;\n    background: var(--white);\n  }\n  .section-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--teal);\n    text-transform: uppercase;\n    letter-spacing: .8px;\n    margin-bottom: 8px;\n  }\n  .section-label::before {\n    content: '';\n    width: 24px; height: 3px;\n    background: var(--teal);\n    border-radius: 2px;\n    display: inline-block;\n  }\n  .padhet-why h2 {\n    font-family: 'Nunito', sans-serif;\n    font-size: 24px;\n    font-weight: 800;\n    color: var(--navy);\n    margin-bottom: 6px;\n    line-height: 1.25;\n  }\n  .padhet-why-meta {\n    font-size: 13px;\n    color: var(--text-muted);\n    margin-bottom: 22px;\n  }\n  .padhet-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 26px;\n  }\n  .padhet-tag {\n    background: var(--navy);\n    color: var(--white);\n    font-size: 12px;\n    font-weight: 700;\n    padding: 5px 14px;\n    border-radius: 20px;\n  }\n  .padhet-tag.active { background: var(--teal); }\n\n  .padhet-why-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n  }\n\n  \/* \u2500\u2500 QUOTA BOX \u2500\u2500 *\/\n  .padhet-quota {\n    grid-column: 1;\n    background: linear-gradient(135deg, #fff8ed, #fff3d6);\n    border: 2px solid var(--orange);\n    border-radius: var(--radius);\n    padding: 22px 24px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: 14px;\n  }\n  .padhet-quota-title {\n    font-size: 15px;\n    font-weight: 800;\n    color: var(--navy);\n    display: flex;\n    align-items: center;\n    gap: 7px;\n  }\n  .padhet-quota-sub {\n    font-size: 13px;\n    color: var(--text-muted);\n    margin-top: 2px;\n  }\n  .padhet-quota-sub strong { color: var(--navy); }\n\n  \/* \u2500\u2500 FEATURE CARDS \u2500\u2500 *\/\n  .padhet-features {\n    grid-column: 2;\n    grid-row: 1 \/ 3;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n  .feat-card {\n    background: var(--bg);\n    border-radius: var(--radius);\n    padding: 18px 20px;\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    border: 1.5px solid transparent;\n    transition: border-color .2s, box-shadow .2s;\n  }\n  .feat-card:hover {\n    border-color: var(--teal);\n    box-shadow: 0 2px 16px rgba(14,116,144,0.10);\n  }\n  .feat-icon {\n    width: 40px; height: 40px;\n    background: var(--navy);\n    border-radius: 10px;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 18px;\n    flex-shrink: 0;\n  }\n  .feat-title {\n    font-weight: 800;\n    font-size: 14px;\n    color: var(--navy);\n    margin-bottom: 3px;\n  }\n  .feat-desc {\n    font-size: 12.5px;\n    color: var(--text-muted);\n    line-height: 1.5;\n  }\n\n  \/* \u2500\u2500 SCHEDULE \u2500\u2500 *\/\n  .padhet-schedule {\n    grid-column: 1;\n    background: var(--bg);\n    border-radius: var(--radius);\n    padding: 18px 20px;\n  }\n  .schedule-title {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--navy);\n    margin-bottom: 12px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .schedule-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--border);\n  }\n  .schedule-item:last-of-type { border-bottom: none; padding-bottom: 12px; }\n  .schedule-badge {\n    background: var(--navy);\n    color: var(--white);\n    font-size: 11px;\n    font-weight: 700;\n    padding: 4px 10px;\n    border-radius: 6px;\n    white-space: nowrap;\n    flex-shrink: 0;\n  }\n  .schedule-text {\n    font-size: 13px;\n    color: var(--text);\n    line-height: 1.4;\n  }\n  .btn-ghost {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background: none;\n    border: 1.5px solid var(--navy);\n    color: var(--navy);\n    font-size: 13px;\n    font-weight: 700;\n    padding: 9px 20px;\n    border-radius: 9px;\n    cursor: pointer;\n    text-decoration: none;\n    transition: background .2s, color .2s;\n    margin-top: 2px;\n  }\n  .btn-ghost:hover { background: var(--navy); color: var(--white); }\n\n  \/* \u2500\u2500 ADVANTAGES STRIP \u2500\u2500 *\/\n  .padhet-advantages {\n    background: var(--navy);\n    padding: 40px 40px 36px;\n  }\n  .padhet-advantages h2 {\n    font-family: 'Nunito', sans-serif;\n    font-size: 22px;\n    font-weight: 800;\n    color: var(--white);\n    text-align: center;\n    margin-bottom: 28px;\n  }\n  .adv-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n  }\n  .adv-card {\n    background: rgba(255,255,255,0.08);\n    border: 1.5px solid rgba(255,255,255,0.13);\n    border-radius: var(--radius);\n    padding: 20px 16px;\n    text-align: center;\n    transition: background .2s, transform .15s;\n  }\n  .adv-card:hover {\n    background: rgba(255,255,255,0.14);\n    transform: translateY(-3px);\n  }\n  .adv-icon {\n    font-size: 28px;\n    margin-bottom: 10px;\n    display: block;\n  }\n  .adv-title {\n    font-size: 14px;\n    font-weight: 800;\n    color: var(--white);\n    margin-bottom: 6px;\n  }\n  .adv-desc {\n    font-size: 11.5px;\n    color: rgba(255,255,255,0.65);\n    line-height: 1.55;\n  }\n\n  \/* \u2500\u2500 STEPS \u2500\u2500 *\/\n  .padhet-steps {\n    padding: 44px 40px 40px;\n    background: var(--bg);\n  }\n  .padhet-steps .section-label { margin-bottom: 8px; }\n  .padhet-steps h2 {\n    font-family: 'Nunito', sans-serif;\n    font-size: 22px;\n    font-weight: 800;\n    color: var(--navy);\n    margin-bottom: 28px;\n  }\n  .steps-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    position: relative;\n  }\n  .steps-grid::before {\n    content: '';\n    position: absolute;\n    top: 24px;\n    left: 10%;\n    width: 80%;\n    height: 2px;\n    background: linear-gradient(90deg, var(--teal), var(--orange));\n    z-index: 0;\n  }\n  .step-card {\n    background: var(--white);\n    border-radius: var(--radius);\n    padding: 22px 16px 18px;\n    text-align: center;\n    box-shadow: var(--shadow);\n    position: relative;\n    z-index: 1;\n  }\n  .step-num {\n    width: 44px; height: 44px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--teal), var(--navy));\n    color: var(--white);\n    font-size: 17px;\n    font-weight: 800;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 14px;\n    box-shadow: 0 4px 12px rgba(14,116,144,0.3);\n  }\n  .step-title {\n    font-size: 14px;\n    font-weight: 800;\n    color: var(--navy);\n    margin-bottom: 6px;\n  }\n  .step-desc {\n    font-size: 12px;\n    color: var(--text-muted);\n    line-height: 1.5;\n  }\n\n  \/* \u2500\u2500 CTA FOOTER \u2500\u2500 *\/\n  .padhet-cta {\n    background: linear-gradient(135deg, var(--teal) 0%, var(--navy) 100%);\n    padding: 52px 40px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  .padhet-cta::before {\n    content: '';\n    position: absolute;\n    bottom: -60px; left: -60px;\n    width: 240px; height: 240px;\n    background: rgba(255,255,255,0.05);\n    border-radius: 50%;\n  }\n  .padhet-cta::after {\n    content: '';\n    position: absolute;\n    top: -40px; right: -40px;\n    width: 180px; height: 180px;\n    background: rgba(255,255,255,0.06);\n    border-radius: 50%;\n  }\n  .padhet-cta h2 {\n    font-family: 'Nunito', sans-serif;\n    font-size: 26px;\n    font-weight: 800;\n    color: var(--white);\n    line-height: 1.25;\n    margin-bottom: 10px;\n    position: relative; z-index: 1;\n  }\n  .padhet-cta p {\n    color: rgba(255,255,255,0.75);\n    font-size: 14.5px;\n    margin-bottom: 28px;\n    position: relative; z-index: 1;\n  }\n  .padhet-cta .btn-primary {\n    font-size: 15px;\n    padding: 15px 36px;\n    position: relative; z-index: 1;\n    box-shadow: 0 6px 28px rgba(245,166,35,0.45);\n  }\n\n  \/* \u2500\u2500 PENGUMUMAN SECTION \u2500\u2500 *\/\n  .padhet-pengumuman {\n    background: linear-gradient(135deg, #f0f9ff 0%, #fefce8 100%);\n    border-bottom: 2px solid var(--border);\n    padding: 36px 40px 32px;\n  }\n  .pengumuman-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 24px;\n  }\n  .pengumuman-header-icon {\n    width: 40px; height: 40px;\n    background: var(--teal);\n    border-radius: 10px;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 20px;\n    flex-shrink: 0;\n  }\n  .pengumuman-header h2 {\n    font-family: 'Nunito', sans-serif;\n    font-size: 20px;\n    font-weight: 800;\n    color: var(--navy);\n    margin: 0;\n  }\n  .pengumuman-header p {\n    font-size: 12px;\n    color: var(--text-muted);\n    margin: 2px 0 0;\n  }\n\n  \/* Surat Undangan Highlight *\/\n  .undangan-card {\n    background: linear-gradient(135deg, var(--navy) 0%, #243b73 100%);\n    border-radius: var(--radius);\n    padding: 20px 24px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    margin-bottom: 24px;\n    box-shadow: 0 6px 28px rgba(26,46,90,0.22);\n    position: relative;\n    overflow: hidden;\n  }\n  .undangan-card::before {\n    content: '';\n    position: absolute;\n    top: -30px; right: -30px;\n    width: 120px; height: 120px;\n    background: rgba(255,255,255,0.05);\n    border-radius: 50%;\n  }\n  .undangan-badge {\n    background: var(--orange);\n    color: var(--navy);\n    font-size: 10px;\n    font-weight: 800;\n    padding: 3px 10px;\n    border-radius: 20px;\n    text-transform: uppercase;\n    letter-spacing: .5px;\n    display: inline-block;\n    margin-bottom: 6px;\n  }\n  .undangan-title {\n    font-size: 15px;\n    font-weight: 800;\n    color: var(--white);\n    line-height: 1.3;\n    position: relative; z-index: 1;\n  }\n  .undangan-sub {\n    font-size: 12px;\n    color: rgba(255,255,255,0.65);\n    margin-top: 3px;\n    position: relative; z-index: 1;\n  }\n  .undangan-info { position: relative; z-index: 1; }\n  .undangan-btns {\n    display: flex;\n    gap: 10px;\n    flex-shrink: 0;\n    position: relative; z-index: 1;\n    flex-wrap: wrap;\n  }\n  .btn-unduh-undangan {\n    background: rgba(255,255,255,0.15);\n    color: var(--white);\n    font-weight: 800;\n    font-size: 13px;\n    padding: 10px 20px;\n    border: 2px solid rgba(255,255,255,0.4);\n    border-radius: 9px;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    white-space: nowrap;\n    text-decoration: none;\n    transition: background .2s, border-color .2s, transform .15s;\n  }\n  .btn-unduh-undangan:hover {\n    background: rgba(255,255,255,0.25);\n    border-color: rgba(255,255,255,0.7);\n    transform: translateY(-1px);\n    color: var(--white);\n  }\n  .btn-lihat-undangan {\n    background: var(--orange);\n    color: var(--navy);\n    font-weight: 800;\n    font-size: 13px;\n    padding: 10px 20px;\n    border: none;\n    border-radius: 9px;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    white-space: nowrap;\n    transition: background .2s, transform .15s;\n    box-shadow: 0 3px 12px rgba(245,166,35,0.4);\n    position: relative; z-index: 1;\n    flex-shrink: 0;\n  }\n  .btn-lihat-undangan:hover {\n    background: var(--orange-dark);\n    transform: translateY(-1px);\n  }\n\n  \/* Date Accordion *\/\n  .pengumuman-tanggal {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n  .tgl-group {\n    background: var(--white);\n    border-radius: var(--radius);\n    border: 1.5px solid var(--border);\n    overflow: hidden;\n    transition: box-shadow .2s;\n  }\n  .tgl-group:hover { box-shadow: 0 4px 16px rgba(26,46,90,0.08); }\n  .tgl-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 18px;\n    cursor: pointer;\n    user-select: none;\n    background: var(--white);\n    transition: background .15s;\n  }\n  .tgl-header:hover { background: #f8fafc; }\n  .tgl-pill {\n    background: var(--teal);\n    color: var(--white);\n    font-size: 12px;\n    font-weight: 800;\n    padding: 5px 14px;\n    border-radius: 20px;\n    white-space: nowrap;\n    flex-shrink: 0;\n  }\n  .tgl-label {\n    font-size: 13.5px;\n    font-weight: 700;\n    color: var(--navy);\n    flex: 1;\n  }\n  .tgl-count {\n    font-size: 11px;\n    color: var(--text-muted);\n    font-weight: 600;\n    background: var(--bg);\n    padding: 3px 10px;\n    border-radius: 20px;\n  }\n  .tgl-arrow {\n    font-size: 12px;\n    color: var(--text-muted);\n    transition: transform .2s;\n    flex-shrink: 0;\n  }\n  .tgl-group.open .tgl-arrow { transform: rotate(180deg); }\n  .tgl-body {\n    display: none;\n    padding: 4px 18px 14px;\n    border-top: 1px solid var(--border);\n    background: #fafcfe;\n  }\n  .tgl-group.open .tgl-body { display: block; }\n  .file-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 10px 0;\n    border-bottom: 1px dashed var(--border);\n  }\n  .file-item:last-child { border-bottom: none; }\n  .file-icon-name {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    flex: 1;\n    min-width: 0;\n  }\n  .file-icon {\n    font-size: 18px;\n    flex-shrink: 0;\n    margin-top: 1px;\n  }\n  .file-name {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--text);\n    line-height: 1.45;\n  }\n  .btn-lihat {\n    background: var(--teal);\n    color: var(--white);\n    font-size: 12px;\n    font-weight: 700;\n    padding: 7px 15px;\n    border: none;\n    border-radius: 8px;\n    cursor: pointer;\n    white-space: nowrap;\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    transition: background .2s, transform .15s;\n    flex-shrink: 0;\n  }\n  .btn-lihat:hover {\n    background: #0c6480;\n    transform: translateY(-1px);\n  }\n\n  \/* \u2500\u2500 PDF MODAL \u2500\u2500 *\/\n  .pdf-modal-overlay {\n    display: none;\n    position: fixed;\n    inset: 0;\n    background: rgba(10,20,40,0.72);\n    z-index: 9999;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n    backdrop-filter: blur(3px);\n  }\n  .pdf-modal-overlay.active { display: flex; }\n  .pdf-modal {\n    background: var(--white);\n    border-radius: 18px;\n    width: 100%;\n    max-width: 780px;\n    max-height: 90vh;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    box-shadow: 0 24px 80px rgba(0,0,0,0.35);\n    animation: modalIn .22s ease;\n  }\n  @keyframes modalIn {\n    from { opacity: 0; transform: scale(.96) translateY(10px); }\n    to   { opacity: 1; transform: scale(1) translateY(0); }\n  }\n  .pdf-modal-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--border);\n    gap: 12px;\n    background: #f8fafc;\n  }\n  .pdf-modal-title {\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--navy);\n    flex: 1;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .pdf-modal-close {\n    width: 34px; height: 34px;\n    border: none;\n    background: var(--border);\n    border-radius: 8px;\n    cursor: pointer;\n    font-size: 18px;\n    display: flex; align-items: center; justify-content: center;\n    color: var(--text);\n    transition: background .15s, color .15s;\n    flex-shrink: 0;\n  }\n  .pdf-modal-close:hover { background: #e74c3c; color: var(--white); }\n  .pdf-modal-body {\n    flex: 1;\n    overflow: hidden;\n    background: #f1f5f9;\n    position: relative;\n    min-height: 400px;\n  }\n  .pdf-modal-body iframe {\n    width: 100%;\n    height: 100%;\n    min-height: 65vh;\n    border: none;\n    display: block;\n  }\n  .pdf-loading {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    color: var(--text-muted);\n    font-size: 14px;\n    font-weight: 600;\n    background: #f1f5f9;\n  }\n  .pdf-loading-spinner {\n    width: 38px; height: 38px;\n    border: 4px solid var(--border);\n    border-top-color: var(--teal);\n    border-radius: 50%;\n    animation: spin .8s linear infinite;\n  }\n  @keyframes spin { to { transform: rotate(360deg); } }\n\n  \/* \u2500\u2500 RESPONSIVE PENGUMUMAN \u2500\u2500 *\/\n  @media (max-width: 640px) {\n    .padhet-pengumuman { padding: 26px 18px 22px; }\n    .undangan-card { flex-direction: column; align-items: flex-start; gap: 12px; }\n    .undangan-btns { width: 100%; }\n    .btn-lihat-undangan, .btn-unduh-undangan { flex: 1; justify-content: center; }\n    .tgl-header { padding: 12px 14px; }\n    .tgl-body { padding: 4px 14px 12px; }\n    .file-item { flex-wrap: wrap; }\n    .pdf-modal { max-height: 95vh; border-radius: 12px; }\n    .pdf-modal-body iframe { min-height: 55vh; }\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 640px) {\n    .padhet-hero { grid-template-columns: 1fr; padding: 32px 22px 28px; }\n    .padhet-hero-img { display: none; }\n    .padhet-why, .padhet-advantages, .padhet-steps, .padhet-cta { padding: 32px 22px; }\n    .padhet-why-grid { grid-template-columns: 1fr; }\n    .padhet-features { grid-column: 1; grid-row: auto; }\n    .adv-grid { grid-template-columns: 1fr 1fr; }\n    .steps-grid { grid-template-columns: 1fr 1fr; }\n    .steps-grid::before { display: none; }\n    .padhet-header { padding: 14px 18px; }\n    .padhet-nav a:not(.btn-nav) { display: none; }\n  }\n<\/style>\n<\/head>\n<body>\n<div class=\"padhet-wrap\">\n\n  <!-- PENGUMUMAN -->\n  <section class=\"padhet-pengumuman\">\n    <div class=\"pengumuman-header\">\n      <div class=\"pengumuman-header-icon\">\ud83d\udce2<\/div>\n      <div>\n        <h2>Pengumuman Peserta<\/h2>\n        <p>PADHET Guru Maju \u2014 Periode April 2026<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Surat Undangan (Highlight Utama) -->\n    <div class=\"undangan-card\">\n      <div class=\"undangan-info\">\n        <div class=\"undangan-title\">Surat Undangan Peserta PADHET Guru Maju<\/div>\n        <div class=\"undangan-sub\">Periode April 2026 \u2014 Wajib dibaca oleh semua peserta terdaftar<\/div>\n      <\/div>\n      <div class=\"undangan-btns\">\n        <button class=\"btn-lihat-undangan\" onclick=\"bukaModal('Surat Undangan Peserta PADHET Guru Maju April 2026', 'https:\/\/drive.google.com\/file\/d\/1sxU2hqQ-KOY2Q20t5qo7dbCEu9CUDGzo\/preview')\">\n          \ud83d\udc41 Lihat Surat\n        <\/button>\n        <a class=\"btn-unduh-undangan\" href=\"https:\/\/drive.google.com\/uc?export=download&#038;id=1sxU2hqQ-KOY2Q20t5qo7dbCEu9CUDGzo\" download>\n          \u2b07 Unduh Surat\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Pengumuman per Tanggal -->\n    <div class=\"pengumuman-tanggal\">\n\n      <!-- 27 April -->\n      <div class=\"tgl-group open\" id=\"tgl-27\">\n        <div class=\"tgl-header\" onclick=\"toggleTgl('tgl-27')\">\n          <span class=\"tgl-pill\">\ud83d\udcc5 27 April 2026<\/span>\n          <span class=\"tgl-label\">Senin<\/span>\n          <span class=\"tgl-count\">4 materi<\/span>\n          <span class=\"tgl-arrow\">\u25bc<\/span>\n        <\/div>\n        <div class=\"tgl-body\">\n          <div class=\"file-item\">\n            <div class=\"file-icon-name\">\n              <span class=\"file-icon\">\ud83d\udcc4<\/span>\n              <span class=\"file-name\">Pembelajaran Pecahan yang Bermakna (Bagian 1)<\/span>\n            <\/div>\n            <button class=\"btn-lihat\" onclick=\"bukaModal('Pembelajaran Pecahan yang Bermakna (Bagian 1)', 'https:\/\/drive.google.com\/file\/d\/1xMA-QifYeV4mUKxmgY7sDMiGNJKPRGC3\/preview')\">\ud83d\udc41 Lihat<\/button>\n          <\/div>\n          <div class=\"file-item\">\n            <div class=\"file-icon-name\">\n              <span class=\"file-icon\">\ud83d\udcc4<\/span>\n              <span class=\"file-name\">Integrasi Karakter Delapan Profil Lulusan (DPL) dalam Pembelajaran<\/span>\n            <\/div>\n            <button class=\"btn-lihat\" onclick=\"bukaModal('Integrasi Karakter Delapan Profil Lulusan (DPL) dalam Pembelajaran', 'https:\/\/drive.google.com\/file\/d\/1qHpp1B20bKqjc1TBNVhHNnXyQluk1pAn\/preview')\">\ud83d\udc41 Lihat<\/button>\n          <\/div>\n          <div class=\"file-item\">\n            <div class=\"file-icon-name\">\n              <span class=\"file-icon\">\ud83d\udcc4<\/span>\n              <span class=\"file-name\">Penyusunan Model Soal TKA<\/span>\n            <\/div>\n            <button class=\"btn-lihat\" onclick=\"bukaModal('Penyusunan Model Soal TKA', 'https:\/\/drive.google.com\/file\/d\/1VQRA5TSz8UxX9Zg8a254wseXlXoC5eH2\/preview')\">\ud83d\udc41 Lihat<\/button>\n          <\/div>\n          <div class=\"file-item\">\n            <div class=\"file-icon-name\">\n              <span class=\"file-icon\">\ud83d\udcc4<\/span>\n              <span class=\"file-name\">Pembelajaran Bilangan untuk Meningkatkan Kemampuan Numerasi<\/span>\n            <\/div>\n            <button class=\"btn-lihat\" onclick=\"bukaModal('Pembelajaran Bilangan untuk Meningkatkan Kemampuan Numerasi', 'https:\/\/drive.google.com\/file\/d\/1j7oETc4YXnoUEmyomzR0YyV1vWcwBkKY\/preview')\">\ud83d\udc41 Lihat<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 28 April -->\n      <div class=\"tgl-group\" id=\"tgl-28\">\n        <div class=\"tgl-header\" onclick=\"toggleTgl('tgl-28')\">\n          <span class=\"tgl-pill\">\ud83d\udcc5 28 April 2026<\/span>\n          <span class=\"tgl-label\">Selasa<\/span>\n          <span class=\"tgl-count\">4 materi<\/span>\n          <span class=\"tgl-arrow\">\u25bc<\/span>\n        <\/div>\n        <div class=\"tgl-body\">\n          <div class=\"file-item\">\n            <div class=\"file-icon-name\">\n              <span class=\"file-icon\">\ud83d\udcc4<\/span>\n              <span class=\"file-name\">Integrasi TKA dalam Penilaian Kelas<\/span>\n            <\/div>\n            <button class=\"btn-lihat\" onclick=\"bukaModal('Integrasi TKA dalam Penilaian Kelas', 'https:\/\/drive.google.com\/file\/d\/1wY1uTPxgFlw_pCFJYD9QfagwdcnmK8hM\/preview')\">\ud83d\udc41 Lihat<\/button>\n          <\/div>\n          <div class=\"file-item\">\n            <div class=\"file-icon-name\">\n              <span class=\"file-icon\">\ud83d\udcc4<\/span>\n              <span class=\"file-name\">Memanfaatkan Data TKA SMA\/SMK untuk Perencanaan Pembelajaran<\/span>\n            <\/div>\n            <button class=\"btn-lihat\" onclick=\"bukaModal('Memanfaatkan Data TKA SMA\/SMK untuk Perencanaan Pembelajaran', 'https:\/\/drive.google.com\/file\/d\/15ajPDbKT3INwk4T0yrj615UO4xnQpCOA\/preview')\">\ud83d\udc41 Lihat<\/button>\n          <\/div>\n          <div class=\"file-item\">\n            <div class=\"file-icon-name\">\n              <span class=\"file-icon\">\ud83d\udcc4<\/span>\n              <span class=\"file-name\">Pembelajaran KKA di SD<\/span>\n            <\/div>\n            <button class=\"btn-lihat\" onclick=\"bukaModal('Pembelajaran KKA di SD', 'https:\/\/drive.google.com\/file\/d\/1OL9LOfrl4UtPJJP2V4IovZmawfRWtDKD\/preview')\">\ud83d\udc41 Lihat<\/button>\n          <\/div>\n          <div class=\"file-item\">\n            <div class=\"file-icon-name\">\n              <span class=\"file-icon\">\ud83d\udcc4<\/span>\n              <span class=\"file-name\">Pendidikan Inklusi Topik 1: Konsep Pendidikan Inklusi<\/span>\n            <\/div>\n            <button class=\"btn-lihat\" onclick=\"bukaModal('Pendidikan Inklusi Topik 1: Konsep Pendidikan Inklusi', 'https:\/\/drive.google.com\/file\/d\/1i1p6U9WyfY8RKPH27IigqOJKpmluLPQj\/preview')\">\ud83d\udc41 Lihat<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 29 April -->\n      <div class=\"tgl-group\" id=\"tgl-29\">\n        <div class=\"tgl-header\" onclick=\"toggleTgl('tgl-29')\">\n          <span class=\"tgl-pill\">\ud83d\udcc5 29 April 2026<\/span>\n          <span class=\"tgl-label\">Rabu<\/span>\n          <span class=\"tgl-count\">4 materi<\/span>\n          <span class=\"tgl-arrow\">\u25bc<\/span>\n        <\/div>\n        <div class=\"tgl-body\">\n          <div class=\"file-item\">\n            <div class=\"file-icon-name\">\n              <span class=\"file-icon\">\ud83d\udcc4<\/span>\n              <span class=\"file-name\">Entrepreneur dalam Kepemimpinan<\/span>\n            <\/div>\n            <button class=\"btn-lihat\" onclick=\"bukaModal('Entrepreneur dalam Kepemimpinan', 'https:\/\/drive.google.com\/file\/d\/1icIOXNyozcr-tFgfg1bFmCCk1QrmB1K9\/preview')\">\ud83d\udc41 Lihat<\/button>\n          <\/div>\n          <div class=\"file-item\">\n            <div class=\"file-icon-name\">\n              <span class=\"file-icon\">\ud83d\udcc4<\/span>\n              <span class=\"file-name\">Pembelajaran Numerasi di PAUD Seri 1: Bilangan<\/span>\n            <\/div>\n            <button class=\"btn-lihat\" onclick=\"bukaModal('Pembelajaran Numerasi di PAUD Seri 1: Bilangan', 'https:\/\/drive.google.com\/file\/d\/1Gbi0qKeEn1PWJSK8IqFgxoVPsmv4dg32\/preview')\">\ud83d\udc41 Lihat<\/button>\n          <\/div>\n          <div class=\"file-item\">\n            <div class=\"file-icon-name\">\n              <span class=\"file-icon\">\ud83d\udcc4<\/span>\n              <span class=\"file-name\">Pengenalan Pemrograman Python<\/span>\n            <\/div>\n            <button class=\"btn-lihat\" onclick=\"bukaModal('Pengenalan Pemrograman Python', 'https:\/\/drive.google.com\/file\/d\/1kr6aDltCjWHt15NislrSCpffa-tJ3tEW\/preview')\">\ud83d\udc41 Lihat<\/button>\n          <\/div>\n          <div class=\"file-item\">\n            <div class=\"file-icon-name\">\n              <span class=\"file-icon\">\ud83d\udcc4<\/span>\n              <span class=\"file-name\">ClassPoint untuk Pembelajaran PAUD dan SD<\/span>\n            <\/div>\n            <button class=\"btn-lihat\" onclick=\"bukaModal('ClassPoint untuk Pembelajaran PAUD dan SD', 'https:\/\/drive.google.com\/file\/d\/1H_5Z22Gt-17Hx3xxfHZBd76SUAyxpzJT\/preview')\">\ud83d\udc41 Lihat<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 30 April -->\n      <div class=\"tgl-group\" id=\"tgl-30\">\n        <div class=\"tgl-header\" onclick=\"toggleTgl('tgl-30')\">\n          <span class=\"tgl-pill\">\ud83d\udcc5 30 April 2026<\/span>\n          <span class=\"tgl-label\">Kamis<\/span>\n          <span class=\"tgl-count\">3 materi<\/span>\n          <span class=\"tgl-arrow\">\u25bc<\/span>\n        <\/div>\n        <div class=\"tgl-body\">\n          <div class=\"file-item\">\n            <div class=\"file-icon-name\">\n              <span class=\"file-icon\">\ud83d\udcc4<\/span>\n              <span class=\"file-name\">Strategi Mudah Menyelesaikan Soal Cerita Matematika (Bagian 1)<\/span>\n            <\/div>\n            <button class=\"btn-lihat\" onclick=\"bukaModal('Strategi Mudah Menyelesaikan Soal Cerita Matematika (Bagian 1)', 'https:\/\/drive.google.com\/file\/d\/13WVSh_rFKjnwkkV_WbK4jkk0E0H5El8V\/preview')\">\ud83d\udc41 Lihat<\/button>\n          <\/div>\n          <div class=\"file-item\">\n            <div class=\"file-icon-name\">\n              <span class=\"file-icon\">\ud83d\udcc4<\/span>\n              <span class=\"file-name\">Pendidikan Inklusi Topik 2: Keberagaman Murid Berkebutuhan Khusus<\/span>\n            <\/div>\n            <button class=\"btn-lihat\" onclick=\"bukaModal('Pendidikan Inklusi Topik 2: Keberagaman Murid Berkebutuhan Khusus', 'https:\/\/drive.google.com\/file\/d\/1HHJRmlAUKiGHibeuiwW3mT0yQn2O_CAr\/preview')\">\ud83d\udc41 Lihat<\/button>\n          <\/div>\n          <div class=\"file-item\">\n            <div class=\"file-icon-name\">\n              <span class=\"file-icon\">\ud83d\udcc4<\/span>\n              <span class=\"file-name\">Kecerdasan Artifisial untuk Pengembangan Media Pembelajaran PAUD<\/span>\n            <\/div>\n            <button class=\"btn-lihat\" onclick=\"bukaModal('Kecerdasan Artifisial untuk Pengembangan Media Pembelajaran PAUD', 'https:\/\/drive.google.com\/file\/d\/14kiyD1sG2SVG-ZQK-ztM3aOWLl8bnm7N\/preview')\">\ud83d\udc41 Lihat<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/pengumuman-tanggal -->\n  <\/section>\n\n  <!-- PDF MODAL -->\n  <div class=\"pdf-modal-overlay\" id=\"pdfModalOverlay\" onclick=\"tutupModalOverlay(event)\">\n    <div class=\"pdf-modal\">\n      <div class=\"pdf-modal-header\">\n        <span class=\"pdf-modal-title\" id=\"pdfModalTitle\">Dokumen<\/span>\n        <button class=\"pdf-modal-close\" onclick=\"tutupModal()\" title=\"Tutup\">\u2715<\/button>\n      <\/div>\n      <div class=\"pdf-modal-body\">\n        <div class=\"pdf-loading\" id=\"pdfLoading\">\n          <div class=\"pdf-loading-spinner\"><\/div>\n          <span>Memuat dokumen&#8230;<\/span>\n        <\/div>\n        <iframe id=\"pdfFrame\" src=\"\" onload=\"document.getElementById('pdfLoading').style.display='none'\"><\/iframe>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- HERO -->\n  <section class=\"padhet-hero\">\n    <div class=\"padhet-hero-content\">\n      <div class=\"padhet-hero-badge\">\u2726 Program PADHET Guru Maju<\/div>\n      <h1>Upgrade Kompetensi<br>Mengajar dalam <em>4 JP<\/em> \u2014<br>Praktis, Relevan, dan<br>Siap Digunakan di Kelas<\/h1>\n      <p>Pelatihan singkat untuk guru &amp; tenaga kependidikan dengan topik terkini seputar pembelajaran, asesmen, hingga teknologi &amp; AI.<\/p>\n      <div class=\"padhet-hero-btns\">\n        <a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/padhetgurumaju\/daftar\/\" class=\"btn-primary\">Daftar Sekarang \u2192<\/a>\n        <a href=\"#jadwal\" class=\"btn-secondary\">\ud83d\udcc5 Lihat Jadwal Kelas<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"padhet-hero-img\">\n      <!-- Ganti src dengan URL gambar dari WordPress Media -->\n      <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/padhetgurumaju\/wp-content\/uploads\/sites\/20\/2026\/04\/guru-maju.png\" alt=\"Ilustrasi Guru\" \/>\n      <span class=\"img-placeholder\"><\/span>\n    <\/div>\n  <\/section>\n\n  <!-- WHY SECTION -->\n  <section class=\"padhet-why\">\n    <div class=\"section-label\">Kenapa Ikut?<\/div>\n    <h2>Kenapa Harus Ikut Program PADHET Guru Maju?<\/h2>\n    <p class=\"padhet-why-meta\">\ud83d\udcc5 Dilaksanakan setiap bulan setelah tanggal 20 &nbsp;|&nbsp; \u23f0 Jam 13.00 \u2013 15.30 WIB<\/p>\n\n    <div class=\"padhet-tags\">\n      <span class=\"padhet-tag active\">PAUD<\/span>\n      <span class=\"padhet-tag\">SD<\/span>\n      <span class=\"padhet-tag\">SMP<\/span>\n      <span class=\"padhet-tag\">SMA<\/span>\n      <span class=\"padhet-tag\">SMK<\/span>\n      <span class=\"padhet-tag\">Semua Kelas<\/span>\n    <\/div>\n\n    <div class=\"padhet-why-grid\">\n      <!-- Quota -->\n      <div class=\"padhet-quota\">\n        <div>\n          <div class=\"padhet-quota-title\">\u26a0\ufe0f Kuota terbatas!<\/div>\n          <div class=\"padhet-quota-sub\">Hanya untuk <strong>\u00b1 30 peserta<\/strong> per kelas<\/div>\n        <\/div>\n        <a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/padhetgurumaju\/daftar\/\" class=\"btn-primary\" style=\"justify-content:center;\">Daftar Sekarang &nbsp;\u203a<\/a>\n      <\/div>\n\n      <!-- Features -->\n      <div class=\"padhet-features\">\n        <div class=\"feat-card\">\n          <div class=\"feat-icon\">\u23f1\ufe0f<\/div>\n          <div>\n            <div class=\"feat-title\">Singkat &amp; Efektif<\/div>\n            <div class=\"feat-desc\">Durasi hanya 4 JP, tidak mengganggu jam mengajar.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"feat-card\">\n          <div class=\"feat-icon\">\ud83d\udcd8<\/div>\n          <div>\n            <div class=\"feat-title\">Materi Praktis &amp; Relevan<\/div>\n            <div class=\"feat-desc\">Topik sesuai kebutuhan guru masa kini.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"feat-card\">\n          <div class=\"feat-icon\">\ud83d\udd04<\/div>\n          <div>\n            <div class=\"feat-title\">Fleksibel &amp; Adaptif<\/div>\n            <div class=\"feat-desc\">Tersedia pilihan luring, hybrid, dan online.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"feat-card\">\n          <div class=\"feat-icon\">\ud83c\udfc5<\/div>\n          <div>\n            <div class=\"feat-title\">Sertifikat Resmi<\/div>\n            <div class=\"feat-desc\">Diperoleh sertifikat dari Kemendikbudristek.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Schedule -->\n      <div class=\"padhet-schedule\" id=\"jadwal\">\n        <div class=\"schedule-title\">\ud83d\udcc6 Jadwal Terdekat<\/div>\n        <div class=\"schedule-item\">\n          <span class=\"schedule-badge\">27 April<\/span>\n          <span class=\"schedule-text\">menyusul<\/span>\n        <\/div>\n        <div class=\"schedule-item\">\n          <span class=\"schedule-badge\">28 April<\/span>\n          <span class=\"schedule-text\">menyusul<\/span>\n        <\/div>\n        <div class=\"schedule-item\">\n          <span class=\"schedule-badge\">29 April<\/span>\n          <span class=\"schedule-text\">menyusul<\/span>\n        <\/div>\n        <a href=\"#jadwal-lengkap\" class=\"btn-ghost\">\u203a Lihat Semua Jadwal<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ADVANTAGES -->\n  <section class=\"padhet-advantages\">\n    <h2>Keunggulan Program PADHET Guru Maju<\/h2>\n    <div class=\"adv-grid\">\n      <div class=\"adv-card\">\n        <span class=\"adv-icon\">\ud83d\uddd3\ufe0f<\/span>\n        <div class=\"adv-title\">Pelatihan Rutin<\/div>\n        <div class=\"adv-desc\">Tersedia setiap bulan dengan jadwal yang konsisten.<\/div>\n      <\/div>\n      <div class=\"adv-card\">\n        <span class=\"adv-icon\">\ud83c\udfaf<\/span>\n        <div class=\"adv-title\">Seleksi Terbuka<\/div>\n        <div class=\"adv-desc\">Bisa diikuti semua guru, tidak hanya dari sekolah tertentu.<\/div>\n      <\/div>\n      <div class=\"adv-card\">\n        <span class=\"adv-icon\">\ud83e\uddd1\u200d\ud83c\udfeb<\/span>\n        <div class=\"adv-title\">Pelatihan Berkualitas<\/div>\n        <div class=\"adv-desc\">Dipandu instruktur berpengalaman dan bahan ajar terstruktur.<\/div>\n      <\/div>\n      <div class=\"adv-card\">\n        <span class=\"adv-icon\">\ud83d\udcdc<\/span>\n        <div class=\"adv-title\">Sertifikat Resmi<\/div>\n        <div class=\"adv-desc\">Bukti pelatihan yang diakui secara resmi oleh Kemendikbudristek.<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- STEPS -->\n  <section class=\"padhet-steps\" id=\"cara\">\n    <div class=\"section-label\">Cara Ikut<\/div>\n    <h2>Cara Mengikuti Pelatihan<\/h2>\n    <div class=\"steps-grid\">\n      <div class=\"step-card\">\n        <div class=\"step-num\">1<\/div>\n        <div class=\"step-title\">Pendaftaran<\/div>\n        <div class=\"step-desc\">Daftarkan diri Anda melalui platform atau tautan resmi pelatihan.<\/div>\n      <\/div>\n      <div class=\"step-card\">\n        <div class=\"step-num\">2<\/div>\n        <div class=\"step-title\">Seleksi<\/div>\n        <div class=\"step-desc\">Peserta yang lolos akan mendapat konfirmasi dan informasi teknis.<\/div>\n      <\/div>\n      <div class=\"step-card\">\n        <div class=\"step-num\">3<\/div>\n        <div class=\"step-title\">Pelatihan<\/div>\n        <div class=\"step-desc\">Ikuti sesi pelatihan sesuai jadwal yang telah ditentukan.<\/div>\n      <\/div>\n      <div class=\"step-card\">\n        <div class=\"step-num\">4<\/div>\n        <div class=\"step-title\">Sertifikat<\/div>\n        <div class=\"step-desc\">Peserta yang menyelesaikan pelatihan mendapatkan sertifikat resmi.<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA -->\n  <section class=\"padhet-cta\" id=\"daftar\">\n    <h2>Siap jadi guru yang lebih<br>adaptif dan unggul?<\/h2>\n    <p>Daftar sekarang dan amankan tempat Anda sebelum kuota habis!<\/p>\n    <a href=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/padhetgurumaju\/daftar\/\" class=\"btn-primary\">\ud83d\ude80 Daftar Sekarang \u2014 Gratis!<\/a>\n  <\/section>\n\n<\/div>\n<script>\n  function bukaModal(judul, url) {\n    document.getElementById('pdfModalTitle').textContent = judul;\n    document.getElementById('pdfLoading').style.display = 'flex';\n    document.getElementById('pdfFrame').src = '';\n    document.getElementById('pdfModalOverlay').classList.add('active');\n    document.body.style.overflow = 'hidden';\n    \/\/ Set src after tiny delay to show loading spinner\n    setTimeout(function() {\n      document.getElementById('pdfFrame').src = url;\n    }, 80);\n  }\n\n  function tutupModal() {\n    document.getElementById('pdfModalOverlay').classList.remove('active');\n    document.getElementById('pdfFrame').src = '';\n    document.body.style.overflow = '';\n  }\n\n  function tutupModalOverlay(e) {\n    if (e.target === document.getElementById('pdfModalOverlay')) tutupModal();\n  }\n\n  document.addEventListener('keydown', function(e) {\n    if (e.key === 'Escape') tutupModal();\n  });\n\n  function toggleTgl(id) {\n    var el = document.getElementById(id);\n    el.classList.toggle('open');\n  }\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>PADHET Guru Maju &#8211; KemendiKedasmen \ud83d\udce2 Pengumuman Peserta PADHET Guru Maju \u2014 Periode April 2026 Surat Undangan Peserta PADHET Guru Maju Periode April 2026 \u2014 Wajib dibaca oleh semua peserta terdaftar \ud83d\udc41 Lihat Surat \u2b07 Unduh Surat \ud83d\udcc5 27 April 2026 Senin 4 materi \u25bc \ud83d\udcc4 Pembelajaran Pecahan yang Bermakna (Bagian 1) \ud83d\udc41 Lihat \ud83d\udcc4 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/padhetgurumaju\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/padhetgurumaju\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/padhetgurumaju\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/padhetgurumaju\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/padhetgurumaju\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":2,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/padhetgurumaju\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/padhetgurumaju\/wp-json\/wp\/v2\/pages\/32\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/padhetgurumaju\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}