{"id":25299,"date":"2024-03-11T11:53:14","date_gmt":"2024-03-11T03:53:14","guid":{"rendered":"https:\/\/www.ukm.my\/pendaftar\/?page_id=25299"},"modified":"2026-04-17T17:54:16","modified_gmt":"2026-04-17T09:54:16","slug":"ups-oku","status":"publish","type":"page","link":"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/","title":{"rendered":"UPS-OKU"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n \n \n UPSOKU NAV BAR_2r<\/title>\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=Barlow:wght@300;400;500;600;700&display=swap&__ncforminfo=kg2_Afx_POC1QEMZ_zEVpUXhOksCJvLvB9-P3GPF7u1iXevlt_5liN55dqh7KGU-qNl1wQhOjah-Fb0Qj4cidlHrx1wo1f1m&__ncforminfo=sH7QnCPKPr7ANHLVZGTFWXeyDk_rMkJMCh3ayEhklJTIhidvbccgmolgMj7OCMKsLQOJSlpQ5VlgiWvRrY194h5ucmUJT_UuxiXBPJ-h97s=&__ncforminfo=kdOwDwS2HlZbVgVZtBTtmjMtQ15f3Q9Pi5ZVnl2pyulX5IvjXoPw4vTFec8JXQpShKKgLWyjYZ1uNk0Nf-W3wyO6FMFF4d7kOqWACPzOdQIDIfNpYgTjRQ==&__ncforminfo=gpczxm_AU7PjZ5fYLmybZMeMGw2xe3gAyVEljc58zXi15snF6BlhO0JaG-fPapf6p4QrRKq1fN_rz2q3MBvkwurl4DOjjEPooTm7F-80ndfFzvEtFG6ucAebJY9Cddvw\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --color-primary: #004a87;\n --color-secondary: #00b1ff;\n --color-accent: #01cfcf;\n --color-highlight: #01cfcf;\n --color-light: #e9e8ee;\n --color-bg-light: #f4f3f8;\n --color-bg-white: #ffffff;\n --color-text-dark: #0f172a;\n --color-text-medium: #475569;\n --font-family: 'Barlow', sans-serif;\n }\n\n \/* FLUID TYPOGRAPHY IMPLEMENTATION (10px - 12px) *\/\n html {\n font-size: clamp(10px, 0.2vw + 9.5px, 12px);\n }\n\n \/* Optional: Temporary larger font when accessibility button clicked *\/\n html.font-scale-large {\n font-size: clamp(14px, 0.4vw + 13px, 16px);\n }\n\n body {\n font-family: var(--font-family);\n background: var(--color-bg-light);\n padding-top: 120px;\n }\n\n \/* Navigation Header *\/\n .site-topbar {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background: var(--color-bg-white);\n box-shadow: 0 2px 20px rgba(0, 74, 135, 0.08);\n z-index: 1000;\n transition: all 0.3s ease;\n }\n\n .site-topbar.elevated {\n box-shadow: 0 4px 30px rgba(0, 74, 135, 0.15);\n }\n\n .header-wrapper {\n max-width: 1400px;\n margin: 0 auto;\n padding: 1.5rem 2rem;\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n min-height: 100px;\n gap: 3rem;\n }\n\n .menu-section {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 2rem;\n }\n\n \/* Button Group - Right Side *\/\n .button-group {\n display: flex;\n gap: 1rem;\n align-items: center;\n }\n\n \/* Logo *\/\n .brand-identity {\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n .brand-identity img {\n height: 100px;\n width: auto;\n }\n\n \/* Navigation Menu - Center Group *\/\n nav {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .primary-links {\n display: flex;\n align-items: center;\n gap: 0.6rem;\n list-style: none;\n }\n\n .link-wrapper {\n position: relative;\n }\n\n .menu-anchor {\n color: var(--color-text-dark);\n text-decoration: none;\n font-size: 1.1rem;\n font-weight: 500;\n padding: 0.7rem 1.2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.3rem;\n transition: all 0.3s ease;\n cursor: pointer;\n white-space: nowrap;\n border: 2px solid var(--color-light);\n border-radius: 8px;\n background: var(--color-bg-white);\n }\n\n .menu-anchor:hover {\n color: var(--color-primary);\n border-color: var(--color-primary);\n background: var(--color-bg-light);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(0, 74, 135, 0.1);\n }\n\n .menu-anchor.current {\n color: var(--color-primary);\n border-color: var(--color-primary);\n background: var(--color-bg-light);\n }\n\n .expand-indicator {\n width: 0;\n height: 0;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 5px solid currentColor;\n transition: transform 0.3s ease;\n }\n\n .link-wrapper.expandable:hover .expand-indicator {\n transform: rotate(180deg);\n }\n\n \/* Dropdown Menu *\/\n .submenu-panel {\n position: absolute;\n top: 100%;\n left: 0;\n background: var(--color-bg-white);\n min-width: 220px;\n border-radius: 8px;\n box-shadow: 0 10px 40px rgba(0, 74, 135, 0.15);\n opacity: 0;\n visibility: hidden;\n transform: translateY(-10px);\n transition: all 0.3s ease;\n margin-top: 1rem;\n padding: 0.5rem 0;\n border: 2px solid var(--color-light);\n z-index: 1001;\n }\n\n .link-wrapper:hover .submenu-panel {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n\n .submenu-entry {\n list-style: none;\n }\n\n .submenu-anchor {\n display: block;\n padding: 0.75rem 1.5rem;\n color: var(--color-text-medium);\n text-decoration: none;\n font-size: 1rem;\n font-weight: 400;\n transition: all 0.2s ease;\n }\n\n .submenu-anchor:hover {\n background: var(--color-bg-light);\n color: var(--color-primary);\n padding-left: 2rem;\n }\n\n \/* CTA Button *\/\n .cta-action {\n background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));\n color: white;\n padding: 0.7rem 1.8rem;\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0, 74, 135, 0.2);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n white-space: nowrap;\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n cursor: pointer;\n }\n\n .cta-action:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 25px rgba(0, 74, 135, 0.3);\n }\n\n \/* Utility Controls *\/\n .utility-control {\n width: 45px;\n height: 45px;\n border-radius: 8px;\n background: var(--color-bg-white);\n border: 2px solid var(--color-light);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n color: var(--color-primary);\n font-size: 1.3rem;\n }\n\n .utility-control:hover {\n background: var(--color-primary);\n color: white;\n border-color: var(--color-primary);\n transform: translateY(-2px);\n box-shadow: 0 4px 15px rgba(0, 74, 135, 0.2);\n }\n\n .utility-control.enabled {\n background: var(--color-primary);\n color: white;\n border-color: var(--color-primary);\n }\n\n body.monochrome-view {\n filter: grayscale(100%);\n }\n\n \/* Mobile Menu Toggle *\/\n .menu-trigger {\n display: none;\n flex-direction: column;\n gap: 5px;\n cursor: pointer;\n padding: 0.5rem;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: none;\n }\n\n .menu-trigger span {\n width: 25px;\n height: 3px;\n background: var(--color-primary);\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n \/* Responsive Breakpoints *\/\n\n \/* Small Desktop (1025px - 1200px) *\/\n @media (max-width: 1200px) {\n .header-wrapper {\n max-width: 100%;\n padding: 1.2rem 1.5rem;\n gap: 2rem;\n }\n\n .menu-anchor {\n font-size: 1rem;\n padding: 0.6rem 1rem;\n }\n\n .brand-identity img {\n height: 80px;\n }\n }\n\n \/* Tablet (769px - 1024px) *\/\n @media (max-width: 1024px) {\n body {\n padding-top: 90px;\n }\n\n .header-wrapper {\n padding: 1rem 1.2rem;\n gap: 1.5rem;\n min-height: 90px;\n }\n\n .brand-identity img {\n height: 70px;\n }\n\n .menu-anchor {\n font-size: 0.95rem;\n padding: 0.55rem 0.9rem;\n }\n\n .primary-links {\n gap: 0.4rem;\n }\n\n .cta-action {\n font-size: 0.9rem;\n padding: 0.6rem 1.5rem;\n }\n\n .utility-control {\n width: 42px;\n height: 42px;\n font-size: 1.2rem;\n }\n\n .submenu-anchor {\n font-size: 0.95rem;\n }\n\n .button-group {\n gap: 0.8rem;\n }\n }\n\n \/* Hide mobile menu by default on all screen sizes *\/\n .menu-section {\n display: none;\n }\n\n \/* Mobile (up to 768px) *\/\n @media (max-width: 768px) {\n body {\n padding-top: 70px;\n }\n\n .site-topbar {\n box-shadow: 0 2px 15px rgba(0, 74, 135, 0.1);\n }\n\n .header-wrapper {\n padding: 0.8rem 1rem;\n min-height: 70px;\n grid-template-columns: 1fr auto;\n gap: 1rem;\n }\n\n .brand-identity img {\n height: 50px;\n }\n\n .menu-trigger {\n display: flex;\n }\n\n \/* Hide desktop navigation *\/\n .header-wrapper > nav {\n display: none;\n }\n\n .header-wrapper > .button-group {\n display: none;\n }\n\n \/* Mobile menu section *\/\n .menu-section {\n display: flex;\n position: fixed;\n top: 70px;\n left: 0;\n width: 100%;\n background: var(--color-bg-white);\n flex-direction: column;\n align-items: center;\n padding: 2rem 1rem;\n gap: 1.5rem;\n transform: translateX(-100%);\n transition: transform 0.3s ease;\n box-shadow: 0 10px 40px rgba(0, 74, 135, 0.1);\n max-height: calc(100vh - 70px);\n overflow-y: auto;\n z-index: 999;\n }\n\n .menu-section.visible {\n transform: translateX(0);\n }\n\n .menu-section nav {\n width: 100%;\n }\n\n .menu-section .primary-links {\n flex-direction: column;\n align-items: center;\n gap: 0.8rem;\n width: 100%;\n }\n\n .menu-section .link-wrapper {\n width: 100%;\n max-width: 300px;\n }\n\n .menu-section .menu-anchor {\n width: 100%;\n justify-content: center;\n font-size: 1.05rem;\n padding: 0.85rem 1.2rem;\n }\n\n .menu-section .submenu-panel {\n position: static;\n opacity: 1;\n visibility: visible;\n transform: none;\n box-shadow: none;\n margin-top: 0.5rem;\n padding: 0.5rem 0;\n text-align: center;\n background: var(--color-bg-light);\n border-radius: 4px;\n display: none;\n width: 100%;\n }\n\n .menu-section .link-wrapper.expandable.open .submenu-panel {\n display: block;\n }\n\n .menu-section .link-wrapper.expandable.open .expand-indicator {\n transform: rotate(180deg);\n }\n\n .menu-section .submenu-anchor {\n font-size: 0.95rem;\n padding: 0.7rem 1.2rem;\n }\n\n .menu-section .submenu-anchor:hover {\n padding-left: 1.2rem;\n }\n\n .menu-section .button-group {\n width: 100%;\n flex-direction: column;\n gap: 1rem;\n align-items: center;\n }\n\n .menu-section .cta-action {\n width: 100%;\n max-width: 300px;\n text-align: center;\n padding: 0.85rem 1.5rem;\n font-size: 1.05rem;\n }\n\n .menu-section .utility-control {\n width: 50px;\n height: 50px;\n font-size: 1.4rem;\n }\n\n .menu-trigger.open span:nth-child(1) {\n transform: rotate(45deg) translate(8px, 8px);\n }\n\n .menu-trigger.open span:nth-child(2) {\n opacity: 0;\n }\n\n .menu-trigger.open span:nth-child(3) {\n transform: rotate(-45deg) translate(7px, -7px);\n }\n }\n\n \/* Small Mobile (up to 480px) *\/\n @media (max-width: 480px) {\n .header-wrapper {\n padding: 0.8rem 0.8rem;\n }\n\n .brand-identity img {\n height: 45px;\n }\n\n .menu-section {\n padding: 1.5rem 0.8rem;\n }\n\n .menu-section .link-wrapper {\n max-width: 280px;\n }\n\n .menu-section .menu-anchor {\n font-size: 1rem;\n padding: 0.8rem 1rem;\n }\n\n .menu-section .cta-action {\n max-width: 280px;\n font-size: 1rem;\n padding: 0.8rem 1.3rem;\n }\n\n .menu-section .utility-control {\n width: 48px;\n height: 48px;\n }\n }\n <\/style>\n<\/head>\n\n<Body><h1><a href="/">每日大赛app</a></h1><script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(bp, s); })(); </script>\n <!-- Navigation Header -->\n <header class=\"site-topbar\" id=\"siteTopbar\">\n <div class=\"header-wrapper\">\n <!-- Logo -->\n <a href=\"#\" class=\"brand-identity\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2022\/02\/Logo-UPSOKU.png\" alt=\"Logo\">\n <\/a>\n\n <!-- Mobile Toggle -->\n <button class=\"menu-trigger\" id=\"menuTrigger\" aria-label=\"Toggle menu\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/button>\n\n <!-- Navigation Menu - CENTER GROUP (Desktop Only) -->\n <nav>\n <ul class=\"primary-links\">\n <li class=\"link-wrapper\">\n <a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/\" class=\"menu-anchor current\">Utama<\/a>\n <\/li>\n <li class=\"link-wrapper expandable\">\n <a class=\"menu-anchor\">\n Mengenai Kami\n <span class=\"expand-indicator\"><\/span> \n <\/a>\n <ul class=\"submenu-panel\">\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/pengenalan-ups-oku\/\" class=\"submenu-anchor\">Pengenalan UPSOKU<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/pengurusan-ups-oku\/\" class=\"submenu-anchor\">Pengurusan UPSOKU<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/pelan-strategik-upsoku\/\" class=\"submenu-anchor\">Pelan Strategik UPSOKU<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/04\/polisi-inklusif-oku-2026-1.pdf\" class=\"submenu-anchor\">Polisi Inklusif OKU<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/senarai-pegawai-perhubungan-oku-pp-oku-ukm\/\" class=\"submenu-anchor\">Pegawai Perhubungan OKU (PP-OKU)<\/a><\/li>\n <\/ul>\n <\/li>\n <li class=\"link-wrapper\">\n <a href=\"#\" class=\"menu-anchor\">Kelab OKU<\/a>\n <\/li>\n <li class=\"link-wrapper\">\n <a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/aktiviti\/\" class=\"menu-anchor\">Aktiviti<\/a>\n <\/li>\n <li class=\"link-wrapper\">\n <a href=\"https:\/\/forms.gle\/7W2fSb58ARqvjSc67\" class=\"menu-anchor\">Pendaftaran OKU-每日大赛app<\/a>\n <\/li>\n <li class=\"link-wrapper\">\n <a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/aduan-maklumbalas\/\" class=\"menu-anchor\">Aduan & Maklumbalas<\/a>\n <\/li>\n <li class=\"link-wrapper\">\n <a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/arkib-info-prihatin\/\" class=\"menu-anchor\">Info Prihatin<span class=\"expand-indicator\"><\/span><\/a>\n <ul class=\"submenu-panel\">\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/info-prihatin-2026\/\" class=\"submenu-anchor\">Info Prihatin 2026<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/info-prihatin-2025\/\" class=\"submenu-anchor\">Info Prihatin 2025<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/info-prihatin-2024\/\" class=\"submenu-anchor\">Info Prihatin 2024<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/info-prihatin-2023\/\" class=\"submenu-anchor\">Info Prihatin 2023<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/info-prihatin-2022\/\" class=\"submenu-anchor\">Info Prihatin 2022<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"#\" class=\"submenu-anchor\">Info Prihatin 2021<\/a><\/li>\n <\/ul>\n <\/li>\n <\/ul>\n <\/nav>\n\n <!-- Button Group - RIGHT SIDE (Desktop Only) -->\n <div class=\"button-group\">\n <a href=\"https:\/\/www.ukm.my\/pendaftar\/permohonan-sumbangan-tabung-watan-melalui-potongan-gaji\/\" class=\"cta-action\">Sumbangan<\/a>\n\n <!-- Accessibility Buttons -->\n <button class=\"utility-control\" id=\"fontScaler\" title=\"Saiz Teks untuk Rabun\"\n aria-label=\"Toggle text size for visually impaired\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M4 7V4h16v3\"><\/path>\n <path d=\"M9 20h6\"><\/path>\n <path d=\"M12 4v16\"><\/path>\n <\/svg>\n <\/button>\n <button class=\"utility-control\" id=\"visionToggle\" title=\"Mod Buta Warna\"\n aria-label=\"Toggle colorblind mode\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M12 16v-4\"><\/path>\n <path d=\"M12 8h.01\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- Mobile Menu Section -->\n <div class=\"menu-section\" id=\"menuSection\">\n <nav>\n <ul class=\"primary-links\">\n <li class=\"link-wrapper\">\n <a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/\" class=\"menu-anchor current\">Utama<\/a>\n <\/li>\n <li class=\"link-wrapper expandable\">\n <a class=\"menu-anchor\">\n Mengenai Kami\n <span class=\"expand-indicator\"><\/span>\n <\/a>\n <ul class=\"submenu-panel\">\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/pengenalan-ups-oku\/\" class=\"submenu-anchor\">Pengenalan UPSOKU<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/pengurusan-ups-oku\/\" class=\"submenu-anchor\">Pengurusan UPSOKU<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/pelan-strategik-upsoku\/\" class=\"submenu-anchor\">Pelan Strategik UPSOKU<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/04\/polisi-inklusif-oku-2026-1.pdf\" class=\"submenu-anchor\">Polisi Inklusif OKU<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/senarai-pegawai-perhubungan-oku-pp-oku-ukm\/\" class=\"submenu-anchor\">Pegawai Perhubungan OKU (PP-OKU)<\/a><\/li>\n <\/ul>\n <\/li>\n <li class=\"link-wrapper\">\n <a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/kelab\/\" class=\"menu-anchor\">Kelab OKU<\/a>\n <\/li>\n <li class=\"link-wrapper\">\n <a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/fasiliti_dan_sokongan_oku\/\" class=\"menu-anchor\">Aktiviti<\/a>\n <\/li>\n <li class=\"link-wrapper\">\n <a href=\"https:\/\/forms.gle\/7W2fSb58ARqvjSc67\" class=\"menu-anchor\">Pendaftaran OKU-每日大赛app<\/a>\n <\/li>\n <li class=\"link-wrapper\">\n <a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/aduan-maklumbalas\/\" class=\"menu-anchor\">Aduan & Maklumbalas<\/a>\n <\/li>\n <li class=\"link-wrapper\">\n <a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/arkib-info-prihatin\/\" class=\"menu-anchor\">Info Prihatin<span class=\"expand-indicator\"><\/span><\/a>\n <ul class=\"submenu-panel\">\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/info-prihatin-2026\/\" class=\"submenu-anchor\">Info Prihatin 2026<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/info-prihatin-2025\/\" class=\"submenu-anchor\">Info Prihatin 2025<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/info-prihatin-2024\/\" class=\"submenu-anchor\">Info Prihatin 2024<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/info-prihatin-2023\/\" class=\"submenu-anchor\">Info Prihatin 2023<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/info-prihatin-2022\/\" class=\"submenu-anchor\">Info Prihatin 2022<\/a><\/li>\n <li class=\"submenu-entry\"><a href=\"#\" class=\"submenu-anchor\">Info Prihatin 2021<\/a><\/li>\n <\/ul>\n <\/ul>\n <\/nav>\n\n <div class=\"button-group\">\n <a href=\"https:\/\/www.ukm.my\/pendaftar\/permohonan-sumbangan-tabung-watan-melalui-potongan-gaji\/\" class=\"cta-action\">Sumbangan<\/a>\n <button class=\"utility-control\" id=\"fontScalerMobile\" title=\"Saiz Teks untuk Rabun\" aria-label=\"Toggle text size for visually impaired\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M4 7V4h16v3\"><\/path>\n <path d=\"M9 20h6\"><\/path>\n <path d=\"M12 4v16\"><\/path>\n <\/svg>\n <\/button>\n <button class=\"utility-control\" id=\"visionToggleMobile\" title=\"Mod Buta Warna\" aria-label=\"Toggle colorblind mode\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <path d=\"M12 16v-4\"><\/path>\n <path d=\"M12 8h.01\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Sticky header scroll effect\n const siteTopbar = document.getElementById('siteTopbar');\n\n window.addEventListener('scroll', () => {\n if (window.scrollY > 50) {\n siteTopbar.classList.add('elevated');\n } else {\n siteTopbar.classList.remove('elevated');\n }\n });\n\n \/\/ Mobile menu toggle\n const menuTrigger = document.getElementById('menuTrigger');\n const menuSection = document.getElementById('menuSection');\n\n menuTrigger.addEventListener('click', () => {\n menuTrigger.classList.toggle('open');\n menuSection.classList.toggle('visible');\n });\n\n \/\/ Mobile dropdown toggle\n const mobileExpandableItems = document.querySelectorAll('.menu-section .expandable .menu-anchor');\n mobileExpandableItems.forEach(anchor => {\n anchor.addEventListener('click', (e) => {\n e.preventDefault();\n const parent = anchor.closest('.expandable');\n parent.classList.toggle('open');\n });\n });\n\n \/\/ Close mobile menu when clicking outside\n document.addEventListener('click', (e) => {\n if (!e.target.closest('.header-wrapper') && !e.target.closest('.menu-section')) {\n menuTrigger.classList.remove('open');\n menuSection.classList.remove('visible');\n }\n });\n\n \/\/ Accessibility Features - Desktop\n const fontScaler = document.getElementById('fontScaler');\n let fontExpanded = false;\n \n fontScaler.addEventListener('click', () => {\n fontExpanded = !fontExpanded;\n fontScaler.classList.toggle('enabled');\n document.documentElement.classList.toggle('font-scale-large');\n \n \/\/ Sync mobile button\n const fontScalerMobile = document.getElementById('fontScalerMobile');\n if (fontExpanded) {\n fontScalerMobile.classList.add('enabled');\n } else {\n fontScalerMobile.classList.remove('enabled');\n }\n });\n\n const visionToggle = document.getElementById('visionToggle');\n let monochromeActive = false;\n \n visionToggle.addEventListener('click', () => {\n monochromeActive = !monochromeActive;\n visionToggle.classList.toggle('enabled');\n document.body.classList.toggle('monochrome-view');\n \n \/\/ Sync mobile button\n const visionToggleMobile = document.getElementById('visionToggleMobile');\n if (monochromeActive) {\n visionToggleMobile.classList.add('enabled');\n } else {\n visionToggleMobile.classList.remove('enabled');\n }\n });\n\n \/\/ Accessibility Features - Mobile\n const fontScalerMobile = document.getElementById('fontScalerMobile');\n \n fontScalerMobile.addEventListener('click', () => {\n fontExpanded = !fontExpanded;\n fontScalerMobile.classList.toggle('enabled');\n document.documentElement.classList.toggle('font-scale-large');\n \n \/\/ Sync desktop button\n if (fontExpanded) {\n fontScaler.classList.add('enabled');\n } else {\n fontScaler.classList.remove('enabled');\n }\n });\n\n const visionToggleMobile = document.getElementById('visionToggleMobile');\n \n visionToggleMobile.addEventListener('click', () => {\n monochromeActive = !monochromeActive;\n visionToggleMobile.classList.toggle('enabled');\n document.body.classList.toggle('monochrome-view');\n \n \/\/ Sync desktop button\n if (monochromeActive) {\n visionToggle.classList.add('enabled');\n } else {\n visionToggle.classList.remove('enabled');\n }\n });\n\n \/\/ Close submenu when clicking outside (desktop)\n document.addEventListener('click', (e) => {\n if (window.innerWidth > 768) {\n const expandableItems = document.querySelectorAll('.header-wrapper .expandable');\n expandableItems.forEach(item => {\n if (!item.contains(e.target)) {\n item.classList.remove('open');\n }\n });\n }\n });\n <\/script>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-40c1d600 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"40c1d600\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-57fefbdb\" data-id=\"57fefbdb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7e1e6027 elementor-widget elementor-widget-html\" data-id=\"7e1e6027\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n\n<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>UPS-OKU<\/title>\n <link rel=\"stylesheet\" href=\"style.css\">\n <link rel=\"stylesheet\" href=\"poster-modal.css\">\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=Barlow:wght@300;400;500;600;700&display=swap&__ncforminfo=AniMmb7wXRo9jA3WeHlBTpRei0yIzw3EyQ6ql5y68jJ4XGsH36MyJzi-nhEaH4-208qdxcn9_xlI34Em_cS8TC7fgxNGVBRF&__ncforminfo=FH80OyLxysqE76arxA2Q5AkoymYk4Jv-AO0K347lcViowKdLhzlxGC0YEf57StODRVc0Zz-knUeEF1sdU5xu0lUpVKqw6rR_f3kK9w1MHsY=&__ncforminfo=t3bnpRdgi5h1m88Pzma8GOTtNMGHqT18vryW3r5lCn3GHgGb-9nfyN5-4vxvmR59RoRKh7S0blijjm120iSyxYDNYdqWE1WReiQhudIwqArBI2FswDHl3Q==&__ncforminfo=J2SdLQEDrB8cPFPfr7wNYpmHrFt3i0fXlk_EVagisUFN3RiFbGHKxORGLxa4CpRMQmV2M3ktZssvzMQCszrG8qTvwlkegH7uw1jVNN50v9gDTKs2IIqEQunKGO-HIPUT&__ncforminfo=Rflw0wUr8ic_FC3KoBtjVsR7QYtomh4gn1QHpUWe7-Ac3pO1ah2iQmA_RgPv73mhuE1s2zq8LAJBF9DEUNDiVfIP0VtgINiq_Pd_sVqiTqR8JAVNoMQ-_TXBH_MyFgQGTOPBXIqnzgs=&__ncforminfo=CHcj6kIWm0LtsG7jtAKQcthXR1mvJWG6FF8RUvrwQrlih3ZBCt1PTpJq-k-98m-KRitFmQYvQAugqwV8MWZS4mxBAnzQa6JIp_Vo7cYWor2Z3CoBzZj70Gp2mL6pQpI8ceS-lYqoJE7kddgmUadNjg==\" rel=\"stylesheet\">\n\n <style>\n\/* ===========================\n CSS RESET & BASE STYLES\n =========================== *\/\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n:root {\n \/* Color Palette - Lighter, More Refined *\/\n --color-primary: #004a87;\n --color-secondary: #00b1ff;\n --color-accent: #01cfcf;\n --color-highlight: #01cfcf;\n --color-light: #e9e8ee;\n --color-bg-light: #f4f3f8;\n --color-bg-white: #ffffff;\n --color-text-dark: #0f172a;\n --color-text-medium: #475569;\n\n \/* Typography *\/\n --font-family: 'Barlow', sans-serif;\n\n \/* Spacing *\/\n --spacing-xs: 0.5rem;\n --spacing-sm: 1rem;\n --spacing-md: 2rem;\n --spacing-lg: 3rem;\n --spacing-xl: 4rem;\n --spacing-xxl: 6rem;\n\n \/* Transitions *\/\n --transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\nbody {\n font-family: var(--font-family);\n line-height: 1.7;\n color: var(--color-text-dark);\n background-color: var(--color-bg-white);\n overflow-x: hidden;\n font-weight: 400;\n}\n\n.container {\n max-width: 1400px;\n text-align: center;\n margin: 0 auto;\n padding: 0 var(--spacing-lg);\n}\n\n\/* NEW RULE *\/\n.stats-section .container {\n padding: 0 1rem;\n}\n\n.container h2{\n text-align: center;\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n font-weight: 500;\n color: var(--color-primary);\n margin-bottom: var(--spacing-sm);\n letter-spacing: -0.01em;\n}\n\n\/* ===========================\n HERO SECTION (COMBINED HEADLINE + CAROUSEL)\n =========================== *\/\n.hero-section {\n position: relative;\n width: 100%;\n height: 700px;\n overflow: hidden;\n background-color: var(--color-light);\n}\n\n.hero-carousel-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.carousel-container {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.carousel-slide {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 0.8s ease-in-out;\n}\n\n.carousel-slide.active {\n opacity: 1;\n}\n\n.carousel-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.carousel-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, rgba(0, 74, 135, 0.55), rgba(0, 177, 255, 0.35) );\n}\n\n\/* Hero Content Overlay *\/\n.hero-content {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 10;\n text-align: center;\n color: #ffffff;\n padding: clamp(1.5rem, 5vw, 3rem) clamp(1rem, 5vw, 3rem);\n background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);\n width: 100%;\n box-sizing: border-box;\n}\n\n.hero-content .container {\n max-width: 100%;\n padding: 0 clamp(1rem, 3vw, 2rem);\n}\n\n.main-headline {\n font-size: clamp(1.5rem, 4.5vw, 4.5rem);\n font-weight: 600;\n color: #ffffff;\n line-height: 1.25;\n letter-spacing: -0.01em;\n margin-bottom: clamp(0.5rem, 2vw, 1rem);\n text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.3);\n animation: fadeInUp 0.8s ease-out;\n padding: 0;\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: auto;\n max-width: 100%;\n}\n\n.hero-subtitle {\n font-size: clamp(0.95rem, 2.2vw, 1.8rem);\n font-weight: 300;\n color: #ffffff;\n letter-spacing: 0.01em;\n margin-top: 0;\n line-height: 1.5;\n text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);\n animation: fadeInUp 1s ease-out;\n padding: 0;\n max-width: 100%;\n}\n\n\/* Carousel Indicators *\/\n.carousel-indicators {\n position: absolute;\n bottom: clamp(1.5rem, 4vw, 3rem);\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: clamp(0.5rem, 1.5vw, 1rem);\n z-index: 15;\n padding: 0.5rem;\n}\n\n.indicator {\n width: clamp(10px, 2vw, 14px);\n height: clamp(10px, 2vw, 14px);\n border-radius: 50%;\n background-color: rgba(255, 255, 255, 0.4);\n border: 2px solid rgba(255, 255, 255, 0.6);\n cursor: pointer;\n transition: var(--transition-smooth);\n}\n\n.indicator.active {\n background-color: var(--color-highlight);\n border-color: var(--color-highlight);\n transform: scale(1.3);\n}\n\n.indicator:hover {\n background-color: rgba(255, 255, 255, 0.8);\n transform: scale(1.2);\n}\n\n\n\n\/* ===========================\n TWO BOX BUTTONS SECTION\n =========================== *\/\n.action-boxes-section {\n width: 100%;\n display: flex;\n margin: 0;\n padding: 0;\n}\n\n.action-box {\n flex: 1;\n padding: var(--spacing-md) var(--spacing-lg);\n text-align: center;\n cursor: pointer;\n transition: var(--transition-smooth);\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 5px;\n}\n\n.action-box:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\n}\n\n.action-box.box-one {\n background-color: var(--color-primary);\n}\n\n.action-box.box-two {\n background-color: var(--color-secondary);\n}\n\n.action-box h3 {\n font-size: clamp(1rem, 1.5vw, 1.2rem);\n font-weight: 300;\n color: #ffffff;\n letter-spacing: -0.01em;\n margin: 0;\n}\n\n\n\n\n\/* ===========================\n STATISTIK WARGA OKU-每日大赛app BOX\n =========================== *\/\n.stats-section {\n padding: clamp(3rem, 8vw, 6rem) 0;\n background: linear-gradient(135deg, var(--color-light) 0%, #d4eff3 100%);\n width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n.stats-section .container {\n padding: 0 var(--spacing-lg);\n min-width: fit-content;\n}\n\n.stats-box {\n background: rgba(255, 255, 255, 0.7);\n backdrop-filter: blur(10px);\n padding: var(--spacing-xl) var(--spacing-lg);\n border-radius: 16px;\n text-align: center;\n border: 1px solid rgba(61, 188, 201, 0.2);\n transition: var(--transition-smooth);\n max-width: 900px;\n min-width: 600px;\n margin: 0 auto;\n box-sizing: border-box;\n}\n\n.stats-box:hover {\n transform: translateY(-5px);\n background: rgba(255, 255, 255, 0.85);\n box-shadow: 0 12px 40px rgba(61, 188, 201, 0.15);\n}\n\n.stats-box h2 {\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n font-weight: 500;\n color: var(--color-primary);\n margin-bottom: var(--spacing-sm);\n letter-spacing: -0.01em;\n white-space: nowrap;\n}\n\n.stats-box p {\n font-size: clamp(1rem, 1.8vw, 1.2rem);\n color: var(--color-text-medium);\n margin-bottom: var(--spacing-md);\n font-weight: 300;\n line-height: 1.7;\n white-space: nowrap;\n}\n\n\/* Optional: Style the scrollbar *\/\n.stats-section::-webkit-scrollbar {\n height: 8px;\n}\n\n.stats-section::-webkit-scrollbar-track {\n background: rgba(0, 0, 0, 0.05);\n border-radius: 10px;\n}\n\n.stats-section::-webkit-scrollbar-thumb {\n background: var(--color-highlight);\n border-radius: 10px;\n}\n\n.stats-section::-webkit-scrollbar-thumb:hover {\n background: var(--color-primary);\n}\n.btn-primary {\n background-color: var(--color-highlight);\n color: #ffffff;\n border: 2px solid var(--color-highlight);\n padding: clamp(0.75rem, 2vw, 0.85rem) clamp(1.5rem, 4vw, 2.2rem);\n font-size: clamp(0.9rem, 1.8vw, 1rem);\n font-weight: 500;\n font-family: var(--font-family);\n border-radius: 50px;\n cursor: pointer;\n transition: var(--transition-smooth);\n box-shadow: 0 3px 15px rgba(61, 188, 201, 0.2);\n text-transform: uppercase;\n letter-spacing: 0.03em;\n display: inline-block;\n text-decoration: none;\n white-space: normal !important;\n line-height: 1.2;\n min-width: 180px;\n}\n\n.btn-primary:hover {\n background-color: var(--color-primary);\n color: #ffffff;\n border-color: var(--color-primary);\n transform: translateY(-2px);\n box-shadow: 0 6px 25px rgba(26, 95, 102, 0.25);\n}\n\n\/* ===========================\n POSTER CAROUSEL SECTION\n =========================== *\/\n.poster-section {\n padding: var(--spacing-xxl) 0;\n background-color: var(--color-bg-white);\n width: 100%;\n overflow: hidden;\n}\n\n.poster-section .container {\n max-width: 100%;\n padding: 0;\n}\n\n.poster-carousel-wrapper {\n position: relative;\n overflow: hidden;\n margin-bottom: var(--spacing-lg);\n width: 100%;\n}\n\n.poster-carousel {\n display: flex;\n gap: var(--spacing-md);\n padding: var(--spacing-md) var(--spacing-lg);\n animation: scroll-posters 120s linear infinite;\n width: max-content;\n will-change: transform;\n}\n\n.poster-carousel:hover {\n animation-play-state: paused;\n}\n\n@keyframes scroll-posters {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-50%);\n }\n}\n\n.poster-item {\n flex: 0 0 auto;\n width: 320px;\n height: 420px;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n transition: var(--transition-smooth);\n border: 1px solid rgba(61, 188, 201, 0.15);\n cursor: pointer;\n position: relative;\n}\n\n.poster-item::after {\n content: '\ud83d\udd0d';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 3rem;\n opacity: 0;\n transition: var(--transition-smooth);\n background: rgba(0, 177, 255, 0.75);\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.poster-item:hover {\n transform: translateY(-8px) scale(1.03);\n box-shadow: 0 10px 35px rgba(61, 188, 201, 0.25);\n border-color: var(--color-highlight);\n}\n\n.poster-item:hover::after {\n opacity: 1;\n}\n\n.poster-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.poster-archive-btn {\n text-align: center;\n margin-top: var(--spacing-md);\n padding: 0 var(--spacing-lg);\n}\n\n.btn-secondary {\n background-color: transparent;\n color: var(--color-primary);\n border: 2px solid var(--color-highlight);\n padding: 0.85rem 2.2rem;\n font-size: 1rem;\n font-weight: 500;\n font-family: var(--font-family);\n border-radius: 50px;\n cursor: pointer;\n transition: var(--transition-smooth);\n text-transform: uppercase;\n letter-spacing: 0.03em;\n}\n\n.btn-secondary:hover {\n background-color: var(--color-highlight);\n color: #ffffff;\n border-color: var(--color-highlight);\n transform: translateY(-2px);\n box-shadow: 0 6px 25px rgba(61, 188, 201, 0.25);\n}\n\n\/* ===========================\n SERVICES SECTION\n =========================== *\/\n.services-section {\n padding: var(--spacing-xxl) 0;\n background: linear-gradient(135deg, var(--color-bg-light) 0%, #ffffff 100%);\n width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n.services-section .container {\n min-width: fit-content;\n}\n\n.services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n gap: var(--spacing-xl);\n max-width: 1400px;\n margin: 0 auto;\n min-width: 900px;\n}\n\n.service-card {\n background-color: #ffffff;\n padding: var(--spacing-xl);\n border-radius: 16px;\n text-align: center;\n transition: var(--transition-smooth);\n border: 1px solid rgba(61, 188, 201, 0.15);\n box-shadow: 0 3px 15px rgba(26, 95, 102, 0.06);\n box-sizing: border-box;\n}\n\n.service-card:hover {\n transform: translateY(-8px);\n border-color: var(--color-highlight);\n box-shadow: 0 12px 40px rgba(61, 188, 201, 0.2);\n background: linear-gradient(135deg, #ffffff 0%, rgba(232, 246, 248, 0.5) 100%);\n}\n\n.service-card h3 {\n font-size: clamp(1.5rem, 2.8vw, 2rem);\n font-weight: 500;\n color: var(--color-primary);\n margin-bottom: var(--spacing-md);\n letter-spacing: -0.01em;\n white-space: nowrap;\n}\n\n.service-card p {\n font-size: clamp(0.95rem, 1.8vw, 1.1rem);\n color: var(--color-text-medium);\n font-weight: 300;\n line-height: 1.8;\n margin-bottom: var(--spacing-md);\n}\n\n\/* Optional: Style the scrollbar for services section *\/\n.services-section::-webkit-scrollbar {\n height: 8px;\n}\n\n.services-section::-webkit-scrollbar-track {\n background: rgba(0, 0, 0, 0.05);\n border-radius: 10px;\n}\n\n.services-section::-webkit-scrollbar-thumb {\n background: var(--color-highlight);\n border-radius: 10px;\n}\n\n.services-section::-webkit-scrollbar-thumb:hover {\n background: var(--color-primary);\n}\n\n\/* ===========================\n ANIMATIONS\n =========================== *\/\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* ===========================\n RESPONSIVE DESIGN\n =========================== *\/\n\n\/* Large Desktop *\/\n@media (min-width: 1400px) {\n .hero-section {\n height: 750px;\n }\n \n .hero-content {\n bottom: 8%;\n }\n}\n\n\/* Desktop *\/\n@media (min-width: 1024px) and (max-width: 1399px) {\n .hero-section {\n height: 650px;\n }\n \n .hero-content {\n bottom: 10%;\n }\n}\n\n\/* Tablets and smaller *\/\n@media (max-width: 1023px) {\n .stats-section {\n padding: clamp(3rem, 6vw, 4rem) clamp(1rem, 2vw, 1.5rem);\n }\n\n .stats-section .container {\n padding: 0 1rem;\n }\n\n .stats-box {\n padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 3vw, 2rem);\n }\n}\n\n\/* Mobile devices *\/\n@media (max-width: 480px) {\n .stats-section {\n padding: 2.5rem 0.75rem;\n }\n\n .stats-section .container {\n padding: 0 0.5rem;\n }\n\n .stats-box {\n padding: 1.75rem 1rem;\n border-radius: 12px;\n }\n\n .stats-box h2 {\n font-size: clamp(1.25rem, 4.5vw, 1.8rem);\n margin-bottom: 0.75rem;\n }\n\n .stats-box p {\n font-size: clamp(0.85rem, 3.2vw, 1rem);\n margin-bottom: 1.5rem;\n }\n\n .btn-primary {\n padding: 0.75rem 1.5rem;\n font-size: clamp(0.8rem, 2.8vw, 0.95rem);\n }\n}\n\n\/* Extra small devices *\/\n@media (max-width: 360px) {\n .stats-section .container {\n padding: 0 0.25rem;\n }\n\n .stats-box {\n padding: 1.5rem 0.75rem;\n }\n\n .stats-box h2 {\n font-size: clamp(1.2rem, 5vw, 1.6rem);\n }\n\n .stats-box p {\n font-size: clamp(0.8rem, 3.5vw, 0.95rem);\n }\n}\n\n\/* Landscape orientation optimization *\/\n@media (max-height: 500px) and (orientation: landscape) {\n .hero-section {\n height: 100vh;\n min-height: 400px;\n }\n\n .hero-content {\n bottom: 10%;\n padding: 1rem;\n }\n\n .main-headline {\n font-size: clamp(1.5rem, 4vh, 2.5rem);\n }\n\n .hero-subtitle {\n font-size: clamp(1rem, 3vh, 1.4rem);\n }\n\n .carousel-indicators {\n bottom: 1.5rem;\n }\n}\n\n\n \/* Modal Overlay for Poster View *\/\n.poster-modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.95);\n z-index: 1000;\n justify-content: center;\n align-items: center;\n animation: fadeIn 0.3s ease-out;\n}\n\n.poster-modal.active {\n display: flex;\n}\n\n.poster-modal-content {\n position: relative;\n max-width: 90%;\n max-height: 90%;\n animation: zoomIn 0.3s ease-out;\n}\n\n.poster-modal-content img {\n max-width: 100%;\n max-height: 90vh;\n border-radius: 8px;\n box-shadow: 0 20px 80px rgba(15, 164, 175, 0.5);\n}\n\n.poster-modal-close {\n position: absolute;\n top: -40px;\n right: 0;\n background: transparent;\n border: 2px solid #ffffff;\n color: #ffffff;\n font-size: 2rem;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 300;\n}\n\n.poster-modal-close:hover {\n background: #0FA4AF;\n border-color: #0FA4AF;\n transform: rotate(90deg);\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@keyframes zoomIn {\n from {\n transform: scale(0.8);\n opacity: 0;\n }\n\n to {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n\/* Responsive Modal *\/\n@media (max-width: 768px) {\n .poster-modal-content {\n max-width: 95%;\n }\n\n .poster-modal-close {\n top: -35px;\n width: 40px;\n height: 40px;\n font-size: 1.5rem;\n }\n}\n\n\n <\/style>\n<\/head>\n\n<Body><h1><a href="/">每日大赛app</a></h1><script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(bp, s); })(); </script>\n <!-- Hero Section: Combined Headline + Carousel -->\n <section class=\"hero-section\">\n <div class=\"hero-carousel-wrapper\">\n <div class=\"carousel-container\">\n <div class=\"carousel-slide active\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/banner_oku_1-scaled.jpg\" alt=\"Slide 1\">\n <div class=\"carousel-overlay\"><\/div>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/Banner_oku-_4.jpg\" alt=\"Slide 2\">\n <div class=\"carousel-overlay\"><\/div>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/banner_oku_2-scaled.jpg\" alt=\"Slide 3\">\n <div class=\"carousel-overlay\"><\/div>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/banner_oku_3.jpg\" alt=\"Slide 4\">\n <div class=\"carousel-overlay\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Headline Overlay -->\n <div class=\"hero-content\">\n <div class=\"container\">\n <h1 class=\"main-headline\">Unit Perkhidmatan dan Sokongan OKU<\/h1>\n <p class=\"hero-subtitle\">Universiti Kebangsaan Malaysia<\/p>\n <\/div>\n <\/div>\n\n <!-- Carousel Indicators -->\n <div class=\"carousel-indicators\">\n <span class=\"indicator active\" onclick=\"currentSlide(0)\"><\/span>\n <span class=\"indicator\" onclick=\"currentSlide(1)\"><\/span>\n <span class=\"indicator\" onclick=\"currentSlide(2)\"><\/span>\n <span class=\"indicator\" onclick=\"currentSlide(3)\"><\/span>\n <span class=\"indicator\" onclick=\"currentSlide(4)\"><\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Two Action Box Buttons Section -->\n <section class=\"action-boxes-section\">\n <a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/permohonan-peminjaman-alat-sokongan-di-ups-oku\/\" class=\"action-box box-one\">\n <h3>Permohonan Peminjaman Alat Bantuan OKU<\/h3>\n <\/a>\n <a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/permohonan-kenderaan-oku\/\" class=\"action-box box-two\">\n <h3>Permohonan Kenderaan OKU<\/h3>\n <\/a>\n <\/section>\n\n <!-- Statistik Warga OKU-每日大赛app Box Section -->\n <section class=\"stats-section\">\n <div class=\"container\">\n <div class=\"stats-box\">\n <h2>Statistik Warga OKU-每日大赛app<\/h2>\n <p>Data terkini warga OKU di Universiti Kebangsaan Malaysia<\/p>\n \n <a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/data_upsoku\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-primary\">Maklumat Lanjut<\/button><\/a>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Multiple Image Poster Scrolling\/Carousel Section -->\n <section class=\"poster-section\">\n <div class=\"container\">\n <h2>Info Prihatin OKU<\/h2>\n <div class=\"poster-carousel-wrapper\">\n <div class=\"poster-carousel\">\n <!-- First set of posters -->\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-1-2026.jpg\" alt=\"Poster 1\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-2-2026.jpg\" alt=\"Poster 2\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-1-2024.jpg\" alt=\"Poster 3\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-2-2024.jpg\" alt=\"Poster 4\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-3-2024.jpeg\" alt=\"Poster 5\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-4-2024-scaled.jpg\" alt=\"Poster 6\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-5-2024-scaled.jpg\" alt=\"Poster 7\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-6-2024-scaled.jpg\" alt=\"Poster 8\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-11-2024.jpg\" alt=\"Poster 9\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-14-2024-scaled.jpg\" alt=\"Poster 10\">\n <\/div>\n <!-- Duplicate set for seamless infinite scroll -->\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-1-2026.jpg\" alt=\"Poster 1\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-2-2026.jpg\" alt=\"Poster 2\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-1-2024.jpg\" alt=\"Poster 3\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-2-2024.jpg\" alt=\"Poster 4\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-3-2024.jpeg\" alt=\"Poster 5\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-4-2024-scaled.jpg\" alt=\"Poster 6\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-5-2024-scaled.jpg\" alt=\"Poster 7\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-6-2024-scaled.jpg\" alt=\"Poster 8\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-11-2024.jpg\" alt=\"Poster 9\">\n <\/div>\n <div class=\"poster-item\">\n <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2026\/02\/INFO-PRIHATIN-OKU-SIRI-14-2024-scaled.jpg\" alt=\"Poster 10\">\n <\/div>\n <\/div>\n <div class=\"poster-archive-btn\">\n\n <a href=\"https:\/\/www.ukm.my\/pendaftar\/ups-oku\/arkib-info-prihatin\/\" target=\"_blank\" rel=\"noopener noreferrer\"><button class=\"btn-secondary\">Arkib<\/button><\/a>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Services Section -->\n <section class=\"services-section\">\n <div class=\"container\">\n <div class=\"services-grid\">\n \n <!-- Service One -->\n <div class=\"service-card\">\n <h3>Fasiliti Khas OKU 每日大赛app<\/h3>\n <p>Fasiliti khas untuk kegunaan warga OKU di Universiti Kebangsaan Malaysia.<\/p>\n <a href=\"#\"><button class=\"btn-primary\">Maklumat Lanjut<\/button><\/a>\n <\/div>\n\n <!-- Service Two -->\n <div class=\"service-card\">\n <h3>Khidmat Sokongan OKU 每日大赛app<\/h3>\n <p>Khidmat sokongan yang diberikan kepada warga OKU di Universiti Kebangsaan Malaysia.<\/p>\n <a href=\"#\"><button class=\"btn-primary\">Maklumat Lanjut<\/button><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Poster Modal -->\n <div class=\"poster-modal\" id=\"posterModal\">\n <div class=\"poster-modal-content\">\n <button class=\"poster-modal-close\" onclick=\"closePosterModal()\">×<\/button>\n <img decoding=\"async\" id=\"posterModalImage\" src=\"\" alt=\"Poster View\">\n <\/div>\n <\/div>\n\n <script>\n \n \/\/ ===========================\n\/\/ IMAGE CAROUSEL FUNCTIONALITY\n\/\/ ===========================\n\nlet currentSlideIndex = 0;\nconst slides = document.querySelectorAll('.carousel-slide');\nconst indicators = document.querySelectorAll('.indicator');\nlet autoSlideInterval;\n\n\/\/ Function to show a specific slide\nfunction showSlide(index) {\n \/\/ Remove active class from all slides and indicators\n slides.forEach(slide => slide.classList.remove('active'));\n indicators.forEach(indicator => indicator.classList.remove('active'));\n\n \/\/ Handle wrap-around\n if (index >= slides.length) {\n currentSlideIndex = 0;\n } else if (index < 0) {\n currentSlideIndex = slides.length - 1;\n } else {\n currentSlideIndex = index;\n }\n\n \/\/ Add active class to current slide and indicator\n slides[currentSlideIndex].classList.add('active');\n indicators[currentSlideIndex].classList.add('active');\n}\n\n\/\/ Function to move to next\/previous slide\nfunction moveSlide(direction) {\n showSlide(currentSlideIndex + direction);\n resetAutoSlide();\n}\n\n\/\/ Function to jump to a specific slide\nfunction currentSlide(index) {\n showSlide(index);\n resetAutoSlide();\n}\n\n\/\/ Auto-slide functionality\nfunction startAutoSlide() {\n autoSlideInterval = setInterval(() => {\n showSlide(currentSlideIndex + 1);\n }, 5000); \/\/ Change slide every 5 seconds\n}\n\n\/\/ Reset auto-slide timer\nfunction resetAutoSlide() {\n clearInterval(autoSlideInterval);\n startAutoSlide();\n}\n\n\/\/ Initialize carousel\ndocument.addEventListener('DOMContentLoaded', () => {\n showSlide(0);\n startAutoSlide();\n\n \/\/ Add smooth scroll behavior for poster carousel\n const posterCarousel = document.querySelector('.poster-carousel-wrapper');\n if (posterCarousel) {\n posterCarousel.style.scrollBehavior = 'smooth';\n }\n});\n\n\/\/ Pause auto-slide on hover\nconst carouselWrapper = document.querySelector('.carousel-wrapper');\nif (carouselWrapper) {\n carouselWrapper.addEventListener('mouseenter', () => {\n clearInterval(autoSlideInterval);\n });\n\n carouselWrapper.addEventListener('mouseleave', () => {\n startAutoSlide();\n });\n}\n\n\/\/ ===========================\n\/\/ POSTER CAROUSEL AUTO-SCROLL\n\/\/ ===========================\n\n\/\/ The poster carousel uses CSS animation for seamless infinite scrolling\n\/\/ The animation is defined in style.css as @keyframes scroll-posters\n\/\/ Posters are duplicated in HTML to create the infinite loop effect\n\n\/\/ ===========================\n\/\/ SMOOTH SCROLL ENHANCEMENTS\n\/\/ ===========================\n\n\/\/ Add smooth reveal animations on scroll\nconst observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n};\n\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n}, observerOptions);\n\n\/\/ Observe service cards and stats box\ndocument.addEventListener('DOMContentLoaded', () => {\n const animatedElements = document.querySelectorAll('.service-card, .stats-box');\n animatedElements.forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px)';\n el.style.transition = 'opacity 0.6s ease-out, transform 0.6s ease-out';\n observer.observe(el);\n });\n\n \/\/ Add click listeners to poster items\n addPosterClickListeners();\n});\n\n\/\/ ===========================\n\/\/ POSTER MODAL FUNCTIONALITY\n\/\/ ===========================\n\nfunction addPosterClickListeners() {\n const posterItems = document.querySelectorAll('.poster-item');\n posterItems.forEach(item => {\n item.addEventListener('click', function () {\n const img = this.querySelector('img');\n if (img) {\n openPosterModal(img.src, img.alt);\n }\n });\n });\n}\n\nfunction openPosterModal(imageSrc, imageAlt) {\n const modal = document.getElementById('posterModal');\n const modalImage = document.getElementById('posterModalImage');\n\n if (modal && modalImage) {\n modalImage.src = imageSrc;\n modalImage.alt = imageAlt;\n modal.classList.add('active');\n document.body.style.overflow = 'hidden'; \/\/ Prevent background scrolling\n }\n}\n\nfunction closePosterModal() {\n const modal = document.getElementById('posterModal');\n if (modal) {\n modal.classList.remove('active');\n document.body.style.overflow = ''; \/\/ Restore scrolling\n }\n}\n\n\/\/ Close modal when clicking outside the image\ndocument.addEventListener('DOMContentLoaded', () => {\n const modal = document.getElementById('posterModal');\n if (modal) {\n modal.addEventListener('click', function (e) {\n if (e.target === this) {\n closePosterModal();\n }\n });\n }\n\n \/\/ Close modal with Escape key\n document.addEventListener('keydown', function (e) {\n if (e.key === 'Escape') {\n closePosterModal();\n }\n });\n});\n\n\n <\/script>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6dc1238d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6dc1238d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-593ce6f6\" data-id=\"593ce6f6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1d4f4f0f elementor-widget elementor-widget-text-editor\" data-id=\"1d4f4f0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Unit Perkhidmatan dan Sokongan OKU-每日大赛app<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15577a72 elementor-widget elementor-widget-image\" data-id=\"15577a72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"335\" src=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2025\/04\/SDG-10_UPSOKU-1024x335.png\" class=\"attachment-large size-large wp-image-28731\" alt=\"\" srcset=\"https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2025\/04\/SDG-10_UPSOKU-1024x335.png 1024w, https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2025\/04\/SDG-10_UPSOKU-300x98.png 300w, https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2025\/04\/SDG-10_UPSOKU-768x251.png 768w, https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2025\/04\/SDG-10_UPSOKU-1536x502.png 1536w, https:\/\/www.ukm.my\/pendaftar\/wp-content\/uploads\/2025\/04\/SDG-10_UPSOKU-2048x669.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4aa6e728 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4aa6e728\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-5503e301\" data-id=\"5503e301\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3fcb8450 elementor-widget elementor-widget-elementskit-social-media\" data-id=\"3fcb8450\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-social-media.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t\t <ul class=\"ekit_social_media\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-da8f4de\">\n\t\t\t\t\t <a\n\t\t\t\t\t\thref=\"https:\/\/www.facebook.com\/people\/Unit-Perkhidmatan-Sokongan-OKU-每日大赛app\/100066558825542\/\" aria-label=\"Facebook\" class=\"facebook\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-facebook\"><\/i>\n <\/a>\n <\/li>\n \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-c8596be\">\n\t\t\t\t\t <a\n\t\t\t\t\t\thref=\"https:\/\/www.instagram.com\/upsokuukm\/?hl=en\" aria-label=\"Instagram\" class=\"1\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-instagram-1\"><\/i>\n <\/a>\n <\/li>\n \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-388934f\">\n\t\t\t\t\t <a\n\t\t\t\t\t\thref=\"https:\/\/www.youtube.com\/@UnitPerkhidmatandanSokonganOKU\" aria-label=\"YoutTube\" class=\"feed\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-youtube-feed\"><\/i>\n <\/a>\n <\/li>\n \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-9976c17\">\n\t\t\t\t\t <a\n\t\t\t\t\t\thref=\"mailto:upsoku@ukm.edu.my\" aria-label=\"Email\" class=\"envelope11\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-envelope11\"><\/i>\n <\/a>\n <\/li>\n \t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-4449694b\" data-id=\"4449694b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1f26ee70 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1f26ee70\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-d594649\" data-id=\"d594649\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-72a81243 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"72a81243\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Unit Perkhidmatan dan Sokongan OKU 每日大赛app<\/strong><br \/>Jabatan Pendaftar<strong><br \/><\/strong>Universiti Kebangsaan Malaysia, <br \/>Aras 1, Bangunan Canselori, 43600 每日大赛app Bangi, <br \/>Selangor, Malaysia<\/p><p>Tel: 03 \u2013 8921 4529 \/ 4694<br \/>E-mel: upsoku@ukm.edu.my<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-209fb78d\" data-id=\"209fb78d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5801976e elementor-widget elementor-widget-google_maps\" data-id=\"5801976e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=Canselori%20Universiti%20Kebangsaan%20Malaysia&t=m&z=16&output=embed&iwloc=near\"\n\t\t\t\t\ttitle=\"Canselori Universiti Kebangsaan Malaysia\"\n\t\t\t\t\taria-label=\"Canselori Universiti Kebangsaan Malaysia\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7054a7f9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7054a7f9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f98c057\" data-id=\"7f98c057\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1906a808 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1906a808\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2aa326c1\" data-id=\"2aa326c1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-397c5a8f elementor-widget elementor-widget-text-editor\" data-id=\"397c5a8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u00a92026. Jabatan Pendaftar. Hak Cipta Terpelihara<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-64f0534d\" data-id=\"64f0534d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>UPSOKU NAV BAR_2r Utama Mengenai Kami Pengenalan UPSOKU Pengurusan UPSOKU Pelan Strategik UPSOKU Polisi Inklusif OKU Pegawai Perhubungan OKU (PP-OKU) Kelab OKU Aktiviti Pendaftaran OKU-每日大赛app Aduan & Maklumbalas Info Prihatin Info Prihatin 2026 Info Prihatin 2025 Info Prihatin 2024 Info Prihatin 2023 Info Prihatin 2022 Info Prihatin 2021 Sumbangan Utama Mengenai Kami Pengenalan UPSOKU Pengurusan […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","footnotes":""},"class_list":["post-25299","page","type-page","status-publish","hentry","entry"],"aioseo_notices":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"pendaftar_v2","author_link":"https:\/\/www.ukm.my\/pendaftar\/author\/pendaftar_v2\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"UPSOKU NAV BAR_2r Utama Mengenai Kami Pengenalan UPSOKU Pengurusan UPSOKU Pelan Strategik UPSOKU Polisi Inklusif OKU Pegawai Perhubungan OKU (PP-OKU) Kelab OKU Aktiviti Pendaftaran OKU-每日大赛app Aduan & Maklumbalas Info Prihatin Info Prihatin 2026 Info Prihatin 2025 Info Prihatin 2024 Info Prihatin 2023 Info Prihatin 2022 Info Prihatin 2021 Sumbangan Utama Mengenai Kami Pengenalan UPSOKU Pengurusan…","_links":{"self":[{"href":"https:\/\/www.ukm.my\/pendaftar\/wp-json\/wp\/v2\/pages\/25299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ukm.my\/pendaftar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ukm.my\/pendaftar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/pendaftar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/pendaftar\/wp-json\/wp\/v2\/comments?post=25299"}],"version-history":[{"count":252,"href":"https:\/\/www.ukm.my\/pendaftar\/wp-json\/wp\/v2\/pages\/25299\/revisions"}],"predecessor-version":[{"id":32658,"href":"https:\/\/www.ukm.my\/pendaftar\/wp-json\/wp\/v2\/pages\/25299\/revisions\/32658"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/pendaftar\/wp-json\/wp\/v2\/media?parent=25299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}