{"id":11126,"date":"2026-07-14T01:08:33","date_gmt":"2026-07-13T17:08:33","guid":{"rendered":"https:\/\/www.ukm.my\/makmal_bioserasi\/?page_id=11126"},"modified":"2026-07-14T01:09:09","modified_gmt":"2026-07-13T17:09:09","slug":"public-webinar-product-safety-assessment-for-industry-and-academia","status":"publish","type":"page","link":"https:\/\/www.ukm.my\/makmal_bioserasi\/public-webinar-product-safety-assessment-for-industry-and-academia\/","title":{"rendered":"Public Webinar Product Safety Assessment for Industry and Academia"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11126\" class=\"elementor elementor-11126\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-8f57321 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8f57321\" 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-68db3c8\" data-id=\"68db3c8\" 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-e79f211 elementor-widget elementor-widget-html\" data-id=\"e79f211\" 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>\r\n<html lang=\"en\" class=\"scroll-smooth\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Don't Guess, Test: Is Your Product Safe? - Webinar<\/title>\r\n    \r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    \r\n    <!-- Google Fonts: Plus Jakarta Sans for a modern tech\/clean feel -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- FontAwesome for Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        ukm: {\r\n                            blue: '#7E9EC4', \/\/ Official UKM Polo Blue\r\n                            dark: '#003B5C',\r\n                            light: '#DAEBFE',\r\n                        },\r\n                        primary: {\r\n                            50: '#eff6ff',\r\n                            100: '#dbeafe', \r\n                            200: '#bfdbfe',\r\n                            300: '#93c5fd',\r\n                            400: '#60a5fa',\r\n                            500: '#3b82f6', \/\/ Royal Blue\r\n                            600: '#2563eb',\r\n                            700: '#1d4ed8',\r\n                            800: '#1e40af',\r\n                            900: '#1e3a8a',\r\n                        },\r\n                        accent: {\r\n                            50: '#ecfeff',\r\n                            100: '#cffafe',\r\n                            500: '#06b6d4', \r\n                            600: '#0891b2',\r\n                        }\r\n                    },\r\n                    animation: {\r\n                        'blob': 'blob 7s infinite',\r\n                        'fade-in-up': 'fadeInUp 0.8s ease-out forwards',\r\n                        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',\r\n                        'float': 'float 6s ease-in-out infinite',\r\n                    },\r\n                    keyframes: {\r\n                        blob: {\r\n                            '0%': { transform: 'translate(0px, 0px) scale(1)' },\r\n                            '33%': { transform: 'translate(30px, -50px) scale(1.1)' },\r\n                            '66%': { transform: 'translate(-20px, 20px) scale(0.9)' },\r\n                            '100%': { transform: 'translate(0px, 0px) scale(1)' },\r\n                        },\r\n                        fadeInUp: {\r\n                            '0%': { opacity: '0', transform: 'translateY(20px)' },\r\n                            '100%': { opacity: '1', transform: 'translateY(0)' },\r\n                        },\r\n                        float: {\r\n                            '0%, 100%': { transform: 'translateY(0)' },\r\n                            '50%': { transform: 'translateY(-10px)' },\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    \r\n    <style>\r\n        body {\r\n            font-family: 'Plus Jakarta Sans', sans-serif;\r\n            background-color: #f8fafc;\r\n        }\r\n        \r\n        \/* Custom Scrollbar for Light Theme *\/\r\n        ::-webkit-scrollbar { width: 10px; }\r\n        ::-webkit-scrollbar-track { background: #f1f5f9; }\r\n        ::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 5px; }\r\n        ::-webkit-scrollbar-thumb:hover { background: #64748b; }\r\n        \r\n        .gradient-text {\r\n            background: linear-gradient(135deg, #2563eb 0%, #0891b2 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body class=\"text-slate-800 antialiased selection:bg-primary-500 selection:text-white bg-slate-50\">\r\n\r\n    <main>\r\n        <section class=\"relative bg-white pt-16 pb-40 lg:pt-24 lg:pb-52 overflow-hidden border-b border-slate-100\">\r\n            <!-- Background Glow Effects (Light Blue Theme) -->\r\n            <div class=\"absolute top-0 -left-4 w-96 h-96 bg-primary-200 rounded-full mix-blend-multiply filter blur-[128px] opacity-60 animate-blob\"><\/div>\r\n            <div class=\"absolute top-0 -right-4 w-96 h-96 bg-accent-100 rounded-full mix-blend-multiply filter blur-[128px] opacity-60 animate-blob animation-delay-2000\"><\/div>\r\n            <div class=\"absolute -bottom-8 left-20 w-96 h-96 bg-primary-100 rounded-full mix-blend-multiply filter blur-[128px] opacity-60 animate-blob animation-delay-4000\"><\/div>\r\n            \r\n            <!-- Grid Pattern -->\r\n            <div class=\"absolute inset-0 bg-[url('data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02MCAwaC0xdjYwaDFWME0wIDU5aDYwdjFIMFY1OXoiIGZpbGw9InJnYmEoMTQ4LDE2MywxODQsMC4wNSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4=')] opacity-50\"><\/div>\r\n\r\n            <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col lg:flex-row items-center gap-16\">\r\n                \r\n                <div class=\"lg:w-1\/2 z-10 text-center lg:text-left animate-fade-in-up\">\r\n                    <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-primary-50 border border-primary-100 text-primary-700 font-bold text-xs tracking-wider uppercase mb-8 shadow-sm\">\r\n                        <span class=\"w-2 h-2 rounded-full bg-primary-500 animate-pulse\"><\/span>\r\n                        Free Public Webinar\r\n                    <\/div>\r\n                    \r\n                    <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-extrabold tracking-tight mb-6 leading-[1.1] text-slate-900\">\r\n                        Don't Guess, <br class=\"hidden md:block\" \/>\r\n                        <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-primary-600 to-accent-500\">Test.<\/span>\r\n                    <\/h1>\r\n                    \r\n                    <h2 class=\"text-2xl md:text-3xl text-slate-800 font-bold mb-6\">\r\n                        Is Your Product Safe?\r\n                    <\/h2>\r\n                    \r\n                    <p class=\"text-lg text-slate-600 mb-10 max-w-xl mx-auto lg:mx-0 leading-relaxed font-medium\">\r\n                        Product Safety Assessment for Industry and Academia. Join our insightful session to understand why safety evaluation matters for regulatory readiness and market confidence.\r\n                    <\/p>\r\n                    \r\n                    <div class=\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start\">\r\n                        <a href=\"#register\" class=\"bg-primary-600 text-white px-8 py-4 rounded-xl font-bold text-lg transition duration-300 shadow-[0_10px_20px_rgba(37,99,235,0.2)] hover:shadow-[0_10px_30px_rgba(37,99,235,0.4)] hover:-translate-y-1 flex items-center justify-center gap-3\">\r\n                            Reserve Your Spot <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"#speakers\" class=\"bg-white text-primary-700 border border-slate-200 hover:bg-slate-50 hover:border-primary-300 px-8 py-4 rounded-xl font-bold text-lg transition duration-300 flex items-center justify-center gap-3 shadow-sm\">\r\n                            Meet the Speakers\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"lg:w-1\/2 w-full z-10 animate-fade-in-up flex justify-center lg:justify-end\" style=\"animation-delay: 0.2s;\">\r\n                    <div class=\"relative group perspective-1000 w-full max-w-lg animate-float\">\r\n                        <!-- Decorative element behind poster (Subtle glow) -->\r\n                        <div class=\"absolute -inset-1 bg-gradient-to-r from-primary-200 to-accent-200 rounded-[2rem] blur opacity-50 group-hover:opacity-100 transition duration-1000 group-hover:duration-200\"><\/div>\r\n                        \r\n                        <div class=\"relative rounded-[2rem] overflow-hidden shadow-2xl border border-slate-100 bg-white transform transition-all duration-500 group-hover:scale-[1.02]\">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/makmal_bioserasi\/wp-content\/uploads\/2026\/07\/IMG-20260713-WA0021-2.jpeg\" alt=\"Webinar Poster\" class=\"w-full h-auto object-cover\" onerror=\"this.src='https:\/\/placehold.co\/800x800\/eff6ff\/1e3a8a?text=Webinar+Poster'\">\r\n                            \r\n                            <!-- Hover Overlay - Light style -->\r\n                            <div class=\"absolute inset-0 bg-white\/90 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col items-center justify-center backdrop-blur-sm gap-4 p-6\">\r\n                                <a href=\"https:\/\/www.ukm.my\/makmal_bioserasi\/wp-content\/uploads\/2026\/07\/IMG-20260713-WA0021-2.jpeg\" target=\"_blank\" class=\"w-full max-w-xs bg-primary-600 text-white px-6 py-3.5 rounded-xl font-bold shadow-lg hover:bg-primary-700 transition flex items-center justify-center gap-3\">\r\n                                    <i class=\"fa-solid fa-magnifying-glass-plus\"><\/i> View Full Poster\r\n                                <\/a>\r\n                                <a href=\"https:\/\/www.ukm.my\/makmal_bioserasi\/wp-content\/uploads\/2026\/07\/IMG-20260713-WA0021-2.jpeg\" download class=\"w-full max-w-xs bg-primary-50 text-primary-700 border border-primary-200 px-6 py-3.5 rounded-xl font-bold shadow-sm hover:bg-primary-100 transition flex items-center justify-center gap-3\">\r\n                                    <i class=\"fa-solid fa-download\"><\/i> Download Image\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <div class=\"relative z-20 -mt-20 max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n            <div class=\"bg-white rounded-3xl p-6 md:p-8 shadow-[0_20px_50px_rgba(0,0,0,0.05)] border border-slate-100\">\r\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8 divide-y md:divide-y-0 md:divide-x divide-slate-100\">\r\n                    \r\n                    <div class=\"flex items-center gap-5 p-2\">\r\n                        <div class=\"w-14 h-14 rounded-2xl bg-primary-50 flex items-center justify-center flex-shrink-0 border border-primary-100\">\r\n                            <i class=\"fa-regular fa-calendar-days text-2xl text-primary-600\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <p class=\"text-xs font-bold text-primary-500 uppercase tracking-widest mb-1\">Date<\/p>\r\n                            <p class=\"font-bold text-slate-900 text-lg leading-tight\">12 August 2026<br><span class=\"text-slate-500 text-base font-medium\">(Wednesday)<\/span><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"flex items-center gap-5 p-2 pt-6 md:pt-2 md:pl-8\">\r\n                        <div class=\"w-14 h-14 rounded-2xl bg-accent-50 flex items-center justify-center flex-shrink-0 border border-accent-100\">\r\n                            <i class=\"fa-regular fa-clock text-2xl text-accent-600\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <p class=\"text-xs font-bold text-primary-500 uppercase tracking-widest mb-1\">Time<\/p>\r\n                            <p class=\"font-bold text-slate-900 text-lg leading-tight\">10:00 AM<br><span class=\"text-slate-500 text-base font-medium\">to 11:30 AM<\/span><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"flex items-center gap-5 p-2 pt-6 md:pt-2 md:pl-8\">\r\n                        <div class=\"w-14 h-14 rounded-2xl bg-primary-50 flex items-center justify-center flex-shrink-0 border border-primary-100\">\r\n                            <i class=\"fa-solid fa-laptop-code text-2xl text-primary-600\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <p class=\"text-xs font-bold text-primary-500 uppercase tracking-widest mb-1\">Platform<\/p>\r\n                            <p class=\"font-bold text-slate-900 text-lg leading-tight\">Online<br><span class=\"text-accent-600 text-base font-medium\">Virtual Webinar<\/span><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <section class=\"py-24 bg-slate-50 relative\">\r\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n                \r\n                <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                    <h2 class=\"text-3xl md:text-5xl font-extrabold text-slate-900 tracking-tight mb-4\">What You Will Discover<\/h2>\r\n                    <p class=\"text-lg text-slate-600\">Essential knowledge for product safety and regulatory compliance.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"grid lg:grid-cols-2 gap-8 lg:gap-12\">\r\n                    \r\n                    <!-- Key Takeaways Card -->\r\n                    <div class=\"bg-white rounded-[2rem] p-8 md:p-12 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 relative overflow-hidden group border border-slate-100 shadow-md\">\r\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-primary-50 rounded-bl-[100px] -z-10 transition-transform duration-500 group-hover:scale-110\"><\/div>\r\n                        \r\n                        <div class=\"relative z-10\">\r\n                            <div class=\"flex items-center gap-5 mb-10\">\r\n                                <div class=\"w-16 h-16 bg-primary-100 text-primary-600 rounded-2xl flex items-center justify-center text-3xl shadow-sm border border-primary-200\">\r\n                                    <i class=\"fa-solid fa-key\"><\/i>\r\n                                <\/div>\r\n                                <h3 class=\"text-2xl md:text-3xl font-bold text-slate-900\">Key Takeaways<\/h3>\r\n                            <\/div>\r\n                            <ul class=\"space-y-6\">\r\n                                <li class=\"flex items-start gap-4\">\r\n                                    <div class=\"w-8 h-8 rounded-full bg-primary-50 flex items-center justify-center flex-shrink-0 text-primary-600 border border-primary-100 mt-1\">\r\n                                        <i class=\"fa-solid fa-check text-sm\"><\/i>\r\n                                    <\/div>\r\n                                    <span class=\"text-slate-700 text-lg font-medium pt-1\">Why safety assessment matters<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-4\">\r\n                                    <div class=\"w-8 h-8 rounded-full bg-primary-50 flex items-center justify-center flex-shrink-0 text-primary-600 border border-primary-100 mt-1\">\r\n                                        <i class=\"fa-solid fa-check text-sm\"><\/i>\r\n                                    <\/div>\r\n                                    <span class=\"text-slate-700 text-lg font-medium pt-1\">Common testing approaches across industries<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-4\">\r\n                                    <div class=\"w-8 h-8 rounded-full bg-primary-50 flex items-center justify-center flex-shrink-0 text-primary-600 border border-primary-100 mt-1\">\r\n                                        <i class=\"fa-solid fa-check text-sm\"><\/i>\r\n                                    <\/div>\r\n                                    <span class=\"text-slate-700 text-lg font-medium pt-1\">Regulatory & quality considerations<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-4\">\r\n                                    <div class=\"w-8 h-8 rounded-full bg-primary-50 flex items-center justify-center flex-shrink-0 text-primary-600 border border-primary-100 mt-1\">\r\n                                        <i class=\"fa-solid fa-check text-sm\"><\/i>\r\n                                    <\/div>\r\n                                    <span class=\"text-slate-700 text-lg font-medium pt-1\">Role of accredited labs & OECD GLP<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-4\">\r\n                                    <div class=\"w-8 h-8 rounded-full bg-primary-50 flex items-center justify-center flex-shrink-0 text-primary-600 border border-primary-100 mt-1\">\r\n                                        <i class=\"fa-solid fa-check text-sm\"><\/i>\r\n                                    <\/div>\r\n                                    <span class=\"text-slate-700 text-lg font-medium pt-1\">Early safety assessment reduces risk<\/span>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Who Should Attend Card -->\r\n                    <div class=\"bg-white rounded-[2rem] p-8 md:p-12 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 relative overflow-hidden group border border-slate-100 shadow-md\">\r\n                        <div class=\"absolute top-0 right-0 w-32 h-32 bg-accent-50 rounded-bl-[100px] -z-10 transition-transform duration-500 group-hover:scale-110\"><\/div>\r\n                        \r\n                        <div class=\"relative z-10\">\r\n                            <div class=\"flex items-center gap-5 mb-10\">\r\n                                <div class=\"w-16 h-16 bg-accent-100 text-accent-600 rounded-2xl flex items-center justify-center text-3xl shadow-sm border border-accent-200\">\r\n                                    <i class=\"fa-solid fa-user-group\"><\/i>\r\n                                <\/div>\r\n                                <h3 class=\"text-2xl md:text-3xl font-bold text-slate-900\">Who Should Attend?<\/h3>\r\n                            <\/div>\r\n                            <ul class=\"space-y-6\">\r\n                                <li class=\"flex items-start gap-4\">\r\n                                    <div class=\"w-8 h-8 rounded-full bg-accent-50 flex items-center justify-center flex-shrink-0 text-accent-600 border border-accent-100 mt-1\">\r\n                                        <i class=\"fa-solid fa-arrow-right text-sm\"><\/i>\r\n                                    <\/div>\r\n                                    <span class=\"text-slate-700 text-lg font-medium pt-1\">Product owners & manufacturers<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-4\">\r\n                                    <div class=\"w-8 h-8 rounded-full bg-accent-50 flex items-center justify-center flex-shrink-0 text-accent-600 border border-accent-100 mt-1\">\r\n                                        <i class=\"fa-solid fa-arrow-right text-sm\"><\/i>\r\n                                    <\/div>\r\n                                    <span class=\"text-slate-700 text-lg font-medium pt-1\">Medical device, cosmetic, supplement, pharmaceutical & biotech companies<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-4\">\r\n                                    <div class=\"w-8 h-8 rounded-full bg-accent-50 flex items-center justify-center flex-shrink-0 text-accent-600 border border-accent-100 mt-1\">\r\n                                        <i class=\"fa-solid fa-arrow-right text-sm\"><\/i>\r\n                                    <\/div>\r\n                                    <span class=\"text-slate-700 text-lg font-medium pt-1\">Agrochemical & pesticide companies<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-4\">\r\n                                    <div class=\"w-8 h-8 rounded-full bg-accent-50 flex items-center justify-center flex-shrink-0 text-accent-600 border border-accent-100 mt-1\">\r\n                                        <i class=\"fa-solid fa-arrow-right text-sm\"><\/i>\r\n                                    <\/div>\r\n                                    <span class=\"text-slate-700 text-lg font-medium pt-1\">Researchers & postgraduate students<\/span>\r\n                                <\/li>\r\n                                <li class=\"flex items-start gap-4\">\r\n                                    <div class=\"w-8 h-8 rounded-full bg-accent-50 flex items-center justify-center flex-shrink-0 text-accent-600 border border-accent-100 mt-1\">\r\n                                        <i class=\"fa-solid fa-arrow-right text-sm\"><\/i>\r\n                                    <\/div>\r\n                                    <span class=\"text-slate-700 text-lg font-medium pt-1\">QA, R&D, regulatory affairs & product development professionals<\/span>\r\n                                <\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"speakers\" class=\"py-24 bg-white relative border-t border-slate-100\">\r\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\r\n                <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n                    <h2 class=\"text-3xl md:text-5xl font-extrabold text-slate-900 tracking-tight mb-4\">Meet the Experts<\/h2>\r\n                <\/div>\r\n                \r\n                <div class=\"grid lg:grid-cols-2 gap-8 max-w-5xl mx-auto\">\r\n                    \r\n                    <div class=\"group bg-slate-50 rounded-3xl p-6 sm:p-8 hover:shadow-xl hover:bg-white hover:border-primary-200 border border-transparent transition-all duration-300 flex flex-col sm:flex-row items-center sm:items-start gap-6 sm:gap-8\">\r\n                        <div class=\"relative w-32 h-32 sm:w-40 sm:h-40 flex-shrink-0 rounded-full p-1 bg-gradient-to-br from-primary-300 to-primary-500 group-hover:rotate-6 transition-transform duration-500 shadow-md\">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/makmal_bioserasi\/wp-content\/uploads\/2026\/03\/DR-EL-7-1.webp\" alt=\"Dr. Siew Ee Ling\" class=\"w-full h-full object-cover rounded-full border-4 border-white\">\r\n                        <\/div>\r\n                        <div class=\"text-center sm:text-left pt-2\">\r\n                            <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-primary-100 text-primary-700 text-xs font-bold uppercase tracking-wider mb-3\">\r\n                                <i class=\"fa-solid fa-microphone\"><\/i> Speaker\r\n                            <\/div>\r\n                            <h3 class=\"text-2xl font-extrabold text-slate-900 mb-1\">Dr. Siew Ee Ling<\/h3>\r\n                            <p class=\"text-primary-600 font-bold mb-3\">Laboratory Director,<br>Makmal Bioserasi ALAF-UKM<\/p>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"group bg-slate-50 rounded-3xl p-6 sm:p-8 hover:shadow-xl hover:bg-white hover:border-accent-200 border border-transparent transition-all duration-300 flex flex-col sm:flex-row items-center sm:items-start gap-6 sm:gap-8\">\r\n                        <div class=\"relative w-32 h-32 sm:w-40 sm:h-40 flex-shrink-0 rounded-full p-1 bg-gradient-to-br from-accent-300 to-accent-500 group-hover:-rotate-6 transition-transform duration-500 shadow-md\">\r\n                            <img decoding=\"async\" src=\"https:\/\/www.ukm.my\/makmal_bioserasi\/wp-content\/uploads\/2026\/03\/MIMI-2-1.webp\" alt=\"Ts Mimi Norhilda\" class=\"w-full h-full object-cover rounded-full border-4 border-white\">\r\n                        <\/div>\r\n                        <div class=\"text-center sm:text-left pt-2\">\r\n                            <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-accent-100 text-accent-700 text-xs font-bold uppercase tracking-wider mb-3\">\r\n                                <i class=\"fa-solid fa-comments\"><\/i> Moderator\r\n                            <\/div>\r\n                            <h3 class=\"text-2xl font-extrabold text-slate-900 mb-1\">Ts Mimi Norhilda Mohd Hatta<\/h3>\r\n                            <p class=\"text-accent-600 font-bold mb-3\">Head Technical Unit,<br>Makmal Bioserasi ALAF-UKM<\/p>\r\n                           \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section id=\"register\" class=\"py-24 relative overflow-hidden bg-primary-50\">\r\n            <!-- Dynamic Background -->\r\n            <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')] opacity-10\"><\/div>\r\n            <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[800px] h-[800px] bg-primary-200 rounded-full mix-blend-multiply filter blur-[150px] opacity-40\"><\/div>\r\n            \r\n            <div class=\"relative z-10 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n                <h2 class=\"text-3xl md:text-5xl font-extrabold text-slate-900 mb-6 tracking-tight\">Secure Your Spot Today<\/h2>\r\n                <p class=\"text-slate-600 mb-12 text-lg md:text-xl font-medium\">Limited seats available. Scan the QR code or click below to register.<\/p>\r\n                \r\n                <div class=\"bg-white rounded-3xl p-8 md:p-12 max-w-xl mx-auto shadow-2xl shadow-primary-900\/5 border border-primary-100\">\r\n                    <div class=\"bg-slate-50 p-4 rounded-2xl inline-block mb-6 shadow-inner border border-slate-100 transform hover:scale-105 transition-transform duration-300\">\r\n                        <!-- Use poster's QR format -->\r\n                        <img decoding=\"async\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=180x180&data=https:\/\/shorturl.at\/duOCs\" alt=\"QR Code to Register\" class=\"rounded-xl mix-blend-multiply\">\r\n                    <\/div>\r\n                    <div class=\"flex items-center justify-center gap-2 mb-6\">\r\n                        <div class=\"h-px w-12 bg-slate-200\"><\/div>\r\n                        <span class=\"text-slate-400 text-sm font-bold uppercase tracking-widest\">OR<\/span>\r\n                        <div class=\"h-px w-12 bg-slate-200\"><\/div>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/shorturl.at\/duOCs\" target=\"_blank\" class=\"group relative flex w-full justify-center py-4 px-4 border border-transparent text-lg font-bold rounded-xl text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 transition-all duration-300 shadow-[0_10px_20px_rgba(37,99,235,0.2)]\">\r\n                        Register via Link <i class=\"fa-solid fa-arrow-up-right-from-square ml-2 mt-1\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/main>\r\n\r\n<\/body>\r\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Don&#8217;t Guess, Test: Is Your Product Safe? &#8211; Webinar Free Public Webinar Don&#8217;t Guess, Test. Is Your Product Safe? Product Safety Assessment for Industry and Academia. Join our insightful session to understand why safety evaluation matters for regulatory readiness and market confidence. Reserve Your Spot Meet the Speakers View Full Poster Download Image Date 12 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":"","_elementor_edit_mode":"builder","_elementor_template_type":"wp-page","_elementor_data":"[{\"id\":\"8f57321\",\"elType\":\"section\",\"settings\":{\"layout\":\"full_width\",\"eael_parallax_layers_list\":[],\"element_pack_agbg_color_list\":[{\"_id\":\"76eb06c\"},{\"start_color\":\"#567445\",\"end_color\":\"#1D1BE0\",\"_id\":\"d6172b0\"}],\"eael_custom_cursor_svg_code\":\"<svg xmlns=\\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\" xmlns:xlink=\\\"http:\\\/\\\/www.w3.org\\\/1999\\\/xlink\\\" version=\\\"1.0\\\" id=\\\"Layer_1\\\" width=\\\"100\\\" height=\\\"100\\\" viewBox=\\\"0 0 64 64\\\" enable-background=\\\"new 0 0 64 64\\\" xml:space=\\\"preserve\\\"><g><path fill=\\\"#F76D57\\\" d=\\\"M32,52.789l-12-18C18.5,32,16,28.031,16,24c0-8.836,7.164-16,16-16s16,7.164,16,16   c0,4.031-2.055,8-4,10.789L32,52.789z\\\"\\\/><g><path fill=\\\"#394240\\\" d=\\\"M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.051,0.094,0.059,0.199,0.117,0.289    l16,24C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289    C54.289,34.008,56,29.219,56,24C56,10.746,45.254,0,32,0z M44,34.789l-12,18l-12-18C18.5,32,16,28.031,16,24    c0-8.836,7.164-16,16-16s16,7.164,16,16C48,28.031,45.945,32,44,34.789z\\\"\\\/><circle fill=\\\"#394240\\\" cx=\\\"32\\\" cy=\\\"24\\\" r=\\\"8\\\"\\\/><\\\/g><\\\/g><\\\/svg>\",\"eael_custom_cursor_svg_code_pointer\":\"<svg xmlns=\\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\" xmlns:xlink=\\\"http:\\\/\\\/www.w3.org\\\/1999\\\/xlink\\\" version=\\\"1.0\\\" id=\\\"Layer_1\\\" width=\\\"100\\\" height=\\\"100\\\" viewBox=\\\"0 0 64 64\\\" enable-background=\\\"new 0 0 64 64\\\" xml:space=\\\"preserve\\\"><g><path fill=\\\"#F76D57\\\" d=\\\"M32,52.789l-12-18C18.5,32,16,28.031,16,24c0-8.836,7.164-16,16-16s16,7.164,16,16   c0,4.031-2.055,8-4,10.789L32,52.789z\\\"\\\/><g><path fill=\\\"#394240\\\" d=\\\"M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.051,0.094,0.059,0.199,0.117,0.289    l16,24C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289    C54.289,34.008,56,29.219,56,24C56,10.746,45.254,0,32,0z M44,34.789l-12,18l-12-18C18.5,32,16,28.031,16,24    c0-8.836,7.164-16,16-16s16,7.164,16,16C48,28.031,45.945,32,44,34.789z\\\"\\\/><circle fill=\\\"#394240\\\" cx=\\\"32\\\" cy=\\\"24\\\" r=\\\"8\\\"\\\/><\\\/g><\\\/g><\\\/svg>\",\"eael_cursor_snowflake_emojis\":\"\\u2744\\ufe0f\",\"eael_ext_content_protection_password_placeholder\":\"Enter Password\",\"eael_ext_content_protection_password_submit_btn_txt\":\"Submit\",\"eael_ext_content_protection_password_incorrect_message\":\"Password does not match.\",\"eael_cl_logics\":[{\"_id\":\"c219ce9\",\"dynamic_field_custom_separator\":\"|\"}],\"ep_widget_cf_colors\":\"#D30C5C, #0EBCDC, #EAED41, #ED5A78, #DF33DF\",\"ep_widget_cf_shapes\":\"square|circle\",\"ep_widget_cf_shapes_emoji\":\"\\ud83c\\udf83|\\ud83c\\udf84|\\ud83d\\udc9c\",\"ep_widget_cf_shapes_svg\":\"M167 72c19,-38 37,-56 75,-56 42,0 76,33 76,75 0,76 -76,151 -151,227 -76,-76 -151,-151 -151,-227 0,-42 33,-75 75,-75 38,0 57,18 76,56z|M120 240c-41,14 -91,18 -120,1 29,-10 57,-22 81,-40 -18,2 -37,3 -55,-3 25,-14 48,-30 66,-51 -11,5 -26,8 -45,7 20,-14 40,-30 57,-49 -13,1 -26,2 -38,-1 18,-11 35,-25 51,-43 -13,3 -24,5 -35,6 21,-19 40,-41 53,-67 14,26 32,48 54,67 -11,-1 -23,-3 -35,-6 15,18 32,32 51,43 -13,3 -26,2 -38,1 17,19 36,35 56,49 -19,1 -33,-2 -45,-7 19,21 42,37 67,51 -19,6 -37,5 -56,3 25,18 53,30 82,40 -30,17 -79,13 -120,-1l0 41 -31 0 0 -41z|M449.4 142c-5 0-10 .3-15 1a183 183 0 0 0-66.9-19.1V87.5a17.5 17.5 0 1 0-35 0v36.4a183 183 0 0 0-67 19c-4.9-.6-9.9-1-14.8-1C170.3 142 105 219.6 105 315s65.3 173 145.7 173c5 0 10-.3 14.8-1a184.7 184.7 0 0 0 169 0c4.9.7 9.9 1 14.9 1 80.3 0 145.6-77.6 145.6-173s-65.3-173-145.7-173zm-220 138 27.4-40.4a11.6 11.6 0 0 1 16.4-2.7l54.7 40.3a11.3 11.3 0 0 1-7 20.3H239a11.3 11.3 0 0 1-9.6-17.5zM444 383.8l-43.7 17.5a17.7 17.7 0 0 1-13 0l-37.3-15-37.2 15a17.8 17.8 0 0 1-13 0L256 383.8a17.5 17.5 0 0 1 13-32.6l37.3 15 37.2-15c4.2-1.6 8.8-1.6 13 0l37.3 15 37.2-15a17.5 17.5 0 0 1 13 32.6zm17-86.3h-82a11.3 11.3 0 0 1-6.9-20.4l54.7-40.3a11.6 11.6 0 0 1 16.4 2.8l27.4 40.4a11.3 11.3 0 0 1-9.6 17.5z\",\"section_parallax_elements\":[],\"element_pack_tile_scroll_elements\":[],\"ep_display_conditions\":[],\"ep_parallax_effects_transition_for\":\"all\",\"ep_parallax_effects_transition_duration\":\"100\",\"ep_parallax_effects_transition_easing\":\"linear\"},\"elements\":[{\"id\":\"68db3c8\",\"elType\":\"column\",\"settings\":{\"_column_size\":100,\"_inline_size\":null,\"eael_custom_cursor_svg_code\":\"<svg xmlns=\\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\" xmlns:xlink=\\\"http:\\\/\\\/www.w3.org\\\/1999\\\/xlink\\\" version=\\\"1.0\\\" id=\\\"Layer_1\\\" width=\\\"100\\\" height=\\\"100\\\" viewBox=\\\"0 0 64 64\\\" enable-background=\\\"new 0 0 64 64\\\" xml:space=\\\"preserve\\\"><g><path fill=\\\"#F76D57\\\" d=\\\"M32,52.789l-12-18C18.5,32,16,28.031,16,24c0-8.836,7.164-16,16-16s16,7.164,16,16   c0,4.031-2.055,8-4,10.789L32,52.789z\\\"\\\/><g><path fill=\\\"#394240\\\" d=\\\"M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.051,0.094,0.059,0.199,0.117,0.289    l16,24C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289    C54.289,34.008,56,29.219,56,24C56,10.746,45.254,0,32,0z M44,34.789l-12,18l-12-18C18.5,32,16,28.031,16,24    c0-8.836,7.164-16,16-16s16,7.164,16,16C48,28.031,45.945,32,44,34.789z\\\"\\\/><circle fill=\\\"#394240\\\" cx=\\\"32\\\" cy=\\\"24\\\" r=\\\"8\\\"\\\/><\\\/g><\\\/g><\\\/svg>\",\"eael_custom_cursor_svg_code_pointer\":\"<svg xmlns=\\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\" xmlns:xlink=\\\"http:\\\/\\\/www.w3.org\\\/1999\\\/xlink\\\" version=\\\"1.0\\\" id=\\\"Layer_1\\\" width=\\\"100\\\" height=\\\"100\\\" viewBox=\\\"0 0 64 64\\\" enable-background=\\\"new 0 0 64 64\\\" xml:space=\\\"preserve\\\"><g><path fill=\\\"#F76D57\\\" d=\\\"M32,52.789l-12-18C18.5,32,16,28.031,16,24c0-8.836,7.164-16,16-16s16,7.164,16,16   c0,4.031-2.055,8-4,10.789L32,52.789z\\\"\\\/><g><path fill=\\\"#394240\\\" d=\\\"M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.051,0.094,0.059,0.199,0.117,0.289    l16,24C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289    C54.289,34.008,56,29.219,56,24C56,10.746,45.254,0,32,0z M44,34.789l-12,18l-12-18C18.5,32,16,28.031,16,24    c0-8.836,7.164-16,16-16s16,7.164,16,16C48,28.031,45.945,32,44,34.789z\\\"\\\/><circle fill=\\\"#394240\\\" cx=\\\"32\\\" cy=\\\"24\\\" r=\\\"8\\\"\\\/><\\\/g><\\\/g><\\\/svg>\",\"eael_cursor_snowflake_emojis\":\"\\u2744\\ufe0f\",\"eael_cl_logics\":[{\"_id\":\"ba58507\",\"dynamic_field_custom_separator\":\"|\"}],\"ep_parallax_effects_transition_for\":\"all\",\"ep_parallax_effects_transition_duration\":\"100\",\"ep_parallax_effects_transition_easing\":\"linear\"},\"elements\":[{\"id\":\"e79f211\",\"elType\":\"widget\",\"settings\":{\"html\":\"<!DOCTYPE html>\\r\\n<html lang=\\\"en\\\" class=\\\"scroll-smooth\\\">\\r\\n<head>\\r\\n    <meta charset=\\\"UTF-8\\\">\\r\\n    <meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\">\\r\\n    <title>Don't Guess, Test: Is Your Product Safe? - Webinar<\\\/title>\\r\\n    \\r\\n    <!-- Tailwind CSS -->\\r\\n    <script src=\\\"https:\\\/\\\/cdn.tailwindcss.com\\\"><\\\/script>\\r\\n    \\r\\n    <!-- Google Fonts: Plus Jakarta Sans for a modern tech\\\/clean feel -->\\r\\n    <link href=\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\\\" rel=\\\"stylesheet\\\">\\r\\n    \\r\\n    <!-- FontAwesome for Icons -->\\r\\n    <link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/font-awesome\\\/6.4.0\\\/css\\\/all.min.css\\\">\\r\\n\\r\\n    <script>\\r\\n        tailwind.config = {\\r\\n            theme: {\\r\\n                extend: {\\r\\n                    fontFamily: {\\r\\n                        sans: ['\\\"Plus Jakarta Sans\\\"', 'sans-serif'],\\r\\n                    },\\r\\n                    colors: {\\r\\n                        ukm: {\\r\\n                            blue: '#7E9EC4', \\\/\\\/ Official UKM Polo Blue\\r\\n                            dark: '#003B5C',\\r\\n                            light: '#DAEBFE',\\r\\n                        },\\r\\n                        primary: {\\r\\n                            50: '#eff6ff',\\r\\n                            100: '#dbeafe', \\r\\n                            200: '#bfdbfe',\\r\\n                            300: '#93c5fd',\\r\\n                            400: '#60a5fa',\\r\\n                            500: '#3b82f6', \\\/\\\/ Royal Blue\\r\\n                            600: '#2563eb',\\r\\n                            700: '#1d4ed8',\\r\\n                            800: '#1e40af',\\r\\n                            900: '#1e3a8a',\\r\\n                        },\\r\\n                        accent: {\\r\\n                            50: '#ecfeff',\\r\\n                            100: '#cffafe',\\r\\n                            500: '#06b6d4', \\r\\n                            600: '#0891b2',\\r\\n                        }\\r\\n                    },\\r\\n                    animation: {\\r\\n                        'blob': 'blob 7s infinite',\\r\\n                        'fade-in-up': 'fadeInUp 0.8s ease-out forwards',\\r\\n                        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',\\r\\n                        'float': 'float 6s ease-in-out infinite',\\r\\n                    },\\r\\n                    keyframes: {\\r\\n                        blob: {\\r\\n                            '0%': { transform: 'translate(0px, 0px) scale(1)' },\\r\\n                            '33%': { transform: 'translate(30px, -50px) scale(1.1)' },\\r\\n                            '66%': { transform: 'translate(-20px, 20px) scale(0.9)' },\\r\\n                            '100%': { transform: 'translate(0px, 0px) scale(1)' },\\r\\n                        },\\r\\n                        fadeInUp: {\\r\\n                            '0%': { opacity: '0', transform: 'translateY(20px)' },\\r\\n                            '100%': { opacity: '1', transform: 'translateY(0)' },\\r\\n                        },\\r\\n                        float: {\\r\\n                            '0%, 100%': { transform: 'translateY(0)' },\\r\\n                            '50%': { transform: 'translateY(-10px)' },\\r\\n                        }\\r\\n                    }\\r\\n                }\\r\\n            }\\r\\n        }\\r\\n    <\\\/script>\\r\\n    \\r\\n    <style>\\r\\n        body {\\r\\n            font-family: 'Plus Jakarta Sans', sans-serif;\\r\\n            background-color: #f8fafc;\\r\\n        }\\r\\n        \\r\\n        \\\/* Custom Scrollbar for Light Theme *\\\/\\r\\n        ::-webkit-scrollbar { width: 10px; }\\r\\n        ::-webkit-scrollbar-track { background: #f1f5f9; }\\r\\n        ::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 5px; }\\r\\n        ::-webkit-scrollbar-thumb:hover { background: #64748b; }\\r\\n        \\r\\n        .gradient-text {\\r\\n            background: linear-gradient(135deg, #2563eb 0%, #0891b2 100%);\\r\\n            -webkit-background-clip: text;\\r\\n            -webkit-text-fill-color: transparent;\\r\\n        }\\r\\n    <\\\/style>\\r\\n<\\\/head>\\r\\n\\r\\n<body class=\\\"text-slate-800 antialiased selection:bg-primary-500 selection:text-white bg-slate-50\\\">\\r\\n\\r\\n    <main>\\r\\n        <section class=\\\"relative bg-white pt-16 pb-40 lg:pt-24 lg:pb-52 overflow-hidden border-b border-slate-100\\\">\\r\\n            <!-- Background Glow Effects (Light Blue Theme) -->\\r\\n            <div class=\\\"absolute top-0 -left-4 w-96 h-96 bg-primary-200 rounded-full mix-blend-multiply filter blur-[128px] opacity-60 animate-blob\\\"><\\\/div>\\r\\n            <div class=\\\"absolute top-0 -right-4 w-96 h-96 bg-accent-100 rounded-full mix-blend-multiply filter blur-[128px] opacity-60 animate-blob animation-delay-2000\\\"><\\\/div>\\r\\n            <div class=\\\"absolute -bottom-8 left-20 w-96 h-96 bg-primary-100 rounded-full mix-blend-multiply filter blur-[128px] opacity-60 animate-blob animation-delay-4000\\\"><\\\/div>\\r\\n            \\r\\n            <!-- Grid Pattern -->\\r\\n            <div class=\\\"absolute inset-0 bg-[url('data:image\\\/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02MCAwaC0xdjYwaDFWME0wIDU5aDYwdjFIMFY1OXoiIGZpbGw9InJnYmEoMTQ4LDE2MywxODQsMC4wNSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4=')] opacity-50\\\"><\\\/div>\\r\\n\\r\\n            <div class=\\\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col lg:flex-row items-center gap-16\\\">\\r\\n                \\r\\n                <div class=\\\"lg:w-1\\\/2 z-10 text-center lg:text-left animate-fade-in-up\\\">\\r\\n                    <div class=\\\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-primary-50 border border-primary-100 text-primary-700 font-bold text-xs tracking-wider uppercase mb-8 shadow-sm\\\">\\r\\n                        <span class=\\\"w-2 h-2 rounded-full bg-primary-500 animate-pulse\\\"><\\\/span>\\r\\n                        Free Public Webinar\\r\\n                    <\\\/div>\\r\\n                    \\r\\n                    <h1 class=\\\"text-4xl md:text-6xl lg:text-7xl font-extrabold tracking-tight mb-6 leading-[1.1] text-slate-900\\\">\\r\\n                        Don't Guess, <br class=\\\"hidden md:block\\\" \\\/>\\r\\n                        <span class=\\\"text-transparent bg-clip-text bg-gradient-to-r from-primary-600 to-accent-500\\\">Test.<\\\/span>\\r\\n                    <\\\/h1>\\r\\n                    \\r\\n                    <h2 class=\\\"text-2xl md:text-3xl text-slate-800 font-bold mb-6\\\">\\r\\n                        Is Your Product Safe?\\r\\n                    <\\\/h2>\\r\\n                    \\r\\n                    <p class=\\\"text-lg text-slate-600 mb-10 max-w-xl mx-auto lg:mx-0 leading-relaxed font-medium\\\">\\r\\n                        Product Safety Assessment for Industry and Academia. Join our insightful session to understand why safety evaluation matters for regulatory readiness and market confidence.\\r\\n                    <\\\/p>\\r\\n                    \\r\\n                    <div class=\\\"flex flex-col sm:flex-row gap-4 justify-center lg:justify-start\\\">\\r\\n                        <a href=\\\"#register\\\" class=\\\"bg-primary-600 text-white px-8 py-4 rounded-xl font-bold text-lg transition duration-300 shadow-[0_10px_20px_rgba(37,99,235,0.2)] hover:shadow-[0_10px_30px_rgba(37,99,235,0.4)] hover:-translate-y-1 flex items-center justify-center gap-3\\\">\\r\\n                            Reserve Your Spot <i class=\\\"fa-solid fa-arrow-right\\\"><\\\/i>\\r\\n                        <\\\/a>\\r\\n                        <a href=\\\"#speakers\\\" class=\\\"bg-white text-primary-700 border border-slate-200 hover:bg-slate-50 hover:border-primary-300 px-8 py-4 rounded-xl font-bold text-lg transition duration-300 flex items-center justify-center gap-3 shadow-sm\\\">\\r\\n                            Meet the Speakers\\r\\n                        <\\\/a>\\r\\n                    <\\\/div>\\r\\n                <\\\/div>\\r\\n\\r\\n                <div class=\\\"lg:w-1\\\/2 w-full z-10 animate-fade-in-up flex justify-center lg:justify-end\\\" style=\\\"animation-delay: 0.2s;\\\">\\r\\n                    <div class=\\\"relative group perspective-1000 w-full max-w-lg animate-float\\\">\\r\\n                        <!-- Decorative element behind poster (Subtle glow) -->\\r\\n                        <div class=\\\"absolute -inset-1 bg-gradient-to-r from-primary-200 to-accent-200 rounded-[2rem] blur opacity-50 group-hover:opacity-100 transition duration-1000 group-hover:duration-200\\\"><\\\/div>\\r\\n                        \\r\\n                        <div class=\\\"relative rounded-[2rem] overflow-hidden shadow-2xl border border-slate-100 bg-white transform transition-all duration-500 group-hover:scale-[1.02]\\\">\\r\\n                            <img src=\\\"https:\\\/\\\/www.ukm.my\\\/makmal_bioserasi\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/IMG-20260713-WA0021-2.jpeg\\\" alt=\\\"Webinar Poster\\\" class=\\\"w-full h-auto object-cover\\\" onerror=\\\"this.src='https:\\\/\\\/placehold.co\\\/800x800\\\/eff6ff\\\/1e3a8a?text=Webinar+Poster'\\\">\\r\\n                            \\r\\n                            <!-- Hover Overlay - Light style -->\\r\\n                            <div class=\\\"absolute inset-0 bg-white\\\/90 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col items-center justify-center backdrop-blur-sm gap-4 p-6\\\">\\r\\n                                <a href=\\\"https:\\\/\\\/www.ukm.my\\\/makmal_bioserasi\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/IMG-20260713-WA0021-2.jpeg\\\" target=\\\"_blank\\\" class=\\\"w-full max-w-xs bg-primary-600 text-white px-6 py-3.5 rounded-xl font-bold shadow-lg hover:bg-primary-700 transition flex items-center justify-center gap-3\\\">\\r\\n                                    <i class=\\\"fa-solid fa-magnifying-glass-plus\\\"><\\\/i> View Full Poster\\r\\n                                <\\\/a>\\r\\n                                <a href=\\\"https:\\\/\\\/www.ukm.my\\\/makmal_bioserasi\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/IMG-20260713-WA0021-2.jpeg\\\" download class=\\\"w-full max-w-xs bg-primary-50 text-primary-700 border border-primary-200 px-6 py-3.5 rounded-xl font-bold shadow-sm hover:bg-primary-100 transition flex items-center justify-center gap-3\\\">\\r\\n                                    <i class=\\\"fa-solid fa-download\\\"><\\\/i> Download Image\\r\\n                                <\\\/a>\\r\\n                            <\\\/div>\\r\\n                        <\\\/div>\\r\\n                    <\\\/div>\\r\\n                <\\\/div>\\r\\n            <\\\/div>\\r\\n        <\\\/section>\\r\\n\\r\\n        <div class=\\\"relative z-20 -mt-20 max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\\\">\\r\\n            <div class=\\\"bg-white rounded-3xl p-6 md:p-8 shadow-[0_20px_50px_rgba(0,0,0,0.05)] border border-slate-100\\\">\\r\\n                <div class=\\\"grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8 divide-y md:divide-y-0 md:divide-x divide-slate-100\\\">\\r\\n                    \\r\\n                    <div class=\\\"flex items-center gap-5 p-2\\\">\\r\\n                        <div class=\\\"w-14 h-14 rounded-2xl bg-primary-50 flex items-center justify-center flex-shrink-0 border border-primary-100\\\">\\r\\n                            <i class=\\\"fa-regular fa-calendar-days text-2xl text-primary-600\\\"><\\\/i>\\r\\n                        <\\\/div>\\r\\n                        <div>\\r\\n                            <p class=\\\"text-xs font-bold text-primary-500 uppercase tracking-widest mb-1\\\">Date<\\\/p>\\r\\n                            <p class=\\\"font-bold text-slate-900 text-lg leading-tight\\\">12 August 2026<br><span class=\\\"text-slate-500 text-base font-medium\\\">(Wednesday)<\\\/span><\\\/p>\\r\\n                        <\\\/div>\\r\\n                    <\\\/div>\\r\\n                    \\r\\n                    <div class=\\\"flex items-center gap-5 p-2 pt-6 md:pt-2 md:pl-8\\\">\\r\\n                        <div class=\\\"w-14 h-14 rounded-2xl bg-accent-50 flex items-center justify-center flex-shrink-0 border border-accent-100\\\">\\r\\n                            <i class=\\\"fa-regular fa-clock text-2xl text-accent-600\\\"><\\\/i>\\r\\n                        <\\\/div>\\r\\n                        <div>\\r\\n                            <p class=\\\"text-xs font-bold text-primary-500 uppercase tracking-widest mb-1\\\">Time<\\\/p>\\r\\n                            <p class=\\\"font-bold text-slate-900 text-lg leading-tight\\\">10:00 AM<br><span class=\\\"text-slate-500 text-base font-medium\\\">to 11:30 AM<\\\/span><\\\/p>\\r\\n                        <\\\/div>\\r\\n                    <\\\/div>\\r\\n                    \\r\\n                    <div class=\\\"flex items-center gap-5 p-2 pt-6 md:pt-2 md:pl-8\\\">\\r\\n                        <div class=\\\"w-14 h-14 rounded-2xl bg-primary-50 flex items-center justify-center flex-shrink-0 border border-primary-100\\\">\\r\\n                            <i class=\\\"fa-solid fa-laptop-code text-2xl text-primary-600\\\"><\\\/i>\\r\\n                        <\\\/div>\\r\\n                        <div>\\r\\n                            <p class=\\\"text-xs font-bold text-primary-500 uppercase tracking-widest mb-1\\\">Platform<\\\/p>\\r\\n                            <p class=\\\"font-bold text-slate-900 text-lg leading-tight\\\">Online<br><span class=\\\"text-accent-600 text-base font-medium\\\">Virtual Webinar<\\\/span><\\\/p>\\r\\n                        <\\\/div>\\r\\n                    <\\\/div>\\r\\n\\r\\n                <\\\/div>\\r\\n            <\\\/div>\\r\\n        <\\\/div>\\r\\n\\r\\n        <section class=\\\"py-24 bg-slate-50 relative\\\">\\r\\n            <div class=\\\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\\\">\\r\\n                \\r\\n                <div class=\\\"text-center max-w-3xl mx-auto mb-16\\\">\\r\\n                    <h2 class=\\\"text-3xl md:text-5xl font-extrabold text-slate-900 tracking-tight mb-4\\\">What You Will Discover<\\\/h2>\\r\\n                    <p class=\\\"text-lg text-slate-600\\\">Essential knowledge for product safety and regulatory compliance.<\\\/p>\\r\\n                <\\\/div>\\r\\n\\r\\n                <div class=\\\"grid lg:grid-cols-2 gap-8 lg:gap-12\\\">\\r\\n                    \\r\\n                    <!-- Key Takeaways Card -->\\r\\n                    <div class=\\\"bg-white rounded-[2rem] p-8 md:p-12 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 relative overflow-hidden group border border-slate-100 shadow-md\\\">\\r\\n                        <div class=\\\"absolute top-0 right-0 w-32 h-32 bg-primary-50 rounded-bl-[100px] -z-10 transition-transform duration-500 group-hover:scale-110\\\"><\\\/div>\\r\\n                        \\r\\n                        <div class=\\\"relative z-10\\\">\\r\\n                            <div class=\\\"flex items-center gap-5 mb-10\\\">\\r\\n                                <div class=\\\"w-16 h-16 bg-primary-100 text-primary-600 rounded-2xl flex items-center justify-center text-3xl shadow-sm border border-primary-200\\\">\\r\\n                                    <i class=\\\"fa-solid fa-key\\\"><\\\/i>\\r\\n                                <\\\/div>\\r\\n                                <h3 class=\\\"text-2xl md:text-3xl font-bold text-slate-900\\\">Key Takeaways<\\\/h3>\\r\\n                            <\\\/div>\\r\\n                            <ul class=\\\"space-y-6\\\">\\r\\n                                <li class=\\\"flex items-start gap-4\\\">\\r\\n                                    <div class=\\\"w-8 h-8 rounded-full bg-primary-50 flex items-center justify-center flex-shrink-0 text-primary-600 border border-primary-100 mt-1\\\">\\r\\n                                        <i class=\\\"fa-solid fa-check text-sm\\\"><\\\/i>\\r\\n                                    <\\\/div>\\r\\n                                    <span class=\\\"text-slate-700 text-lg font-medium pt-1\\\">Why safety assessment matters<\\\/span>\\r\\n                                <\\\/li>\\r\\n                                <li class=\\\"flex items-start gap-4\\\">\\r\\n                                    <div class=\\\"w-8 h-8 rounded-full bg-primary-50 flex items-center justify-center flex-shrink-0 text-primary-600 border border-primary-100 mt-1\\\">\\r\\n                                        <i class=\\\"fa-solid fa-check text-sm\\\"><\\\/i>\\r\\n                                    <\\\/div>\\r\\n                                    <span class=\\\"text-slate-700 text-lg font-medium pt-1\\\">Common testing approaches across industries<\\\/span>\\r\\n                                <\\\/li>\\r\\n                                <li class=\\\"flex items-start gap-4\\\">\\r\\n                                    <div class=\\\"w-8 h-8 rounded-full bg-primary-50 flex items-center justify-center flex-shrink-0 text-primary-600 border border-primary-100 mt-1\\\">\\r\\n                                        <i class=\\\"fa-solid fa-check text-sm\\\"><\\\/i>\\r\\n                                    <\\\/div>\\r\\n                                    <span class=\\\"text-slate-700 text-lg font-medium pt-1\\\">Regulatory & quality considerations<\\\/span>\\r\\n                                <\\\/li>\\r\\n                                <li class=\\\"flex items-start gap-4\\\">\\r\\n                                    <div class=\\\"w-8 h-8 rounded-full bg-primary-50 flex items-center justify-center flex-shrink-0 text-primary-600 border border-primary-100 mt-1\\\">\\r\\n                                        <i class=\\\"fa-solid fa-check text-sm\\\"><\\\/i>\\r\\n                                    <\\\/div>\\r\\n                                    <span class=\\\"text-slate-700 text-lg font-medium pt-1\\\">Role of accredited labs & OECD GLP<\\\/span>\\r\\n                                <\\\/li>\\r\\n                                <li class=\\\"flex items-start gap-4\\\">\\r\\n                                    <div class=\\\"w-8 h-8 rounded-full bg-primary-50 flex items-center justify-center flex-shrink-0 text-primary-600 border border-primary-100 mt-1\\\">\\r\\n                                        <i class=\\\"fa-solid fa-check text-sm\\\"><\\\/i>\\r\\n                                    <\\\/div>\\r\\n                                    <span class=\\\"text-slate-700 text-lg font-medium pt-1\\\">Early safety assessment reduces risk<\\\/span>\\r\\n                                <\\\/li>\\r\\n                            <\\\/ul>\\r\\n                        <\\\/div>\\r\\n                    <\\\/div>\\r\\n\\r\\n                    <!-- Who Should Attend Card -->\\r\\n                    <div class=\\\"bg-white rounded-[2rem] p-8 md:p-12 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 relative overflow-hidden group border border-slate-100 shadow-md\\\">\\r\\n                        <div class=\\\"absolute top-0 right-0 w-32 h-32 bg-accent-50 rounded-bl-[100px] -z-10 transition-transform duration-500 group-hover:scale-110\\\"><\\\/div>\\r\\n                        \\r\\n                        <div class=\\\"relative z-10\\\">\\r\\n                            <div class=\\\"flex items-center gap-5 mb-10\\\">\\r\\n                                <div class=\\\"w-16 h-16 bg-accent-100 text-accent-600 rounded-2xl flex items-center justify-center text-3xl shadow-sm border border-accent-200\\\">\\r\\n                                    <i class=\\\"fa-solid fa-user-group\\\"><\\\/i>\\r\\n                                <\\\/div>\\r\\n                                <h3 class=\\\"text-2xl md:text-3xl font-bold text-slate-900\\\">Who Should Attend?<\\\/h3>\\r\\n                            <\\\/div>\\r\\n                            <ul class=\\\"space-y-6\\\">\\r\\n                                <li class=\\\"flex items-start gap-4\\\">\\r\\n                                    <div class=\\\"w-8 h-8 rounded-full bg-accent-50 flex items-center justify-center flex-shrink-0 text-accent-600 border border-accent-100 mt-1\\\">\\r\\n                                        <i class=\\\"fa-solid fa-arrow-right text-sm\\\"><\\\/i>\\r\\n                                    <\\\/div>\\r\\n                                    <span class=\\\"text-slate-700 text-lg font-medium pt-1\\\">Product owners & manufacturers<\\\/span>\\r\\n                                <\\\/li>\\r\\n                                <li class=\\\"flex items-start gap-4\\\">\\r\\n                                    <div class=\\\"w-8 h-8 rounded-full bg-accent-50 flex items-center justify-center flex-shrink-0 text-accent-600 border border-accent-100 mt-1\\\">\\r\\n                                        <i class=\\\"fa-solid fa-arrow-right text-sm\\\"><\\\/i>\\r\\n                                    <\\\/div>\\r\\n                                    <span class=\\\"text-slate-700 text-lg font-medium pt-1\\\">Medical device, cosmetic, supplement, pharmaceutical & biotech companies<\\\/span>\\r\\n                                <\\\/li>\\r\\n                                <li class=\\\"flex items-start gap-4\\\">\\r\\n                                    <div class=\\\"w-8 h-8 rounded-full bg-accent-50 flex items-center justify-center flex-shrink-0 text-accent-600 border border-accent-100 mt-1\\\">\\r\\n                                        <i class=\\\"fa-solid fa-arrow-right text-sm\\\"><\\\/i>\\r\\n                                    <\\\/div>\\r\\n                                    <span class=\\\"text-slate-700 text-lg font-medium pt-1\\\">Agrochemical & pesticide companies<\\\/span>\\r\\n                                <\\\/li>\\r\\n                                <li class=\\\"flex items-start gap-4\\\">\\r\\n                                    <div class=\\\"w-8 h-8 rounded-full bg-accent-50 flex items-center justify-center flex-shrink-0 text-accent-600 border border-accent-100 mt-1\\\">\\r\\n                                        <i class=\\\"fa-solid fa-arrow-right text-sm\\\"><\\\/i>\\r\\n                                    <\\\/div>\\r\\n                                    <span class=\\\"text-slate-700 text-lg font-medium pt-1\\\">Researchers & postgraduate students<\\\/span>\\r\\n                                <\\\/li>\\r\\n                                <li class=\\\"flex items-start gap-4\\\">\\r\\n                                    <div class=\\\"w-8 h-8 rounded-full bg-accent-50 flex items-center justify-center flex-shrink-0 text-accent-600 border border-accent-100 mt-1\\\">\\r\\n                                        <i class=\\\"fa-solid fa-arrow-right text-sm\\\"><\\\/i>\\r\\n                                    <\\\/div>\\r\\n                                    <span class=\\\"text-slate-700 text-lg font-medium pt-1\\\">QA, R&D, regulatory affairs & product development professionals<\\\/span>\\r\\n                                <\\\/li>\\r\\n                            <\\\/ul>\\r\\n                        <\\\/div>\\r\\n                    <\\\/div>\\r\\n\\r\\n                <\\\/div>\\r\\n            <\\\/div>\\r\\n        <\\\/section>\\r\\n\\r\\n        <section id=\\\"speakers\\\" class=\\\"py-24 bg-white relative border-t border-slate-100\\\">\\r\\n            <div class=\\\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\\\">\\r\\n                <div class=\\\"text-center max-w-3xl mx-auto mb-16\\\">\\r\\n                    <h2 class=\\\"text-3xl md:text-5xl font-extrabold text-slate-900 tracking-tight mb-4\\\">Meet the Experts<\\\/h2>\\r\\n                <\\\/div>\\r\\n                \\r\\n                <div class=\\\"grid lg:grid-cols-2 gap-8 max-w-5xl mx-auto\\\">\\r\\n                    \\r\\n                    <div class=\\\"group bg-slate-50 rounded-3xl p-6 sm:p-8 hover:shadow-xl hover:bg-white hover:border-primary-200 border border-transparent transition-all duration-300 flex flex-col sm:flex-row items-center sm:items-start gap-6 sm:gap-8\\\">\\r\\n                        <div class=\\\"relative w-32 h-32 sm:w-40 sm:h-40 flex-shrink-0 rounded-full p-1 bg-gradient-to-br from-primary-300 to-primary-500 group-hover:rotate-6 transition-transform duration-500 shadow-md\\\">\\r\\n                            <img src=\\\"https:\\\/\\\/www.ukm.my\\\/makmal_bioserasi\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/DR-EL-7-1.webp\\\" alt=\\\"Dr. Siew Ee Ling\\\" class=\\\"w-full h-full object-cover rounded-full border-4 border-white\\\">\\r\\n                        <\\\/div>\\r\\n                        <div class=\\\"text-center sm:text-left pt-2\\\">\\r\\n                            <div class=\\\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-primary-100 text-primary-700 text-xs font-bold uppercase tracking-wider mb-3\\\">\\r\\n                                <i class=\\\"fa-solid fa-microphone\\\"><\\\/i> Speaker\\r\\n                            <\\\/div>\\r\\n                            <h3 class=\\\"text-2xl font-extrabold text-slate-900 mb-1\\\">Dr. Siew Ee Ling<\\\/h3>\\r\\n                            <p class=\\\"text-primary-600 font-bold mb-3\\\">Laboratory Director,<br>Makmal Bioserasi ALAF-UKM<\\\/p>\\r\\n                            \\r\\n                        <\\\/div>\\r\\n                    <\\\/div>\\r\\n\\r\\n                    <div class=\\\"group bg-slate-50 rounded-3xl p-6 sm:p-8 hover:shadow-xl hover:bg-white hover:border-accent-200 border border-transparent transition-all duration-300 flex flex-col sm:flex-row items-center sm:items-start gap-6 sm:gap-8\\\">\\r\\n                        <div class=\\\"relative w-32 h-32 sm:w-40 sm:h-40 flex-shrink-0 rounded-full p-1 bg-gradient-to-br from-accent-300 to-accent-500 group-hover:-rotate-6 transition-transform duration-500 shadow-md\\\">\\r\\n                            <img src=\\\"https:\\\/\\\/www.ukm.my\\\/makmal_bioserasi\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/MIMI-2-1.webp\\\" alt=\\\"Ts Mimi Norhilda\\\" class=\\\"w-full h-full object-cover rounded-full border-4 border-white\\\">\\r\\n                        <\\\/div>\\r\\n                        <div class=\\\"text-center sm:text-left pt-2\\\">\\r\\n                            <div class=\\\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-accent-100 text-accent-700 text-xs font-bold uppercase tracking-wider mb-3\\\">\\r\\n                                <i class=\\\"fa-solid fa-comments\\\"><\\\/i> Moderator\\r\\n                            <\\\/div>\\r\\n                            <h3 class=\\\"text-2xl font-extrabold text-slate-900 mb-1\\\">Ts Mimi Norhilda Mohd Hatta<\\\/h3>\\r\\n                            <p class=\\\"text-accent-600 font-bold mb-3\\\">Head Technical Unit,<br>Makmal Bioserasi ALAF-UKM<\\\/p>\\r\\n                           \\r\\n                        <\\\/div>\\r\\n                    <\\\/div>\\r\\n\\r\\n                <\\\/div>\\r\\n            <\\\/div>\\r\\n        <\\\/section>\\r\\n\\r\\n        <section id=\\\"register\\\" class=\\\"py-24 relative overflow-hidden bg-primary-50\\\">\\r\\n            <!-- Dynamic Background -->\\r\\n            <div class=\\\"absolute inset-0 bg-[url('https:\\\/\\\/www.transparenttextures.com\\\/patterns\\\/cubes.png')] opacity-10\\\"><\\\/div>\\r\\n            <div class=\\\"absolute top-1\\\/2 left-1\\\/2 -translate-x-1\\\/2 -translate-y-1\\\/2 w-[800px] h-[800px] bg-primary-200 rounded-full mix-blend-multiply filter blur-[150px] opacity-40\\\"><\\\/div>\\r\\n            \\r\\n            <div class=\\\"relative z-10 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center\\\">\\r\\n                <h2 class=\\\"text-3xl md:text-5xl font-extrabold text-slate-900 mb-6 tracking-tight\\\">Secure Your Spot Today<\\\/h2>\\r\\n                <p class=\\\"text-slate-600 mb-12 text-lg md:text-xl font-medium\\\">Limited seats available. Scan the QR code or click below to register.<\\\/p>\\r\\n                \\r\\n                <div class=\\\"bg-white rounded-3xl p-8 md:p-12 max-w-xl mx-auto shadow-2xl shadow-primary-900\\\/5 border border-primary-100\\\">\\r\\n                    <div class=\\\"bg-slate-50 p-4 rounded-2xl inline-block mb-6 shadow-inner border border-slate-100 transform hover:scale-105 transition-transform duration-300\\\">\\r\\n                        <!-- Use poster's QR format -->\\r\\n                        <img src=\\\"https:\\\/\\\/api.qrserver.com\\\/v1\\\/create-qr-code\\\/?size=180x180&data=https:\\\/\\\/shorturl.at\\\/duOCs\\\" alt=\\\"QR Code to Register\\\" class=\\\"rounded-xl mix-blend-multiply\\\">\\r\\n                    <\\\/div>\\r\\n                    <div class=\\\"flex items-center justify-center gap-2 mb-6\\\">\\r\\n                        <div class=\\\"h-px w-12 bg-slate-200\\\"><\\\/div>\\r\\n                        <span class=\\\"text-slate-400 text-sm font-bold uppercase tracking-widest\\\">OR<\\\/span>\\r\\n                        <div class=\\\"h-px w-12 bg-slate-200\\\"><\\\/div>\\r\\n                    <\\\/div>\\r\\n                    <a href=\\\"https:\\\/\\\/shorturl.at\\\/duOCs\\\" target=\\\"_blank\\\" class=\\\"group relative flex w-full justify-center py-4 px-4 border border-transparent text-lg font-bold rounded-xl text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 transition-all duration-300 shadow-[0_10px_20px_rgba(37,99,235,0.2)]\\\">\\r\\n                        Register via Link <i class=\\\"fa-solid fa-arrow-up-right-from-square ml-2 mt-1\\\"><\\\/i>\\r\\n                    <\\\/a>\\r\\n                <\\\/div>\\r\\n            <\\\/div>\\r\\n        <\\\/section>\\r\\n    <\\\/main>\\r\\n\\r\\n<\\\/body>\\r\\n<\\\/html>\",\"eael_custom_cursor_svg_code\":\"<svg xmlns=\\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\" xmlns:xlink=\\\"http:\\\/\\\/www.w3.org\\\/1999\\\/xlink\\\" version=\\\"1.0\\\" id=\\\"Layer_1\\\" width=\\\"100\\\" height=\\\"100\\\" viewBox=\\\"0 0 64 64\\\" enable-background=\\\"new 0 0 64 64\\\" xml:space=\\\"preserve\\\"><g><path fill=\\\"#F76D57\\\" d=\\\"M32,52.789l-12-18C18.5,32,16,28.031,16,24c0-8.836,7.164-16,16-16s16,7.164,16,16   c0,4.031-2.055,8-4,10.789L32,52.789z\\\"\\\/><g><path fill=\\\"#394240\\\" d=\\\"M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.051,0.094,0.059,0.199,0.117,0.289    l16,24C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289    C54.289,34.008,56,29.219,56,24C56,10.746,45.254,0,32,0z M44,34.789l-12,18l-12-18C18.5,32,16,28.031,16,24    c0-8.836,7.164-16,16-16s16,7.164,16,16C48,28.031,45.945,32,44,34.789z\\\"\\\/><circle fill=\\\"#394240\\\" cx=\\\"32\\\" cy=\\\"24\\\" r=\\\"8\\\"\\\/><\\\/g><\\\/g><\\\/svg>\",\"eael_custom_cursor_svg_code_pointer\":\"<svg xmlns=\\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\" xmlns:xlink=\\\"http:\\\/\\\/www.w3.org\\\/1999\\\/xlink\\\" version=\\\"1.0\\\" id=\\\"Layer_1\\\" width=\\\"100\\\" height=\\\"100\\\" viewBox=\\\"0 0 64 64\\\" enable-background=\\\"new 0 0 64 64\\\" xml:space=\\\"preserve\\\"><g><path fill=\\\"#F76D57\\\" d=\\\"M32,52.789l-12-18C18.5,32,16,28.031,16,24c0-8.836,7.164-16,16-16s16,7.164,16,16   c0,4.031-2.055,8-4,10.789L32,52.789z\\\"\\\/><g><path fill=\\\"#394240\\\" d=\\\"M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.051,0.094,0.059,0.199,0.117,0.289    l16,24C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289    C54.289,34.008,56,29.219,56,24C56,10.746,45.254,0,32,0z M44,34.789l-12,18l-12-18C18.5,32,16,28.031,16,24    c0-8.836,7.164-16,16-16s16,7.164,16,16C48,28.031,45.945,32,44,34.789z\\\"\\\/><circle fill=\\\"#394240\\\" cx=\\\"32\\\" cy=\\\"24\\\" r=\\\"8\\\"\\\/><\\\/g><\\\/g><\\\/svg>\",\"eael_cursor_snowflake_emojis\":\"\\u2744\\ufe0f\",\"eael_tooltip_section_content\":\"I am a tooltip\",\"eael_ext_content_protection_password_placeholder\":\"Enter Password\",\"eael_ext_content_protection_password_submit_btn_txt\":\"Submit\",\"eael_ext_content_protection_password_incorrect_message\":\"Password does not match.\",\"eael_cl_logics\":[{\"_id\":\"9a6f199\",\"dynamic_field_custom_separator\":\"|\"}],\"ep_widget_cf_colors\":\"#D30C5C, #0EBCDC, #EAED41, #ED5A78, #DF33DF\",\"ep_widget_cf_shapes\":\"square|circle\",\"ep_widget_cf_shapes_emoji\":\"\\ud83c\\udf83|\\ud83c\\udf84|\\ud83d\\udc9c\",\"ep_widget_cf_shapes_svg\":\"M167 72c19,-38 37,-56 75,-56 42,0 76,33 76,75 0,76 -76,151 -151,227 -76,-76 -151,-151 -151,-227 0,-42 33,-75 75,-75 38,0 57,18 76,56z|M120 240c-41,14 -91,18 -120,1 29,-10 57,-22 81,-40 -18,2 -37,3 -55,-3 25,-14 48,-30 66,-51 -11,5 -26,8 -45,7 20,-14 40,-30 57,-49 -13,1 -26,2 -38,-1 18,-11 35,-25 51,-43 -13,3 -24,5 -35,6 21,-19 40,-41 53,-67 14,26 32,48 54,67 -11,-1 -23,-3 -35,-6 15,18 32,32 51,43 -13,3 -26,2 -38,1 17,19 36,35 56,49 -19,1 -33,-2 -45,-7 19,21 42,37 67,51 -19,6 -37,5 -56,3 25,18 53,30 82,40 -30,17 -79,13 -120,-1l0 41 -31 0 0 -41z|M449.4 142c-5 0-10 .3-15 1a183 183 0 0 0-66.9-19.1V87.5a17.5 17.5 0 1 0-35 0v36.4a183 183 0 0 0-67 19c-4.9-.6-9.9-1-14.8-1C170.3 142 105 219.6 105 315s65.3 173 145.7 173c5 0 10-.3 14.8-1a184.7 184.7 0 0 0 169 0c4.9.7 9.9 1 14.9 1 80.3 0 145.6-77.6 145.6-173s-65.3-173-145.7-173zm-220 138 27.4-40.4a11.6 11.6 0 0 1 16.4-2.7l54.7 40.3a11.3 11.3 0 0 1-7 20.3H239a11.3 11.3 0 0 1-9.6-17.5zM444 383.8l-43.7 17.5a17.7 17.7 0 0 1-13 0l-37.3-15-37.2 15a17.8 17.8 0 0 1-13 0L256 383.8a17.5 17.5 0 0 1 13-32.6l37.3 15 37.2-15c4.2-1.6 8.8-1.6 13 0l37.3 15 37.2-15a17.5 17.5 0 0 1 13 32.6zm17-86.3h-82a11.3 11.3 0 0 1-6.9-20.4l54.7-40.3a11.6 11.6 0 0 1 16.4 2.8l27.4 40.4a11.3 11.3 0 0 1-9.6 17.5z\",\"ep_notation_list\":[{\"_id\":\"3bb50e8\",\"ep_notation_bracket_on\":\"left,right\"}],\"ep_ripple_custom_selector\":\"#my-header\",\"ep_sound_effects_element_selector\":\"my-header\",\"element_pack_widget_tooltip_text\":\"This is Tooltip\",\"ep_display_conditions\":[],\"ep_parallax_effects_transition_for\":\"all\",\"ep_parallax_effects_transition_duration\":\"100\",\"ep_parallax_effects_transition_easing\":\"linear\",\"element_pack_widget_effect_transition_duration\":\"300\",\"element_pack_widget_effect_transition_easing\":\"ease-out\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false}],\"isInner\":false}]","_elementor_page_settings":{"ep_grid_line_columns":"","eael_ext_toc_title":"Table of Contents","eael_custom_cursor_svg_code":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.0\" id=\"Layer_1\" width=\"100\" height=\"100\" viewBox=\"0 0 64 64\" enable-background=\"new 0 0 64 64\" xml:space=\"preserve\"><g><path fill=\"#F76D57\" d=\"M32,52.789l-12-18C18.5,32,16,28.031,16,24c0-8.836,7.164-16,16-16s16,7.164,16,16   c0,4.031-2.055,8-4,10.789L32,52.789z\"\/><g><path fill=\"#394240\" d=\"M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.051,0.094,0.059,0.199,0.117,0.289    l16,24C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289    C54.289,34.008,56,29.219,56,24C56,10.746,45.254,0,32,0z M44,34.789l-12,18l-12-18C18.5,32,16,28.031,16,24    c0-8.836,7.164-16,16-16s16,7.164,16,16C48,28.031,45.945,32,44,34.789z\"\/><circle fill=\"#394240\" cx=\"32\" cy=\"24\" r=\"8\"\/><\/g><\/g><\/svg>","eael_custom_cursor_svg_code_pointer":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" version=\"1.0\" id=\"Layer_1\" width=\"100\" height=\"100\" viewBox=\"0 0 64 64\" enable-background=\"new 0 0 64 64\" xml:space=\"preserve\"><g><path fill=\"#F76D57\" d=\"M32,52.789l-12-18C18.5,32,16,28.031,16,24c0-8.836,7.164-16,16-16s16,7.164,16,16   c0,4.031-2.055,8-4,10.789L32,52.789z\"\/><g><path fill=\"#394240\" d=\"M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.051,0.094,0.059,0.199,0.117,0.289    l16,24C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289    C54.289,34.008,56,29.219,56,24C56,10.746,45.254,0,32,0z M44,34.789l-12,18l-12-18C18.5,32,16,28.031,16,24    c0-8.836,7.164-16,16-16s16,7.164,16,16C48,28.031,45.945,32,44,34.789z\"\/><circle fill=\"#394240\" cx=\"32\" cy=\"24\" r=\"8\"\/><\/g><\/g><\/svg>","eael_cursor_snowflake_emojis":"\u2744\ufe0f"},"_elementor_conditions":[]},"class_list":["post-11126","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ukm.my\/makmal_bioserasi\/wp-json\/wp\/v2\/pages\/11126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ukm.my\/makmal_bioserasi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ukm.my\/makmal_bioserasi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/makmal_bioserasi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ukm.my\/makmal_bioserasi\/wp-json\/wp\/v2\/comments?post=11126"}],"version-history":[{"count":7,"href":"https:\/\/www.ukm.my\/makmal_bioserasi\/wp-json\/wp\/v2\/pages\/11126\/revisions"}],"predecessor-version":[{"id":11134,"href":"https:\/\/www.ukm.my\/makmal_bioserasi\/wp-json\/wp\/v2\/pages\/11126\/revisions\/11134"}],"wp:attachment":[{"href":"https:\/\/www.ukm.my\/makmal_bioserasi\/wp-json\/wp\/v2\/media?parent=11126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}