{"id":1448,"date":"2026-08-22T06:52:42","date_gmt":"2026-08-22T06:52:42","guid":{"rendered":"https:\/\/teknik.uin-malang.ac.id\/?page_id=1448"},"modified":"2026-08-23T07:06:56","modified_gmt":"2026-08-23T07:06:56","slug":"pbak-ft","status":"publish","type":"page","link":"https:\/\/teknik.uin-malang.ac.id\/ar\/pbak-ft\/","title":{"rendered":"PBAK FT"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1448\" class=\"elementor elementor-1448\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5b651d e-flex e-con-boxed e-con e-parent\" data-id=\"a5b651d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-81dd2cf e-con e-atomic-element e-grid-base e-81dd2cf-1f19ec5\" data-id=\"81dd2cf\" data-element_type=\"e-grid\" data-e-type=\"e-grid\" data-interaction-id=\"81dd2cf\">\n    \t\t<div class=\"elementor-element elementor-element-33e5ca7 elementor-widget elementor-widget-text-editor\" data-id=\"33e5ca7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Load Google Font Montserrat -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&#038;display=swap\" rel=\"stylesheet\">\n<!-- Load Font Awesome 6 -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\/* CONTAINER UTAMA *\/\n.prapbak-hero-container {\n    width: 100% !important;\n    min-height: 480px;\n    margin: 0 auto;\n    padding: 50px 45px;\n    background-color: #0d1322;\n    border-radius: 20px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);\n    border: 1.5px solid rgba(255, 215, 0, 0.35);\n}\n\n\/* TAG GAMBAR BACKGROUND *\/\n.hero-bg-img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    z-index: 0;\n}\n\n\/* OVERLAY VIGNETTE *\/\n.hero-dark-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, rgba(8, 12, 24, 0.88) 0%, rgba(10, 16, 32, 0.5) 55%, rgba(6, 10, 20, 0.8) 100%);\n    z-index: 1;\n}\n\n\/* SISI KIRI: BRANDING *\/\n.hero-branding {\n    max-width: 580px;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    position: relative;\n}\n\n\/* JUDUL UTAMA EMAS TERANG *\/\n.hero-main-title {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 42px;\n    font-weight: 900;\n    line-height: 1.15;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    background: linear-gradient(180deg, #ffffff 0%, #fff2be 30%, #ffd700 70%, #d4af37 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.95)) \n            drop-shadow(0 0 16px rgba(255, 215, 0, 0.5));\n}\n\n\/* SUB JUDUL FAKULTAS TEKNIK *\/\n.hero-sub-title {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 24px;\n    font-weight: 900;\n    color: #ffb834;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 0 12px rgba(255, 184, 52, 0.45);\n}\n\n\/* NAMA UNIVERSITAS *\/\n.hero-campus-name {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 13.5px;\n    font-weight: 700;\n    color: #ffffff;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    opacity: 0.95;\n    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.9);\n    margin-top: 4px;\n}\n\n\/* SISI KANAN: MENU KAPSUL TUNGGAL *\/\n.menu-capsule-wrapper {\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    position: relative;\n}\n\n\/* TOMBOL KAPSUL EMAS *\/\n.gold-capsule-btn {\n    text-decoration: none !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    gap: 14px;\n    min-width: 280px;\n    padding: 16px 30px;\n    background: linear-gradient(135deg, rgba(255, 215, 0, 0.18) 0%, rgba(15, 20, 35, 0.8) 100%);\n    border: 2px solid #ffd700;\n    border-radius: 40px;\n    box-shadow: 0 0 20px rgba(255, 215, 0, 0.35), inset 0 0 15px rgba(255, 215, 0, 0.15);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    cursor: pointer;\n    user-select: none;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.gold-capsule-btn span {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 16px;\n    font-weight: 900;\n    color: #ffffff !important;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    text-shadow: 0 0 10px rgba(255, 215, 0, 0.8), 0 2px 4px rgba(0,0,0,0.9);\n}\n\n.gold-capsule-btn i {\n    font-size: 19px;\n    color: #ffd700;\n    filter: drop-shadow(0 0 6px #ffd700);\n    transition: transform 0.4s ease;\n}\n\n\/* SHIMMER GLOW HOVER *\/\n.gold-capsule-btn::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\n    transition: left 0.6s ease;\n}\n\n.gold-capsule-btn:hover::before {\n    left: 100%;\n}\n\n.gold-capsule-btn:hover {\n    transform: translateY(-4px) scale(1.03);\n    background: linear-gradient(135deg, rgba(255, 215, 0, 0.35) 0%, rgba(255, 145, 77, 0.5) 100%);\n    border-color: #ffffff;\n    box-shadow: 0 0 28px rgba(255, 215, 0, 0.7), inset 0 0 20px rgba(255, 215, 0, 0.35);\n}\n\n.gold-capsule-btn:hover i {\n    transform: rotate(15deg) scale(1.15);\n    color: #ffffff;\n}\n\n.gold-capsule-btn:active {\n    transform: scale(0.97);\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n    .prapbak-hero-container {\n        flex-direction: column;\n        justify-content: center;\n        text-align: center;\n        gap: 35px;\n        min-height: auto;\n        padding: 40px 20px;\n    }\n    \n    .hero-branding {\n        max-width: 100%;\n        align-items: center;\n    }\n\n    .hero-main-title {\n        font-size: 28px;\n    }\n\n    .hero-sub-title {\n        font-size: 18px;\n    }\n\n    .hero-campus-name {\n        font-size: 12px;\n    }\n\n    .menu-capsule-wrapper {\n        width: 100%;\n        align-items: center;\n    }\n\n    .gold-capsule-btn {\n        width: 100%;\n        max-width: 320px;\n    }\n}\n<\/style>\n\n<div class=\"prapbak-hero-container\">\n\n    <!-- 1. GAMBAR BACKGROUND DARI GOOGLE DRIVE -->\n    <img decoding=\"async\" class=\"hero-bg-img\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1Q_IkI8Kp7dHg05nSImBVVRKrfZrZSBPq\" alt=\"Kampus UIN Maulana Malik Ibrahim Malang\">\n\n    <!-- 2. LAPISAN OVERLAY VIGNETTE -->\n    <div class=\"hero-dark-overlay\"><\/div>\n\n    <!-- 3. SISI KIRI: BRANDING UTAMA -->\n    <div class=\"hero-branding\">\n        <h1 class=\"hero-main-title\">Penugasan Pra-PBAK<\/h1>\n        <div class=\"hero-sub-title\">Fakultas Teknik<\/div>\n        <div class=\"hero-campus-name\">UIN Maulana Malik Ibrahim Malang<\/div>\n    <\/div>\n\n    <!-- 4. SISI KANAN: HANYA MENU MATERI PENUGASAN -->\n    <div class=\"menu-capsule-wrapper\">\n        <a class=\"gold-capsule-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1ZCyB8t8HcMMiCqJ8yWmfXz18555Uxd8W\/view?usp=drive_link\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <i class=\"fa-solid fa-book-open-reader\"><\/i>\n            <span>Materi Penugasan<\/span>\n        <\/a>\n    <\/div>\n\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4182405 elementor-widget elementor-widget-text-editor\" data-id=\"4182405\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Load Google Font Montserrat -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&#038;display=swap\" rel=\"stylesheet\">\n<!-- Load Font Awesome 6 -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\/* CONTAINER UTAMA *\/\n.prapbak-hero-container {\n    width: 100% !important;\n    min-height: 480px;\n    margin: 0 auto;\n    padding: 50px 45px;\n    background-color: #0d1322;\n    border-radius: 20px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);\n    border: 1.5px solid rgba(255, 215, 0, 0.35);\n}\n\n\/* TAG GAMBAR BACKGROUND DARI GOOGLE DRIVE DIRECT LINK *\/\n.hero-bg-img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    z-index: 0;\n}\n\n\/* OVERLAY VIGNETTE *\/\n.hero-dark-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, rgba(8, 12, 24, 0.88) 0%, rgba(10, 16, 32, 0.5) 55%, rgba(6, 10, 20, 0.8) 100%);\n    z-index: 1;\n}\n\n\/* SISI KIRI: BRANDING *\/\n.hero-branding {\n    max-width: 580px;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    position: relative;\n}\n\n\/* JUDUL UTAMA EMAS TERANG *\/\n.hero-main-title {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 42px;\n    font-weight: 900;\n    line-height: 1.15;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    background: linear-gradient(180deg, #ffffff 0%, #fff2be 30%, #ffd700 70%, #d4af37 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.95)) \n            drop-shadow(0 0 16px rgba(255, 215, 0, 0.5));\n}\n\n\/* SUB JUDUL FAKULTAS TEKNIK *\/\n.hero-sub-title {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 24px;\n    font-weight: 900;\n    color: #ffb834;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 0 12px rgba(255, 184, 52, 0.45);\n}\n\n\/* NAMA UNIVERSITAS *\/\n.hero-campus-name {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 13.5px;\n    font-weight: 700;\n    color: #ffffff;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    opacity: 0.95;\n    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.9);\n    margin-top: 4px;\n}\n\n\/* SISI KANAN: MENU KAPSUL *\/\n.menu-capsule-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 22px;\n    z-index: 2;\n    position: relative;\n}\n\n\/* TOMBOL KAPSUL EMAS *\/\n.gold-capsule-btn {\n    text-decoration: none !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    gap: 14px;\n    min-width: 280px;\n    padding: 16px 30px;\n    background: linear-gradient(135deg, rgba(255, 215, 0, 0.18) 0%, rgba(15, 20, 35, 0.8) 100%);\n    border: 2px solid #ffd700;\n    border-radius: 40px;\n    box-shadow: 0 0 20px rgba(255, 215, 0, 0.35), inset 0 0 15px rgba(255, 215, 0, 0.15);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    cursor: pointer;\n    user-select: none;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.gold-capsule-btn span {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 16px;\n    font-weight: 900;\n    color: #ffffff !important;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    text-shadow: 0 0 10px rgba(255, 215, 0, 0.8), 0 2px 4px rgba(0,0,0,0.9);\n}\n\n.gold-capsule-btn i {\n    font-size: 19px;\n    color: #ffd700;\n    filter: drop-shadow(0 0 6px #ffd700);\n    transition: transform 0.4s ease;\n}\n\n\/* SHIMMER GLOW HOVER *\/\n.gold-capsule-btn::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\n    transition: left 0.6s ease;\n}\n\n.gold-capsule-btn:hover::before {\n    left: 100%;\n}\n\n.gold-capsule-btn:hover {\n    transform: translateY(-4px) scale(1.03);\n    background: linear-gradient(135deg, rgba(255, 215, 0, 0.35) 0%, rgba(255, 145, 77, 0.5) 100%);\n    border-color: #ffffff;\n    box-shadow: 0 0 28px rgba(255, 215, 0, 0.7), inset 0 0 20px rgba(255, 215, 0, 0.35);\n}\n\n.gold-capsule-btn:hover i {\n    transform: rotate(15deg) scale(1.15);\n    color: #ffffff;\n}\n\n.gold-capsule-btn:active {\n    transform: scale(0.97);\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n    .prapbak-hero-container {\n        flex-direction: column;\n        justify-content: center;\n        text-align: center;\n        gap: 35px;\n        min-height: auto;\n        padding: 40px 20px;\n    }\n    \n    .hero-branding {\n        max-width: 100%;\n        align-items: center;\n    }\n\n    .hero-main-title {\n        font-size: 28px;\n    }\n\n    .hero-sub-title {\n        font-size: 18px;\n    }\n\n    .hero-campus-name {\n        font-size: 12px;\n    }\n\n    .menu-capsule-wrapper {\n        width: 100%;\n        align-items: center;\n    }\n\n    .gold-capsule-btn {\n        width: 100%;\n        max-width: 320px;\n    }\n}\n<\/style>\n\n<div class=\"prapbak-hero-container\">\n\n    <!-- 1. GAMBAR BACKGROUND DARI GOOGLE DRIVE -->\n    <img decoding=\"async\" class=\"hero-bg-img\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1Ya8D7B-be_iFhWuO5VZ_6iqDOwegMUq3\" alt=\"Kampus UIN Maulana Malik Ibrahim Malang\">\n\n    <!-- 2. LAPISAN OVERLAY VIGNETTE -->\n    <div class=\"hero-dark-overlay\"><\/div>\n\n    <!-- 3. SISI KIRI: BRANDING UTAMA -->\n    <div class=\"hero-branding\">\n        <h1 class=\"hero-main-title\">Penugasan Hari Ke-1<\/h1>\n        <div class=\"hero-sub-title\">Fakultas Teknik<\/div>\n        <div class=\"hero-campus-name\">UIN Maulana Malik Ibrahim Malang<\/div>\n    <\/div>\n\n    <!-- 4. SISI KANAN: HANYA MENU MATERI PENUGASAN -->\n    <div class=\"menu-capsule-wrapper\">\n        <a class=\"gold-capsule-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1h0zLkeqKgYpqNAwo0ODr-2fJjpsZrftu\/view?usp=drive_link\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <i class=\"fa-solid fa-book-open-reader\"><\/i>\n            <span>Materi Penugasan<\/span>\n        <\/a>\n    <\/div>\n\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df5b0fa elementor-widget elementor-widget-text-editor\" data-id=\"df5b0fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Load Google Font Montserrat -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&#038;display=swap\" rel=\"stylesheet\">\n<!-- Load Font Awesome 6 -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\/* CONTAINER UTAMA *\/\n.prapbak-hero-container {\n    width: 100% !important;\n    min-height: 480px;\n    margin: 0 auto;\n    padding: 50px 45px;\n    background-color: #0d1322;\n    border-radius: 20px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);\n    border: 1.5px solid rgba(255, 215, 0, 0.35);\n}\n\n\/* TAG GAMBAR BACKGROUND *\/\n.hero-bg-img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    z-index: 0;\n}\n\n\/* OVERLAY VIGNETTE *\/\n.hero-dark-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, rgba(8, 12, 24, 0.88) 0%, rgba(10, 16, 32, 0.5) 55%, rgba(6, 10, 20, 0.8) 100%);\n    z-index: 1;\n}\n\n\/* SISI KIRI: BRANDING *\/\n.hero-branding {\n    max-width: 580px;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    position: relative;\n}\n\n\/* JUDUL UTAMA EMAS TERANG *\/\n.hero-main-title {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 42px;\n    font-weight: 900;\n    line-height: 1.15;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    background: linear-gradient(180deg, #ffffff 0%, #fff2be 30%, #ffd700 70%, #d4af37 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.95)) \n            drop-shadow(0 0 16px rgba(255, 215, 0, 0.5));\n}\n\n\/* SUB JUDUL FAKULTAS TEKNIK *\/\n.hero-sub-title {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 24px;\n    font-weight: 900;\n    color: #ffb834;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 0 12px rgba(255, 184, 52, 0.45);\n}\n\n\/* NAMA UNIVERSITAS *\/\n.hero-campus-name {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 13.5px;\n    font-weight: 700;\n    color: #ffffff;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    opacity: 0.95;\n    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.9);\n    margin-top: 4px;\n}\n\n\/* SISI KANAN: MENU KAPSUL TUNGGAL *\/\n.menu-capsule-wrapper {\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    position: relative;\n}\n\n\/* TOMBOL KAPSUL EMAS *\/\n.gold-capsule-btn {\n    text-decoration: none !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    gap: 14px;\n    min-width: 280px;\n    padding: 16px 30px;\n    background: linear-gradient(135deg, rgba(255, 215, 0, 0.18) 0%, rgba(15, 20, 35, 0.8) 100%);\n    border: 2px solid #ffd700;\n    border-radius: 40px;\n    box-shadow: 0 0 20px rgba(255, 215, 0, 0.35), inset 0 0 15px rgba(255, 215, 0, 0.15);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    cursor: pointer;\n    user-select: none;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.gold-capsule-btn span {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 16px;\n    font-weight: 900;\n    color: #ffffff !important;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    text-shadow: 0 0 10px rgba(255, 215, 0, 0.8), 0 2px 4px rgba(0,0,0,0.9);\n}\n\n.gold-capsule-btn i {\n    font-size: 19px;\n    color: #ffd700;\n    filter: drop-shadow(0 0 6px #ffd700);\n    transition: transform 0.4s ease;\n}\n\n\/* SHIMMER GLOW HOVER *\/\n.gold-capsule-btn::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\n    transition: left 0.6s ease;\n}\n\n.gold-capsule-btn:hover::before {\n    left: 100%;\n}\n\n.gold-capsule-btn:hover {\n    transform: translateY(-4px) scale(1.03);\n    background: linear-gradient(135deg, rgba(255, 215, 0, 0.35) 0%, rgba(255, 145, 77, 0.5) 100%);\n    border-color: #ffffff;\n    box-shadow: 0 0 28px rgba(255, 215, 0, 0.7), inset 0 0 20px rgba(255, 215, 0, 0.35);\n}\n\n.gold-capsule-btn:hover i {\n    transform: rotate(15deg) scale(1.15);\n    color: #ffffff;\n}\n\n.gold-capsule-btn:active {\n    transform: scale(0.97);\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n    .prapbak-hero-container {\n        flex-direction: column;\n        justify-content: center;\n        text-align: center;\n        gap: 35px;\n        min-height: auto;\n        padding: 40px 20px;\n    }\n    \n    .hero-branding {\n        max-width: 100%;\n        align-items: center;\n    }\n\n    .hero-main-title {\n        font-size: 28px;\n    }\n\n    .hero-sub-title {\n        font-size: 18px;\n    }\n\n    .hero-campus-name {\n        font-size: 12px;\n    }\n\n    .menu-capsule-wrapper {\n        width: 100%;\n        align-items: center;\n    }\n\n    .gold-capsule-btn {\n        width: 100%;\n        max-width: 320px;\n    }\n}\n<\/style>\n\n<div class=\"prapbak-hero-container\">\n\n    <!-- 1. GAMBAR BACKGROUND DARI GOOGLE DRIVE -->\n    <img decoding=\"async\" class=\"hero-bg-img\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1_r1sZDyGPLpGKFgXjWZwrGCB18Q8pztR\" alt=\"Kampus UIN Maulana Malik Ibrahim Malang\">\n\n    <!-- 2. LAPISAN OVERLAY VIGNETTE -->\n    <div class=\"hero-dark-overlay\"><\/div>\n\n    <!-- 3. SISI KIRI: BRANDING UTAMA -->\n    <div class=\"hero-branding\">\n        <h1 class=\"hero-main-title\">Penugasan Hari Ke-2<\/h1>\n        <div class=\"hero-sub-title\">Fakultas Teknik<\/div>\n        <div class=\"hero-campus-name\">UIN Maulana Malik Ibrahim Malang<\/div>\n    <\/div>\n\n    <!-- 4. SISI KANAN: HANYA MENU MATERI PENUGASAN (TERHUBUNG) -->\n    <div class=\"menu-capsule-wrapper\">\n        <a class=\"gold-capsule-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1ie2TmJmhK4-UgoSnbeYbPB4epfb8T-fG\/view?usp=drive_link\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <i class=\"fa-solid fa-book-open-reader\"><\/i>\n            <span>Materi Penugasan<\/span>\n        <\/a>\n    <\/div>\n\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9610bec elementor-widget elementor-widget-text-editor\" data-id=\"9610bec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- Load Google Font Montserrat -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&#038;display=swap\" rel=\"stylesheet\">\n<!-- Load Font Awesome 6 -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\/* CONTAINER UTAMA *\/\n.prapbak-hero-container {\n    width: 100% !important;\n    min-height: 480px;\n    margin: 0 auto;\n    padding: 50px 45px;\n    background-color: #0d1322;\n    border-radius: 20px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);\n    border: 1.5px solid rgba(255, 215, 0, 0.35);\n}\n\n\/* TAG GAMBAR BACKGROUND *\/\n.hero-bg-img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    z-index: 0;\n}\n\n\/* OVERLAY VIGNETTE *\/\n.hero-dark-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, rgba(8, 12, 24, 0.88) 0%, rgba(10, 16, 32, 0.5) 55%, rgba(6, 10, 20, 0.8) 100%);\n    z-index: 1;\n}\n\n\/* SISI KIRI: BRANDING *\/\n.hero-branding {\n    max-width: 580px;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    position: relative;\n}\n\n\/* JUDUL UTAMA EMAS TERANG *\/\n.hero-main-title {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 40px;\n    font-weight: 900;\n    line-height: 1.15;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    background: linear-gradient(180deg, #ffffff 0%, #fff2be 30%, #ffd700 70%, #d4af37 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.95)) \n            drop-shadow(0 0 16px rgba(255, 215, 0, 0.5));\n}\n\n\/* SUB JUDUL FAKULTAS TEKNIK *\/\n.hero-sub-title {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 24px;\n    font-weight: 900;\n    color: #ffb834;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 0 12px rgba(255, 184, 52, 0.45);\n}\n\n\/* NAMA UNIVERSITAS *\/\n.hero-campus-name {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 13.5px;\n    font-weight: 700;\n    color: #ffffff;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    opacity: 0.95;\n    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.9);\n    margin-top: 4px;\n}\n\n\/* SISI KANAN: MENU KAPSUL TUNGGAL *\/\n.menu-capsule-wrapper {\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    position: relative;\n}\n\n\/* TOMBOL KAPSUL EMAS *\/\n.gold-capsule-btn {\n    text-decoration: none !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    gap: 14px;\n    min-width: 280px;\n    padding: 16px 30px;\n    background: linear-gradient(135deg, rgba(255, 215, 0, 0.18) 0%, rgba(15, 20, 35, 0.8) 100%);\n    border: 2px solid #ffd700;\n    border-radius: 40px;\n    box-shadow: 0 0 20px rgba(255, 215, 0, 0.35), inset 0 0 15px rgba(255, 215, 0, 0.15);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    cursor: pointer;\n    user-select: none;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.gold-capsule-btn span {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 16px;\n    font-weight: 900;\n    color: #ffffff !important;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    text-shadow: 0 0 10px rgba(255, 215, 0, 0.8), 0 2px 4px rgba(0,0,0,0.9);\n}\n\n.gold-capsule-btn i {\n    font-size: 19px;\n    color: #ffd700;\n    filter: drop-shadow(0 0 6px #ffd700);\n    transition: transform 0.4s ease;\n}\n\n\/* SHIMMER GLOW HOVER *\/\n.gold-capsule-btn::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\n    transition: left 0.6s ease;\n}\n\n.gold-capsule-btn:hover::before {\n    left: 100%;\n}\n\n.gold-capsule-btn:hover {\n    transform: translateY(-4px) scale(1.03);\n    background: linear-gradient(135deg, rgba(255, 215, 0, 0.35) 0%, rgba(255, 145, 77, 0.5) 100%);\n    border-color: #ffffff;\n    box-shadow: 0 0 28px rgba(255, 215, 0, 0.7), inset 0 0 20px rgba(255, 215, 0, 0.35);\n}\n\n.gold-capsule-btn:hover i {\n    transform: rotate(15deg) scale(1.15);\n    color: #ffffff;\n}\n\n.gold-capsule-btn:active {\n    transform: scale(0.97);\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n    .prapbak-hero-container {\n        flex-direction: column;\n        justify-content: center;\n        text-align: center;\n        gap: 35px;\n        min-height: auto;\n        padding: 40px 20px;\n    }\n    \n    .hero-branding {\n        max-width: 100%;\n        align-items: center;\n    }\n\n    .hero-main-title {\n        font-size: 28px;\n    }\n\n    .hero-sub-title {\n        font-size: 18px;\n    }\n\n    .hero-campus-name {\n        font-size: 12px;\n    }\n\n    .menu-capsule-wrapper {\n        width: 100%;\n        align-items: center;\n    }\n\n    .gold-capsule-btn {\n        width: 100%;\n        max-width: 320px;\n    }\n}\n<\/style>\n\n<div class=\"prapbak-hero-container\">\n\n    <!-- 1. GAMBAR BACKGROUND DARI GOOGLE DRIVE -->\n    <img decoding=\"async\" class=\"hero-bg-img\" src=\"https:\/\/lh3.googleusercontent.com\/d\/12gxCjm-i48ZlnfxqXRr3AxajXlCqFS4I\" alt=\"Kampus UIN Maulana Malik Ibrahim Malang\">\n\n    <!-- 2. LAPISAN OVERLAY VIGNETTE -->\n    <div class=\"hero-dark-overlay\"><\/div>\n\n    <!-- 3. SISI KIRI: BRANDING UTAMA -->\n    <div class=\"hero-branding\">\n        <h1 class=\"hero-main-title\">Penugasan Pasca PBAK FT<\/h1>\n        <div class=\"hero-sub-title\">Fakultas Teknik<\/div>\n        <div class=\"hero-campus-name\">UIN Maulana Malik Ibrahim Malang<\/div>\n    <\/div>\n\n    <!-- 4. SISI KANAN: HANYA MENU MATERI PENUGASAN -->\n    <div class=\"menu-capsule-wrapper\">\n        <a class=\"gold-capsule-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1cj3BGnDMpaogwLefgQ7ddr0Mfirnsm7H\/view?usp=drive_link\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <i class=\"fa-solid fa-book-open-reader\"><\/i>\n            <span>Materi Penugasan<\/span>\n        <\/a>\n    <\/div>\n\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Penugasan Pra-PBAK Fakultas Teknik UIN Maulana Malik Ibrahim Malang Materi Penugasan Penugasan Hari Ke-1 Fakultas Teknik UIN Maulana Malik Ibrahim Malang Materi Penugasan Penugasan Hari Ke-2 Fakultas Teknik UIN Maulana Malik Ibrahim Malang Materi Penugasan Penugasan Pasca PBAK FT Fakultas Teknik UIN Maulana Malik Ibrahim Malang Materi Penugasan<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1448","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/1448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/comments?post=1448"}],"version-history":[{"count":31,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/1448\/revisions"}],"predecessor-version":[{"id":1513,"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/1448\/revisions\/1513"}],"wp:attachment":[{"href":"https:\/\/teknik.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=1448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}