{"id":21532,"date":"2026-04-30T16:54:06","date_gmt":"2026-04-30T09:54:06","guid":{"rendered":"https:\/\/malangutd.com\/?page_id=21532"},"modified":"2026-05-25T16:04:18","modified_gmt":"2026-05-25T09:04:18","slug":"pendaftaran-membership","status":"publish","type":"page","link":"https:\/\/malangutd.com\/en\/pendaftaran-membership\/","title":{"rendered":"Pendaftaran Membership"},"content":{"rendered":"\n<!-- =========================================================\nMALANG UNITED \u2014 WORDPRESS READY LANDING PAGE (PERFECTED EDITION)\nTempel langsung di WordPress: Block Editor > Custom HTML\nFitur: Ultra-Fast, Animasi CSS Murni, GPU Accelerated, Anti-Override Theme\n========================================================= -->\n\n<style>\n  \/* 1. ROOT & RESET SCOPED (Anti-WordPress Theme Override) *\/\n  #muWpLanding,\n  #muWpLanding * {\n    box-sizing: border-box;\n  }\n\n  #muWpLanding {\n    \/* Color Variables *\/\n    --mu-black: #050505;\n    --mu-ink: #0b0b0f;\n    --mu-gold: #ffd700;\n    --mu-gold-2: #f5c542;\n    --mu-gold-3: #bb8f18;\n    --mu-cream: #fff8dc;\n    --mu-white: #ffffff;\n    --mu-soft: rgba(255, 255, 255, .72);\n    --mu-soft-2: rgba(255, 255, 255, .56);\n    --mu-shadow-hover: 0 22px 54px rgba(255, 215, 0, .25);\n    \n    \/* Layout Variables *\/\n    --mu-radius-xl: 32px;\n    --mu-radius-lg: 24px;\n    --mu-radius-md: 16px;\n    \n    width: 100%;\n    overflow: hidden;\n    background: var(--mu-black);\n    color: var(--mu-white);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n    line-height: 1.5;\n    -webkit-font-smoothing: antialiased;\n    text-rendering: optimizeLegibility;\n    isolation: isolate;\n  }\n\n  \/* Reset ekstrim untuk mencegah tema WP mengacaukan margin dan warna *\/\n  #muWpLanding h1,\n  #muWpLanding h2,\n  #muWpLanding h3,\n  #muWpLanding h4,\n  #muWpLanding p,\n  #muWpLanding ul,\n  #muWpLanding li,\n  #muWpLanding a {\n    margin: 0 !important;\n    padding: 0;\n    text-decoration: none !important;\n    box-shadow: none !important;\n  }\n\n  #muWpLanding ul {\n    list-style: none !important;\n  }\n\n  #muWpLanding a,\n  #muWpLanding summary,\n  #muWpLanding button {\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  \/* Accessibility Focus *\/\n  #muWpLanding a:focus-visible,\n  #muWpLanding summary:focus-visible {\n    outline: 2px solid var(--mu-gold);\n    outline-offset: 4px;\n    border-radius: 4px;\n  }\n\n  \/* 2. CSS ANIMATIONS (No-JS) *\/\n  @keyframes muwpFadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(24px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .muwp-animate {\n    animation: muwpFadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    opacity: 0;\n  }\n  \n  .muwp-delay-1 { animation-delay: 0.1s; }\n  .muwp-delay-2 { animation-delay: 0.2s; }\n  .muwp-delay-3 { animation-delay: 0.3s; }\n\n  \/* 3. LAYOUT & HERO SECTION *\/\n  #muWpLanding .muwp-container {\n    width: min(100% - 32px, 1180px);\n    margin-inline: auto;\n  }\n\n  #muWpLanding .muwp-hero {\n    position: relative;\n    overflow: hidden;\n    padding: clamp(54px, 8vw, 86px) 0 clamp(44px, 6vw, 86px);\n    background:\n      radial-gradient(circle at 18% 12%, rgba(255, 215, 0, .20), transparent 30%),\n      radial-gradient(circle at 90% 5%, rgba(255, 255, 255, .08), transparent 24%),\n      radial-gradient(circle at 68% 82%, rgba(255, 215, 0, .08), transparent 30%),\n      linear-gradient(135deg, #050505 0%, #0b0b0f 46%, #140f06 100%);\n  }\n\n  #muWpLanding .muwp-hero::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);\n    background-size: 42px 42px;\n    mask-image: radial-gradient(circle at center, #000 0%, transparent 75%);\n    pointer-events: none;\n  }\n\n  #muWpLanding .muwp-hero::after {\n    content: \"\";\n    position: absolute;\n    right: -120px;\n    bottom: -170px;\n    width: 420px;\n    height: 420px;\n    border-radius: 999px;\n    border: 1px solid rgba(255, 215, 0, .15);\n    box-shadow: inset 0 0 0 46px rgba(255, 215, 0, .02), 0 0 120px rgba(255, 215, 0, .08);\n    pointer-events: none;\n  }\n\n  #muWpLanding .muwp-hero-grid {\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* 4. COMPONENTS *\/\n  #muWpLanding .muwp-hero-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.06fr) minmax(300px, .94fr);\n    gap: clamp(32px, 5vw, 68px);\n    align-items: center;\n  }\n\n  #muWpLanding .muwp-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    margin-bottom: 20px;\n    padding: 8px 14px;\n    border: 1px solid rgba(255, 215, 0, .28);\n    border-radius: 999px;\n    background: rgba(255, 215, 0, .08);\n    color: #ffe88c !important;\n    font-size: 11px;\n    font-weight: 950;\n    letter-spacing: .17em;\n    text-transform: uppercase;\n    backdrop-filter: blur(4px);\n  }\n\n  #muWpLanding .muwp-badge-dot {\n    width: 8px;\n    height: 8px;\n    flex: 0 0 8px;\n    border-radius: 999px;\n    background: var(--mu-gold);\n    box-shadow: 0 0 0 4px rgba(255, 215, 0, .15);\n  }\n\n  #muWpLanding .muwp-title {\n    max-width: 760px;\n    color: #ffffff !important;\n    font-size: clamp(40px, 7vw, 84px) !important;\n    font-weight: 950 !important;\n    letter-spacing: -.05em !important;\n    line-height: .95 !important;\n    text-transform: uppercase;\n  }\n\n  #muWpLanding .muwp-title span {\n    display: block;\n    color: var(--mu-gold) !important;\n    background: linear-gradient(135deg, #fff8dc 0%, var(--mu-gold) 34%, #bd8d17 76%, #fff2bd 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  #muWpLanding .muwp-lead {\n    max-width: 620px;\n    margin-top: 24px !important;\n    color: var(--mu-soft) !important;\n    font-size: clamp(15px, 2vw, 18px) !important;\n    line-height: 1.75 !important;\n  }\n\n  \/* 5. BUTTONS (GPU Accelerated) *\/\n  #muWpLanding .muwp-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 32px;\n  }\n\n  #muWpLanding .muwp-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n    min-height: 54px;\n    padding: 14px 24px;\n    border-radius: var(--mu-radius-md);\n    border: 1px solid transparent;\n    font-size: 13px;\n    font-weight: 950;\n    letter-spacing: .06em;\n    line-height: 1;\n    text-transform: uppercase;\n    will-change: transform, box-shadow;\n    transition: transform .2s cubic-bezier(0.16, 1, 0.3, 1), background .2s ease, border-color .2s ease, box-shadow .2s ease;\n  }\n\n  #muWpLanding .muwp-btn:hover {\n    transform: translateY(-3px);\n  }\n\n  #muWpLanding .muwp-btn-primary {\n    background: linear-gradient(135deg, var(--mu-gold), var(--mu-gold-2));\n    color: #080808 !important;\n    box-shadow: 0 16px 32px rgba(255, 215, 0, .20);\n  }\n\n  #muWpLanding .muwp-btn-primary:hover {\n    box-shadow: var(--mu-shadow-hover);\n  }\n\n  #muWpLanding .muwp-btn-ghost {\n    border-color: rgba(255, 255, 255, .18);\n    background: rgba(255, 255, 255, .05);\n    color: #ffffff !important;\n    backdrop-filter: blur(8px);\n  }\n\n  #muWpLanding .muwp-btn-ghost:hover {\n    border-color: rgba(255, 215, 0, .62);\n    background: rgba(255, 255, 255, .10);\n  }\n\n  #muWpLanding .muwp-arrow {\n    font-size: 17px;\n    line-height: 1;\n    transition: transform .2s ease;\n  }\n\n  #muWpLanding .muwp-btn:hover .muwp-arrow {\n    transform: translateX(4px);\n  }\n  \n  #muWpLanding .muwp-btn-ghost:hover .muwp-arrow {\n    transform: translateY(4px);\n  }\n\n  \/* 6. PANELS & CARDS *\/\n  #muWpLanding .muwp-hero-card {\n    position: relative;\n    overflow: hidden;\n    border: 1px solid rgba(255, 215, 0, .22);\n    border-radius: var(--mu-radius-xl);\n    background: linear-gradient(145deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .03));\n    box-shadow: 0 32px 80px rgba(0, 0, 0, .4);\n    backdrop-filter: blur(16px);\n    color: #ffffff !important;\n  }\n\n  #muWpLanding .muwp-hero-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(circle at 82% 0%, rgba(255, 215, 0, .15), transparent 40%);\n    pointer-events: none;\n  }\n\n  #muWpLanding .muwp-card-inner {\n    position: relative;\n    padding: clamp(24px, 4vw, 38px);\n  }\n\n  #muWpLanding .muwp-panel-label {\n    display: inline-block;\n    color: #ffe88c !important;\n    font-size: 11px;\n    font-weight: 950;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n  }\n\n  #muWpLanding .muwp-panel-title {\n    margin-top: 14px !important;\n    max-width: 390px;\n    color: #ffffff !important;\n    font-size: clamp(28px, 4vw, 44px) !important;\n    font-weight: 950 !important;\n    letter-spacing: -.04em !important;\n    line-height: 1.05 !important;\n    text-transform: uppercase;\n  }\n\n  #muWpLanding .muwp-panel-title span {\n    color: var(--mu-gold) !important;\n  }\n\n  #muWpLanding .muwp-panel-list {\n    display: grid;\n    gap: 14px;\n    margin-top: 28px;\n  }\n\n  #muWpLanding .muwp-panel-row {\n    display: grid;\n    grid-template-columns: 44px minmax(0, 1fr);\n    gap: 16px;\n    align-items: start;\n    padding: 16px;\n    border: 1px solid rgba(255, 255, 255, .10);\n    border-radius: 20px;\n    background: rgba(0, 0, 0, .40);\n    transition: background .2s ease, border-color .2s ease;\n  }\n\n  #muWpLanding .muwp-panel-row:hover {\n    background: rgba(0, 0, 0, .60);\n    border-color: rgba(255, 215, 0, .25);\n  }\n\n  #muWpLanding .muwp-num {\n    display: grid;\n    place-items: center;\n    width: 44px;\n    height: 44px;\n    border-radius: 14px;\n    color: #080808 !important;\n    background: var(--mu-gold);\n    font-weight: 950;\n    font-size: 16px;\n  }\n\n  #muWpLanding .muwp-panel-row:nth-child(2) .muwp-num {\n    border: 1px solid rgba(255, 215, 0, .45);\n    background: rgba(255, 215, 0, .08);\n    color: var(--mu-gold) !important;\n  }\n\n  #muWpLanding .muwp-panel-row strong {\n    display: block;\n    color: #ffffff !important;\n    font-size: 15px;\n    font-weight: 950;\n  }\n\n  #muWpLanding .muwp-panel-row span {\n    display: block;\n    margin-top: 6px;\n    color: rgba(255, 255, 255, .75) !important;\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n  \/* 7. MAIN CONTENT & CHOICE GRID *\/\n  #muWpLanding .muwp-main {\n    background: linear-gradient(180deg, #ffffff 0%, #f4f4f0 100%);\n    color: #090909;\n  }\n\n  #muWpLanding .muwp-choice-section {\n    padding: clamp(46px, 7vw, 92px) 0 clamp(36px, 6vw, 76px);\n  }\n\n  #muWpLanding .muwp-section-kicker {\n    color: var(--mu-gold-3) !important;\n    font-size: 12px !important;\n    font-weight: 950 !important;\n    letter-spacing: .2em !important;\n    text-transform: uppercase;\n  }\n\n  #muWpLanding .muwp-section-title {\n    margin-top: 10px !important;\n    margin-bottom: 32px !important;\n    color: #080808 !important;\n    font-size: clamp(32px, 4.5vw, 56px) !important;\n    font-weight: 950 !important;\n    letter-spacing: -.045em !important;\n    line-height: 1.05 !important;\n    text-transform: uppercase;\n  }\n\n  #muWpLanding .muwp-choice-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 22px;\n  }\n\n  #muWpLanding .muwp-choice-card {\n    position: relative;\n    overflow: hidden;\n    min-height: 100%;\n    border-radius: var(--mu-radius-xl);\n    padding: clamp(26px, 4vw, 42px);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, .08);\n    transition: transform .3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .3s ease;\n    will-change: transform, box-shadow;\n  }\n\n  #muWpLanding .muwp-choice-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 32px 72px rgba(0, 0, 0, .14);\n  }\n\n  #muWpLanding .muwp-membership {\n    border: 1px solid rgba(255, 215, 0, .36);\n    background:\n      radial-gradient(circle at 88% 0%, rgba(255, 215, 0, .18), transparent 30%),\n      linear-gradient(145deg, #140f06 0%, #050505 58%, #0b0b0f 100%);\n  }\n\n  #muWpLanding .muwp-competition {\n    border: 1px solid rgba(0, 0, 0, .08);\n    background:\n      radial-gradient(circle at 86% 0%, rgba(255, 215, 0, .15), transparent 30%),\n      linear-gradient(145deg, #ffffff 0%, #fbfaf5 100%);\n  }\n\n  #muWpLanding .muwp-ribbon {\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 10px 16px;\n    border-radius: 0 0 0 20px;\n    background: var(--mu-gold);\n    color: #090909 !important;\n    font-size: 10px;\n    font-weight: 950;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n    box-shadow: -4px 4px 12px rgba(0,0,0,.1);\n  }\n\n  #muWpLanding .muwp-icon-box {\n    display: grid;\n    place-items: center;\n    width: 68px;\n    height: 68px;\n    border-radius: 22px;\n    font-size: 32px;\n    font-weight: 950;\n    line-height: 1;\n  }\n\n  #muWpLanding .muwp-membership .muwp-icon-box {\n    background: var(--mu-gold);\n    color: #080808 !important;\n    box-shadow: 0 16px 36px rgba(255, 215, 0, .25);\n  }\n\n  #muWpLanding .muwp-competition .muwp-icon-box {\n    background: #080808;\n    color: var(--mu-gold) !important;\n    box-shadow: 0 16px 36px rgba(0, 0, 0, .12);\n  }\n\n  #muWpLanding .muwp-card-kicker {\n    margin-top: 28px !important;\n    font-size: 11px !important;\n    font-weight: 950 !important;\n    letter-spacing: .2em !important;\n    text-transform: uppercase;\n  }\n\n  #muWpLanding .muwp-membership .muwp-card-kicker { color: #ffe88c !important; }\n  #muWpLanding .muwp-competition .muwp-card-kicker { color: var(--mu-gold-3) !important; }\n\n  #muWpLanding .muwp-card-title {\n    margin-top: 8px !important;\n    font-size: clamp(32px, 4vw, 48px) !important;\n    font-weight: 950 !important;\n    letter-spacing: -.045em !important;\n    line-height: 1 !important;\n    text-transform: uppercase;\n  }\n\n  \/* PENEGASAN WARNA JUDUL KARTU (SOLUSI BUG TEMA WORDPRESS) *\/\n  #muWpLanding .muwp-membership .muwp-card-title {\n    color: #ffffff !important;\n  }\n  \n  #muWpLanding .muwp-competition .muwp-card-title {\n    color: #080808 !important;\n  }\n\n  #muWpLanding .muwp-card-text {\n    margin-top: 18px !important;\n    font-size: 15px !important;\n    line-height: 1.8 !important;\n  }\n\n  #muWpLanding .muwp-membership .muwp-card-text,\n  #muWpLanding .muwp-membership .muwp-check-list li { color: rgba(255, 255, 255, .80) !important; }\n\n  #muWpLanding .muwp-competition .muwp-card-text,\n  #muWpLanding .muwp-competition .muwp-check-list li { color: rgba(8, 8, 8, .80) !important; }\n\n  #muWpLanding .muwp-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n    margin-top: 26px;\n  }\n\n  #muWpLanding .muwp-feature {\n    padding: 18px;\n    border-radius: 18px;\n    font-size: 13px;\n    font-weight: 900;\n    line-height: 1.4;\n  }\n\n  #muWpLanding .muwp-membership .muwp-feature {\n    border: 1px solid rgba(255, 255, 255, .10);\n    background: rgba(255, 255, 255, .05);\n    color: #ffffff !important;\n  }\n\n  #muWpLanding .muwp-competition .muwp-feature {\n    border: 1px solid rgba(0, 0, 0, .06);\n    background: rgba(0, 0, 0, .025);\n    color: #080808 !important;\n  }\n\n  #muWpLanding .muwp-feature span {\n    display: block;\n    margin-bottom: 8px;\n    font-size: 22px;\n    line-height: 1;\n  }\n\n  #muWpLanding .muwp-membership .muwp-feature span { color: var(--mu-gold) !important; }\n  #muWpLanding .muwp-competition .muwp-feature span { color: var(--mu-gold-3) !important; }\n\n  #muWpLanding .muwp-check-list {\n    display: grid;\n    gap: 12px;\n    margin-top: 26px !important;\n  }\n\n  #muWpLanding .muwp-check-list li {\n    position: relative;\n    padding-left: 32px !important;\n    font-size: 14px !important;\n    line-height: 1.6 !important;\n  }\n\n  #muWpLanding .muwp-check-list li::before {\n    content: \"\u2713\";\n    position: absolute;\n    left: 0;\n    top: 2px;\n    display: grid;\n    place-items: center;\n    width: 20px;\n    height: 20px;\n    border-radius: 999px;\n    background: var(--mu-gold);\n    color: #080808 !important;\n    font-size: 12px;\n    font-weight: 950;\n  }\n\n  \/* 8. ACTION ELEMENTS IN CARDS *\/\n  #muWpLanding .muwp-full-cta {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n    width: 100%;\n    min-height: 56px;\n    margin-top: 28px;\n    padding: 16px 20px;\n    border-radius: 18px;\n    font-size: 14px;\n    font-weight: 950;\n    letter-spacing: .06em;\n    line-height: 1;\n    text-align: center;\n    text-transform: uppercase;\n    will-change: transform;\n    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;\n  }\n\n  #muWpLanding .muwp-full-cta:hover {\n    transform: translateY(-2px);\n  }\n\n  #muWpLanding .muwp-membership .muwp-full-cta {\n    background: var(--mu-gold);\n    color: #080808 !important;\n    box-shadow: 0 16px 40px rgba(255, 215, 0, .20);\n  }\n\n  #muWpLanding .muwp-membership .muwp-full-cta:hover {\n    background: #ffe678;\n    box-shadow: var(--mu-shadow-hover);\n  }\n\n  #muWpLanding .muwp-competition-details {\n    margin-top: 28px;\n  }\n\n  #muWpLanding .muwp-competition-details summary {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    width: 100%;\n    min-height: 56px;\n    padding: 16px 20px;\n    border-radius: 18px;\n    border: 1px solid #080808;\n    background: #080808;\n    color: #ffffff !important;\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 950;\n    letter-spacing: .06em;\n    line-height: 1;\n    text-align: center;\n    text-transform: uppercase;\n    list-style: none;\n    will-change: transform;\n    transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;\n  }\n\n  #muWpLanding .muwp-competition-details summary::-webkit-details-marker {\n    display: none;\n  }\n\n  #muWpLanding .muwp-competition-details summary:hover {\n    transform: translateY(-2px);\n    border-color: var(--mu-gold);\n    background: var(--mu-gold);\n    color: #080808 !important;\n  }\n\n  #muWpLanding .muwp-summary-plus {\n    display: inline-grid;\n    place-items: center;\n    width: 22px;\n    height: 22px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, .20);\n    font-size: 16px;\n    line-height: 1;\n    color: inherit;\n    transition: transform .3s ease, background .3s ease;\n  }\n\n  #muWpLanding .muwp-competition-details[open] .muwp-summary-plus {\n    transform: rotate(45deg);\n    background: rgba(0, 0, 0, .15);\n  }\n\n  #muWpLanding .muwp-competition-details[open] summary {\n    border-color: var(--mu-gold);\n    background: var(--mu-gold);\n    color: #080808 !important;\n  }\n\n  #muWpLanding .muwp-competition-list {\n    display: grid;\n    gap: 12px;\n    margin-top: 14px;\n  }\n\n  #muWpLanding .muwp-competition-link {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 14px;\n    align-items: center;\n    padding: 18px;\n    border: 1px solid rgba(0, 0, 0, .08);\n    border-radius: 20px;\n    background: rgba(0, 0, 0, .03);\n    will-change: transform;\n    transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;\n  }\n\n  #muWpLanding .muwp-competition-link:hover {\n    transform: translateY(-2px);\n    border-color: rgba(187, 143, 24, .60);\n    background: rgba(255, 215, 0, .10);\n    box-shadow: 0 12px 24px rgba(255, 215, 0, .15);\n  }\n\n  #muWpLanding .muwp-competition-name {\n    display: block;\n    color: #080808 !important;\n    font-size: 15px !important;\n    font-weight: 950 !important;\n    line-height: 1.25 !important;\n  }\n\n  #muWpLanding .muwp-competition-desc {\n    display: block;\n    margin-top: 6px !important;\n    color: rgba(8, 8, 8, .65) !important;\n    font-size: 13px !important;\n    line-height: 1.45 !important;\n  }\n\n  #muWpLanding .muwp-price {\n    color: #080808 !important;\n    font-size: 18px !important;\n    font-weight: 950 !important;\n    line-height: 1.2 !important;\n    text-align: right;\n    white-space: nowrap;\n  }\n\n  \/* 9. BOTTOM NOTE & FOOTER *\/\n  #muWpLanding .muwp-note-section {\n    padding: 0 0 clamp(44px, 7vw, 88px);\n  }\n\n  #muWpLanding .muwp-note-card {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 24px;\n    align-items: center;\n    border: 1px solid rgba(187, 143, 24, .25);\n    border-radius: var(--mu-radius-lg);\n    background: linear-gradient(135deg, rgba(255, 215, 0, .12), rgba(255, 255, 255, .80));\n    padding: clamp(24px, 4vw, 36px);\n    box-shadow: 0 16px 40px rgba(0, 0, 0, .06);\n  }\n\n  #muWpLanding .muwp-note-title {\n    color: #080808 !important;\n    font-size: clamp(22px, 3vw, 30px) !important;\n    font-weight: 950 !important;\n    letter-spacing: -.035em !important;\n    line-height: 1.1 !important;\n    text-transform: uppercase;\n  }\n\n  #muWpLanding .muwp-note-copy {\n    max-width: 760px;\n    margin-top: 10px !important;\n    color: rgba(8, 8, 8, .75) !important;\n    font-size: 15px !important;\n    line-height: 1.75 !important;\n  }\n\n  #muWpLanding .muwp-note-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 50px;\n    padding: 14px 22px;\n    border-radius: 16px;\n    border: 2px solid #080808;\n    color: #080808 !important;\n    font-size: 13px;\n    font-weight: 950;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n    white-space: nowrap;\n    will-change: transform;\n    transition: transform .2s ease, background .2s ease, color .2s ease;\n  }\n\n  #muWpLanding .muwp-note-cta:hover {\n    transform: translateY(-2px);\n    background: #080808;\n    color: #ffffff !important;\n  }\n\n  #muWpLanding .muwp-footer-mini {\n    padding: 24px 0 32px;\n    background: #050505;\n    color: rgba(255, 255, 255, .50) !important;\n    font-size: 13px;\n    text-align: center;\n  }\n\n  #muWpLanding .muwp-footer-mini strong {\n    color: var(--mu-gold) !important;\n  }\n\n  \/* 10. RESPONSIVE MEDIA QUERIES *\/\n  @media (max-width: 960px) {\n    #muWpLanding .muwp-hero-grid,\n    #muWpLanding .muwp-choice-grid,\n    #muWpLanding .muwp-note-card {\n      grid-template-columns: 1fr;\n    }\n\n    #muWpLanding .muwp-note-cta {\n      width: 100%;\n    }\n  }\n\n  @media (max-width: 640px) {\n    #muWpLanding .muwp-container {\n      width: min(100% - 24px, 1180px);\n    }\n\n    #muWpLanding .muwp-hero {\n      padding-top: 40px;\n    }\n\n    #muWpLanding .muwp-badge {\n      font-size: 10px;\n      letter-spacing: .12em;\n    }\n\n    #muWpLanding .muwp-title {\n      font-size: clamp(42px, 13vw, 56px) !important;\n    }\n\n    #muWpLanding .muwp-actions,\n    #muWpLanding .muwp-btn {\n      width: 100%;\n    }\n\n    #muWpLanding .muwp-feature-grid {\n      grid-template-columns: 1fr;\n    }\n\n    #muWpLanding .muwp-choice-card {\n      border-radius: 28px;\n    }\n\n    #muWpLanding .muwp-card-title {\n      font-size: 36px !important;\n    }\n\n    #muWpLanding .muwp-competition-link {\n      grid-template-columns: 1fr;\n    }\n\n    #muWpLanding .muwp-price {\n      text-align: left;\n    }\n  }\n\n  \/* 11. ACCESSIBILITY (Prefers Reduced Motion) *\/\n  @media (prefers-reduced-motion: reduce) {\n    #muWpLanding *,\n    #muWpLanding *::before,\n    #muWpLanding *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }\n<\/style>\n\n<section id=\"muWpLanding\" aria-label=\"Malang United Registration Gateway\">\n  <!-- HERO SECTION -->\n  <div class=\"muwp-hero\">\n    <div class=\"muwp-container\">\n      <div class=\"muwp-hero-grid\">\n        <div class=\"muwp-animate\">\n          <div class=\"muwp-badge\"><span class=\"muwp-badge-dot\"><\/span> Pendaftaran Resmi Pemain<\/div>\n          <h1 class=\"muwp-title\">Masuk ke Ekosistem <span>Malang United<\/span><\/h1>\n          <p class=\"muwp-lead\">\n            Halaman ini dibuat lebih fokus agar calon pemain dan orang tua langsung memilih jalur yang tepat: \n            menjadi member academy atau mendaftar kompetisi resmi.\n          <\/p>\n\n          <div class=\"muwp-actions\" aria-label=\"Pilihan cepat\">\n            <a class=\"muwp-btn muwp-btn-primary\" href=\"https:\/\/hub.malangutd.com\/m\/malang-united-football-academy\" target=\"_blank\" rel=\"noopener noreferrer\">\n              Daftar Membership <span class=\"muwp-arrow\">\u2192<\/span>\n            <\/a>\n            <a class=\"muwp-btn muwp-btn-ghost\" href=\"#muwpCompetition\">\n              Pendaftaran Kompetisi <span class=\"muwp-arrow\">\u2193<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <aside class=\"muwp-hero-card muwp-animate muwp-delay-1\" aria-label=\"Ringkasan pilihan\">\n          <div class=\"muwp-card-inner\">\n            <span class=\"muwp-panel-label\">Choose Your Path<\/span>\n            <h2 class=\"muwp-panel-title\">Satu halaman. <span>Dua keputusan.<\/span><\/h2>\n\n            <div class=\"muwp-panel-list\">\n              <div class=\"muwp-panel-row\">\n                <div class=\"muwp-num\">1<\/div>\n                <div>\n                  <strong>Membership Academy<\/strong>\n                  <span>Untuk pemain yang ingin aktif mengikuti pembinaan, latihan, dan program academy.<\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"muwp-panel-row\">\n                <div class=\"muwp-num\">2<\/div>\n                <div>\n                  <strong>Pendaftaran Kompetisi<\/strong>\n                  <span>Untuk pemain yang akan mengikuti event turnamen dan liga resmi.<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/aside>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MAIN CONTENT -->\n  <main class=\"muwp-main\">\n    <section id=\"muwpChoices\" class=\"muwp-choice-section\">\n      <div class=\"muwp-container\">\n        \n        <div class=\"muwp-section-title muwp-animate muwp-delay-1\">\n          <p class=\"muwp-section-kicker\">Registration Gateway<\/p>\n          <h2 class=\"muwp-section-title\">Pilih Kebutuhan Pemain<\/h2>\n        <\/div>\n\n        <div class=\"muwp-choice-grid\">\n          \n          <!-- MEMBERSHIP CARD -->\n          <article id=\"muwpMembership\" class=\"muwp-choice-card muwp-membership muwp-animate muwp-delay-2\">\n            <div class=\"muwp-ribbon\">Rekomendasi<\/div>\n            <div class=\"muwp-icon-box\">\u2605<\/div>\n\n            <p class=\"muwp-card-kicker\">Academy Access<\/p>\n            <h3 class=\"muwp-card-title\">Membership<\/h3>\n            <p class=\"muwp-card-text\">\n              Jalur untuk pemain yang ingin bergabung dalam pembinaan Malang United Football Academy, \n              mengikuti latihan rutin, dan mengaktifkan status membership pemain.\n            <\/p>\n\n            <div class=\"muwp-feature-grid\">\n              <div class=\"muwp-feature\"><span>01<\/span>Pemain baru atau member aktif<\/div>\n              <div class=\"muwp-feature\"><span>02<\/span>Program academy dan pembinaan<\/div>\n              <div class=\"muwp-feature\"><span>03<\/span>Validasi data pemain<\/div>\n              <div class=\"muwp-feature\"><span>04<\/span>Akses pembayaran membership<\/div>\n            <\/div>\n\n            <ul class=\"muwp-check-list\">\n              <li>Cocok untuk orang tua yang ingin mendaftarkan pemain ke academy.<\/li>\n              <li>Setelah klik tombol, pengunjung diarahkan ke halaman pendaftaran membership.<\/li>\n            <\/ul>\n\n            <a class=\"muwp-full-cta\" href=\"https:\/\/hub.malangutd.com\/m\/malang-united-football-academy\" target=\"_blank\" rel=\"noopener noreferrer\">\n              Daftar Membership <span class=\"muwp-arrow\">\u2192<\/span>\n            <\/a>\n          <\/article>\n\n          <!-- COMPETITION CARD -->\n          <article id=\"muwpCompetition\" class=\"muwp-choice-card muwp-competition muwp-animate muwp-delay-3\">\n            <div class=\"muwp-icon-box\">\ud83c\udfc6<\/div>\n\n            <p class=\"muwp-card-kicker\">Competition Entry<\/p>\n            <h3 class=\"muwp-card-title\">Pendaftaran Kompetisi<\/h3>\n            <p class=\"muwp-card-text\">\n              Jalur untuk pemain yang sudah diarahkan mengikuti liga, turnamen, atau kompetisi resmi. \n              Pilih kompetisi yang sesuai arahan pelatih atau manajemen.\n            <\/p>\n\n            <div class=\"muwp-feature-grid\">\n              <div class=\"muwp-feature\"><span>01<\/span>Registrasi liga atau turnamen<\/div>\n              <div class=\"muwp-feature\"><span>02<\/span>Administrasi event pemain<\/div>\n              <div class=\"muwp-feature\"><span>03<\/span>Pembayaran kompetisi resmi<\/div>\n              <div class=\"muwp-feature\"><span>04<\/span>Verifikasi kebutuhan tanding<\/div>\n            <\/div>\n\n            <ul class=\"muwp-check-list\">\n              <li>Gunakan jalur ini hanya jika pemain sudah terdaftar dan akan mengikuti kompetisi.<\/li>\n              <li>Pastikan kelompok usia sesuai dengan instruksi pelatih kepala.<\/li>\n            <\/ul>\n\n            <details class=\"muwp-competition-details\">\n              <summary>\n                Pilih Kompetisi <span class=\"muwp-summary-plus\">+<\/span>\n              <\/summary>\n\n              <div class=\"muwp-competition-list\">\n                <a class=\"muwp-competition-link\" href=\"https:\/\/hub.malangutd.com\/pl\/pembayaran-registrasi-mjl-ku-16-2026\" target=\"_blank\" rel=\"noopener noreferrer\">\n                  <span>\n                    <span class=\"muwp-competition-name\">Malang Junior League<\/span>\n                    <span class=\"muwp-competition-desc\">Registrasi administrasi kompetisi liga.<\/span>\n                  <\/span>\n                  <span class=\"muwp-price\">Rp 500.000<\/span>\n                <\/a>\n\n                <a class=\"muwp-competition-link\" href=\"https:\/\/hub.malangutd.com\/pl\/soeratin-ku-15-71252\" target=\"_blank\" rel=\"noopener noreferrer\">\n                  <span>\n                    <span class=\"muwp-competition-name\">Piala Soeratin KU-15<\/span>\n                    <span class=\"muwp-competition-desc\">Termasuk registrasi, jersey, konsumsi, dan BPJS.<\/span>\n                  <\/span>\n                  <span class=\"muwp-price\">Rp 550.000<\/span>\n                <\/a>\n              <\/div>\n            <\/details>\n          <\/article>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- NOTE SECTION -->\n    <section class=\"muwp-note-section\" aria-label=\"Instruksi pendaftaran\">\n      <div class=\"muwp-container muwp-animate muwp-delay-1\">\n        <div class=\"muwp-note-card\">\n          <div>\n            <h2 class=\"muwp-note-title\">Sistem satu pintu yang lebih efisien.<\/h2>\n            <p class=\"muwp-note-copy\">\n              Gateway ini dirancang khusus untuk memastikan keamanan data pemain dan mempermudah orang tua dalam melakukan proses registrasi administrasi maupun kompetisi sesuai arahan dari manajemen Malang United.\n            <\/p>\n          <\/div>\n          <a class=\"muwp-note-cta\" href=\"#muwpChoices\">Kembali ke Pilihan<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n \n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Pendaftaran Resmi Pemain Masuk ke Ekosistem Malang United Halaman ini dibuat lebih fokus agar calon pemain dan orang tua langsung memilih jalur yang tepat: menjadi member academy atau mendaftar kompetisi resmi. Daftar Membership \u2192 Pendaftaran Kompetisi \u2193 Choose Your Path Satu halaman. Dua keputusan. 1 Membership Academy Untuk pemain yang ingin aktif mengikuti pembinaan, latihan, [&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-21532","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/pages\/21532","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=21532"}],"version-history":[{"count":0,"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/pages\/21532\/revisions"}],"wp:attachment":[{"href":"https:\/\/malangutd.com\/en\/wp-json\/wp\/v2\/media?parent=21532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}