{"id":601,"date":"2026-09-08T15:51:39","date_gmt":"2026-09-08T07:51:39","guid":{"rendered":"https:\/\/humens.umpsa.my\/2027\/?page_id=601"},"modified":"2026-09-11T15:38:46","modified_gmt":"2026-09-11T07:38:46","slug":"home","status":"publish","type":"page","link":"https:\/\/humens.umpsa.my\/2027\/","title":{"rendered":"Home"},"content":{"rendered":"\n<section class=\"humens-hero-v2\">\n\n<style>\n.humens-hero-v2{\n    position:relative;\n    min-height:650px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    overflow:hidden;\n    background:\n        linear-gradient(\n            135deg,\n            rgba(7,34,57,.94) 0%,\n            rgba(18,59,99,.82) 55%,\n            rgba(0,166,178,.38) 100%\n        ),\n        url(\"http:\/\/humens.umpsa.my\/2027\/wp-content\/uploads\/2026\/09\/hero-humens.jpeg\") center center \/ cover no-repeat;\n    color:#fff;\n    text-align:center;\n}\n\n.humens-hero-v2 *{\n    box-sizing:border-box;\n}\n\n.humens-hero-v2-inner{\n    position:relative;\n    z-index:2;\n    width:100%;\n    max-width:1000px;\n    padding:70px 30px;\n    margin:0 auto;\n}\n\n.humens-hero-v2-eyebrow{\n    font-size:16px;\n    font-weight:700;\n    letter-spacing:4px;\n    text-transform:uppercase;\n    color:#fff;\n    margin-bottom:20px;\n}\n\n.humens-hero-v2 h1{\n    margin:0;\n    padding:0;\n    color:#fff;\n    font-size:72px;\n    line-height:1;\n    font-weight:800;\n    letter-spacing:-2px;\n}\n\n.humens-hero-v2 h1 span{\n    color:#00c1cc;\n}\n\n.humens-hero-v2-theme{\n    max-width:850px;\n    margin:28px auto 0;\n    color:#fff;\n    font-size:27px;\n    line-height:1.4;\n    font-weight:500;\n}\n\n.humens-hero-v2-divider{\n    width:90px;\n    height:4px;\n    background:#00c1cc;\n    margin:30px auto;\n}\n\n.humens-hero-v2-date{\n    font-size:25px;\n    font-weight:800;\n    letter-spacing:3px;\n    color:#fff;\n    margin-bottom:10px;\n}\n\n.humens-hero-v2-venue{\n    font-size:18px;\n    line-height:1.6;\n    color:rgba(255,255,255,.88);\n}\n\n.humens-hero-v2-buttons{\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    gap:15px;\n    margin-top:38px;\n    flex-wrap:wrap;\n}\n\n.humens-hero-v2-button{\n    display:inline-block;\n    min-width:190px;\n    padding:15px 27px;\n    border-radius:4px;\n    text-decoration:none !important;\n    font-size:16px;\n    font-weight:800;\n    letter-spacing:.5px;\n    transition:all .2s ease;\n}\n\n.humens-hero-v2-primary{\n    background:#00a6b2;\n    color:#fff !important;\n    border:2px solid #00a6b2;\n}\n\n.humens-hero-v2-primary:hover{\n    background:#fff;\n    border-color:#fff;\n    color:#123b63 !important;\n}\n\n.humens-hero-v2-secondary{\n    background:transparent;\n    color:#fff !important;\n    border:2px solid rgba(255,255,255,.85);\n}\n\n.humens-hero-v2-secondary:hover{\n    background:#fff;\n    color:#123b63 !important;\n    border-color:#fff;\n}\n\n\n\/* subtle bottom fade *\/\n.humens-hero-v2:after{\n    content:\"\";\n    position:absolute;\n    left:0;\n    right:0;\n    bottom:0;\n    height:70px;\n    background:linear-gradient(\n        to bottom,\n        transparent,\n        rgba(7,34,57,.22)\n    );\n    pointer-events:none;\n}\n\n\n\/* TABLET *\/\n\n@media(max-width:800px){\n\n    .humens-hero-v2{\n        min-height:590px;\n    }\n\n    .humens-hero-v2-inner{\n        padding:60px 25px;\n    }\n\n    .humens-hero-v2 h1{\n        font-size:56px;\n    }\n\n    .humens-hero-v2-theme{\n        font-size:23px;\n    }\n\n    .humens-hero-v2-date{\n        font-size:22px;\n    }\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:520px){\n\n    .humens-hero-v2{\n        min-height:600px;\n    }\n\n    .humens-hero-v2-inner{\n        padding:50px 20px;\n    }\n\n    .humens-hero-v2-eyebrow{\n        font-size:13px;\n        letter-spacing:2.5px;\n        margin-bottom:16px;\n    }\n\n    .humens-hero-v2 h1{\n        font-size:44px;\n        letter-spacing:-1px;\n    }\n\n    .humens-hero-v2-theme{\n        font-size:20px;\n        line-height:1.45;\n        margin-top:22px;\n    }\n\n    .humens-hero-v2-divider{\n        margin:24px auto;\n    }\n\n    .humens-hero-v2-date{\n        font-size:19px;\n        letter-spacing:2px;\n    }\n\n    .humens-hero-v2-venue{\n        font-size:16px;\n    }\n\n    .humens-hero-v2-buttons{\n        margin-top:30px;\n        flex-direction:column;\n    }\n\n    .humens-hero-v2-button{\n        width:100%;\n        max-width:260px;\n    }\n}\n<\/style>\n\n\n<div class=\"humens-hero-v2\">\n\n    <div class=\"humens-hero-v2-inner\">\n\n        <div class=\"humens-hero-v2-eyebrow\">\n            Human Engineering Symposium\n        <\/div>\n\n        <h1>\n            HUMENS <span>2027<\/span>\n        <\/h1>\n\n        <div class=\"humens-hero-v2-theme\">\n            Engineering Human Potential Through Intelligent Technologies\n        <\/div>\n\n        <div class=\"humens-hero-v2-divider\"><\/div>\n\n        <div class=\"humens-hero-v2-date\">\n            13 APRIL 2027\n        <\/div>\n\n        <div class=\"humens-hero-v2-venue\">\n            Perpustakaan UMPSA Kampus Pekan<br>\n            Pahang, Malaysia\n        <\/div>\n\n        <div class=\"humens-hero-v2-buttons\">\n\n            <a\n                href=\"\/2027\/call-for-papers\/\"\n                class=\"humens-hero-v2-button humens-hero-v2-primary\"\n            >\n                SUBMIT PAPER\n            <\/a>\n\n            <a\n                href=\"\/2027\/registration\/\"\n                class=\"humens-hero-v2-button humens-hero-v2-secondary\"\n            >\n                REGISTER NOW\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     HUMENS 2027 \u2014 ABOUT SECTION\n     ========================================================= -->\n\n<section class=\"humens-about\">\n\n    <div class=\"humens-about-container\">\n\n        <!-- LEFT SIDE -->\n\n        <div class=\"humens-about-intro\">\n\n            <div class=\"humens-about-label\">\n                ABOUT HUMENS 2027\n            <\/div>\n\n            <h2>\n                Engineering Human Potential\n                <span>Through Intelligent Technologies<\/span>\n            <\/h2>\n\n            <div class=\"humens-about-line\"><\/div>\n\n        <\/div>\n\n\n        <!-- RIGHT SIDE -->\n\n        <div class=\"humens-about-content\">\n\n            <p class=\"humens-about-lead\">\n                HUMENS 2027 is a platform for researchers, academics,\n                students and industry practitioners to present research\n                findings, exchange knowledge and explore emerging\n                developments in Human Engineering.\n            <\/p>\n\n            <p>\n                The symposium brings together multidisciplinary perspectives\n                across biomechanics, human performance, ergonomics,\n                rehabilitation, instrumentation, sensors, sports engineering,\n                artificial intelligence and data-driven technologies.\n            <\/p>\n\n            <p>\n                Through research presentations, knowledge exchange and\n                collaboration, HUMENS 2027 aims to advance the understanding\n                and application of technologies designed around human\n                performance, health and wellbeing.\n            <\/p>\n\n            <a href=\"#conference-tracks\" class=\"humens-about-button\">\n                EXPLORE CONFERENCE TRACKS\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   HUMENS 2027 \u2014 ABOUT SECTION\n   ========================================================= *\/\n\n.humens-about {\n    position: relative;\n\n    padding: 90px 30px;\n\n    background: #f5f7f9;\n\n    color: #123b63;\n}\n\n\n\/* MAIN CONTAINER *\/\n\n.humens-about-container {\n    width: 100%;\n    max-width: 1100px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns: 0.9fr 1.4fr;\n\n    gap: 80px;\n\n    align-items: start;\n}\n\n\n\/* =========================================================\n   LEFT SIDE\n   ========================================================= *\/\n\n.humens-about-intro {\n    padding-top: 5px;\n}\n\n\n\/* SMALL LABEL *\/\n\n.humens-about-label {\n    margin-bottom: 18px;\n\n    font-size: 12px;\n    line-height: 1.4;\n\n    font-weight: 700;\n\n    letter-spacing: 2.5px;\n\n    color: #00a6b2;\n}\n\n\n\/* HEADING *\/\n\n.humens-about-intro h2 {\n    margin: 0;\n\n    padding: 0;\n\n    font-size: 36px;\n    line-height: 1.2;\n\n    font-weight: 700;\n\n    letter-spacing: -0.5px;\n\n    color: #123b63;\n}\n\n\n\/* ACCENT PART OF HEADING *\/\n\n.humens-about-intro h2 span {\n    display: block;\n\n    margin-top: 6px;\n\n    color: #00a6b2;\n}\n\n\n\/* DECORATIVE LINE *\/\n\n.humens-about-line {\n    width: 55px;\n    height: 3px;\n\n    margin-top: 28px;\n\n    background: #00a6b2;\n}\n\n\n\/* =========================================================\n   RIGHT SIDE\n   ========================================================= *\/\n\n.humens-about-content {\n    max-width: 680px;\n}\n\n\n\/* LEAD PARAGRAPH *\/\n\n.humens-about-lead {\n    margin: 0 0 22px 0;\n\n    font-size: 20px;\n    line-height: 1.65;\n\n    font-weight: 400;\n\n    color: #123b63;\n}\n\n\n\/* NORMAL PARAGRAPHS *\/\n\n.humens-about-content p:not(.humens-about-lead) {\n    margin: 0 0 18px 0;\n\n    font-size: 15px;\n    line-height: 1.8;\n\n    color: #526579;\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n\n.humens-about-button {\n    display: inline-block;\n\n    margin-top: 14px;\n\n    padding: 14px 24px;\n\n    background: #123b63;\n\n    border: 2px solid #123b63;\n\n    border-radius: 3px;\n\n    color: #ffffff !important;\n\n    font-size: 11px;\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.8px;\n\n    text-decoration: none !important;\n\n    transition:\n        background 0.2s ease,\n        border-color 0.2s ease,\n        transform 0.2s ease;\n}\n\n\n.humens-about-button:hover {\n    background: #00a6b2;\n\n    border-color: #00a6b2;\n\n    color: #ffffff !important;\n\n    transform: translateY(-2px);\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .humens-about {\n        padding: 70px 25px;\n    }\n\n\n    .humens-about-container {\n        grid-template-columns: 1fr;\n\n        gap: 40px;\n    }\n\n\n    .humens-about-intro h2 {\n        font-size: 34px;\n    }\n\n\n    .humens-about-content {\n        max-width: none;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .humens-about {\n        padding: 55px 20px;\n    }\n\n\n    .humens-about-container {\n        gap: 30px;\n    }\n\n\n    .humens-about-label {\n        font-size: 11px;\n\n        letter-spacing: 2px;\n    }\n\n\n    .humens-about-intro h2 {\n        font-size: 29px;\n\n        line-height: 1.25;\n    }\n\n\n    .humens-about-lead {\n        font-size: 18px;\n\n        line-height: 1.6;\n    }\n\n\n    .humens-about-content p:not(.humens-about-lead) {\n        font-size: 14px;\n\n        line-height: 1.75;\n    }\n\n\n    .humens-about-button {\n        font-size: 10px;\n\n        padding: 13px 20px;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     HUMENS 2027 \u2014 CONFERENCE TRACKS\n     ========================================================= -->\n\n<section id=\"conference-tracks\" class=\"humens-tracks\">\n\n    <div class=\"humens-tracks-container\">\n\n        <!-- SECTION HEADER -->\n\n        <div class=\"humens-tracks-header\">\n\n            <div class=\"humens-tracks-label\">\n                RESEARCH AREAS\n            <\/div>\n\n            <h2>\n                Conference Tracks\n            <\/h2>\n\n            <p>\n                HUMENS 2027 welcomes research contributions across\n                six interdisciplinary areas of Human Engineering.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- TRACKS GRID -->\n\n        <div class=\"humens-tracks-grid\">\n\n\n            <!-- TRACK 01 -->\n\n            <article class=\"humens-track-card\">\n\n                <div class=\"humens-track-number\">\n                    01\n                <\/div>\n\n                <div class=\"humens-track-icon\">\n                    \u2197\n                <\/div>\n\n                <h3>\n                    Biomechanics &amp;<br>\n                    Human Performance\n                <\/h3>\n\n                <p>\n                    Research exploring human movement, mechanical\n                    behaviour, physical performance and performance\n                    enhancement.\n                <\/p>\n\n            <\/article>\n\n\n            <!-- TRACK 02 -->\n\n            <article class=\"humens-track-card\">\n\n                <div class=\"humens-track-number\">\n                    02\n                <\/div>\n\n                <div class=\"humens-track-icon\">\n                    \u25c7\n                <\/div>\n\n                <h3>\n                    Ergonomics &amp;<br>\n                    Human Factors\n                <\/h3>\n\n                <p>\n                    Research focused on the interaction between\n                    humans, technology, tasks and environments to\n                    improve safety, usability and performance.\n                <\/p>\n\n            <\/article>\n\n\n            <!-- TRACK 03 -->\n\n            <article class=\"humens-track-card\">\n\n                <div class=\"humens-track-number\">\n                    03\n                <\/div>\n\n                <div class=\"humens-track-icon\">\n                    \u25ce\n                <\/div>\n\n                <h3>\n                    Human Movement<br>\n                    Instrumentation &amp; Sensors\n                <\/h3>\n\n                <p>\n                    Technologies and methodologies for measuring,\n                    monitoring and analysing human movement and\n                    physiological characteristics.\n                <\/p>\n\n            <\/article>\n\n\n            <!-- TRACK 04 -->\n\n            <article class=\"humens-track-card\">\n\n                <div class=\"humens-track-number\">\n                    04\n                <\/div>\n\n                <div class=\"humens-track-icon\">\n                    +\n                <\/div>\n\n                <h3>\n                    Health &amp;<br>\n                    Rehabilitation Technology\n                <\/h3>\n\n                <p>\n                    Innovative technologies supporting healthcare,\n                    rehabilitation, recovery and improved human\n                    health outcomes.\n                <\/p>\n\n            <\/article>\n\n\n            <!-- TRACK 05 -->\n\n            <article class=\"humens-track-card\">\n\n                <div class=\"humens-track-number\">\n                    05\n                <\/div>\n\n                <div class=\"humens-track-icon\">\n                    \u25cc\n                <\/div>\n\n                <h3>\n                    Sports<br>\n                    Engineering\n                <\/h3>\n\n                <p>\n                    Engineering approaches to sports equipment,\n                    sporting environments, athlete performance and\n                    sports technology.\n                <\/p>\n\n            <\/article>\n\n\n            <!-- TRACK 06 -->\n\n            <article class=\"humens-track-card\">\n\n                <div class=\"humens-track-number\">\n                    06\n                <\/div>\n\n                <div class=\"humens-track-icon\">\n                    AI\n                <\/div>\n\n                <h3>\n                    AI, Data Analytics &amp;<br>\n                    Intelligent Systems\n                <\/h3>\n\n                <p>\n                    Artificial intelligence, data analytics,\n                    computational methods and intelligent systems\n                    applied to human-centred challenges.\n                <\/p>\n\n            <\/article>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   HUMENS 2027 \u2014 CONFERENCE TRACKS\n   ========================================================= *\/\n\n.humens-tracks {\n    position: relative;\n\n    padding: 90px 30px;\n\n    background: #ffffff;\n\n    color: #123b63;\n}\n\n\n\/* CONTAINER *\/\n\n.humens-tracks-container {\n    width: 100%;\n    max-width: 1100px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.humens-tracks-header {\n    max-width: 680px;\n\n    margin: 0 auto 55px auto;\n\n    text-align: center;\n}\n\n\n\/* LABEL *\/\n\n.humens-tracks-label {\n    margin-bottom: 14px;\n\n    font-size: 12px;\n    line-height: 1.4;\n\n    font-weight: 700;\n\n    letter-spacing: 2.5px;\n\n    color: #00a6b2;\n}\n\n\n\/* HEADING *\/\n\n.humens-tracks-header h2 {\n    margin: 0;\n\n    font-size: 40px;\n    line-height: 1.2;\n\n    font-weight: 700;\n\n    letter-spacing: -0.5px;\n\n    color: #123b63;\n}\n\n\n\/* DESCRIPTION *\/\n\n.humens-tracks-header p {\n    margin: 18px 0 0 0;\n\n    font-size: 16px;\n    line-height: 1.7;\n\n    color: #657487;\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.humens-tracks-grid {\n    display: grid;\n\n    grid-template-columns: repeat(3, 1fr);\n\n    gap: 22px;\n}\n\n\n\/* =========================================================\n   CARD\n   ========================================================= *\/\n\n.humens-track-card {\n    position: relative;\n\n    min-height: 280px;\n\n    padding: 34px 30px 30px 30px;\n\n    background: #f5f7f9;\n\n    border: 1px solid #e4e9ee;\n\n    border-radius: 4px;\n\n    overflow: hidden;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease,\n        border-color 0.25s ease;\n}\n\n\n\/* TOP ACCENT *\/\n\n.humens-track-card::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 3px;\n\n    background: #00a6b2;\n\n    transform: scaleX(0.25);\n\n    transform-origin: left;\n\n    transition: transform 0.25s ease;\n}\n\n\n\/* HOVER *\/\n\n.humens-track-card:hover {\n    transform: translateY(-5px);\n\n    border-color: #d3dce5;\n\n    box-shadow: 0 12px 30px rgba(18,59,99,0.10);\n}\n\n\n.humens-track-card:hover::before {\n    transform: scaleX(1);\n}\n\n\n\/* =========================================================\n   NUMBER\n   ========================================================= *\/\n\n.humens-track-number {\n    position: absolute;\n\n    top: 22px;\n    right: 24px;\n\n    font-size: 12px;\n\n    font-weight: 700;\n\n    letter-spacing: 1px;\n\n    color: #a8b5c2;\n}\n\n\n\/* =========================================================\n   ICON\n   ========================================================= *\/\n\n.humens-track-icon {\n    width: 46px;\n    height: 46px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    margin-bottom: 25px;\n\n    border: 1px solid #cbd6df;\n\n    border-radius: 50%;\n\n    font-size: 17px;\n\n    font-weight: 700;\n\n    color: #00a6b2;\n\n    background: #ffffff;\n}\n\n\n\/* =========================================================\n   CARD TITLE\n   ========================================================= *\/\n\n.humens-track-card h3 {\n    margin: 0 0 15px 0;\n\n    padding: 0;\n\n    font-size: 20px;\n    line-height: 1.3;\n\n    font-weight: 700;\n\n    color: #123b63;\n}\n\n\n\/* =========================================================\n   CARD DESCRIPTION\n   ========================================================= *\/\n\n.humens-track-card p {\n    margin: 0;\n\n    font-size: 14px;\n    line-height: 1.7;\n\n    color: #657487;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .humens-tracks {\n        padding: 70px 25px;\n    }\n\n\n    .humens-tracks-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .humens-tracks {\n        padding: 55px 20px;\n    }\n\n\n    .humens-tracks-header {\n        margin-bottom: 38px;\n    }\n\n\n    .humens-tracks-header h2 {\n        font-size: 32px;\n    }\n\n\n    .humens-tracks-header p {\n        font-size: 14px;\n    }\n\n\n    .humens-tracks-grid {\n        grid-template-columns: 1fr;\n\n        gap: 16px;\n    }\n\n\n    .humens-track-card {\n        min-height: auto;\n\n        padding: 30px 25px 27px 25px;\n    }\n\n\n    .humens-track-card h3 {\n        font-size: 19px;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     HUMENS 2027 \u2014 IMPORTANT DATES\n     ========================================================= -->\n\n<section id=\"important-dates\" class=\"humens-dates\">\n\n    <div class=\"humens-dates-container\">\n\n        <!-- SECTION HEADER -->\n\n        <div class=\"humens-dates-header\">\n\n            <div class=\"humens-dates-label\">\n                KEY MILESTONES\n            <\/div>\n\n            <h2>\n                Important Dates\n            <\/h2>\n\n            <p>\n                Mark these important dates in your calendar and\n                stay on track throughout the HUMENS 2027 journey.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- TIMELINE -->\n\n        <div class=\"humens-dates-timeline\">\n\n\n            <!-- DATE 01 -->\n\n            <div class=\"humens-date-item\">\n\n                <div class=\"humens-date-marker\">\n                    <span>01<\/span>\n                <\/div>\n\n                <div class=\"humens-date-content\">\n\n                    <div class=\"humens-date-date\">\n                        01 SEP 2026\n                    <\/div>\n\n                    <h3>\n                        Call for Papers\n                    <\/h3>\n\n                    <p>\n                        Submission of research contributions opens.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- DATE 02 -->\n\n            <div class=\"humens-date-item\">\n\n                <div class=\"humens-date-marker\">\n                    <span>02<\/span>\n                <\/div>\n\n                <div class=\"humens-date-content\">\n\n                    <div class=\"humens-date-date\">\n                        31 DEC 2026\n                    <\/div>\n\n                    <h3>\n                        Full Paper Submission\n                    <\/h3>\n\n                    <p>\n                        Deadline for full paper submission.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- DATE 03 -->\n\n            <div class=\"humens-date-item\">\n\n                <div class=\"humens-date-marker\">\n                    <span>03<\/span>\n                <\/div>\n\n                <div class=\"humens-date-content\">\n\n                    <div class=\"humens-date-date\">\n                        31 JAN 2027\n                    <\/div>\n\n                    <h3>\n                        Acceptance Notification\n                    <\/h3>\n\n                    <p>\n                        Authors will be notified of the review outcome.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- DATE 04 -->\n\n            <div class=\"humens-date-item\">\n\n                <div class=\"humens-date-marker\">\n                    <span>04<\/span>\n                <\/div>\n\n                <div class=\"humens-date-content\">\n\n                    <div class=\"humens-date-date\">\n                        15 FEB 2027\n                    <\/div>\n\n                    <h3>\n                        Camera-Ready Paper\n                    <\/h3>\n\n                    <p>\n                        Deadline for submission of the final paper.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- DATE 05 -->\n\n            <div class=\"humens-date-item\">\n\n                <div class=\"humens-date-marker\">\n                    <span>05<\/span>\n                <\/div>\n\n                <div class=\"humens-date-content\">\n\n                    <div class=\"humens-date-date\">\n                        28 FEB 2027\n                    <\/div>\n\n                    <h3>\n                        Registration\n                    <\/h3>\n\n                    <p>\n                        Registration for HUMENS 2027 closes.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- DATE 06 -->\n\n            <div class=\"humens-date-item humens-date-final\">\n\n                <div class=\"humens-date-marker\">\n                    <span>06<\/span>\n                <\/div>\n\n                <div class=\"humens-date-content\">\n\n                    <div class=\"humens-date-date\">\n                        13 APR 2027\n                    <\/div>\n\n                    <h3>\n                        HUMENS 2027\n                    <\/h3>\n\n                    <p>\n                        Human Engineering Symposium at Perpustakaan\n                        UMPSA Kampus Pekan, Pahang, Malaysia.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   HUMENS 2027 \u2014 IMPORTANT DATES\n   ========================================================= *\/\n\n.humens-dates {\n    position: relative;\n\n    padding: 90px 30px;\n\n    background: #f5f7f9;\n\n    color: #123b63;\n}\n\n\n\/* CONTAINER *\/\n\n.humens-dates-container {\n    width: 100%;\n    max-width: 1000px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.humens-dates-header {\n    max-width: 650px;\n\n    margin: 0 auto 60px auto;\n\n    text-align: center;\n}\n\n\n.humens-dates-label {\n    margin-bottom: 14px;\n\n    font-size: 12px;\n    line-height: 1.4;\n\n    font-weight: 700;\n\n    letter-spacing: 2.5px;\n\n    color: #00a6b2;\n}\n\n\n.humens-dates-header h2 {\n    margin: 0;\n\n    font-size: 40px;\n    line-height: 1.2;\n\n    font-weight: 700;\n\n    color: #123b63;\n}\n\n\n.humens-dates-header p {\n    margin: 18px 0 0 0;\n\n    font-size: 16px;\n    line-height: 1.7;\n\n    color: #657487;\n}\n\n\n\/* =========================================================\n   TIMELINE\n   ========================================================= *\/\n\n.humens-dates-timeline {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns: repeat(2, 1fr);\n\n    column-gap: 80px;\n\n    row-gap: 35px;\n}\n\n\n\/* =========================================================\n   DATE ITEM\n   ========================================================= *\/\n\n.humens-date-item {\n    position: relative;\n\n    display: flex;\n\n    gap: 20px;\n\n    padding: 5px 0 30px 0;\n\n    border-bottom: 1px solid #dce3e9;\n}\n\n\n\/* =========================================================\n   MARKER\n   ========================================================= *\/\n\n.humens-date-marker {\n    flex: 0 0 52px;\n\n    width: 52px;\n    height: 52px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    border: 1px solid #cbd6df;\n\n    border-radius: 50%;\n\n    background: #ffffff;\n}\n\n\n.humens-date-marker span {\n    font-size: 12px;\n\n    font-weight: 700;\n\n    letter-spacing: 1px;\n\n    color: #00a6b2;\n}\n\n\n\/* =========================================================\n   DATE CONTENT\n   ========================================================= *\/\n\n.humens-date-content {\n    flex: 1;\n}\n\n\n.humens-date-date {\n    margin-bottom: 7px;\n\n    font-size: 13px;\n\n    line-height: 1.4;\n\n    font-weight: 700;\n\n    letter-spacing: 1.5px;\n\n    color: #00a6b2;\n}\n\n\n.humens-date-content h3 {\n    margin: 0 0 8px 0;\n\n    padding: 0;\n\n    font-size: 21px;\n\n    line-height: 1.3;\n\n    font-weight: 700;\n\n    color: #123b63;\n}\n\n\n.humens-date-content p {\n    margin: 0;\n\n    font-size: 14px;\n\n    line-height: 1.65;\n\n    color: #657487;\n}\n\n\n\/* =========================================================\n   FINAL CONFERENCE DATE\n   ========================================================= *\/\n\n.humens-date-final {\n    padding: 20px;\n\n    background: #123b63;\n\n    border-bottom: none;\n\n    border-radius: 4px;\n}\n\n\n.humens-date-final .humens-date-marker {\n    border-color: rgba(255,255,255,0.3);\n\n    background: transparent;\n}\n\n\n.humens-date-final .humens-date-marker span {\n    color: #00a6b2;\n}\n\n\n.humens-date-final .humens-date-date {\n    color: #00a6b2;\n}\n\n\n.humens-date-final .humens-date-content h3 {\n    color: #ffffff;\n}\n\n\n.humens-date-final .humens-date-content p {\n    color: rgba(255,255,255,0.8);\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 800px) {\n\n    .humens-dates {\n        padding: 70px 25px;\n    }\n\n\n    .humens-dates-timeline {\n        column-gap: 35px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .humens-dates {\n        padding: 55px 20px;\n    }\n\n\n    .humens-dates-header {\n        margin-bottom: 40px;\n    }\n\n\n    .humens-dates-header h2 {\n        font-size: 32px;\n    }\n\n\n    .humens-dates-header p {\n        font-size: 14px;\n    }\n\n\n    .humens-dates-timeline {\n        grid-template-columns: 1fr;\n\n        gap: 0;\n    }\n\n\n    .humens-date-item {\n        padding: 22px 0;\n    }\n\n\n    .humens-date-final {\n        padding: 20px;\n    }\n\n\n    .humens-date-content h3 {\n        font-size: 19px;\n    }\n\n\n    .humens-date-content p {\n        font-size: 14px;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     HUMENS 2027 \u2014 CALL FOR PAPERS \/ PUBLICATION\n     ========================================================= -->\n\n<section id=\"call-for-papers\" class=\"humens-publication\">\n\n    <div class=\"humens-publication-container\">\n\n        <!-- =================================================\n             LEFT SIDE\n             ================================================= -->\n\n        <div class=\"humens-publication-main\">\n\n            <div class=\"humens-publication-label\">\n                CALL FOR PAPERS\n            <\/div>\n\n            <h2>\n                Share Your Research.<br>\n                <span>Shape Human Engineering.<\/span>\n            <\/h2>\n\n            <p class=\"humens-publication-lead\">\n                HUMENS 2027 invites researchers, academics, students\n                and industry practitioners to present original research,\n                innovative technologies and emerging solutions in\n                Human Engineering.\n            <\/p>\n\n            <p class=\"humens-publication-text\">\n                Following the successful HUMENS editions in 2021 and 2023,\n                the 2027 symposium continues the platform for knowledge\n                exchange, research dissemination and collaboration across\n                multidisciplinary areas of Human Engineering.\n            <\/p>\n\n            <a href=\"#\" class=\"humens-publication-button\">\n                SUBMIT YOUR PAPER\n            <\/a>\n\n        <\/div>\n\n\n        <!-- =================================================\n             RIGHT SIDE\n             ================================================= -->\n\n        <div class=\"humens-publication-side\">\n\n\n            <!-- PUBLICATION CARD -->\n\n            <div class=\"humens-publication-box humens-publication-featured\">\n\n                <div class=\"humens-publication-box-label\">\n                    PROPOSED PUBLICATION\n                <\/div>\n\n                <div class=\"humens-springer\">\n                    SPRINGER\n                <\/div>\n\n                <h3>\n                    Lecture Notes in<br>\n                    Mechanical Engineering\n                <\/h3>\n\n                <p>\n                    The proceedings of the previous HUMENS editions\n                    were published in the <strong>Lecture Notes in\n                    Mechanical Engineering (LNME)<\/strong> series\n                    by Springer.\n                <\/p>\n\n                <p>\n                    HUMENS 2027 proceedings are proposed for publication\n                    in the same Springer proceedings series, subject to\n                    the applicable publication process.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- PREVIOUS PROCEEDINGS -->\n\n            <div class=\"humens-publication-box\">\n\n                <div class=\"humens-publication-box-label\">\n                    PREVIOUS HUMENS PROCEEDINGS\n                <\/div>\n\n                <h3>\n                    Explore Previous Editions\n                <\/h3>\n\n\n                <div class=\"humens-proceedings-grid\">\n\n\n                    <!-- HUMENS 2021 -->\n\n                    <a\n                        href=\"https:\/\/link.springer.com\/book\/10.1007\/978-981-16-4115-2\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        class=\"humens-proceeding-card\"\n                    >\n\n                        <div class=\"humens-proceeding-cover\">\n\n                            <img decoding=\"async\"\n                                src=\"http:\/\/humens.umpsa.my\/2027\/wp-content\/uploads\/2026\/09\/humens2021.webp\"\n                                alt=\"HUMENS 2021 Proceedings\"\n                            >\n\n                        <\/div>\n\n                        <div class=\"humens-proceeding-year\">\n                            HUMENS 2021\n                        <\/div>\n\n                        <div class=\"humens-proceeding-title\">\n                            Human-Centered Technology\n                            for a Better Tomorrow\n                        <\/div>\n\n                        <div class=\"humens-proceeding-link\">\n                            VIEW ON SPRINGER \u2192\n                        <\/div>\n\n                    <\/a>\n\n\n                    <!-- HUMENS 2023 -->\n\n                    <a\n                        href=\"https:\/\/link.springer.com\/book\/10.1007\/978-981-99-6890-9\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        class=\"humens-proceeding-card\"\n                    >\n\n                        <div class=\"humens-proceeding-cover\">\n\n                            <img decoding=\"async\"\n                                src=\"http:\/\/humens.umpsa.my\/2027\/wp-content\/uploads\/2026\/09\/humens2023.webp\"\n                                alt=\"HUMENS 2023 Proceedings\"\n                            >\n\n                        <\/div>\n\n                        <div class=\"humens-proceeding-year\">\n                            HUMENS 2023\n                        <\/div>\n\n                        <div class=\"humens-proceeding-title\">\n                            2nd Human Engineering Symposium\n                        <\/div>\n\n                        <div class=\"humens-proceeding-link\">\n                            VIEW ON SPRINGER \u2192\n                        <\/div>\n\n                    <\/a>\n\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- INDEXING -->\n\n            <div class=\"humens-publication-indexing\">\n\n                <span class=\"humens-indexing-badge\">\n                    SCOPUS\n                <\/span>\n\n                <div>\n\n                    <strong>\n                        Previous proceedings indexed by Scopus\n                    <\/strong>\n\n                    <p>\n                        The previous HUMENS proceedings published\n                        in LNME by Springer were indexed by Scopus.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   HUMENS 2027 \u2014 PUBLICATION SECTION\n   ========================================================= *\/\n\n.humens-publication {\n    position: relative;\n\n    padding: 100px 30px;\n\n    background: #123b63;\n\n    color: #ffffff;\n\n    overflow: hidden;\n}\n\n\n\/* DECORATIVE CIRCLE *\/\n\n.humens-publication::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 600px;\n    height: 600px;\n\n    right: -300px;\n    top: -250px;\n\n    border: 1px solid rgba(255,255,255,0.07);\n\n    border-radius: 50%;\n\n    box-shadow:\n        0 0 0 70px rgba(255,255,255,0.025),\n        0 0 0 140px rgba(255,255,255,0.018);\n\n    pointer-events: none;\n}\n\n\n\/* CONTAINER *\/\n\n.humens-publication-container {\n    position: relative;\n\n    z-index: 2;\n\n    width: 100%;\n    max-width: 1100px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns: 1.05fr 0.95fr;\n\n    gap: 65px;\n\n    align-items: center;\n}\n\n\n\/* =========================================================\n   LEFT SIDE\n   ========================================================= *\/\n\n.humens-publication-label {\n    margin-bottom: 18px;\n\n    font-size: 12px;\n    line-height: 1.4;\n\n    font-weight: 700;\n\n    letter-spacing: 2.5px;\n\n    color: #00a6b2;\n}\n\n\n.humens-publication-main h2 {\n    margin: 0;\n\n    padding: 0;\n\n    font-size: 45px;\n    line-height: 1.18;\n\n    font-weight: 700;\n\n    letter-spacing: -0.5px;\n\n    color: #ffffff;\n}\n\n\n.humens-publication-main h2 span {\n    color: #00a6b2;\n}\n\n\n\/* LEAD *\/\n\n.humens-publication-lead {\n    max-width: 680px;\n\n    margin: 26px 0 18px 0;\n\n    font-size: 18px;\n\n    line-height: 1.7;\n\n    color: rgba(255,255,255,0.9);\n}\n\n\n\/* NORMAL TEXT *\/\n\n.humens-publication-text {\n    max-width: 680px;\n\n    margin: 0 0 30px 0;\n\n    font-size: 15px;\n\n    line-height: 1.75;\n\n    color: rgba(255,255,255,0.68);\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n\n.humens-publication-button {\n    display: inline-block;\n\n    padding: 15px 28px;\n\n    background: #00a6b2;\n\n    border: 2px solid #00a6b2;\n\n    border-radius: 3px;\n\n    color: #ffffff !important;\n\n    font-size: 11px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 0.8px;\n\n    text-decoration: none !important;\n\n    transition:\n        background 0.2s ease,\n        border-color 0.2s ease,\n        transform 0.2s ease;\n}\n\n\n.humens-publication-button:hover {\n    background: #008d98;\n\n    border-color: #008d98;\n\n    color: #ffffff !important;\n\n    transform: translateY(-2px);\n}\n\n\n\/* =========================================================\n   RIGHT SIDE\n   ========================================================= *\/\n\n.humens-publication-side {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 18px;\n}\n\n\n\/* CARD *\/\n\n.humens-publication-box {\n    padding: 28px 30px;\n\n    background: rgba(255,255,255,0.075);\n\n    border: 1px solid rgba(255,255,255,0.14);\n\n    border-radius: 4px;\n}\n\n\n\/* FEATURED *\/\n\n.humens-publication-featured {\n    padding: 32px;\n\n    background: rgba(255,255,255,0.10);\n\n    border-color: rgba(0,166,178,0.45);\n}\n\n\n\/* LABEL *\/\n\n.humens-publication-box-label {\n    margin-bottom: 13px;\n\n    font-size: 10px;\n\n    line-height: 1.4;\n\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    color: #00a6b2;\n}\n\n\n\/* SPRINGER *\/\n\n.humens-springer {\n    margin-bottom: 9px;\n\n    font-size: 12px;\n\n    line-height: 1.4;\n\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    color: #ffffff;\n}\n\n\n\/* CARD HEADING *\/\n\n.humens-publication-box h3 {\n    margin: 0 0 15px 0;\n\n    padding: 0;\n\n    font-size: 25px;\n\n    line-height: 1.3;\n\n    font-weight: 700;\n\n    color: #ffffff;\n}\n\n\n.humens-publication-box p {\n    margin: 0 0 13px 0;\n\n    font-size: 14px;\n\n    line-height: 1.7;\n\n    color: rgba(255,255,255,0.72);\n}\n\n\n.humens-publication-box p:last-of-type {\n    margin-bottom: 0;\n}\n\n\n.humens-publication-box strong {\n    color: #ffffff;\n}\n\n\n\/* =========================================================\n   PROCEEDINGS GRID\n   ========================================================= *\/\n\n.humens-proceedings-grid {\n    display: grid;\n\n    grid-template-columns: repeat(2, 1fr);\n\n    gap: 14px;\n\n    margin-top: 20px;\n}\n\n\n\/* PROCEEDING CARD *\/\n\n.humens-proceeding-card {\n    display: block;\n\n    padding: 12px;\n\n    background: rgba(255,255,255,0.055);\n\n    border: 1px solid rgba(255,255,255,0.12);\n\n    border-radius: 3px;\n\n    text-decoration: none !important;\n\n    transition:\n        background 0.2s ease,\n        border-color 0.2s ease,\n        transform 0.2s ease;\n}\n\n\n.humens-proceeding-card:hover {\n    background: rgba(0,166,178,0.12);\n\n    border-color: rgba(0,166,178,0.5);\n\n    transform: translateY(-3px);\n}\n\n\n\/* COVER *\/\n\n.humens-proceeding-cover {\n    width: 100%;\n\n    height: 190px;\n\n    margin-bottom: 14px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    background: #ffffff;\n\n    overflow: hidden;\n\n    border-radius: 2px;\n}\n\n\n.humens-proceeding-cover img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: contain;\n\n    transition: transform 0.3s ease;\n}\n\n\n.humens-proceeding-card:hover\n.humens-proceeding-cover img {\n    transform: scale(1.03);\n}\n\n\n\/* YEAR *\/\n\n.humens-proceeding-year {\n    margin-bottom: 6px;\n\n    font-size: 10px;\n\n    line-height: 1.3;\n\n    font-weight: 700;\n\n    letter-spacing: 1.2px;\n\n    color: #00a6b2;\n}\n\n\n\/* TITLE *\/\n\n.humens-proceeding-title {\n    min-height: 34px;\n\n    font-size: 11px;\n\n    line-height: 1.45;\n\n    font-weight: 700;\n\n    color: #ffffff;\n}\n\n\n\/* LINK *\/\n\n.humens-proceeding-link {\n    margin-top: 12px;\n\n    padding-top: 10px;\n\n    border-top: 1px solid rgba(255,255,255,0.10);\n\n    font-size: 9px;\n\n    line-height: 1.3;\n\n    font-weight: 700;\n\n    letter-spacing: 0.7px;\n\n    color: #00a6b2;\n}\n\n\n\/* =========================================================\n   INDEXING\n   ========================================================= *\/\n\n.humens-publication-indexing {\n    display: flex;\n\n    align-items: center;\n\n    gap: 16px;\n\n    padding: 18px 20px;\n\n    background: rgba(0,166,178,0.08);\n\n    border: 1px solid rgba(0,166,178,0.22);\n\n    border-radius: 4px;\n}\n\n\n.humens-indexing-badge {\n    flex: 0 0 auto;\n\n    padding: 8px 10px;\n\n    border: 1px solid rgba(0,166,178,0.5);\n\n    border-radius: 2px;\n\n    font-size: 9px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    letter-spacing: 1px;\n\n    color: #00a6b2;\n}\n\n\n.humens-publication-indexing strong {\n    display: block;\n\n    margin-bottom: 3px;\n\n    font-size: 11px;\n\n    color: #ffffff;\n}\n\n\n.humens-publication-indexing p {\n    margin: 0;\n\n    font-size: 10px;\n\n    line-height: 1.5;\n\n    color: rgba(255,255,255,0.55);\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .humens-publication {\n        padding: 75px 25px;\n    }\n\n\n    .humens-publication-container {\n        grid-template-columns: 1fr;\n\n        gap: 50px;\n    }\n\n\n    .humens-publication-main h2 {\n        font-size: 40px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .humens-publication {\n        padding: 60px 20px;\n    }\n\n\n    .humens-publication-container {\n        gap: 35px;\n    }\n\n\n    .humens-publication-main h2 {\n        font-size: 32px;\n    }\n\n\n    .humens-publication-lead {\n        font-size: 16px;\n    }\n\n\n    .humens-publication-text {\n        font-size: 14px;\n    }\n\n\n    .humens-publication-box,\n    .humens-publication-featured {\n        padding: 24px;\n    }\n\n\n    .humens-publication-box h3 {\n        font-size: 21px;\n    }\n\n\n    .humens-proceedings-grid {\n        grid-template-columns: 1fr 1fr;\n\n        gap: 10px;\n    }\n\n\n    .humens-proceeding-cover {\n        height: 160px;\n    }\n\n\n    .humens-publication-indexing {\n        align-items: flex-start;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =========================================================\n     HUMENS 2027 \u2014 KEYNOTE SPEAKERS\n     ========================================================= -->\n\n<section id=\"keynotes\" class=\"humens-keynotes\">\n\n    <div class=\"humens-keynotes-container\">\n\n        <!-- SECTION HEADER -->\n\n        <div class=\"humens-keynotes-header\">\n\n            <div class=\"humens-keynotes-label\">\n                EXPERT INSIGHTS\n            <\/div>\n\n            <h2>\n                Keynote Speakers\n            <\/h2>\n\n            <p>\n                Hear from distinguished experts and thought leaders\n                sharing perspectives on the future of Human Engineering,\n                technology and human performance.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- KEYNOTE CARDS -->\n\n        <div class=\"humens-keynotes-grid\">\n\n\n            <!-- KEYNOTE 1 -->\n\n            <article class=\"humens-keynote-card\">\n\n                <div class=\"humens-keynote-image\">\n\n                    <div class=\"humens-keynote-placeholder\">\n\n                        <span class=\"humens-keynote-number\">\n                            01\n                        <\/span>\n\n                        <span class=\"humens-keynote-coming\">\n                            SPEAKER\n                            <br>\n                            TO BE ANNOUNCED\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"humens-keynote-info\">\n\n                    <div class=\"humens-keynote-session\">\n                        KEYNOTE 01\n                    <\/div>\n\n                    <h3>\n                        Opening Keynote\n                    <\/h3>\n\n                    <div class=\"humens-keynote-time\">\n                        9:15 AM \u2013 10:00 AM\n                    <\/div>\n\n                    <p>\n                        An inspiring opening perspective on emerging\n                        developments, challenges and opportunities in\n                        Human Engineering.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- KEYNOTE 2 -->\n\n            <article class=\"humens-keynote-card\">\n\n                <div class=\"humens-keynote-image\">\n\n                    <div class=\"humens-keynote-placeholder\">\n\n                        <span class=\"humens-keynote-number\">\n                            02\n                        <\/span>\n\n                        <span class=\"humens-keynote-coming\">\n                            SPEAKER\n                            <br>\n                            TO BE ANNOUNCED\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"humens-keynote-info\">\n\n                    <div class=\"humens-keynote-session\">\n                        KEYNOTE 02\n                    <\/div>\n\n                    <h3>\n                        Afternoon Keynote\n                    <\/h3>\n\n                    <div class=\"humens-keynote-time\">\n                        2:15 PM \u2013 3:00 PM\n                    <\/div>\n\n                    <p>\n                        Insights into the evolving role of intelligent\n                        technologies in advancing human performance,\n                        health and innovation.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   HUMENS 2027 \u2014 KEYNOTE SPEAKERS\n   ========================================================= *\/\n\n.humens-keynotes {\n    position: relative;\n\n    padding: 95px 30px;\n\n    background: #ffffff;\n\n    color: #123b63;\n}\n\n\n\/* CONTAINER *\/\n\n.humens-keynotes-container {\n    width: 100%;\n    max-width: 1100px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.humens-keynotes-header {\n    max-width: 700px;\n\n    margin: 0 auto 55px auto;\n\n    text-align: center;\n}\n\n\n.humens-keynotes-label {\n    margin-bottom: 14px;\n\n    font-size: 12px;\n\n    line-height: 1.4;\n\n    font-weight: 700;\n\n    letter-spacing: 2.5px;\n\n    color: #00a6b2;\n}\n\n\n.humens-keynotes-header h2 {\n    margin: 0;\n\n    font-size: 40px;\n\n    line-height: 1.2;\n\n    font-weight: 700;\n\n    color: #123b63;\n}\n\n\n.humens-keynotes-header p {\n    margin: 18px 0 0 0;\n\n    font-size: 16px;\n\n    line-height: 1.7;\n\n    color: #657487;\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.humens-keynotes-grid {\n    display: grid;\n\n    grid-template-columns: repeat(2, 1fr);\n\n    gap: 25px;\n}\n\n\n\/* =========================================================\n   CARD\n   ========================================================= *\/\n\n.humens-keynote-card {\n    display: grid;\n\n    grid-template-columns: 42% 58%;\n\n    background: #f5f7f9;\n\n    border: 1px solid #e2e8ed;\n\n    border-radius: 4px;\n\n    overflow: hidden;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n\n.humens-keynote-card:hover {\n    transform: translateY(-4px);\n\n    box-shadow: 0 12px 30px rgba(18,59,99,0.10);\n}\n\n\n\/* =========================================================\n   IMAGE \/ PLACEHOLDER\n   ========================================================= *\/\n\n.humens-keynote-image {\n    min-height: 300px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #123b63,\n            #1d557f\n        );\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n}\n\n\n.humens-keynote-placeholder {\n    width: 100%;\n    height: 100%;\n\n    min-height: 300px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    text-align: center;\n}\n\n\n.humens-keynote-number {\n    display: block;\n\n    margin-bottom: 20px;\n\n    font-size: 50px;\n\n    line-height: 1;\n\n    font-weight: 700;\n\n    color: rgba(255,255,255,0.15);\n}\n\n\n.humens-keynote-coming {\n    font-size: 10px;\n\n    line-height: 1.6;\n\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    color: #00a6b2;\n}\n\n\n\/* =========================================================\n   INFO\n   ========================================================= *\/\n\n.humens-keynote-info {\n    padding: 35px 30px;\n}\n\n\n.humens-keynote-session {\n    margin-bottom: 12px;\n\n    font-size: 10px;\n\n    line-height: 1.4;\n\n    font-weight: 700;\n\n    letter-spacing: 2px;\n\n    color: #00a6b2;\n}\n\n\n.humens-keynote-info h3 {\n    margin: 0;\n\n    font-size: 25px;\n\n    line-height: 1.3;\n\n    font-weight: 700;\n\n    color: #123b63;\n}\n\n\n.humens-keynote-time {\n    margin-top: 12px;\n\n    font-size: 12px;\n\n    line-height: 1.4;\n\n    font-weight: 700;\n\n    letter-spacing: 0.5px;\n\n    color: #526579;\n}\n\n\n.humens-keynote-info p {\n    margin: 22px 0 0 0;\n\n    font-size: 14px;\n\n    line-height: 1.7;\n\n    color: #657487;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n    .humens-keynotes {\n        padding: 75px 25px;\n    }\n\n\n    .humens-keynotes-grid {\n        grid-template-columns: 1fr;\n    }\n\n\n    .humens-keynote-card {\n        grid-template-columns: 35% 65%;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .humens-keynotes {\n        padding: 60px 20px;\n    }\n\n\n    .humens-keynotes-header {\n        margin-bottom: 40px;\n    }\n\n\n    .humens-keynotes-header h2 {\n        font-size: 32px;\n    }\n\n\n    .humens-keynotes-header p {\n        font-size: 14px;\n    }\n\n\n    .humens-keynotes-grid {\n        gap: 18px;\n    }\n\n\n    .humens-keynote-card {\n        grid-template-columns: 1fr;\n    }\n\n\n    .humens-keynote-image {\n        min-height: 220px;\n    }\n\n\n    .humens-keynote-placeholder {\n        min-height: 220px;\n    }\n\n\n    .humens-keynote-info {\n        padding: 25px;\n    }\n\n\n    .humens-keynote-info h3 {\n        font-size: 22px;\n    }\n\n}\n\n<\/style>\n\n\n\n<section id=\"programme\" class=\"humens-programme\">\n\n  <style>\n    .humens-programme {\n      background: #f5f7f9;\n      padding: 90px 30px;\n      font-family: inherit;\n    }\n\n    .humens-programme-inner {\n      max-width: 1100px;\n      margin: 0 auto;\n    }\n\n    .humens-programme-header {\n      text-align: center;\n      max-width: 760px;\n      margin: 0 auto 55px;\n    }\n\n    .humens-programme-label {\n      display: inline-block;\n      color: #00a6b2;\n      font-size: 14px;\n      font-weight: 700;\n      letter-spacing: 2px;\n      margin-bottom: 12px;\n    }\n\n    .humens-programme-header h2 {\n      margin: 0 0 18px;\n      color: #123b63;\n      font-size: 38px;\n      line-height: 1.2;\n      font-weight: 700;\n    }\n\n    .humens-programme-header p {\n      margin: 0;\n      color: #657487;\n      font-size: 17px;\n      line-height: 1.7;\n    }\n\n    .humens-programme-list {\n      background: #ffffff;\n      border-radius: 16px;\n      overflow: hidden;\n      box-shadow: 0 10px 35px rgba(18, 59, 99, 0.08);\n      border: 1px solid #e5ebf0;\n    }\n\n    .humens-programme-item {\n      display: grid;\n      grid-template-columns: 155px 1fr;\n      gap: 25px;\n      padding: 25px 30px;\n      border-bottom: 1px solid #e8edf1;\n      align-items: center;\n    }\n\n    .humens-programme-item:last-child {\n      border-bottom: none;\n    }\n\n    .humens-programme-time {\n      color: #123b63;\n      font-size: 17px;\n      font-weight: 700;\n      line-height: 1.4;\n    }\n\n    .humens-programme-time span {\n      display: block;\n      color: #8a98a8;\n      font-size: 13px;\n      font-weight: 500;\n      margin-top: 3px;\n    }\n\n    .humens-programme-content h3 {\n      margin: 0 0 6px;\n      color: #123b63;\n      font-size: 19px;\n      line-height: 1.35;\n      font-weight: 700;\n    }\n\n    .humens-programme-content p {\n      margin: 0;\n      color: #657487;\n      font-size: 15px;\n      line-height: 1.6;\n    }\n\n    \/* Highlighted sessions *\/\n    .humens-programme-item.humens-keynote {\n      background: #eef9fa;\n      border-left: 5px solid #00a6b2;\n    }\n\n    .humens-programme-item.humens-keynote .humens-programme-time {\n      color: #00a6b2;\n    }\n\n    .humens-programme-item.humens-lunch {\n      background: #f8f9fb;\n    }\n\n    .humens-programme-item.humens-lunch .humens-programme-time {\n      color: #657487;\n    }\n\n    .humens-programme-rooms {\n      margin-top: 45px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 20px;\n    }\n\n    .humens-room-card {\n      background: #123b63;\n      color: #ffffff;\n      padding: 28px 30px;\n      border-radius: 14px;\n    }\n\n    .humens-room-card .humens-room-number {\n      color: #00a6b2;\n      font-size: 13px;\n      font-weight: 700;\n      letter-spacing: 1.5px;\n      margin-bottom: 8px;\n    }\n\n    .humens-room-card h3 {\n      margin: 0 0 8px;\n      color: #ffffff;\n      font-size: 21px;\n    }\n\n    .humens-room-card p {\n      margin: 0;\n      color: rgba(255,255,255,0.78);\n      font-size: 15px;\n      line-height: 1.6;\n    }\n\n    .humens-programme-action {\n      text-align: center;\n      margin-top: 45px;\n    }\n\n    .humens-programme-button {\n      display: inline-block;\n      padding: 14px 28px;\n      background: #00a6b2;\n      color: #ffffff !important;\n      text-decoration: none !important;\n      border-radius: 6px;\n      font-size: 15px;\n      font-weight: 700;\n      transition: all 0.2s ease;\n    }\n\n    .humens-programme-button:hover {\n      background: #123b63;\n      color: #ffffff !important;\n      transform: translateY(-2px);\n    }\n\n    @media (max-width: 700px) {\n      .humens-programme {\n        padding: 65px 20px;\n      }\n\n      .humens-programme-header h2 {\n        font-size: 32px;\n      }\n\n      .humens-programme-item {\n        grid-template-columns: 1fr;\n        gap: 8px;\n        padding: 22px 20px;\n      }\n\n      .humens-programme-time {\n        font-size: 16px;\n      }\n\n      .humens-programme-rooms {\n        grid-template-columns: 1fr;\n      }\n    }\n  <\/style>\n\n  <div class=\"humens-programme-inner\">\n\n    <div class=\"humens-programme-header\">\n      <div class=\"humens-programme-label\">PROGRAMME<\/div>\n\n      <h2>Conference Programme<\/h2>\n\n      <p>\n        A full day of keynote presentations, technical paper sessions\n        and opportunities for researchers and practitioners to exchange\n        ideas across Human Engineering disciplines.\n      <\/p>\n    <\/div>\n\n    <div class=\"humens-programme-list\">\n\n      <!-- Opening -->\n      <div class=\"humens-programme-item\">\n        <div class=\"humens-programme-time\">\n          9:00 AM\n          <span>Opening<\/span>\n        <\/div>\n\n        <div class=\"humens-programme-content\">\n          <h3>Opening Ceremony<\/h3>\n          <p>\n            Welcome and opening of HUMENS 2027.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Keynote 1 -->\n      <div class=\"humens-programme-item humens-keynote\">\n        <div class=\"humens-programme-time\">\n          9:15 AM \u2013 10:00 AM\n          <span>Keynote 01<\/span>\n        <\/div>\n\n        <div class=\"humens-programme-content\">\n          <h3>Opening Keynote<\/h3>\n          <p>\n            Keynote presentation by the invited speaker.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Morning parallel sessions -->\n      <div class=\"humens-programme-item\">\n        <div class=\"humens-programme-time\">\n          10:15 AM\n          <span>Parallel Sessions<\/span>\n        <\/div>\n\n        <div class=\"humens-programme-content\">\n          <h3>Technical Paper Presentations<\/h3>\n          <p>\n            Parallel research presentations across four technical rooms.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Lunch -->\n      <div class=\"humens-programme-item humens-lunch\">\n        <div class=\"humens-programme-time\">\n          1:00 PM \u2013 2:00 PM\n          <span>Break<\/span>\n        <\/div>\n\n        <div class=\"humens-programme-content\">\n          <h3>Lunch Break<\/h3>\n          <p>\n            Lunch and networking session.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Keynote 2 -->\n      <div class=\"humens-programme-item humens-keynote\">\n        <div class=\"humens-programme-time\">\n          2:15 PM \u2013 3:00 PM\n          <span>Keynote 02<\/span>\n        <\/div>\n\n        <div class=\"humens-programme-content\">\n          <h3>Afternoon Keynote<\/h3>\n          <p>\n            Keynote presentation by the invited speaker.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Afternoon parallel sessions -->\n      <div class=\"humens-programme-item\">\n        <div class=\"humens-programme-time\">\n          3:15 PM\n          <span>Parallel Sessions<\/span>\n        <\/div>\n\n        <div class=\"humens-programme-content\">\n          <h3>Technical Paper Presentations<\/h3>\n          <p>\n            Afternoon research presentations across four technical rooms.\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Four rooms -->\n    <div class=\"humens-programme-rooms\">\n\n      <div class=\"humens-room-card\">\n        <div class=\"humens-room-number\">ROOM 01<\/div>\n        <h3>Technical Session Room 1<\/h3>\n        <p>\n          Parallel research presentations and discussion.\n        <\/p>\n      <\/div>\n\n      <div class=\"humens-room-card\">\n        <div class=\"humens-room-number\">ROOM 02<\/div>\n        <h3>Technical Session Room 2<\/h3>\n        <p>\n          Parallel research presentations and discussion.\n        <\/p>\n      <\/div>\n\n      <div class=\"humens-room-card\">\n        <div class=\"humens-room-number\">ROOM 03<\/div>\n        <h3>Technical Session Room 3<\/h3>\n        <p>\n          Parallel research presentations and discussion.\n        <\/p>\n      <\/div>\n\n      <div class=\"humens-room-card\">\n        <div class=\"humens-room-number\">ROOM 04<\/div>\n        <h3>Technical Session Room 4<\/h3>\n        <p>\n          Parallel research presentations and discussion.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"humens-programme-action\">\n      <a href=\"#\" class=\"humens-programme-button\">\n        View Full Programme\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<section id=\"venue\" class=\"humens-venue\">\n\n  <style>\n    .humens-venue {\n      background: #ffffff;\n      padding: 90px 30px;\n      font-family: inherit;\n    }\n\n    .humens-venue-inner {\n      max-width: 1100px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 65px;\n      align-items: center;\n    }\n\n    .humens-venue-label {\n      display: inline-block;\n      color: #00a6b2;\n      font-size: 14px;\n      font-weight: 700;\n      letter-spacing: 2px;\n      margin-bottom: 12px;\n    }\n\n    .humens-venue-content h2 {\n      margin: 0 0 20px;\n      color: #123b63;\n      font-size: 38px;\n      line-height: 1.2;\n      font-weight: 700;\n    }\n\n    .humens-venue-content p {\n      margin: 0 0 25px;\n      color: #657487;\n      font-size: 17px;\n      line-height: 1.75;\n    }\n\n    .humens-venue-details {\n      border-left: 4px solid #00a6b2;\n      padding: 5px 0 5px 22px;\n      margin: 30px 0;\n    }\n\n    .humens-venue-details strong {\n      display: block;\n      color: #123b63;\n      font-size: 19px;\n      line-height: 1.4;\n      margin-bottom: 5px;\n    }\n\n    .humens-venue-details span {\n      display: block;\n      color: #657487;\n      font-size: 15px;\n      line-height: 1.6;\n    }\n\n    .humens-venue-button {\n      display: inline-block;\n      padding: 14px 27px;\n      background: #123b63;\n      color: #ffffff !important;\n      text-decoration: none !important;\n      border-radius: 6px;\n      font-size: 15px;\n      font-weight: 700;\n      transition: all 0.2s ease;\n    }\n\n    .humens-venue-button:hover {\n      background: #00a6b2;\n      color: #ffffff !important;\n      transform: translateY(-2px);\n    }\n\n    \/* Venue visual *\/\n    .humens-venue-visual {\n      min-height: 390px;\n      border-radius: 18px;\n      overflow: hidden;\n      position: relative;\n      background:\n        linear-gradient(\n          135deg,\n          rgba(18,59,99,0.96),\n          rgba(0,166,178,0.88)\n        );\n      box-shadow: 0 15px 40px rgba(18,59,99,0.14);\n    }\n\n    .humens-venue-visual::before {\n      content: \"\";\n      position: absolute;\n      width: 300px;\n      height: 300px;\n      border: 1px solid rgba(255,255,255,0.18);\n      border-radius: 50%;\n      top: -100px;\n      right: -80px;\n    }\n\n    .humens-venue-visual::after {\n      content: \"\";\n      position: absolute;\n      width: 220px;\n      height: 220px;\n      border: 1px solid rgba(255,255,255,0.14);\n      border-radius: 50%;\n      bottom: -80px;\n      left: -60px;\n    }\n\n    .humens-venue-overlay {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      padding: 40px;\n    }\n\n    .humens-venue-location-icon {\n      width: 72px;\n      height: 72px;\n      margin: 0 auto 22px;\n      border: 2px solid rgba(255,255,255,0.85);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 30px;\n    }\n\n    .humens-venue-overlay h3 {\n      margin: 0 0 10px;\n      color: #ffffff;\n      font-size: 27px;\n      line-height: 1.25;\n      font-weight: 700;\n    }\n\n    .humens-venue-overlay p {\n      margin: 0;\n      color: rgba(255,255,255,0.82);\n      font-size: 16px;\n      line-height: 1.6;\n    }\n\n    .humens-venue-date {\n      display: inline-block;\n      margin-top: 22px;\n      padding: 9px 16px;\n      border: 1px solid rgba(255,255,255,0.4);\n      border-radius: 30px;\n      color: #ffffff;\n      font-size: 13px;\n      font-weight: 700;\n      letter-spacing: 1px;\n    }\n\n    @media (max-width: 800px) {\n\n      .humens-venue {\n        padding: 65px 20px;\n      }\n\n      .humens-venue-inner {\n        grid-template-columns: 1fr;\n        gap: 45px;\n      }\n\n      .humens-venue-content h2 {\n        font-size: 32px;\n      }\n\n      .humens-venue-visual {\n        min-height: 320px;\n      }\n\n    }\n\n    @media (max-width: 500px) {\n\n      .humens-venue-content h2 {\n        font-size: 29px;\n      }\n\n      .humens-venue-visual {\n        min-height: 290px;\n      }\n\n    }\n  <\/style>\n\n\n  <div class=\"humens-venue-inner\">\n\n\n    <!-- LEFT: VENUE INFORMATION -->\n\n    <div class=\"humens-venue-content\">\n\n      <div class=\"humens-venue-label\">\n        VENUE\n      <\/div>\n\n      <h2>\n        Join Us in Pekan, Pahang\n      <\/h2>\n\n      <p>\n        HUMENS 2027 will bring researchers, academics, students and\n        industry practitioners together at Universiti Malaysia Pahang\n        Al-Sultan Abdullah.\n      <\/p>\n\n\n      <div class=\"humens-venue-details\">\n\n        <strong>\n          UMPSA Pekan Library\n        <\/strong>\n\n        <span>\n          Universiti Malaysia Pahang Al-Sultan Abdullah<br>\n          Pekan, Pahang, Malaysia\n        <\/span>\n\n      <\/div>\n\n\n      <!-- GOOGLE MAPS LINK -->\n\n      <a\n        href=\"https:\/\/maps.app.goo.gl\/Gx4USAWfrDwd8XBr8\"\n        class=\"humens-venue-button\"\n        target=\"_blank\"\n        rel=\"noopener\"\n      >\n        View Location\n      <\/a>\n\n    <\/div>\n\n\n    <!-- RIGHT: VENUE VISUAL -->\n\n    <div class=\"humens-venue-visual\">\n\n      <div class=\"humens-venue-overlay\">\n\n        <div>\n\n          <div class=\"humens-venue-location-icon\">\n            \u2316\n          <\/div>\n\n          <h3>\n            HUMENS 2027\n          <\/h3>\n\n          <p>\n            UMPSA Pekan Library<br>\n            Kampus Pekan\n          <\/p>\n\n          <div class=\"humens-venue-date\">\n            13 APRIL 2027\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<section id=\"registration\" class=\"humens-registration\">\n\n  <style>\n    .humens-registration {\n      position: relative;\n      background: #123b63;\n      padding: 90px 30px;\n      overflow: hidden;\n      font-family: inherit;\n    }\n\n    .humens-registration::before {\n      content: \"\";\n      position: absolute;\n      width: 500px;\n      height: 500px;\n      border: 1px solid rgba(255,255,255,0.08);\n      border-radius: 50%;\n      top: -280px;\n      right: -120px;\n    }\n\n    .humens-registration::after {\n      content: \"\";\n      position: absolute;\n      width: 350px;\n      height: 350px;\n      border: 1px solid rgba(255,255,255,0.06);\n      border-radius: 50%;\n      bottom: -220px;\n      left: -100px;\n    }\n\n    .humens-registration-inner {\n      position: relative;\n      z-index: 2;\n      max-width: 1000px;\n      margin: 0 auto;\n      text-align: center;\n    }\n\n    .humens-registration-label {\n      display: inline-block;\n      color: #00d0d9;\n      font-size: 14px;\n      font-weight: 700;\n      letter-spacing: 2px;\n      margin-bottom: 15px;\n    }\n\n    .humens-registration h2 {\n      margin: 0 auto 20px;\n      max-width: 800px;\n      color: #ffffff;\n      font-size: 42px;\n      line-height: 1.2;\n      font-weight: 700;\n    }\n\n    .humens-registration-intro {\n      max-width: 720px;\n      margin: 0 auto 40px;\n      color: rgba(255,255,255,0.82);\n      font-size: 18px;\n      line-height: 1.7;\n    }\n\n    .humens-registration-buttons {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 15px;\n      flex-wrap: wrap;\n    }\n\n    .humens-registration-button {\n      display: inline-block;\n      padding: 15px 30px;\n      border-radius: 6px;\n      text-decoration: none !important;\n      font-size: 15px;\n      font-weight: 700;\n      transition: all 0.2s ease;\n    }\n\n    .humens-registration-primary {\n      background: #00a6b2;\n      color: #ffffff !important;\n    }\n\n    .humens-registration-primary:hover {\n      background: #ffffff;\n      color: #123b63 !important;\n      transform: translateY(-2px);\n    }\n\n    .humens-registration-secondary {\n      border: 1px solid rgba(255,255,255,0.45);\n      color: #ffffff !important;\n      background: transparent;\n    }\n\n    .humens-registration-secondary:hover {\n      background: rgba(255,255,255,0.1);\n      border-color: #ffffff;\n      transform: translateY(-2px);\n    }\n\n    .humens-registration-info {\n      margin-top: 50px;\n      padding-top: 30px;\n      border-top: 1px solid rgba(255,255,255,0.12);\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 25px;\n    }\n\n    .humens-registration-info-item {\n      text-align: center;\n    }\n\n    .humens-registration-info-item strong {\n      display: block;\n      color: #ffffff;\n      font-size: 16px;\n      margin-bottom: 5px;\n    }\n\n    .humens-registration-info-item span {\n      color: rgba(255,255,255,0.68);\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    @media (max-width: 700px) {\n\n      .humens-registration {\n        padding: 65px 20px;\n      }\n\n      .humens-registration h2 {\n        font-size: 32px;\n      }\n\n      .humens-registration-intro {\n        font-size: 16px;\n      }\n\n      .humens-registration-info {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n\n    }\n\n    @media (max-width: 480px) {\n\n      .humens-registration h2 {\n        font-size: 29px;\n      }\n\n      .humens-registration-button {\n        width: 100%;\n        box-sizing: border-box;\n      }\n\n    }\n  <\/style>\n\n\n  <div class=\"humens-registration-inner\">\n\n    <div class=\"humens-registration-label\">\n      JOIN HUMENS 2027\n    <\/div>\n\n    <h2>\n      Be Part of the Future of Human Engineering\n    <\/h2>\n\n    <p class=\"humens-registration-intro\">\n      Share your research, connect with fellow researchers and\n      practitioners, and contribute to the advancement of human\n      performance, health and innovation.\n    <\/p>\n\n\n    <div class=\"humens-registration-buttons\">\n\n      <!-- Registration link - update when registration opens -->\n      <a\n        href=\"#\"\n        class=\"humens-registration-button humens-registration-primary\"\n      >\n        Register for HUMENS 2027\n      <\/a>\n\n      <!-- Call for Papers link -->\n      <a\n        href=\"#call-for-papers\"\n        class=\"humens-registration-button humens-registration-secondary\"\n      >\n        Submit Your Paper\n      <\/a>\n\n    <\/div>\n\n\n    <div class=\"humens-registration-info\">\n\n      <div class=\"humens-registration-info-item\">\n        <strong>13 April 2027<\/strong>\n        <span>Conference Date<\/span>\n      <\/div>\n\n      <div class=\"humens-registration-info-item\">\n        <strong>UMPSA Pekan Library<\/strong>\n        <span>Conference Venue<\/span>\n      <\/div>\n\n      <div class=\"humens-registration-info-item\">\n        <strong>Pahang, Malaysia<\/strong>\n        <span>Conference Location<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<section id=\"organiser\" class=\"humens-organiser\">\n\n  <style>\n    .humens-organiser {\n      background: #f5f7f9;\n      padding: 75px 30px;\n      font-family: inherit;\n    }\n\n    .humens-organiser-inner {\n      max-width: 1050px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 0.8fr 1.6fr;\n      gap: 65px;\n      align-items: center;\n    }\n\n    \/* LEFT *\/\n    .humens-organiser-label {\n      color: #00a6b2;\n      font-size: 14px;\n      font-weight: 700;\n      letter-spacing: 2.2px;\n      margin-bottom: 18px;\n    }\n\n    .humens-organiser-logo {\n      width: 210px;\n      max-width: 100%;\n      height: auto;\n      display: block;\n      margin-bottom: 22px;\n    }\n\n    .humens-organiser-left h3 {\n      margin: 0;\n      color: #123b63;\n      font-size: 24px;\n      line-height: 1.35;\n      font-weight: 700;\n    }\n\n    \/* RIGHT *\/\n    .humens-organiser-content {\n      border-left: 1px solid #d8e0e7;\n      padding-left: 55px;\n    }\n\n    .humens-organiser-content h2 {\n      margin: 0 0 20px;\n      color: #123b63;\n      font-size: 36px;\n      line-height: 1.2;\n      font-weight: 700;\n    }\n\n    .humens-organiser-content h2 span {\n      color: #00a6b2;\n    }\n\n    .humens-organiser-content p {\n      margin: 0 0 18px;\n      color: #657487;\n      font-size: 17px;\n      line-height: 1.75;\n    }\n\n    .humens-organiser-name {\n      margin-top: 28px;\n      padding: 18px 22px;\n      background: #ffffff;\n      border-left: 4px solid #00a6b2;\n      box-shadow: 0 8px 25px rgba(18,59,99,0.06);\n    }\n\n    .humens-organiser-name strong {\n      display: block;\n      color: #123b63;\n      font-size: 19px;\n      line-height: 1.4;\n      margin-bottom: 4px;\n    }\n\n    .humens-organiser-name span {\n      color: #657487;\n      font-size: 15px;\n      line-height: 1.5;\n    }\n\n    .humens-organiser-button {\n      display: inline-block;\n      margin-top: 27px;\n      padding: 13px 25px;\n      background: #123b63;\n      color: #ffffff !important;\n      text-decoration: none !important;\n      border-radius: 6px;\n      font-size: 15px;\n      font-weight: 700;\n      transition: all 0.2s ease;\n    }\n\n    .humens-organiser-button:hover {\n      background: #00a6b2;\n      color: #ffffff !important;\n      transform: translateY(-2px);\n    }\n\n    @media (max-width: 800px) {\n\n      .humens-organiser {\n        padding: 65px 20px;\n      }\n\n      .humens-organiser-inner {\n        grid-template-columns: 1fr;\n        gap: 35px;\n      }\n\n      .humens-organiser-left {\n        text-align: center;\n      }\n\n      .humens-organiser-logo {\n        margin-left: auto;\n        margin-right: auto;\n        width: 190px;\n      }\n\n      .humens-organiser-content {\n        border-left: none;\n        border-top: 1px solid #d8e0e7;\n        padding-left: 0;\n        padding-top: 35px;\n      }\n\n      .humens-organiser-content h2 {\n        font-size: 32px;\n      }\n\n    }\n\n    @media (max-width: 500px) {\n\n      .humens-organiser-content h2 {\n        font-size: 29px;\n      }\n\n      .humens-organiser-content p {\n        font-size: 16px;\n      }\n\n      .humens-organiser-logo {\n        width: 170px;\n      }\n\n    }\n  <\/style>\n\n\n  <div class=\"humens-organiser-inner\">\n\n\n    <!-- LEFT: STIC LOGO -->\n\n    <div class=\"humens-organiser-left\">\n\n      <div class=\"humens-organiser-label\">\n        ORGANISED BY\n      <\/div>\n\n      <img decoding=\"async\"\n        src=\"https:\/\/humens.umpsa.my\/2027\/wp-content\/uploads\/2026\/09\/stic.png\"\n        alt=\"Sports Technology Innovation Centre (STIC), UMPSA\"\n        class=\"humens-organiser-logo\"\n      >\n\n      <h3>\n        Sports Technology<br>\n        Innovation Centre\n      <\/h3>\n\n    <\/div>\n\n\n    <!-- RIGHT: ORGANISER INFORMATION -->\n\n    <div class=\"humens-organiser-content\">\n\n      <h2>\n        Advancing Innovation at <span>UMPSA<\/span>\n      <\/h2>\n\n      <p>\n        HUMENS 2027 is organised by the Sports Technology Innovation\n        Centre (STIC), Universiti Malaysia Pahang Al-Sultan Abdullah\n        (UMPSA).\n      <\/p>\n\n      <p>\n        STIC provides a platform for research, innovation and\n        collaboration in sports technology and related areas,\n        bringing together multidisciplinary expertise to address\n        challenges in human performance and technology.\n      <\/p>\n\n\n      <div class=\"humens-organiser-name\">\n\n        <strong>\n          Sports Technology Innovation Centre (STIC)\n        <\/strong>\n\n        <span>\n          Universiti Malaysia Pahang Al-Sultan Abdullah (UMPSA)\n        <\/span>\n\n      <\/div>\n\n\n      <!-- STIC WEBSITE -->\n\n      <a\n        href=\"https:\/\/stic.umpsa.edu.my\"\n        class=\"humens-organiser-button\"\n        target=\"_blank\"\n        rel=\"noopener\"\n      >\n        Visit STIC Website\n      <\/a>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<section id=\"contact\" class=\"humens-contact\">\n\n  <style>\n    .humens-contact {\n      background: #ffffff;\n      padding: 80px 30px;\n      font-family: inherit;\n    }\n\n    .humens-contact-inner {\n      max-width: 1050px;\n      margin: 0 auto;\n    }\n\n    .humens-contact-header {\n      text-align: center;\n      max-width: 720px;\n      margin: 0 auto 50px;\n    }\n\n    .humens-contact-label {\n      display: inline-block;\n      color: #00a6b2;\n      font-size: 15px;\n      font-weight: 700;\n      letter-spacing: 2.2px;\n      margin-bottom: 12px;\n    }\n\n    .humens-contact-header h2 {\n      margin: 0 0 17px;\n      color: #123b63;\n      font-size: 40px;\n      line-height: 1.2;\n      font-weight: 700;\n    }\n\n    .humens-contact-header p {\n      margin: 0;\n      color: #657487;\n      font-size: 18px;\n      line-height: 1.7;\n    }\n\n    .humens-contact-grid {\n      display: grid;\n      grid-template-columns: 1.2fr 1fr 1fr;\n      gap: 20px;\n    }\n\n    .humens-contact-card {\n      background: #f5f7f9;\n      border: 1px solid #e2e8ed;\n      border-radius: 10px;\n      padding: 30px 25px;\n      min-height: 175px;\n      box-sizing: border-box;\n    }\n\n    .humens-contact-card.featured {\n      background: #123b63;\n      border-color: #123b63;\n    }\n\n    .humens-contact-icon {\n      width: 46px;\n      height: 46px;\n      border: 1px solid #cbd8e2;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #00a6b2;\n      font-size: 20px;\n      margin-bottom: 20px;\n    }\n\n    .humens-contact-card.featured .humens-contact-icon {\n      border-color: rgba(255,255,255,0.35);\n    }\n\n    .humens-contact-card h3 {\n      margin: 0 0 10px;\n      color: #123b63;\n      font-size: 20px;\n      line-height: 1.35;\n      font-weight: 700;\n    }\n\n    .humens-contact-card.featured h3 {\n      color: #ffffff;\n    }\n\n    .humens-contact-card p {\n      margin: 0;\n      color: #657487;\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .humens-contact-card.featured p {\n      color: rgba(255,255,255,0.78);\n    }\n\n    .humens-contact-card a {\n      color: #00a6b2 !important;\n      text-decoration: none !important;\n      font-weight: 700;\n    }\n\n    .humens-contact-card.featured a {\n      color: #00d0d9 !important;\n    }\n\n    .humens-contact-card a:hover {\n      text-decoration: underline !important;\n    }\n\n    .humens-contact-address {\n      margin-top: 35px;\n      padding: 25px 30px;\n      border-top: 1px solid #e1e7ec;\n      text-align: center;\n    }\n\n    .humens-contact-address strong {\n      display: block;\n      color: #123b63;\n      font-size: 17px;\n      margin-bottom: 7px;\n    }\n\n    .humens-contact-address span {\n      color: #657487;\n      font-size: 15px;\n      line-height: 1.6;\n    }\n\n    @media (max-width: 850px) {\n\n      .humens-contact {\n        padding: 65px 20px;\n      }\n\n      .humens-contact-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .humens-contact-card {\n        min-height: auto;\n      }\n\n      .humens-contact-header h2 {\n        font-size: 34px;\n      }\n\n    }\n\n    @media (max-width: 500px) {\n\n      .humens-contact-header h2 {\n        font-size: 30px;\n      }\n\n      .humens-contact-header p {\n        font-size: 17px;\n      }\n\n    }\n  <\/style>\n\n\n  <div class=\"humens-contact-inner\">\n\n\n    <!-- HEADER -->\n\n    <div class=\"humens-contact-header\">\n\n      <div class=\"humens-contact-label\">\n        CONTACT\n      <\/div>\n\n      <h2>\n        Get in Touch with HUMENS 2027\n      <\/h2>\n\n      <p>\n        For enquiries regarding paper submission, registration,\n        participation and the conference programme, please contact\n        the HUMENS 2027 Secretariat.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- CONTACT CARDS -->\n\n    <div class=\"humens-contact-grid\">\n\n\n      <!-- SECRETARIAT -->\n\n      <div class=\"humens-contact-card featured\">\n\n        <div class=\"humens-contact-icon\">\n          \u2726\n        <\/div>\n\n        <h3>\n          HUMENS 2027 Secretariat\n        <\/h3>\n\n        <p>\n          Sports Technology Innovation Centre (STIC)<br>\n          Department of Research and Innovation<br>\n          Universiti Malaysia Pahang Al-Sultan Abdullah\n        <\/p>\n\n      <\/div>\n\n\n      <!-- EMAIL -->\n\n      <div class=\"humens-contact-card\">\n\n        <div class=\"humens-contact-icon\">\n          @\n        <\/div>\n\n        <h3>\n          Email\n        <\/h3>\n\n        <p>\n          <a href=\"mailto:info@humens.umpsa.my\">\n            info@humens.umpsa.my\n          <\/a>\n        <\/p>\n\n      <\/div>\n\n\n      <!-- WEBSITE -->\n\n      <div class=\"humens-contact-card\">\n\n        <div class=\"humens-contact-icon\">\n          \u2197\n        <\/div>\n\n        <h3>\n          Website\n        <\/h3>\n\n        <p>\n          <a\n            href=\"https:\/\/humens.umpsa.my\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >\n            humens.umpsa.my\n          <\/a>\n        <\/p>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- ADDRESS -->\n\n    <div class=\"humens-contact-address\">\n\n      <strong>\n        HUMENS 2027 Secretariat\n      <\/strong>\n\n      <span>\n        Pusat Inovasi Teknologi Sukan, Jabatan Penyelidikan dan Inovasi,\n        Universiti Malaysia Pahang Al-Sultan Abdullah,\n        26600 Pekan, Pahang, Malaysia.\n      <\/span>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Human Engineering Symposium HUMENS 2027 Engineering Human Potential Through Intelligent Technologies 13 APRIL 2027 Perpustakaan UMPSA Kampus Pekan Pahang, Malaysia SUBMIT PAPER REGISTER NOW ABOUT HUMENS 2027 Engineering Human Potential Through Intelligent Technologies HUMENS 2027 is a platform for researchers, academics, students and industry practitioners to present research findings, exchange knowledge and explore emerging developments [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-601","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/humens.umpsa.my\/2027\/wp-json\/wp\/v2\/pages\/601","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/humens.umpsa.my\/2027\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/humens.umpsa.my\/2027\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/humens.umpsa.my\/2027\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/humens.umpsa.my\/2027\/wp-json\/wp\/v2\/comments?post=601"}],"version-history":[{"count":23,"href":"https:\/\/humens.umpsa.my\/2027\/wp-json\/wp\/v2\/pages\/601\/revisions"}],"predecessor-version":[{"id":683,"href":"https:\/\/humens.umpsa.my\/2027\/wp-json\/wp\/v2\/pages\/601\/revisions\/683"}],"wp:attachment":[{"href":"https:\/\/humens.umpsa.my\/2027\/wp-json\/wp\/v2\/media?parent=601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}