{"id":21162,"date":"2026-02-10T22:37:46","date_gmt":"2026-02-10T15:37:46","guid":{"rendered":"https:\/\/malangutd.com\/?page_id=21162"},"modified":"2026-05-20T17:37:30","modified_gmt":"2026-05-20T10:37:30","slug":"register-mufa","status":"publish","type":"page","link":"https:\/\/malangutd.com\/en\/register-mufa\/","title":{"rendered":"Daftar MUFA"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"id\" style=\"scroll-behavior: smooth;\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Pendaftaran &#8211; Malang United Futsal Academy<\/title>\n    \n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,800;1,900&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        :root {\n            --brand-black: #0a0a0a;\n            --brand-dark: #1f2937;\n            --brand-yellow: #fbbf24;\n            --brand-yellow-dark: #d97706;\n            --brand-light: #f9fafb;\n            --text-gray-400: #9ca3af;\n            --text-gray-500: #6b7280;\n            --text-gray-600: #4b5563;\n            --text-gray-700: #374151;\n            --text-gray-900: #111827;\n        }\n\n        \/* SCOPED WRAPPER: Mencegah konflik dengan tema WordPress *\/\n        .mu-wrapper {\n            font-family: 'Poppins', sans-serif;\n            background-color: var(--brand-light);\n            color: var(--text-gray-900);\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            overflow-x: hidden;\n            line-height: 1.5;\n            box-sizing: border-box;\n        }\n\n        .mu-wrapper *, .mu-wrapper *::before, .mu-wrapper *::after {\n            box-sizing: inherit;\n        }\n\n        \/* Selection Styling *\/\n        .mu-wrapper ::selection {\n            background-color: var(--brand-black);\n            color: var(--brand-yellow);\n        }\n\n        \/* Custom Scrollbar *\/\n        ::-webkit-scrollbar { width: 8px; }\n        ::-webkit-scrollbar-track { background: #f3f4f6; }\n        ::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; }\n        \n        @media (hover: hover) {\n            ::-webkit-scrollbar-thumb:hover { background: var(--brand-yellow); }\n        }\n\n        .mu-container {\n            width: 100%;\n            max-width: 1280px; \n            margin: 0 auto;\n            padding: 0 1rem;\n        }\n        @media (min-width: 640px) { .mu-container { padding: 0 1.5rem; } }\n        @media (min-width: 1024px) { .mu-container { padding: 0 2rem; } }\n\n        .mu-header {\n            background-color: var(--brand-black);\n            height: 5rem;\n            width: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n            border-bottom: 4px solid var(--brand-yellow);\n            position: sticky;\n            top: 0;\n            z-index: 50;\n        }\n        @media (min-width: 640px) { .mu-header { height: 6rem; } }\n\n        .mu-header img {\n            height: 3.5rem;\n            filter: drop-shadow(0 0 15px rgba(251,191,36,0.4));\n            transition: transform 0.5s ease;\n            will-change: transform;\n        }\n        @media (min-width: 640px) { .mu-header img { height: 4rem; } }\n        @media (hover: hover) {\n            .mu-header img:hover { transform: scale(1.1); }\n        }\n\n        .mu-hero {\n            position: relative;\n            padding: 4rem 0 5rem 0;\n            background-image: linear-gradient(to right bottom, rgba(255, 255, 255, 0.94), rgba(249, 250, 251, 0.88)), url('https:\/\/malangutd.com\/wp-content\/uploads\/2026\/03\/MUbanner.webp-ezgif.com-jpg-to-webp-converter.webp');\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            border-bottom: 1px solid #e5e7eb;\n            overflow: hidden;\n            text-align: center;\n        }\n        \/* Mobile fixed bg is buggy on iOS, enable only on desktop for performance *\/\n        @media (min-width: 1024px) { \n            .mu-hero { \n                padding: 8rem 0 10rem 0; \n                background-attachment: fixed; \n            } \n        }\n\n        .mu-badge {\n            display: inline-block;\n            padding: 0.5rem 1.5rem;\n            border-radius: 9999px;\n            background-color: var(--brand-yellow);\n            color: var(--brand-black);\n            font-weight: 800;\n            font-size: 0.75rem;\n            letter-spacing: 0.2em;\n            text-transform: uppercase;\n            margin-bottom: 2rem;\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n        }\n        @media (min-width: 640px) { .mu-badge { font-size: 0.875rem; } }\n\n        .mu-hero h1 {\n            font-size: clamp(2.25rem, 6vw + 1rem, 6rem);\n            font-weight: 900;\n            color: var(--brand-black);\n            letter-spacing: -0.05em;\n            margin: 0 0 1.5rem 0;\n            line-height: 1;\n            text-transform: uppercase;\n            font-style: italic;\n            text-shadow: 0 0 20px rgba(251, 191, 36, 0.4);\n        }\n        \n        .mu-gradient-text {\n            background: linear-gradient(to right, var(--brand-yellow), var(--brand-yellow-dark));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            color: transparent; \/* Fallback *\/\n        }\n\n        .mu-hero p {\n            margin: 1rem auto 3rem auto;\n            font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);\n            color: var(--text-gray-700);\n            max-width: 48rem; \n            font-weight: 500;\n            line-height: 1.625;\n            padding: 0 1rem;\n        }\n\n        .mu-btn {\n            display: inline-flex;\n            justify-content: center;\n            align-items: center;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            text-transform: uppercase;\n            font-weight: 900;\n            text-align: center;\n            will-change: transform;\n        }\n\n        .mu-btn-hero {\n            background-color: var(--brand-black);\n            color: var(--brand-yellow);\n            border: 2px solid var(--brand-black);\n            padding: 1rem 3rem;\n            border-radius: 0.75rem; \n            font-size: 1.125rem;\n            letter-spacing: 0.1em;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n        }\n        @media (hover: hover) {\n            .mu-btn-hero:hover {\n                background-color: transparent;\n                color: var(--brand-black);\n                transform: translateY(-8px);\n            }\n        }\n        .mu-btn-hero:active {\n            transform: translateY(2px);\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n        }\n\n        .mu-section { padding: 5rem 0; }\n        @media (min-width: 640px) { .mu-section { padding: 8rem 0; } }\n\n        .mu-section-header { text-align: center; margin-bottom: 4rem; }\n        @media (min-width: 640px) { .mu-section-header { margin-bottom: 6rem; } }\n\n        .mu-subtitle {\n            font-size: 0.75rem;\n            font-weight: 700;\n            color: var(--brand-yellow);\n            letter-spacing: 0.3em;\n            text-transform: uppercase;\n            margin-bottom: 1rem;\n            display: block;\n        }\n        @media (min-width: 640px) { .mu-subtitle { font-size: 0.875rem; } }\n\n        .mu-title {\n            font-size: clamp(1.875rem, 5vw, 3rem);\n            font-weight: 900;\n            letter-spacing: -0.025em;\n            color: var(--brand-black);\n            text-transform: uppercase;\n            font-style: italic;\n            margin: 0;\n            line-height: 1.1;\n        }\n\n        .mu-divider {\n            width: 6rem;\n            height: 0.5rem;\n            background-color: var(--brand-yellow);\n            margin: 1.5rem auto 0 auto;\n            border-radius: 9999px;\n        }\n\n        .mu-features-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 2rem;\n        }\n        @media (min-width: 768px) { .mu-features-grid { grid-template-columns: repeat(3, 1fr); gap: 3rem; } }\n\n        .mu-feature-card {\n            position: relative;\n            padding: 2rem;\n            border-radius: 1.5rem;\n            overflow: hidden;\n            transition: all 0.5s ease;\n        }\n        \n        .mu-card-light { background-color: #f9fafb; border: 1px solid #f3f4f6; }\n        .mu-card-dark { background-color: var(--brand-black); border: 1px solid var(--brand-black); color: white;}\n        \n        @media (hover: hover) {\n            .mu-card-light:hover { border-color: var(--brand-yellow); }\n            .mu-card-dark:hover { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }\n        }\n\n        .mu-feature-num {\n            position: absolute;\n            right: -1rem;\n            top: -1rem;\n            font-weight: 900;\n            font-size: 6rem;\n            font-style: italic;\n            transition: all 0.3s ease;\n            pointer-events: none;\n        }\n        .mu-card-light .mu-feature-num { color: rgba(251, 191, 36, 0.1); }\n        .mu-card-dark .mu-feature-num { color: rgba(255, 255, 255, 0.05); }\n        \n        @media (hover: hover) {\n            .mu-card-light:hover .mu-feature-num { color: rgba(251, 191, 36, 0.2); }\n            .mu-card-dark:hover .mu-feature-num { color: rgba(255, 255, 255, 0.1); }\n        }\n\n        .mu-feature-icon {\n            width: 4rem;\n            height: 4rem;\n            background-color: var(--brand-yellow);\n            border-radius: 1rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--brand-black);\n            margin-bottom: 2rem;\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n            transition: transform 0.3s ease;\n        }\n        @media (hover: hover) {\n            .mu-feature-card:hover .mu-feature-icon { transform: rotate(12deg); }\n        }\n        .mu-feature-icon svg { width: 2rem; height: 2rem; }\n\n        .mu-feature-card h3 {\n            font-size: 1.5rem;\n            font-weight: 900;\n            text-transform: uppercase;\n            font-style: italic;\n            line-height: 1.25;\n            margin: 0 0 1rem 0;\n            position: relative;\n            z-index: 10;\n        }\n        .mu-card-light h3 { color: var(--brand-black); }\n        .mu-card-dark h3 { color: var(--brand-yellow); }\n\n        .mu-feature-card p {\n            margin: 0;\n            line-height: 1.625;\n            font-weight: 500;\n            position: relative;\n            z-index: 10;\n        }\n        .mu-card-light p { color: var(--text-gray-600); }\n        .mu-card-dark p { color: #d1d5db; }\n\n        .mu-program-bg { background-color: #f9fafb; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; overflow: hidden; }\n        \n        .mu-program-layout {\n            display: flex;\n            flex-direction: column;\n            gap: 3rem;\n            align-items: center;\n            text-align: center;\n        }\n        @media (min-width: 1024px) { \n            .mu-program-layout { flex-direction: row; gap: 5rem; text-align: left; } \n            .mu-program-content { order: 1; width: 50%; }\n            .mu-program-image { order: 2; width: 50%; }\n        }\n\n        .mu-ku-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 1rem;\n            margin-top: 2rem;\n        }\n        @media (min-width: 640px) { .mu-ku-grid { grid-template-columns: repeat(2, 1fr); } }\n\n        .mu-ku-card {\n            background: white;\n            padding: 1.5rem;\n            border-radius: 1rem;\n            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n            text-align: left;\n            transition: box-shadow 0.3s ease;\n        }\n        @media (hover: hover) {\n            .mu-ku-card:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }\n        }\n        .mu-ku-border-yellow { border-left: 8px solid var(--brand-yellow); }\n        .mu-ku-border-black { border-left: 8px solid var(--brand-black); }\n\n        .mu-ku-card span { font-size: 2.25rem; font-weight: 900; color: var(--brand-black); font-style: italic; display: block; line-height: 1;}\n        .mu-ku-card p { font-size: 0.75rem; color: var(--text-gray-500); margin-top: 0.5rem; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; margin-bottom: 0;}\n\n        .mu-img-wrapper { position: relative; padding: 0 1rem; width: 100%; }\n        @media (min-width: 640px) { .mu-img-wrapper { padding: 0; } }\n        \n        .mu-img-border {\n            display: none;\n            position: absolute;\n            top: -1rem;\n            left: -1rem;\n            width: 100%;\n            height: 100%;\n            border: 4px solid var(--brand-yellow);\n            border-radius: 1.5rem;\n            z-index: 0;\n        }\n        @media (min-width: 640px) { .mu-img-border { display: block; } }\n\n        .mu-img-inner {\n            position: relative;\n            border-radius: 1.5rem;\n            overflow: hidden;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n            z-index: 10;\n            aspect-ratio: 4\/3; \/* Mencegah layout shift *\/\n        }\n        .mu-img-inner img {\n            width: 100%;\n            height: 100%;\n            display: block;\n            object-fit: cover;\n            transition: transform 0.7s ease;\n        }\n        @media (hover: hover) {\n            .mu-img-inner:hover img { transform: scale(1.05); }\n        }\n        \n        .mu-img-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to top, rgba(10,10,10,0.8), transparent 60%);\n        }\n        .mu-img-text {\n            position: absolute;\n            bottom: 1.5rem;\n            left: 1.5rem;\n            color: var(--brand-yellow);\n            font-weight: 900;\n            font-size: clamp(1.25rem, 3vw, 1.5rem);\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n            font-style: italic;\n            margin: 0;\n        }\n\n        .mu-gallery-bg { background-color: white; }\n        .mu-gallery-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 1.5rem;\n        }\n        @media (min-width: 768px) { .mu-gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; } }\n\n        .mu-gallery-item {\n            border-radius: 1.5rem;\n            overflow: hidden;\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n            height: 16rem;\n            position: relative;\n            border: 1px solid #f3f4f6;\n            aspect-ratio: 16\/9; \/* Mencegah layout shift *\/\n        }\n        @media (min-width: 640px) { .mu-gallery-item { height: 24rem; } }\n        \n        .mu-gallery-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\n        @media (hover: hover) {\n            .mu-gallery-item:hover img { transform: scale(1.1); }\n        }\n        \n        .mu-gallery-overlay {\n            position: absolute;\n            inset: 0;\n            background-color: rgba(10, 10, 10, 0.1);\n            transition: background-color 0.3s ease;\n        }\n        @media (hover: hover) {\n            .mu-gallery-item:hover .mu-gallery-overlay { background-color: transparent; }\n        }\n\n        .mu-pricing-bg { background-color: #f9fafb; }\n        \n        @keyframes border-pulse {\n            0% { border-color: var(--brand-yellow); box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.4); }\n            70% { border-color: var(--brand-black); box-shadow: 0 0 0 10px rgba(251, 191, 36, 0); }\n            100% { border-color: var(--brand-yellow); box-shadow: 0 0 0 0 rgba(251, 191, 36, 0); }\n        }\n\n        .mu-pricing-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 3rem;\n            max-width: 28rem;\n            margin: 0 auto;\n            align-items: stretch; \/* Memastikan tinggi kartu sama *\/\n        }\n        @media (min-width: 768px) { \n            .mu-pricing-grid { grid-template-columns: repeat(2, 1fr); max-width: 64rem; gap: 2.5rem; } \n        }\n        @media (min-width: 1024px) { .mu-pricing-grid { gap: 4rem; } }\n\n        .mu-price-card {\n            background: white;\n            border-radius: 2.5rem;\n            display: flex;\n            flex-direction: column;\n            \/* overflow: hidden; dihapus agar badge \"Most Wanted\" tidak terpotong *\/\n            position: relative;\n            height: 100%;\n        }\n\n        .mu-price-standar {\n            border: 1px solid #e5e7eb;\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n            transition: box-shadow 0.3s ease;\n        }\n        @media (hover: hover) {\n            .mu-price-standar:hover { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }\n        }\n\n        .mu-price-premium {\n            border: 4px solid var(--brand-black);\n            box-shadow: 0 35px 60px -15px rgba(0,0,0,0.3);\n            animation: border-pulse 3s infinite;\n            z-index: 10;\n        }\n        @media (min-width: 768px) { .mu-price-premium { transform: scale(1.1); } }\n\n        .mu-badge-most-wanted {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            display: flex;\n            justify-content: center;\n            margin-top: -1.25rem;\n        }\n        .mu-badge-most-wanted span {\n            background-color: var(--brand-yellow);\n            color: var(--brand-black);\n            font-size: 0.75rem;\n            font-weight: 900;\n            letter-spacing: 0.3em;\n            text-transform: uppercase;\n            padding: 0.625rem 1.5rem;\n            border-radius: 0.75rem;\n            border: 2px solid var(--brand-black);\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n        }\n\n        .mu-price-body { padding: 2rem; flex-grow: 1; display: flex; flex-direction: column;}\n        @media (min-width: 640px) { .mu-price-body { padding: 3rem; } }\n\n        .mu-price-card h3 {\n            font-size: 1.875rem;\n            font-weight: 900;\n            color: var(--brand-black);\n            text-transform: uppercase;\n            font-style: italic;\n            letter-spacing: 0.05em;\n            margin: 0;\n        }\n        .mu-price-premium h3 { margin-top: 1rem; }\n\n        .mu-price-desc { font-size: 0.875rem; font-weight: 500; color: var(--text-gray-500); line-height: 1.625; margin: 1rem 0 0 0; }\n        .mu-price-premium .mu-price-desc { color: var(--text-gray-600); font-style: italic; }\n\n        .mu-price-amount { display: flex; align-items: baseline; margin-top: 2rem; }\n        .mu-price-amount strong { font-size: 3rem; font-weight: 900; color: var(--brand-black); letter-spacing: -0.05em; line-height: 1;}\n        .mu-price-amount strong span { font-size: 1.875rem; }\n        .mu-price-amount small { margin-left: 0.5rem; font-size: 1.25rem; font-weight: 700; color: var(--text-gray-400); }\n\n        .mu-reg-fee {\n            display: inline-block;\n            font-size: 0.625rem;\n            font-weight: 900;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            padding: 0.5rem 1rem;\n            border-radius: 0.5rem;\n            margin-top: 1rem;\n            align-self: flex-start;\n        }\n        @media (min-width: 640px) { .mu-reg-fee { font-size: 0.75rem; } }\n        .mu-fee-standar { background-color: #f3f4f6; color: var(--text-gray-700); }\n        .mu-fee-premium { background-color: #fef3c7; color: #92400e; border: 1px solid #fde68a; }\n\n        .mu-price-list { list-style: none; padding: 0; margin: 3rem 0 0 0; }\n        .mu-price-list li { display: flex; align-items: flex-start; margin-bottom: 1.25rem; }\n        .mu-price-list svg { width: 1.5rem; height: 1.5rem; flex-shrink: 0; }\n        .mu-icon-green { color: #22c55e; }\n        .mu-icon-yellow { color: var(--brand-yellow); }\n        .mu-icon-red { color: #f87171; }\n        \n        .mu-price-list p { margin: 0 0 0 1rem; font-size: 0.875rem; text-transform: uppercase; line-height: 1.5rem;}\n        .mu-list-text-bold { font-weight: 700; color: var(--text-gray-700); }\n        .mu-list-text-black { font-weight: 900; color: var(--brand-black); }\n        .mu-list-text-muted { font-weight: 700; color: var(--text-gray-400); text-decoration: line-through; font-style: italic; }\n        .mu-list-dim { opacity: 0.4; }\n\n        .mu-price-footer { padding: 2rem; border-top: 1px solid #f3f4f6; margin-top: auto; border-radius: 0 0 2.5rem 2.5rem; }\n        @media (min-width: 1024px) { .mu-price-footer { padding: 2.5rem; } }\n        .mu-price-premium .mu-price-footer { background-color: var(--brand-black); border-top: 8px solid var(--brand-yellow); border-radius: 0 0 2.1rem 2.1rem; }\n        .mu-price-standar .mu-price-footer { background-color: #f9fafb; border-radius: 0 0 2.5rem 2.5rem; }\n\n        .mu-btn-plan {\n            display: block;\n            width: 100%;\n            padding: 1.25rem 1rem;\n            border-radius: 1rem;\n            text-align: center;\n            font-size: 0.875rem;\n            font-weight: 900;\n            text-transform: uppercase;\n            letter-spacing: 0.2em;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n        .mu-btn-standar { background-color: white; color: var(--brand-black); border: 2px solid var(--brand-black); }\n        \n        .mu-btn-premium { background-color: var(--brand-yellow); color: var(--brand-black); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); }\n        \n        @media (hover: hover) {\n            .mu-btn-standar:hover { background-color: var(--brand-black); color: white; }\n            .mu-btn-premium:hover { background-color: #facc15; transform: translateY(-4px); }\n        }\n        .mu-btn-standar:active, .mu-btn-premium:active { transform: translateY(2px); }\n\n        .mu-note-card {\n            margin: 5rem auto 0 auto;\n            background: rgba(255, 255, 255, 0.8);\n            backdrop-filter: blur(10px);\n            -webkit-backdrop-filter: blur(10px);\n            border: 2px solid rgba(251, 191, 36, 0.3);\n            border-radius: 2.5rem;\n            padding: 1.5rem;\n            max-width: 56rem;\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n            text-align: center;\n        }\n        @media (min-width: 640px) { .mu-note-card { margin-top: 7rem; padding: 2.5rem; } }\n        \n        .mu-note-bar { position: absolute; top: 0; left: 0; width: 0.5rem; height: 100%; background-color: var(--brand-yellow); }\n        \n        .mu-note-header { display: flex; align-items: center; justify-content: center; gap: 0.75rem; color: var(--brand-yellow); margin-bottom: 1rem; }\n        @media (min-width: 640px) { .mu-note-header { margin-bottom: 1.5rem; } }\n        .mu-note-header svg { width: 2rem; height: 2rem; }\n        .mu-note-header h4 { margin: 0; font-size: 1.125rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.2em; }\n        \n        .mu-note-text { font-size: 0.875rem; color: var(--text-gray-700); font-weight: 600; line-height: 1.625; font-style: italic; margin: 0; padding: 0 1rem; }\n        @media (min-width: 640px) { .mu-note-text { font-size: 1rem; } }\n        .mu-note-highlight { color: var(--brand-black); text-decoration: underline; text-decoration-color: var(--brand-yellow); text-decoration-thickness: 4px; text-transform: uppercase; font-weight: 700;}\n\n        .mu-admin-contact { margin-top: 4rem; text-align: center; display: flex; flex-direction: column; align-items: center; }\n        .mu-admin-title { font-size: 1rem; color: var(--text-gray-500); margin-bottom: 1.5rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; font-style: italic; }\n        \n        .mu-wa-btn-main {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background-color: #25D366;\n            color: white;\n            padding: 1.25rem 3rem;\n            border-radius: 1rem;\n            font-weight: 900;\n            font-size: 1rem;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            text-decoration: none;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n            transition: all 0.3s ease;\n        }\n        @media (min-width: 640px) { .mu-wa-btn-main { font-size: 1.125rem; } }\n        @media (hover: hover) {\n            .mu-wa-btn-main:hover { transform: scale(1.05) translateY(-8px); }\n        }\n        .mu-wa-btn-main:active { transform: scale(0.98); }\n        .mu-wa-btn-main svg { width: 1.5rem; height: 1.5rem; margin-right: 1rem; }\n        @media (min-width: 640px) { .mu-wa-btn-main svg { width: 2rem; height: 2rem; } }\n\n        .mu-copyright { margin-top: 3rem; color: var(--text-gray-400); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.3em; text-transform: uppercase; font-style: italic; }\n\n        .mu-fab {\n            position: fixed;\n            bottom: 1.5rem;\n            right: 1.5rem;\n            z-index: 60;\n            background-color: #25D366;\n            color: white;\n            padding: 1rem;\n            border-radius: 9999px;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n            border: 4px solid white;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: transform 0.3s ease;\n        }\n        @media (hover: hover) {\n            .mu-fab:hover { transform: scale(1.1); }\n        }\n        .mu-fab:active { transform: scale(0.9); }\n        .mu-fab svg { width: 2rem; height: 2rem; }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"mu-wrapper\">\n\n    <!-- Header Gelap (Logo) -->\n    <header class=\"mu-header\">\n        <img decoding=\"async\" src=\"https:\/\/malangutd.com\/wp-content\/uploads\/2024\/02\/Icon-Malang-United.webp\" alt=\"Logo Malang United Futsal Academy\" fetchpriority=\"high\">\n    <\/header>\n\n    <!-- Hero Section -->\n    <section class=\"mu-hero\">\n        <div class=\"mu-container\">\n            <span class=\"mu-badge\">Penerimaan Siswa Baru 2026<\/span>\n            \n            <h1>\n                Cetak Mental <br class=\"hidden sm:block\">\n                <span class=\"mu-gradient-text\">Juara Sejati<\/span>\n            <\/h1>\n            \n            <p>Bergabunglah dengan akademi futsal paling prestisius di Malang. Rasakan kurikulum kepelatihan modern di fasilitas kelas satu.<\/p>\n            \n            <a href=\"#pendaftaran\" class=\"mu-btn mu-btn-hero\">Daftar Sekarang<\/a>\n        <\/div>\n    <\/section>\n\n    <!-- Keunggulan Section -->\n    <section id=\"tentang\" class=\"mu-section\" style=\"background-color: white;\">\n        <div class=\"mu-container\">\n            <div class=\"mu-section-header\">\n                <span class=\"mu-subtitle\">Keunggulan MUFA<\/span>\n                <h2 class=\"mu-title\">The Champion&#8217;s Standard<\/h2>\n                <div class=\"mu-divider\"><\/div>\n            <\/div>\n\n            <div class=\"mu-features-grid\">\n                <!-- Feature 1 -->\n                <div class=\"mu-feature-card mu-card-light\">\n                    <div class=\"mu-feature-num\">01<\/div>\n                    <div class=\"mu-feature-icon\">\n                        <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n                    <\/div>\n                    <h3>Intensitas Pro<\/h3>\n                    <p>Latihan 6x seminggu yang dirancang untuk membentuk daya tahan fisik dan ketajaman teknik di level tertinggi.<\/p>\n                <\/div>\n\n                <!-- Feature 2 -->\n                <div class=\"mu-feature-card mu-card-dark\">\n                    <div class=\"mu-feature-num\">02<\/div>\n                    <div class=\"mu-feature-icon\">\n                        <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"><\/path><\/svg>\n                    <\/div>\n                    <h3>Elite Exposure<\/h3>\n                    <p>Prioritas seleksi turnamen bergengsi tingkat nasional (AAFI, MFL, USC League) sebagai jalur karir resmi.<\/p>\n                <\/div>\n\n                <!-- Feature 3 -->\n                <div class=\"mu-feature-card mu-card-light\">\n                    <div class=\"mu-feature-num\">03<\/div>\n                    <div class=\"mu-feature-icon\">\n                        <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"><\/path><\/svg>\n                    <\/div>\n                    <h3>Smart Play<\/h3>\n                    <p>Bukan sekadar lari. Kami mengajar kecerdasan membaca ruang, rotasi taktis, dan visi bermain kelas dunia.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Program & KU Section -->\n    <section id=\"program\" class=\"mu-section mu-program-bg\">\n        <div class=\"mu-container\">\n            <div class=\"mu-program-layout\">\n                \n                <div class=\"mu-program-content\">\n                    <span class=\"mu-subtitle\">Development Path<\/span>\n                    <h3 class=\"mu-title\" style=\"margin-bottom: 2.5rem;\">Kategori <br> Kelompok Umur<\/h3>\n                    \n                    <div class=\"mu-ku-grid\">\n                        <div class=\"mu-ku-card mu-ku-border-yellow\">\n                            <span>KU-12<\/span>\n                            <p>Foundation &#038; Ball Mastery<\/p>\n                        <\/div>\n                        <div class=\"mu-ku-card mu-ku-border-black\">\n                            <span>KU-14<\/span>\n                            <p>Tactical Basics &#038; Development<\/p>\n                        <\/div>\n                        <div class=\"mu-ku-card mu-ku-border-yellow\">\n                            <span>KU-16<\/span>\n                            <p>Competition &#038; Strategy<\/p>\n                        <\/div>\n                        <div class=\"mu-ku-card mu-ku-border-black\">\n                            <span>KU-17<\/span>\n                            <p>Professional Readiness<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mu-program-image\">\n                    <div class=\"mu-img-wrapper\">\n                        <div class=\"mu-img-border\"><\/div>\n                        <div class=\"mu-img-inner\">\n                            <img decoding=\"async\" src=\"https:\/\/malangutd.com\/wp-content\/uploads\/2026\/03\/MUbanner2.webp-ezgif.com-jpg-to-webp-converter.webp\" alt=\"Pemain Futsal Beraksi di Lapangan\" loading=\"lazy\">\n                            <div class=\"mu-img-overlay\"><\/div>\n                            <p class=\"mu-img-text\">#PROUDLYMALANG<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Gallery Section -->\n    <section class=\"mu-section mu-gallery-bg\">\n        <div class=\"mu-container\">\n            <div class=\"mu-gallery-grid\">\n                <div class=\"mu-gallery-item\">\n                    <img decoding=\"async\" src=\"https:\/\/malangutd.com\/wp-content\/uploads\/2026\/03\/MUbanner3.webp-ezgif.com-jpg-to-webp-converter.webp\" alt=\"Kegiatan Latihan Futsal 1\" loading=\"lazy\">\n                    <div class=\"mu-gallery-overlay\"><\/div>\n                <\/div>\n                <div class=\"mu-gallery-item\">\n                    <img decoding=\"async\" src=\"https:\/\/malangutd.com\/wp-content\/uploads\/2026\/03\/MUbanner4.webp-ezgif.com-jpg-to-webp-converter.webp\" alt=\"Kegiatan Latihan Futsal 2\" loading=\"lazy\">\n                    <div class=\"mu-gallery-overlay\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Pricing Section -->\n    <section id=\"pendaftaran\" class=\"mu-section mu-pricing-bg\">\n        <div class=\"mu-container\">\n            <div class=\"mu-section-header\">\n                <span class=\"mu-badge\" style=\"margin-bottom: 1.5rem; background-color: var(--brand-yellow); color: var(--brand-black);\">Investment In Future<\/span>\n                <h2 class=\"mu-title\" style=\"margin-bottom: 1.5rem;\">Pilih Paket Latihan<\/h2>\n                <p style=\"font-size: 1.125rem; color: var(--text-gray-600); font-weight: 500; font-style: italic; margin: 0;\">Amankan posisi Anda di skuad Malang United sekarang.<\/p>\n            <\/div>\n\n            <div class=\"mu-pricing-grid\">\n                \n                <!-- STANDAR CARD -->\n                <div class=\"mu-price-card mu-price-standar\">\n                    <div class=\"mu-price-body\">\n                        <h3>Standar<\/h3>\n                        <p class=\"mu-price-desc\">Program pengembangan teknik fundamental dan pembangunan karakter tim.<\/p>\n                        \n                        <div class=\"mu-price-amount\">\n                            <strong>Rp 150<span>.000<\/span><\/strong>\n                            <small>\/bln<\/small>\n                        <\/div>\n                        <span class=\"mu-reg-fee mu-fee-standar\">+ Pendaftaran Rp 100rb (Baru)<\/span>\n                        \n                        <ul class=\"mu-price-list\">\n                            <li>\n                                <svg class=\"mu-icon-green\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/><\/svg>\n                                <p class=\"mu-list-text-bold\">Latihan 6x \/ Minggu<\/p>\n                            <\/li>\n                            <li>\n                                <svg class=\"mu-icon-green\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/><\/svg>\n                                <p class=\"mu-list-text-bold\">Fasilitas USC Malang<\/p>\n                            <\/li>\n                            <li class=\"mu-list-dim\">\n                                <svg class=\"mu-icon-red\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/><\/svg>\n                                <p class=\"mu-list-text-muted\">Rapor Evaluasi Individu<\/p>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"mu-price-footer\">\n                        <a href=\"https:\/\/hub.malangutd.com\/m\/mu-futsal\" class=\"mu-btn-plan mu-btn-standar\">Pilih Standar<\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- PREMIUM CARD -->\n                <div class=\"mu-price-card mu-price-premium\">\n                    <div class=\"mu-badge-most-wanted\">\n                        <span>Most Wanted<\/span>\n                    <\/div>\n                    \n                    <div class=\"mu-price-body\">\n                        <h3>Premium<\/h3>\n                        <p class=\"mu-price-desc\">Monitoring intensif untuk percepatan karir menuju pemain elit.<\/p>\n                        \n                        <div class=\"mu-price-amount\">\n                            <strong>Rp 250<span>.000<\/span><\/strong>\n                            <small>\/bln<\/small>\n                        <\/div>\n                        <span class=\"mu-reg-fee mu-fee-premium\">+ Pendaftaran Rp 100rb (Baru)<\/span>\n                        \n                        <ul class=\"mu-price-list\">\n                            <li>\n                                <svg class=\"mu-icon-yellow\" fill=\"currentColor\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\" \/><\/svg>\n                                <p class=\"mu-list-text-black\">Fasilitas Standar Lengkap<\/p>\n                            <\/li>\n                            <li>\n                                <svg class=\"mu-icon-yellow\" fill=\"currentColor\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\" \/><\/svg>\n                                <p class=\"mu-list-text-black\" style=\"font-style: italic;\">Rapor &#038; Evaluasi Bulanan<\/p>\n                            <\/li>\n                            <li>\n                                <svg class=\"mu-icon-yellow\" fill=\"currentColor\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 13l4 4L19 7\" \/><\/svg>\n                                <p class=\"mu-list-text-black\" style=\"font-style: italic;\">Bonus Latihan Spesifik<\/p>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"mu-price-footer\">\n                        <a href=\"https:\/\/hub.malangutd.com\/m\/mu-futsal\" class=\"mu-btn-plan mu-btn-premium\">Pilih Premium<\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n            \n            <!-- Note Section -->\n            <div class=\"mu-note-card\">\n                <div class=\"mu-note-bar\"><\/div>\n                <div class=\"mu-note-header\">\n                    <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                    <h4>Penting!<\/h4>\n                <\/div>\n                <p class=\"mu-note-text\">\n                    Setelah menekan tombol pendaftaran, Anda akan diarahkan ke form pendaftaran resmi. \n                    <span class=\"mu-note-highlight\">Pastikan Anda memilih Kelompok Umur (KU) yang sesuai<\/span> pada daftar pilihan yang tersedia di halaman tersebut.\n                <\/p>\n            <\/div>\n\n            <!-- Admin Contact Section -->\n            <div class=\"mu-admin-contact\">\n                <p class=\"mu-admin-title\">Butuh Bantuan?<\/p>\n                <a href=\"https:\/\/wa.me\/6285869886821?text=Halo%20Admin%20MUFA%2C%20saya%20tertarik%20untuk%20mendaftar%20akademi%20futsal%20dan%20ada%20beberapa%20pertanyaan.%20Boleh%20minta%20infonya%3F\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mu-wa-btn-main\">\n                    <svg fill=\"currentColor\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 00-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n                    Hubungi Admin\n                <\/a>\n                <p class=\"mu-copyright\">Malang United Academy &copy; 2026<\/p>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- Floating WhatsApp Button -->\n    <a href=\"https:\/\/wa.me\/6285869886821?text=Halo%20Admin%20MUFA%2C%20saya%20ingin%20bertanya%20mengenai%20pendaftaran%20akademi%20futsal.\" target=\"_blank\" aria-label=\"WhatsApp Admin\" class=\"mu-fab\" rel=\"noopener\">\n        <svg fill=\"currentColor\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 00-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/><\/svg>\n    <\/a>\n\n<\/div>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Pendaftaran &#8211; Malang United Futsal Academy Penerimaan Siswa Baru 2026 Cetak Mental Juara Sejati Bergabunglah dengan akademi futsal paling prestisius di Malang. Rasakan kurikulum kepelatihan modern di fasilitas kelas satu. Daftar Sekarang Keunggulan MUFA The Champion&#8217;s Standard 01 Intensitas Pro Latihan 6x seminggu yang dirancang untuk membentuk daya tahan fisik dan ketajaman teknik di level [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-21162","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/pages\/21162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/comments?post=21162"}],"version-history":[{"count":0,"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/pages\/21162\/revisions"}],"wp:attachment":[{"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/media?parent=21162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}