{"id":2011,"date":"2026-08-28T04:17:05","date_gmt":"2026-08-28T04:17:05","guid":{"rendered":"https:\/\/iicro-conference.org\/2026\/?page_id=2011"},"modified":"2026-09-09T06:07:25","modified_gmt":"2026-09-09T06:07:25","slug":"new-landing-page-iicro-2026","status":"publish","type":"page","link":"https:\/\/iicro-conference.org\/2026\/","title":{"rendered":"New landing page IICRO 2026"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2011\" class=\"elementor elementor-2011\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c26e39 e-con-full e-flex e-con e-parent\" data-id=\"5c26e39\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76bd389 elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"76bd389\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;i class=\\&quot;fas fa-caret-down\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;&lt;\\\/i&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-76bd389\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-2093\"><a href=\"https:\/\/iicro-conference.org\/2026\/\" class=\"elementor-item menu-link\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1778\"><a href=\"https:\/\/iicro-conference.org\/2026\/committees-iicro-2026\/\" class=\"elementor-item menu-link\">Committees<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-1776\"><a href=\"https:\/\/iicro-conference.org\/2026\/#scope\" class=\"elementor-item elementor-item-anchor menu-link\">Focus &#038; Scope<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1791\"><a href=\"https:\/\/iicro-conference.org\/2026\/tracks-iicro-2026\/\" class=\"elementor-item menu-link\">Tracks<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1790\"><a href=\"https:\/\/iicro-conference.org\/2026\/speakers\/\" class=\"elementor-item menu-link\">Speakers<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1391\"><a aria-expanded=\"false\" href=\"#\" class=\"elementor-item elementor-item-anchor menu-link\">For Author<span role=\"application\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1639\"><a href=\"https:\/\/iicro-conference.org\/2026\/author-information\/\" class=\"elementor-sub-item menu-link\">Author Information<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1868\"><a href=\"https:\/\/iicro-conference.org\/2026\/editorial-policies\/\" class=\"elementor-sub-item menu-link\">Editorial Policies<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1645\"><a href=\"https:\/\/iicro-conference.org\/2026\/registration-fee\/\" class=\"elementor-sub-item menu-link\">Registration Fee<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1390\"><a aria-expanded=\"false\" href=\"#\" class=\"elementor-item elementor-item-anchor menu-link\">Publications<span role=\"application\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1624\"><a href=\"https:\/\/iicro-conference.org\/2026\/publications-iicro-2026\/\" class=\"elementor-sub-item menu-link\">Publications IICRO 2026<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1618\"><a href=\"https:\/\/iicro-conference.org\/2026\/previous-publications-iicro\/\" class=\"elementor-sub-item menu-link\">Previous Publications<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1389\"><a aria-expanded=\"false\" href=\"#\" class=\"elementor-item elementor-item-anchor menu-link\">Past Events<span role=\"application\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1593\"><a href=\"https:\/\/iicro-conference.org\/2022\/\" class=\"elementor-sub-item menu-link\">IICRO 2022<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1594\"><a href=\"https:\/\/iicro-conference.org\/2023\/\" class=\"elementor-sub-item menu-link\">IICRO 2023<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1595\"><a href=\"https:\/\/iicro-conference.org\/2024\/\" class=\"elementor-sub-item menu-link\">IICRO 2024<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<i aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open eicon-menu-bar\"><\/i><i aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close eicon-close\"><\/i>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-76bd389\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-2093\"><a href=\"https:\/\/iicro-conference.org\/2026\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1778\"><a href=\"https:\/\/iicro-conference.org\/2026\/committees-iicro-2026\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Committees<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-1776\"><a href=\"https:\/\/iicro-conference.org\/2026\/#scope\" class=\"elementor-item elementor-item-anchor menu-link\" tabindex=\"-1\">Focus &#038; Scope<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1791\"><a href=\"https:\/\/iicro-conference.org\/2026\/tracks-iicro-2026\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Tracks<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1790\"><a href=\"https:\/\/iicro-conference.org\/2026\/speakers\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Speakers<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1391\"><a aria-expanded=\"false\" href=\"#\" class=\"elementor-item elementor-item-anchor menu-link\" tabindex=\"-1\">For Author<span role=\"application\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1639\"><a href=\"https:\/\/iicro-conference.org\/2026\/author-information\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Author Information<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1868\"><a href=\"https:\/\/iicro-conference.org\/2026\/editorial-policies\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Editorial Policies<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1645\"><a href=\"https:\/\/iicro-conference.org\/2026\/registration-fee\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Registration Fee<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1390\"><a aria-expanded=\"false\" href=\"#\" class=\"elementor-item elementor-item-anchor menu-link\" tabindex=\"-1\">Publications<span role=\"application\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1624\"><a href=\"https:\/\/iicro-conference.org\/2026\/publications-iicro-2026\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Publications IICRO 2026<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1618\"><a href=\"https:\/\/iicro-conference.org\/2026\/previous-publications-iicro\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">Previous Publications<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-1389\"><a aria-expanded=\"false\" href=\"#\" class=\"elementor-item elementor-item-anchor menu-link\" tabindex=\"-1\">Past Events<span role=\"application\" class=\"dropdown-menu-toggle ast-header-navigation-arrow\" tabindex=\"0\" aria-expanded=\"false\" aria-label=\"Menu Toggle\" aria-haspopup=\"true\"><\/span><\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1593\"><a href=\"https:\/\/iicro-conference.org\/2022\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">IICRO 2022<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1594\"><a href=\"https:\/\/iicro-conference.org\/2023\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">IICRO 2023<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1595\"><a href=\"https:\/\/iicro-conference.org\/2024\/\" class=\"elementor-sub-item menu-link\" tabindex=\"-1\">IICRO 2024<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a9a229 elementor-widget elementor-widget-html\" data-id=\"3a9a229\" 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<style>\r\n\/* =========================================================\r\n   IICRO 2026 \u2014 Elementor Scoped Conference Hero\r\n   ========================================================= *\/\r\n\r\n.iicro-hero {\r\n    --iicro-green: #087443;\r\n    --iicro-dark: #075c37;\r\n    --iicro-gold: #f5b817;\r\n    --iicro-text: #18231f;\r\n    --iicro-muted: #66736d;\r\n    --iicro-white: #ffffff;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background:\r\n        radial-gradient(circle at 85% 15%, rgba(245,184,23,.13), transparent 25%),\r\n        radial-gradient(circle at 10% 80%, rgba(8,116,67,.08), transparent 25%),\r\n        #f8fbf9;\r\n\r\n    font-family: \"Poppins\", \"Helvetica Neue\", Arial, sans-serif;\r\n    color: var(--iicro-text);\r\n}\r\n\r\n\/* Decorative background *\/\r\n\r\n.iicro-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 520px;\r\n    height: 520px;\r\n    border: 1px solid rgba(8,116,67,.08);\r\n    border-radius: 50%;\r\n    right: -180px;\r\n    top: -180px;\r\n    pointer-events: none;\r\n}\r\n\r\n.iicro-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 320px;\r\n    height: 320px;\r\n    border: 1px solid rgba(245,184,23,.13);\r\n    border-radius: 50%;\r\n    left: -150px;\r\n    bottom: 120px;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Main container *\/\r\n\r\n.iicro-container {\r\n    width: min(1280px, calc(100% - 48px));\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* Hero *\/\r\n\r\n.iicro-main {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 55px;\r\n    align-items: center;\r\n    min-height: 650px;\r\n    padding: 75px 0 45px;\r\n}\r\n\r\n\/* Left content *\/\r\n\r\n.iicro-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n\r\n    padding: 9px 17px;\r\n    border-radius: 100px;\r\n\r\n    background: #fff8df;\r\n    border: 1px solid rgba(245,184,23,.25);\r\n\r\n    color: var(--iicro-green);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: .08em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.iicro-eyebrow-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--iicro-gold);\r\n}\r\n\r\n.iicro-title {\r\n    margin: 24px 0 5px;\r\n    font-size: clamp(64px, 7vw, 108px);\r\n    line-height: .9;\r\n    letter-spacing: -.055em;\r\n    font-weight: 800;\r\n}\r\n\r\n.iicro-title .green {\r\n    color: var(--iicro-green);\r\n}\r\n\r\n.iicro-title .gold {\r\n    color: var(--iicro-gold);\r\n}\r\n\r\n.iicro-subtitle {\r\n    max-width: 650px;\r\n    margin: 20px 0 0;\r\n\r\n    font-size: clamp(22px, 2.1vw, 31px);\r\n    line-height: 1.25;\r\n    font-weight: 500;\r\n}\r\n\r\n.iicro-subtitle strong {\r\n    color: var(--iicro-green);\r\n    font-weight: 700;\r\n}\r\n\r\n.iicro-divider {\r\n    width: 62px;\r\n    height: 5px;\r\n    margin: 25px 0;\r\n    border-radius: 10px;\r\n    background: linear-gradient(\r\n        90deg,\r\n        var(--iicro-green),\r\n        var(--iicro-gold)\r\n    );\r\n}\r\n\r\n.iicro-description {\r\n    max-width: 650px;\r\n    margin: 0;\r\n\r\n    color: var(--iicro-muted);\r\n    font-size: 15px;\r\n    line-height: 1.85;\r\n}\r\n\r\n\/* Trust cards *\/\r\n\r\n.iicro-trust {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 13px;\r\n    margin-top: 30px;\r\n}\r\n\r\n.iicro-card {\r\n    display: flex;\r\n    gap: 14px;\r\n    align-items: flex-start;\r\n\r\n    padding: 17px;\r\n\r\n    background: rgba(255,255,255,.92);\r\n    border: 1px solid rgba(8,116,67,.08);\r\n    border-radius: 16px;\r\n\r\n    box-shadow: 0 10px 35px rgba(10,60,40,.06);\r\n}\r\n\r\n.iicro-icon {\r\n    flex: 0 0 42px;\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #edf7f1;\r\n    color: var(--iicro-green);\r\n\r\n    font-size: 18px;\r\n}\r\n\r\n.iicro-card p {\r\n    margin: 0;\r\n    color: #59655f;\r\n    font-size: 12.5px;\r\n    line-height: 1.65;\r\n}\r\n\r\n.iicro-card strong {\r\n    color: var(--iicro-green);\r\n}\r\n\r\n\/* Visual *\/\r\n\r\n.iicro-visual {\r\n    position: relative;\r\n    min-height: 530px;\r\n}\r\n\r\n.iicro-visual-main {\r\n    position: absolute;\r\n    inset: 25px 0 0 30px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 40px 40px 110px 40px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(8,116,67,.10),\r\n            rgba(255,255,255,.2)\r\n        );\r\n\r\n    box-shadow:\r\n        0 30px 70px rgba(8,70,45,.14);\r\n\r\n    border: 7px solid rgba(255,255,255,.9);\r\n}\r\n\r\n\/*\r\n   Replace the background image URL below\r\n   with your actual IICRO \/ Universitas Raharja image.\r\n*\/\r\n.iicro-visual-main {\r\n    position: absolute;\r\n    inset: 25px 0 0 30px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 40px 40px 110px 40px;\r\n\r\n    background: #eaf4ef;\r\n\r\n    box-shadow:\r\n        0 30px 70px rgba(8,70,45,.14);\r\n\r\n    border: 7px solid rgba(255,255,255,.9);\r\n}\r\n\r\n\/* Image *\/\r\n\r\n.iicro-visual-main img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    border-radius: inherit;\r\n\r\n    transform: scale(1.01);\r\n\r\n    transition: transform .5s ease;\r\n}\r\n\r\n\/* Optional subtle zoom on hover *\/\r\n\r\n.iicro-visual-main:hover img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n\/* Decorative circles *\/\r\n\r\n.iicro-orbit {\r\n    position: absolute;\r\n    width: 130px;\r\n    height: 130px;\r\n\r\n    border: 1px solid rgba(8,116,67,.15);\r\n    border-radius: 50%;\r\n\r\n    top: 0;\r\n    right: -10px;\r\n\r\n    background: rgba(255,255,255,.75);\r\n    backdrop-filter: blur(8px);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    z-index: 3;\r\n}\r\n\r\n.iicro-orbit-inner {\r\n    width: 76px;\r\n    height: 76px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #fff;\r\n    box-shadow: 0 10px 25px rgba(0,0,0,.08);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: var(--iicro-green);\r\n    font-size: 28px;\r\n}\r\n\r\n\/* Floating information *\/\r\n\r\n.iicro-floating {\r\n    position: absolute;\r\n    left: -5px;\r\n    bottom: 15px;\r\n\r\n    z-index: 5;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n\r\n    padding: 15px 20px;\r\n\r\n    background: rgba(255,255,255,.94);\r\n    backdrop-filter: blur(12px);\r\n\r\n    border-radius: 18px;\r\n\r\n    box-shadow: 0 18px 45px rgba(0,0,0,.13);\r\n}\r\n\r\n.iicro-floating-icon {\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 13px;\r\n\r\n    background: var(--iicro-green);\r\n    color: #fff;\r\n}\r\n\r\n.iicro-floating small {\r\n    display: block;\r\n    color: #718078;\r\n    font-size: 10px;\r\n    text-transform: uppercase;\r\n    letter-spacing: .08em;\r\n}\r\n\r\n.iicro-floating strong {\r\n    display: block;\r\n    margin-top: 3px;\r\n\r\n    color: var(--iicro-green);\r\n    font-size: 14px;\r\n}\r\n\r\n\/* Bottom information strip *\/\r\n\r\n.iicro-info {\r\n    position: relative;\r\n    z-index: 10;\r\n\r\n    margin-bottom: 28px;\r\n\r\n    padding: 0;\r\n\r\n    background: var(--iicro-dark);\r\n\r\n    border-radius: 20px;\r\n\r\n    box-shadow: 0 18px 45px rgba(5,80,45,.16);\r\n}\r\n\r\n.iicro-info-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n}\r\n\r\n.iicro-info-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n\r\n    padding: 23px 25px;\r\n\r\n    border-right: 1px solid rgba(255,255,255,.18);\r\n}\r\n\r\n.iicro-info-item:last-child {\r\n    border-right: none;\r\n}\r\n\r\n.iicro-info-icon {\r\n    flex: 0 0 46px;\r\n\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(255,255,255,.13);\r\n    color: #fff;\r\n\r\n    font-size: 18px;\r\n}\r\n\r\n.iicro-info-item small {\r\n    display: block;\r\n\r\n    color: rgba(255,255,255,.65);\r\n\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n\r\n    text-transform: uppercase;\r\n    letter-spacing: .12em;\r\n}\r\n\r\n.iicro-info-item strong {\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.45;\r\n}\r\n\r\n\/* Supported section *\/\r\n\r\n.iicro-supported {\r\n    padding: 10px 0 60px;\r\n    text-align: center;\r\n}\r\n\r\n.iicro-supported-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n\r\n    justify-content: center;\r\n\r\n    color: var(--iicro-green);\r\n\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .18em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.iicro-supported-title::before,\r\n.iicro-supported-title::after {\r\n    content: \"\";\r\n    width: 110px;\r\n    height: 1px;\r\n\r\n    background: rgba(8,116,67,.2);\r\n}\r\n\r\n.iicro-logos {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 45px;\r\n\r\n    margin-top: 25px;\r\n}\r\n\r\n.iicro-logo {\r\n    max-width: 145px;\r\n    max-height: 60px;\r\n    object-fit: contain;\r\n    filter: grayscale(100%);\r\n    opacity: .78;\r\n\r\n    transition:\r\n        filter .25s ease,\r\n        opacity .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n.iicro-logo:hover {\r\n    filter: grayscale(0);\r\n    opacity: 1;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* =========================================================\r\n   IICRO MAIN LOGO\r\n   ========================================================= *\/\r\n\r\n.iicro-main-logo {\r\n    width: min(1100px, calc(100% - 40px));\r\n    margin: 0 auto;\r\n\r\n    padding: 28px 0 0px;\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n.iicro-main-logo img {\r\n    display: block;\r\n\r\n    width: auto;\r\n    max-width: 100%;\r\n    height: auto;\r\n\r\n    max-height: 120px;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONFERENCE ACTION BUTTONS\r\n   ========================================================= *\/\r\n\r\n.iicro-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 11px;\r\n\r\n    margin-top: 27px;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n\/* Base button *\/\r\n\r\n.iicro-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n\r\n    min-height: 48px;\r\n    padding: 0 15px;\r\n\r\n    border-radius: 12px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-family: \"Poppins\", \"Helvetica Neue\", Arial, sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: -.01em;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease,\r\n        background .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n\/* Icon *\/\r\n\r\n.iicro-btn-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 25px;\r\n    height: 25px;\r\n\r\n    border-radius: 7px;\r\n\r\n    font-size: 13px;\r\n}\r\n\r\n\/* Arrow *\/\r\n\r\n.iicro-btn-arrow {\r\n    margin-left: 2px;\r\n\r\n    font-size: 16px;\r\n    line-height: 1;\r\n\r\n    transition: transform .25s ease;\r\n}\r\n\r\n.iicro-btn:hover .iicro-btn-arrow {\r\n    transform: translateX(4px);\r\n}\r\n\r\n.iicro-btn:hover {\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* Primary *\/\r\n\r\n.iicro-btn-primary {\r\n    color: #fff !important;\r\n\r\n    background: var(--iicro-green);\r\n\r\n    border: 1px solid var(--iicro-green);\r\n\r\n    box-shadow: 0 9px 22px rgba(8,116,67,.18);\r\n}\r\n\r\n.iicro-btn-primary .iicro-btn-icon {\r\n    background: rgba(255,255,255,.14);\r\n}\r\n\r\n.iicro-btn-primary:hover {\r\n    background: var(--iicro-dark);\r\n    box-shadow: 0 13px 28px rgba(8,116,67,.25);\r\n}\r\n\r\n\/* Secondary *\/\r\n\r\n.iicro-btn-secondary {\r\n    color: var(--iicro-green) !important;\r\n\r\n    background: #fff8df;\r\n\r\n    border: 1px solid rgba(245,184,23,.35);\r\n}\r\n\r\n.iicro-btn-secondary .iicro-btn-icon {\r\n    background: rgba(245,184,23,.18);\r\n}\r\n\r\n.iicro-btn-secondary:hover {\r\n    background: #fff3c7;\r\n    border-color: rgba(245,184,23,.6);\r\n}\r\n\r\n\/* Outline *\/\r\n\r\n.iicro-btn-outline {\r\n    color: var(--iicro-green) !important;\r\n\r\n    background: rgba(255,255,255,.8);\r\n\r\n    border: 1px solid rgba(8,116,67,.20);\r\n}\r\n\r\n.iicro-btn-outline .iicro-btn-icon {\r\n    background: #edf7f1;\r\n}\r\n\r\n.iicro-btn-outline:hover {\r\n    background: #fff;\r\n    border-color: var(--iicro-green);\r\n\r\n    box-shadow: 0 9px 22px rgba(8,116,67,.10);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   Tablet\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .iicro-main {\r\n        grid-template-columns: 1fr;\r\n        gap: 35px;\r\n        padding-top: 55px;\r\n    }\r\n\r\n    .iicro-visual {\r\n        min-height: 500px;\r\n    }\r\n\r\n    .iicro-visual-main {\r\n        inset: 0 0 0 0;\r\n    }\r\n\r\n    .iicro-trust {\r\n        max-width: 800px;\r\n    }\r\n\r\n    .iicro-info-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .iicro-info-item:nth-child(2) {\r\n        border-right: none;\r\n    }\r\n\r\n    .iicro-info-item:nth-child(-n+2) {\r\n        border-bottom: 1px solid rgba(255,255,255,.18);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IICRO 2026\r\n   ELEMENTOR SAFE SCROLL REVEAL\r\n   ========================================================= *\/\r\n\r\n\/* ---------------------------------------------------------\r\n   Animation variables\r\n   --------------------------------------------------------- *\/\r\n\r\n.iicro-hero {\r\n    --iicro-animation-duration: 800ms;\r\n    --iicro-animation-easing: cubic-bezier(.22, 1, .36, 1);\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   Initial animation state\r\n   --------------------------------------------------------- *\/\r\n\r\n.iicro-hero .iicro-main-logo,\r\n.iicro-hero .iicro-eyebrow,\r\n.iicro-hero .iicro-title,\r\n.iicro-hero .iicro-subtitle,\r\n.iicro-hero .iicro-divider,\r\n.iicro-hero .iicro-description,\r\n.iicro-hero .iicro-actions,\r\n.iicro-hero .iicro-card,\r\n.iicro-hero .iicro-visual-main,\r\n.iicro-hero .iicro-orbit,\r\n.iicro-hero .iicro-floating,\r\n.iicro-hero .iicro-info {\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n        opacity var(--iicro-animation-duration)\r\n            var(--iicro-animation-easing),\r\n        transform var(--iicro-animation-duration)\r\n            var(--iicro-animation-easing);\r\n\r\n    will-change: opacity, transform;\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   Starting positions\r\n   --------------------------------------------------------- *\/\r\n\r\n.iicro-hero .iicro-main-logo {\r\n    transform: translate3d(0, -24px, 0);\r\n}\r\n\r\n.iicro-hero .iicro-eyebrow {\r\n    transform: translate3d(0, 24px, 0);\r\n}\r\n\r\n.iicro-hero .iicro-title {\r\n    transform: translate3d(0, 35px, 0);\r\n}\r\n\r\n.iicro-hero .iicro-subtitle {\r\n    transform: translate3d(0, 28px, 0);\r\n}\r\n\r\n.iicro-hero .iicro-divider {\r\n    transform: translate3d(0, 15px, 0) scaleX(0);\r\n    transform-origin: left center;\r\n}\r\n\r\n.iicro-hero .iicro-description {\r\n    transform: translate3d(0, 24px, 0);\r\n}\r\n\r\n.iicro-hero .iicro-actions {\r\n    transform: translate3d(0, 24px, 0);\r\n}\r\n\r\n.iicro-hero .iicro-card {\r\n    transform: translate3d(0, 30px, 0);\r\n}\r\n\r\n.iicro-hero .iicro-visual-main {\r\n    transform: translate3d(0, 30px, 0) scale(.96);\r\n}\r\n\r\n.iicro-hero .iicro-orbit {\r\n    transform: scale(.75) rotate(-20deg);\r\n}\r\n\r\n.iicro-hero .iicro-floating {\r\n    transform: translate3d(-25px, 0, 0);\r\n}\r\n\r\n.iicro-hero .iicro-info {\r\n    transform: translate3d(0, 30px, 0);\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   Visible state\r\n   --------------------------------------------------------- *\/\r\n\r\n.iicro-hero.iicro-visible .iicro-main-logo,\r\n.iicro-hero.iicro-visible .iicro-eyebrow,\r\n.iicro-hero.iicro-visible .iicro-title,\r\n.iicro-hero.iicro-visible .iicro-subtitle,\r\n.iicro-hero.iicro-visible .iicro-divider,\r\n.iicro-hero.iicro-visible .iicro-description,\r\n.iicro-hero.iicro-visible .iicro-actions,\r\n.iicro-hero.iicro-visible .iicro-card,\r\n.iicro-hero.iicro-visible .iicro-visual-main,\r\n.iicro-hero.iicro-visible .iicro-orbit,\r\n.iicro-hero.iicro-visible .iicro-floating,\r\n.iicro-hero.iicro-visible .iicro-info {\r\n\r\n    opacity: 1;\r\n    transform: none;\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   Stagger\r\n   --------------------------------------------------------- *\/\r\n\r\n.iicro-hero .iicro-main-logo {\r\n    transition-delay: 50ms;\r\n}\r\n\r\n.iicro-hero .iicro-eyebrow {\r\n    transition-delay: 120ms;\r\n}\r\n\r\n.iicro-hero .iicro-title {\r\n    transition-delay: 220ms;\r\n}\r\n\r\n.iicro-hero .iicro-subtitle {\r\n    transition-delay: 320ms;\r\n}\r\n\r\n.iicro-hero .iicro-divider {\r\n    transition-delay: 410ms;\r\n}\r\n\r\n.iicro-hero .iicro-description {\r\n    transition-delay: 480ms;\r\n}\r\n\r\n.iicro-hero .iicro-actions {\r\n    transition-delay: 560ms;\r\n}\r\n\r\n.iicro-hero .iicro-card:nth-child(1) {\r\n    transition-delay: 650ms;\r\n}\r\n\r\n.iicro-hero .iicro-card:nth-child(2) {\r\n    transition-delay: 740ms;\r\n}\r\n\r\n.iicro-hero .iicro-visual-main {\r\n    transition-delay: 220ms;\r\n}\r\n\r\n.iicro-hero .iicro-orbit {\r\n    transition-delay: 450ms;\r\n}\r\n\r\n.iicro-hero .iicro-floating {\r\n    transition-delay: 600ms;\r\n}\r\n\r\n.iicro-hero .iicro-info {\r\n    transition-delay: 850ms;\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   Buttons\r\n   --------------------------------------------------------- *\/\r\n\r\n.iicro-btn {\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.iicro-btn::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: -120%;\r\n\r\n    width: 70%;\r\n    height: 100%;\r\n\r\n    background: rgba(255,255,255,.18);\r\n\r\n    transform: skewX(-20deg);\r\n\r\n    transition: left .65s ease;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.iicro-btn:hover::after {\r\n    left: 140%;\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   Visual hover\r\n   --------------------------------------------------------- *\/\r\n\r\n.iicro-visual-main img {\r\n    transition:\r\n        transform .7s cubic-bezier(.22, 1, .36, 1);\r\n}\r\n\r\n.iicro-visual-main:hover img {\r\n    transform: scale(1.035);\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   Floating information\r\n   --------------------------------------------------------- *\/\r\n\r\n.iicro-hero.iicro-visible .iicro-floating {\r\n    animation: iicro-floating 4s ease-in-out 1.4s infinite;\r\n}\r\n\r\n@keyframes iicro-floating {\r\n\r\n    0%,\r\n    100% {\r\n        transform: translate3d(0, 0, 0);\r\n    }\r\n\r\n    50% {\r\n        transform: translate3d(0, -7px, 0);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   Orbit\r\n   --------------------------------------------------------- *\/\r\n\r\n.iicro-hero.iicro-visible .iicro-orbit-inner {\r\n    animation: iicro-orbit-pulse 3s ease-in-out 1.4s infinite;\r\n}\r\n\r\n@keyframes iicro-orbit-pulse {\r\n\r\n    0%,\r\n    100% {\r\n        transform: scale(1);\r\n    }\r\n\r\n    50% {\r\n        transform: scale(1.07);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ---------------------------------------------------------\r\n   Info bar hover\r\n   --------------------------------------------------------- *\/\r\n\r\n.iicro-info-item {\r\n    transition:\r\n        background-color .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n.iicro-info-item:hover {\r\n    background-color: rgba(255,255,255,.05);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .iicro-hero .iicro-title {\r\n        transform: translate3d(0, 28px, 0);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .iicro-hero {\r\n        --iicro-animation-duration: 650ms;\r\n    }\r\n\r\n    .iicro-hero .iicro-main-logo {\r\n        transform: translate3d(0, -15px, 0);\r\n    }\r\n\r\n    .iicro-hero .iicro-title {\r\n        transform: translate3d(0, 25px, 0);\r\n    }\r\n\r\n    .iicro-hero .iicro-visual-main {\r\n        transform: translate3d(0, 20px, 0) scale(.97);\r\n    }\r\n\r\n    .iicro-hero .iicro-floating {\r\n        transform: translate3d(-15px, 0, 0);\r\n    }\r\n\r\n    \/* Disable expensive hover effects on touch devices *\/\r\n\r\n    .iicro-visual-main:hover img {\r\n        transform: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .iicro-hero .iicro-main-logo,\r\n    .iicro-hero .iicro-eyebrow,\r\n    .iicro-hero .iicro-title,\r\n    .iicro-hero .iicro-subtitle,\r\n    .iicro-hero .iicro-divider,\r\n    .iicro-hero .iicro-description,\r\n    .iicro-hero .iicro-actions,\r\n    .iicro-hero .iicro-card,\r\n    .iicro-hero .iicro-visual-main,\r\n    .iicro-hero .iicro-orbit,\r\n    .iicro-hero .iicro-floating,\r\n    .iicro-hero .iicro-info {\r\n\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        transition: none !important;\r\n        animation: none !important;\r\n        will-change: auto !important;\r\n    }\r\n\r\n}\r\n\r\n\/* =========================================================\r\n   Mobile\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .iicro-container {\r\n        width: min(100% - 28px, 600px);\r\n    }\r\n\r\n    .iicro-main {\r\n        min-height: auto;\r\n        padding: 40px 0 30px;\r\n    }\r\n\r\n    .iicro-title {\r\n        font-size: clamp(55px, 18vw, 80px);\r\n    }\r\n\r\n    .iicro-subtitle {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .iicro-description {\r\n        font-size: 14px;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    .iicro-trust {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .iicro-visual {\r\n        min-height: 390px;\r\n    }\r\n\r\n    .iicro-visual-main {\r\n        border-radius: 25px 25px 70px 25px;\r\n        border-width: 4px;\r\n    }\r\n\r\n    .iicro-orbit {\r\n        width: 90px;\r\n        height: 90px;\r\n        right: 0;\r\n    }\r\n\r\n    .iicro-orbit-inner {\r\n        width: 55px;\r\n        height: 55px;\r\n        font-size: 20px;\r\n    }\r\n\r\n    .iicro-floating {\r\n        left: 10px;\r\n        bottom: 10px;\r\n        padding: 12px 14px;\r\n    }\r\n\r\n    .iicro-info {\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .iicro-info-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .iicro-info-item {\r\n        border-right: none !important;\r\n        border-bottom: 1px solid rgba(255,255,255,.16);\r\n        padding: 18px;\r\n    }\r\n\r\n    .iicro-info-item:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .iicro-supported-title::before,\r\n    .iicro-supported-title::after {\r\n        width: 45px;\r\n    }\r\n\r\n    .iicro-logos {\r\n        gap: 25px;\r\n    }\r\n\r\n    .iicro-logo {\r\n        max-width: 110px;\r\n        max-height: 45px;\r\n    }\r\n    \r\n    @media (max-width: 767px) {\r\n\r\n    .iicro-main-logo {\r\n        width: calc(100% - 28px);\r\n        padding: 20px 0 12px;\r\n    }\r\n\r\n    .iicro-main-logo img {\r\n        max-height: 55px;\r\n    }\r\n    \r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"iicro-hero\">\r\n    <!-- IICRO MAIN LOGO -->\r\n    <div class=\"iicro-main-logo\">\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/iicro-conference.org\/2026\/wp-content\/uploads\/2026\/08\/iicromainlogo.png\"\r\n            alt=\"IICRO 2026 - Indonesian Lecturers Association, Universitas Raharja\"\r\n            loading=\"eager\"\r\n        >\r\n    <\/div>\r\n    <div class=\"iicro-container\">\r\n\r\n        <!-- HERO -->\r\n        <div class=\"iicro-main\">\r\n\r\n            <!-- LEFT -->\r\n            <div class=\"iicro-copy\">\r\n\r\n                <div class=\"iicro-eyebrow\">\r\n                    <span class=\"iicro-eyebrow-dot\"><\/span>\r\n                    Welcome to IICRO 2026\r\n                <\/div>\r\n\r\n                <h1 class=\"iicro-title\">\r\n                    <span class=\"green\">IICRO<\/span>\r\n                    <span class=\"gold\">2026<\/span>\r\n                <\/h1>\r\n\r\n                <h2 class=\"iicro-subtitle\">\r\n                    The 4<sup>th<\/sup> International Interdisciplinary\r\n                    Conference on\r\n                    <strong>Research &amp; Opportunities<\/strong>\r\n                <\/h2>\r\n\r\n                <div class=\"iicro-divider\"><\/div>\r\n\r\n                <p class=\"iicro-description\">\r\n                    An annual flagship event organized by the\r\n                    <strong>Indonesian Lecturers Association (ADI)<\/strong>\r\n                    in collaboration with\r\n                    <strong>Universitas Raharja<\/strong>.\r\n                    IICRO serves as a premier global platform dedicated\r\n                    to advancing humanistic innovation by bridging\r\n                    technological evolution and societal needs.\r\n                <\/p>\r\n                \r\n                <!-- CONFERENCE ACTION BUTTONS -->\r\n<div class=\"iicro-actions\">\r\n\r\n    <a\r\n        href=\"#submit-paper\"\r\n        class=\"iicro-btn iicro-btn-primary\"\r\n    >\r\n        <span class=\"iicro-btn-icon\">\ud83d\udcdd<\/span>\r\n        <span>Submit Paper<\/span>\r\n        <span class=\"iicro-btn-arrow\">\u2192<\/span>\r\n    <\/a>\r\n\r\n    <a\r\n        href=\"https:\/\/drive.google.com\/file\/d\/1p03A8jjodF0lBp9JV01SQ5HBPbxj8rV8\/view?usp=sharing\"\r\n        class=\"iicro-btn iicro-btn-secondary\"\r\n    >\r\n        <span class=\"iicro-btn-icon\">\ud83d\udcc4<\/span>\r\n        <span>Call for Paper<\/span>\r\n        <span class=\"iicro-btn-arrow\">\u2192<\/span>\r\n    <\/a>\r\n\r\n    <a\r\n        href=\"https:\/\/bysl.pw\/RegistrationIICRO2026\"\r\n        class=\"iicro-btn iicro-btn-outline\"\r\n    >\r\n        <span class=\"iicro-btn-icon\">\ud83d\udc64<\/span>\r\n        <span>On-Site Participant<\/span>\r\n        <span class=\"iicro-btn-arrow\">\u2192<\/span>\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n                <div class=\"iicro-trust\">\r\n\r\n                    <div class=\"iicro-card\">\r\n                        <div class=\"iicro-icon\">\ud83e\udd1d<\/div>\r\n\r\n                        <p>\r\n                            This series is endorsed by\r\n                            <strong>Asosiasi Perguruan Tinggi Swasta\r\n                            Indonesia (APTISI)<\/strong>.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"iicro-card\">\r\n                        <div class=\"iicro-icon\">\ud83c\udf10<\/div>\r\n\r\n                        <p>\r\n                            Proceedings are supported by the\r\n                            <strong>European Global Institute of\r\n                            Innovation &amp; Technology<\/strong>.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n          <!-- RIGHT VISUAL -->\r\n<div class=\"iicro-visual\">\r\n\r\n    <div class=\"iicro-orbit\">\r\n        <div class=\"iicro-orbit-inner\">\r\n            \u2726\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"iicro-visual-main\">\r\n\r\n        <img decoding=\"async\" \r\n            src=\"https:\/\/iicro-conference.org\/2026\/wp-content\/uploads\/2026\/08\/BG-RAHARJA-LANGIT-BIRU-2048x1536-1.webp\"\r\n            alt=\"Universitas Raharja - IICRO 2026\"\r\n            loading=\"eager\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n    <div class=\"iicro-floating\">\r\n\r\n        <div class=\"iicro-floating-icon\">\r\n            \ud83d\udccd\r\n        <\/div>\r\n\r\n        <div>\r\n            <small>International Conference<\/small>\r\n            <strong>Research \u2022 Innovation \u2022 Opportunity<\/strong>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- INFORMATION BAR -->\r\n        <div class=\"iicro-info\">\r\n\r\n            <div class=\"iicro-info-grid\">\r\n\r\n                <div class=\"iicro-info-item\">\r\n\r\n                    <div class=\"iicro-info-icon\">\r\n                        \ud83d\udcc5\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <small>Date<\/small>\r\n                        <strong>September 25, 2026<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"iicro-info-item\">\r\n\r\n                    <div class=\"iicro-info-icon\">\r\n                        \ud83d\udccd\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <small>Venue<\/small>\r\n                        <strong>Universitas Raharja<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"iicro-info-item\">\r\n\r\n                    <div class=\"iicro-info-icon\">\r\n                        \ud83d\udc65\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <small>Organizer<\/small>\r\n                        <strong>Indonesian Lecturers Association<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"iicro-info-item\">\r\n\r\n                    <div class=\"iicro-info-icon\">\r\n                        \ud83c\udfc6\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <small>Endorsed By<\/small>\r\n                        <strong>APTISI<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n        \r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n<script>\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n    function initIicroAnimation() {\r\n\r\n        var heroes = document.querySelectorAll(\".iicro-hero\");\r\n\r\n        if (!heroes.length) {\r\n            return;\r\n        }\r\n\r\n        \/* -------------------------------------------------\r\n           Fallback for old browsers\r\n           ------------------------------------------------- *\/\r\n\r\n        if (!(\"IntersectionObserver\" in window)) {\r\n\r\n            heroes.forEach(function (hero) {\r\n                hero.classList.add(\"iicro-visible\");\r\n            });\r\n\r\n            return;\r\n        }\r\n\r\n\r\n        \/* -------------------------------------------------\r\n           Intersection Observer\r\n           ------------------------------------------------- *\/\r\n\r\n        var observer = new IntersectionObserver(\r\n            function (entries) {\r\n\r\n                entries.forEach(function (entry) {\r\n\r\n                    if (!entry.isIntersecting) {\r\n                        return;\r\n                    }\r\n\r\n                    entry.target.classList.add(\"iicro-visible\");\r\n\r\n                    \/*\r\n                     * Animation only runs once.\r\n                     * Stop observing after animation starts.\r\n                     *\/\r\n                    observer.unobserve(entry.target);\r\n\r\n                });\r\n\r\n            },\r\n            {\r\n                root: null,\r\n\r\n                \/*\r\n                 * Start animation slightly before\r\n                 * the section is fully visible.\r\n                 *\/\r\n                rootMargin: \"0px 0px -8% 0px\",\r\n\r\n                threshold: 0.12\r\n            }\r\n        );\r\n\r\n\r\n        heroes.forEach(function (hero) {\r\n\r\n            \/*\r\n             * Elementor editor:\r\n             * show the section immediately while editing.\r\n             *\/\r\n            if (\r\n                document.body.classList.contains(\"elementor-editor-active\")\r\n            ) {\r\n\r\n                hero.classList.add(\"iicro-visible\");\r\n\r\n                return;\r\n            }\r\n\r\n            observer.observe(hero);\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    \/* -----------------------------------------------------\r\n       Normal WordPress load\r\n       ----------------------------------------------------- *\/\r\n\r\n    if (document.readyState === \"loading\") {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initIicroAnimation\r\n        );\r\n\r\n    } else {\r\n\r\n        initIicroAnimation();\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae8d44c e-con-full e-flex e-con e-parent\" data-id=\"ae8d44c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34d44d1 elementor-widget elementor-widget-html\" data-id=\"34d44d1\" 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<style>\r\n\r\n\/* =========================================================\r\n   IICRO 2026 \u2014 WELCOME \/ ABOUT SECTION\r\n   Elementor Compatible\r\n   ========================================================= *\/\r\n\r\n.iicro-welcome {\r\n\r\n    --welcome-green: #087443;\r\n    --welcome-dark: #075c37;\r\n    --welcome-gold: #f5b817;\r\n    --welcome-text: #18231f;\r\n    --welcome-muted: #66736d;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 90px 0;\r\n\r\n    background: #ffffff;\r\n\r\n    font-family:\r\n        \"Poppins\",\r\n        \"Helvetica Neue\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    color: var(--welcome-text);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.iicro-welcome-container {\r\n\r\n    width: min(\r\n        1180px,\r\n        calc(100% - 48px)\r\n    );\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.iicro-welcome-header {\r\n\r\n    max-width: 950px;\r\n\r\n    margin-bottom: 50px;\r\n\r\n}\r\n\r\n\r\n\/* Small label *\/\r\n\r\n.iicro-welcome-label {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    color: var(--welcome-green);\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .16em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.iicro-welcome-label::before {\r\n\r\n    content: \"\";\r\n\r\n    width: 32px;\r\n\r\n    height: 3px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background: var(--welcome-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TITLE\r\n   ========================================================= *\/\r\n\r\n.iicro-welcome-title {\r\n\r\n    margin: 0;\r\n\r\n    max-width: 950px;\r\n\r\n    color: var(--welcome-dark);\r\n\r\n    font-size:\r\n        clamp(\r\n            36px,\r\n            4.2vw,\r\n            60px\r\n        );\r\n\r\n    line-height: 1.12;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: -.035em;\r\n\r\n}\r\n\r\n\r\n\/* Gold emphasis *\/\r\n\r\n.iicro-welcome-title span {\r\n\r\n    color: var(--welcome-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.iicro-welcome-content {\r\n\r\n    display: block;\r\n\r\n    max-width: 900px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n   ========================================================= *\/\r\n\r\n.iicro-welcome-text {\r\n\r\n    max-width: 900px;\r\n\r\n}\r\n\r\n\r\n.iicro-welcome-text p {\r\n\r\n    margin: 0 0 25px;\r\n\r\n    color: var(--welcome-muted);\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.9;\r\n\r\n}\r\n\r\n\r\n.iicro-welcome-text p:last-child {\r\n\r\n    margin-bottom: 0;\r\n\r\n}\r\n\r\n\r\n\/* Strong *\/\r\n\r\n.iicro-welcome-text strong {\r\n\r\n    color: var(--welcome-green);\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORANGE TECHNOLOGY HIGHLIGHT\r\n   ========================================================= *\/\r\n\r\n.iicro-welcome-highlight {\r\n\r\n    margin: 35px 0 30px;\r\n\r\n    padding: 5px 0 5px 22px;\r\n\r\n    border-left:\r\n        4px solid\r\n        var(--welcome-gold);\r\n\r\n}\r\n\r\n\r\n.iicro-welcome-highlight p {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--welcome-dark);\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.75;\r\n\r\n    font-weight: 500;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM LINE\r\n   ========================================================= *\/\r\n\r\n.iicro-welcome-line {\r\n\r\n    width: 100%;\r\n\r\n    height: 1px;\r\n\r\n    margin-top: 55px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(8,116,67,.25),\r\n            rgba(245,184,23,.25),\r\n            transparent\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL\r\n   ========================================================= *\/\r\n\r\n.iicro-welcome-header,\r\n.iicro-welcome-content,\r\n.iicro-welcome-line {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translate3d(\r\n            0,\r\n            25px,\r\n            0\r\n        );\r\n\r\n    transition:\r\n\r\n        opacity\r\n        .75s\r\n        cubic-bezier(.22,1,.36,1),\r\n\r\n        transform\r\n        .75s\r\n        cubic-bezier(.22,1,.36,1);\r\n\r\n    will-change:\r\n        opacity,\r\n        transform;\r\n\r\n}\r\n\r\n\r\n\/* Visible *\/\r\n\r\n.iicro-welcome.iicro-welcome-visible\r\n.iicro-welcome-header {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n}\r\n\r\n\r\n.iicro-welcome.iicro-welcome-visible\r\n.iicro-welcome-content {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n    transition-delay: .12s;\r\n\r\n}\r\n\r\n\r\n.iicro-welcome.iicro-welcome-visible\r\n.iicro-welcome-line {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n    transition-delay: .25s;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .iicro-welcome {\r\n\r\n        padding: 75px 0;\r\n\r\n    }\r\n\r\n    .iicro-welcome-header {\r\n\r\n        max-width: 850px;\r\n\r\n    }\r\n\r\n    .iicro-welcome-content {\r\n\r\n        max-width: 850px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .iicro-welcome {\r\n\r\n        padding: 60px 0;\r\n\r\n    }\r\n\r\n\r\n    .iicro-welcome-container {\r\n\r\n        width:\r\n            min(\r\n                100% - 32px,\r\n                600px\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .iicro-welcome-header {\r\n\r\n        margin-bottom: 35px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-welcome-label {\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: .13em;\r\n\r\n    }\r\n\r\n\r\n    .iicro-welcome-label::before {\r\n\r\n        width: 24px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-welcome-title {\r\n\r\n        font-size:\r\n            clamp(\r\n                32px,\r\n                9vw,\r\n                44px\r\n            );\r\n\r\n        line-height: 1.15;\r\n\r\n    }\r\n\r\n\r\n    .iicro-welcome-text p {\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.8;\r\n\r\n    }\r\n\r\n\r\n    .iicro-welcome-highlight {\r\n\r\n        margin:\r\n            28px 0 28px;\r\n\r\n        padding-left: 17px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-welcome-highlight p {\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .iicro-welcome-header,\r\n    .iicro-welcome-content,\r\n    .iicro-welcome-line {\r\n\r\n        opacity: 1 !important;\r\n\r\n        transform: none !important;\r\n\r\n        transition: none !important;\r\n\r\n        will-change: auto !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =======================================================\r\n     IICRO WELCOME SECTION\r\n     ======================================================= -->\r\n\r\n<section class=\"iicro-welcome\">\r\n\r\n    <div class=\"iicro-welcome-container\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n             ================================================= -->\r\n\r\n        <div class=\"iicro-welcome-header\">\r\n\r\n            <div class=\"iicro-welcome-label\">\r\n                Welcome to IICRO 2026\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"iicro-welcome-title\">\r\n\r\n                Advancing\r\n                <span>Artificial Informatics<\/span>\r\n                through Engineering, Psychology, and Ethics\r\n                for Human-Centered Well-Being\r\n\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             CONTENT\r\n             ================================================= -->\r\n\r\n        <div class=\"iicro-welcome-content\">\r\n\r\n            <div class=\"iicro-welcome-text\">\r\n\r\n\r\n                <!-- Paragraph 1 -->\r\n\r\n                <p>\r\n\r\n                    It is our pleasure to welcome all participants to the\r\n                    <strong>\r\n                        International Interdisciplinary Conference on\r\n                        Research &amp; Opportunities (IICRO)\r\n                    <\/strong>,\r\n                    an annual flagship conference organized by the\r\n                    <strong>\r\n                        Indonesian Lecturers Association (ADI)\r\n                    <\/strong>\r\n                    in collaboration with\r\n                    <strong>\r\n                        Universitas Raharja\r\n                    <\/strong>.\r\n\r\n                <\/p>\r\n\r\n\r\n                <!-- Paragraph 2 -->\r\n\r\n                <p>\r\n\r\n                    As a global academic platform, IICRO is dedicated to\r\n                    advancing humanistic innovation by bridging technological\r\n                    progress with societal needs, bringing together researchers\r\n                    and practitioners to explore interdisciplinary insights at\r\n                    the intersection of technology, empathy, and ethical\r\n                    development.\r\n\r\n                <\/p>\r\n\r\n\r\n                <!-- Main Highlight -->\r\n\r\n                <div class=\"iicro-welcome-highlight\">\r\n\r\n                    <p>\r\n\r\n                        Centered on\r\n                        <strong>\r\n                            Artificial Informatics\r\n                        <\/strong>,\r\n                        IICRO promotes a multidisciplinary approach that\r\n                        integrates Engineering, Psychology, and Ethics to\r\n                        foster human-centered well-being and inclusive\r\n                        innovation.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- Paragraph 3 -->\r\n\r\n                <p>\r\n\r\n                    All accepted and presented papers will be published in the\r\n                    <strong>\r\n                        Springer Atlantis Press open-access proceedings\r\n                    <\/strong>\r\n                    following a rigorous double-blind peer-review process,\r\n                    ensuring academic quality and global impact.\r\n\r\n                <\/p>\r\n\r\n\r\n                <!-- Paragraph 4 -->\r\n\r\n                <p>\r\n\r\n                    We warmly welcome contributions from the\r\n                    <strong>\r\n                        Asia-Pacific region and beyond\r\n                    <\/strong>,\r\n                    and we hope IICRO will inspire meaningful dialogue,\r\n                    collaboration, and transformative research.\r\n\r\n                <\/p>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             DECORATIVE LINE\r\n             ================================================= -->\r\n\r\n        <div class=\"iicro-welcome-line\"><\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =======================================================\r\n     IICRO SCROLL ANIMATION\r\n     ======================================================= -->\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    function initIicroWelcome() {\r\n\r\n\r\n        var sections =\r\n            document.querySelectorAll(\r\n                \".iicro-welcome\"\r\n            );\r\n\r\n\r\n        if (!sections.length) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* ================================================\r\n           ELEMENTOR EDITOR\r\n           ================================================ *\/\r\n\r\n        if (\r\n            document.body.classList.contains(\r\n                \"elementor-editor-active\"\r\n            )\r\n        ) {\r\n\r\n            sections.forEach(\r\n                function (section) {\r\n\r\n                    section.classList.add(\r\n                        \"iicro-welcome-visible\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* ================================================\r\n           BROWSER FALLBACK\r\n           ================================================ *\/\r\n\r\n        if (\r\n            !(\r\n                \"IntersectionObserver\"\r\n                in window\r\n            )\r\n        ) {\r\n\r\n            sections.forEach(\r\n                function (section) {\r\n\r\n                    section.classList.add(\r\n                        \"iicro-welcome-visible\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* ================================================\r\n           INTERSECTION OBSERVER\r\n           ================================================ *\/\r\n\r\n        var observer =\r\n            new IntersectionObserver(\r\n\r\n                function (entries) {\r\n\r\n\r\n                    entries.forEach(\r\n                        function (entry) {\r\n\r\n\r\n                            if (\r\n                                !entry.isIntersecting\r\n                            ) {\r\n\r\n                                return;\r\n\r\n                            }\r\n\r\n\r\n                            entry.target.classList.add(\r\n                                \"iicro-welcome-visible\"\r\n                            );\r\n\r\n\r\n                            \/*\r\n                             * Animate only once.\r\n                             *\/\r\n\r\n                            observer.unobserve(\r\n                                entry.target\r\n                            );\r\n\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                },\r\n\r\n                {\r\n\r\n                    root: null,\r\n\r\n                    rootMargin:\r\n                        \"0px 0px -10% 0px\",\r\n\r\n                    threshold: 0.1\r\n\r\n                }\r\n\r\n            );\r\n\r\n\r\n        \/* ================================================\r\n           OBSERVE SECTIONS\r\n           ================================================ *\/\r\n\r\n        sections.forEach(\r\n            function (section) {\r\n\r\n                observer.observe(\r\n                    section\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n    }\r\n\r\n\r\n    \/* ================================================\r\n       INITIALIZE\r\n       ================================================ *\/\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initIicroWelcome\r\n        );\r\n\r\n    } else {\r\n\r\n        initIicroWelcome();\r\n\r\n    }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ed8bd8 e-con-full e-flex e-con e-parent\" data-id=\"5ed8bd8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9633598 elementor-widget elementor-widget-html\" data-id=\"9633598\" 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<style>\r\n\r\n\/* =========================================================\r\n   IICRO 2026 \u2014 IMPORTANT DATES + COUNTDOWN\r\n   Elementor Compatible\r\n   ========================================================= *\/\r\n\r\n.iicro-dates {\r\n    --dates-green: #087443;\r\n    --dates-dark: #075c37;\r\n    --dates-gold: #f5b817;\r\n    --dates-text: #18231f;\r\n    --dates-muted: #66736d;\r\n    --dates-light: #f5f9f7;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 90px 0;\r\n\r\n    background: #f8fbf9;\r\n\r\n    font-family:\r\n        \"Poppins\",\r\n        \"Helvetica Neue\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    color: var(--dates-text);\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.iicro-dates-container {\r\n\r\n    width: min(\r\n        1180px,\r\n        calc(100% - 48px)\r\n    );\r\n\r\n    margin: 0 auto;\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.iicro-dates-header {\r\n\r\n    text-align: center;\r\n\r\n    max-width: 760px;\r\n\r\n    margin:\r\n        0 auto 65px;\r\n\r\n}\r\n\r\n\r\n.iicro-dates-label {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: var(--dates-green);\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .16em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.iicro-dates-label::before,\r\n.iicro-dates-label::after {\r\n\r\n    content: \"\";\r\n\r\n    width: 28px;\r\n\r\n    height: 2px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background: var(--dates-gold);\r\n\r\n}\r\n\r\n\r\n.iicro-dates-title {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--dates-dark);\r\n\r\n    font-size:\r\n        clamp(\r\n            36px,\r\n            4.2vw,\r\n            56px\r\n        );\r\n\r\n    line-height: 1.1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: -.035em;\r\n\r\n}\r\n\r\n\r\n.iicro-dates-title span {\r\n\r\n    color: var(--dates-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TIMELINE\r\n   ========================================================= *\/\r\n\r\n.iicro-timeline {\r\n\r\n    position: relative;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(6, 1fr);\r\n\r\n    gap: 0;\r\n\r\n}\r\n\r\n\r\n\/* Main horizontal line *\/\r\n\r\n.iicro-timeline::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 8.33%;\r\n\r\n    right: 8.33%;\r\n\r\n    top: 13px;\r\n\r\n    height: 2px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--dates-green),\r\n            var(--dates-gold),\r\n            var(--dates-green)\r\n        );\r\n\r\n    opacity: .25;\r\n\r\n}\r\n\r\n\r\n\/* Timeline item *\/\r\n\r\n.iicro-timeline-item {\r\n\r\n    position: relative;\r\n\r\n    padding:\r\n        0 12px;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n\/* Dot *\/\r\n\r\n.iicro-timeline-dot {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n    width: 28px;\r\n\r\n    height: 28px;\r\n\r\n    margin:\r\n        0 auto 25px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #ffffff;\r\n\r\n    border:\r\n        5px solid\r\n        var(--dates-green);\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(8,116,67,.08);\r\n\r\n}\r\n\r\n\r\n\/* Gold dot for final date *\/\r\n\r\n.iicro-timeline-item:last-child\r\n.iicro-timeline-dot {\r\n\r\n    border-color:\r\n        var(--dates-gold);\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(245,184,23,.12);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IICRO 2026 \u2014 TIMELINE\r\n   ========================================================= *\/\r\n\r\n.iicro-timeline {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 1100px;\r\n\r\n    margin: 50px auto 0;\r\n\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n\r\n    align-items: start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONNECTING LINE\r\n   ========================================================= *\/\r\n\r\n.iicro-timeline::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    \/*\r\n     * Posisi garis mengikuti titik.\r\n     * 50px = setengah dari tinggi dot 14px + penyesuaian.\r\n     *\/\r\n    top: 7px;\r\n\r\n    left: 12.5%;\r\n    right: 12.5%;\r\n\r\n    height: 2px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #087443 0%,\r\n            #087443 72%,\r\n            #f5b817 100%\r\n        );\r\n\r\n    z-index: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TIMELINE ITEM\r\n   ========================================================= *\/\r\n\r\n.iicro-timeline-item {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n\r\n    text-align: center;\r\n\r\n    padding: 0 12px;\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOT\r\n   ========================================================= *\/\r\n\r\n.iicro-timeline-dot {\r\n    position: relative;\r\n\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #087443;\r\n\r\n    border: 4px solid #f8fbf9;\r\n\r\n    box-shadow:\r\n        0 0 0 2px #087443,\r\n        0 6px 16px rgba(8,116,67,.20);\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* Last dot *\/\r\n\r\n.iicro-timeline-item:last-child .iicro-timeline-dot {\r\n    background: #f5b817;\r\n\r\n    box-shadow:\r\n        0 0 0 2px #f5b817,\r\n        0 6px 16px rgba(245,184,23,.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DATE\r\n   ========================================================= *\/\r\n\r\n.iicro-timeline-date {\r\n    margin-bottom: 8px;\r\n\r\n    color: #087443;\r\n\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EVENT\r\n   ========================================================= *\/\r\n\r\n.iicro-timeline-event {\r\n    max-width: 180px;\r\n\r\n    color: #18231f;\r\n\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n   ========================================================= *\/\r\n\r\n.iicro-timeline-item:hover .iicro-timeline-dot {\r\n    transform: scale(1.18);\r\n\r\n    transition: transform .25s ease;\r\n}\r\n\r\n.iicro-timeline-item:hover .iicro-timeline-event {\r\n    color: #087443;\r\n\r\n    transition: color .25s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .iicro-timeline {\r\n        grid-template-columns: repeat(2, 1fr);\r\n\r\n        row-gap: 45px;\r\n    }\r\n\r\n    \/*\r\n     * Desktop horizontal line tidak digunakan\r\n     * pada layout 2 kolom.\r\n     *\/\r\n    .iicro-timeline::before {\r\n        display: none;\r\n    }\r\n\r\n    .iicro-timeline-item {\r\n        padding: 0 20px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .iicro-timeline {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        gap: 0;\r\n\r\n        margin-top: 35px;\r\n        padding-left: 25px;\r\n    }\r\n\r\n\r\n    \/* Vertical line *\/\r\n\r\n    .iicro-timeline::before {\r\n        display: block;\r\n\r\n        top: 7px;\r\n        bottom: 7px;\r\n\r\n        left: 32px;\r\n        right: auto;\r\n\r\n        width: 2px;\r\n        height: auto;\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                #087443 0%,\r\n                #087443 72%,\r\n                #f5b817 100%\r\n            );\r\n    }\r\n\r\n\r\n    .iicro-timeline-item {\r\n        display: grid;\r\n\r\n        grid-template-columns: 25px 1fr;\r\n\r\n        column-gap: 20px;\r\n\r\n        align-items: start;\r\n\r\n        text-align: left;\r\n\r\n        padding: 0 0 40px;\r\n    }\r\n\r\n\r\n    .iicro-timeline-item:last-child {\r\n        padding-bottom: 0;\r\n    }\r\n\r\n\r\n    .iicro-timeline-dot {\r\n        grid-column: 1;\r\n        grid-row: 1 \/ span 3;\r\n\r\n        margin: 0;\r\n\r\n        width: 15px;\r\n        height: 15px;\r\n    }\r\n\r\n\r\n    .iicro-timeline-date {\r\n        grid-column: 2;\r\n\r\n        margin: 0 0 6px;\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n\r\n    .iicro-timeline-event {\r\n        grid-column: 2;\r\n\r\n        max-width: none;\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* Event *\/\r\n\r\n.iicro-timeline-event {\r\n\r\n    color: var(--dates-text);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.5;\r\n\r\n    font-weight: 600;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONFERENCE DATE SPECIAL\r\n   ========================================================= *\/\r\n\r\n.iicro-timeline-item:last-child\r\n.iicro-timeline-event {\r\n\r\n    color: var(--dates-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COUNTDOWN SECTION\r\n   ========================================================= *\/\r\n\r\n.iicro-countdown-wrapper {\r\n\r\n    margin-top: 85px;\r\n\r\n    padding:\r\n        45px 50px;\r\n\r\n    background:\r\n        var(--dates-dark);\r\n\r\n    border-radius: 24px;\r\n\r\n    box-shadow:\r\n        0 20px 55px\r\n        rgba(5,80,45,.16);\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n.iicro-countdown-heading {\r\n\r\n    margin: 0 0 8px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 24px;\r\n\r\n    line-height: 1.3;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n.iicro-countdown-subtitle {\r\n\r\n    margin: 0 0 30px;\r\n\r\n    color:\r\n        rgba(255,255,255,.68);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.6;\r\n\r\n}\r\n\r\n\r\n\/* Countdown boxes *\/\r\n\r\n.iicro-countdown {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4, 1fr);\r\n\r\n    max-width: 680px;\r\n\r\n    margin: 0 auto;\r\n\r\n    gap: 14px;\r\n\r\n}\r\n\r\n\r\n.iicro-countdown-box {\r\n\r\n    padding:\r\n        20px 12px;\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.12);\r\n\r\n    border-radius: 15px;\r\n\r\n}\r\n\r\n\r\n.iicro-countdown-number {\r\n\r\n    display: block;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 36px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: -.03em;\r\n\r\n}\r\n\r\n\r\n.iicro-countdown-label {\r\n\r\n    display: block;\r\n\r\n    margin-top: 9px;\r\n\r\n    color:\r\n        rgba(255,255,255,.60);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .15em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COUNTDOWN COMPLETE\r\n   ========================================================= *\/\r\n\r\n.iicro-countdown-finished {\r\n\r\n    display: none;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 20px;\r\n\r\n    font-weight: 600;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL ANIMATION\r\n   ========================================================= *\/\r\n\r\n.iicro-dates-header,\r\n.iicro-timeline,\r\n.iicro-countdown-wrapper {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translate3d(\r\n            0,\r\n            25px,\r\n            0\r\n        );\r\n\r\n    transition:\r\n\r\n        opacity\r\n        .75s\r\n        cubic-bezier(.22,1,.36,1),\r\n\r\n        transform\r\n        .75s\r\n        cubic-bezier(.22,1,.36,1);\r\n\r\n    will-change:\r\n        opacity,\r\n        transform;\r\n\r\n}\r\n\r\n\r\n.iicro-dates-visible\r\n.iicro-dates-header {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n}\r\n\r\n\r\n.iicro-dates-visible\r\n.iicro-timeline {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n    transition-delay: .12s;\r\n\r\n}\r\n\r\n\r\n.iicro-dates-visible\r\n.iicro-countdown-wrapper {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n    transition-delay: .22s;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .iicro-timeline {\r\n\r\n        grid-template-columns:\r\n            repeat(3, 1fr);\r\n\r\n        row-gap: 45px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-timeline::before {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .iicro-timeline-item {\r\n\r\n        padding:\r\n            0 20px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .iicro-dates {\r\n\r\n        padding: 65px 0;\r\n\r\n    }\r\n\r\n\r\n    .iicro-dates-container {\r\n\r\n        width:\r\n            min(\r\n                100% - 32px,\r\n                600px\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .iicro-dates-header {\r\n\r\n        margin-bottom: 45px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-dates-label {\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: .12em;\r\n\r\n    }\r\n\r\n\r\n    .iicro-dates-label::before,\r\n    .iicro-dates-label::after {\r\n\r\n        width: 18px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-dates-title {\r\n\r\n        font-size:\r\n            clamp(\r\n                32px,\r\n                9vw,\r\n                44px\r\n            );\r\n\r\n    }\r\n\r\n\r\n    \/* Vertical timeline *\/\r\n\r\n    .iicro-timeline {\r\n\r\n        display: block;\r\n\r\n        padding-left: 32px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-timeline::before {\r\n\r\n        display: block;\r\n\r\n        top: 0;\r\n\r\n        bottom: 0;\r\n\r\n        left: 13px;\r\n\r\n        right: auto;\r\n\r\n        width: 2px;\r\n\r\n        height: auto;\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                var(--dates-green),\r\n                var(--dates-gold),\r\n                var(--dates-green)\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .iicro-timeline-item {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            28px 1fr;\r\n\r\n        gap: 20px;\r\n\r\n        padding: 0;\r\n\r\n        margin-bottom: 35px;\r\n\r\n        text-align: left;\r\n\r\n    }\r\n\r\n\r\n    .iicro-timeline-item:last-child {\r\n\r\n        margin-bottom: 0;\r\n\r\n    }\r\n\r\n\r\n    .iicro-timeline-dot {\r\n\r\n        grid-column: 1;\r\n\r\n        grid-row: 1 \/ span 2;\r\n\r\n        margin: 0;\r\n\r\n    }\r\n\r\n\r\n    .iicro-timeline-date {\r\n\r\n        grid-column: 2;\r\n\r\n        margin: 0 0 5px;\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-timeline-event {\r\n\r\n        grid-column: 2;\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n\r\n    \/* Countdown *\/\r\n\r\n    .iicro-countdown-wrapper {\r\n\r\n        margin-top: 60px;\r\n\r\n        padding:\r\n            32px 18px;\r\n\r\n        border-radius: 20px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-countdown-heading {\r\n\r\n        font-size: 21px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-countdown-subtitle {\r\n\r\n        font-size: 12px;\r\n\r\n        margin-bottom: 25px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-countdown {\r\n\r\n        grid-template-columns:\r\n            repeat(2, 1fr);\r\n\r\n        gap: 10px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-countdown-box {\r\n\r\n        padding:\r\n            18px 10px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-countdown-number {\r\n\r\n        font-size: 30px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .iicro-dates-header,\r\n    .iicro-timeline,\r\n    .iicro-countdown-wrapper {\r\n\r\n        opacity: 1 !important;\r\n\r\n        transform: none !important;\r\n\r\n        transition: none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =======================================================\r\n     IMPORTANT DATES\r\n     ======================================================= -->\r\n\r\n<section class=\"iicro-dates\">\r\n\r\n    <div class=\"iicro-dates-container\">\r\n\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"iicro-dates-header\">\r\n\r\n            <div class=\"iicro-dates-label\">\r\n                Conference Schedule\r\n            <\/div>\r\n\r\n            <h2 class=\"iicro-dates-title\">\r\n                Important Dates\r\n                <span>IICRO 2026<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             TIMELINE\r\n             ================================================= -->\r\n\r\n      <div class=\"iicro-timeline\">\r\n\r\n    <!-- 01 -->\r\n    <div class=\"iicro-timeline-item\">\r\n\r\n        <div class=\"iicro-timeline-dot\"><\/div>\r\n\r\n        <div class=\"iicro-timeline-date\">\r\n            Mei 1, 2026\r\n        <\/div>\r\n\r\n        <div class=\"iicro-timeline-event\">\r\n            Paper Submission\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- 02 -->\r\n    <div class=\"iicro-timeline-item\">\r\n\r\n        <div class=\"iicro-timeline-dot\"><\/div>\r\n\r\n        <div class=\"iicro-timeline-date\">\r\n            September 10, 2026\r\n        <\/div>\r\n\r\n        <div class=\"iicro-timeline-event\">\r\n            Acceptance Notification\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- 03 -->\r\n    <div class=\"iicro-timeline-item\">\r\n\r\n        <div class=\"iicro-timeline-dot\"><\/div>\r\n\r\n        <div class=\"iicro-timeline-date\">\r\n            September 20, 2026\r\n        <\/div>\r\n\r\n        <div class=\"iicro-timeline-event\">\r\n            Final Camera Ready\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- 04 -->\r\n    <div class=\"iicro-timeline-item\">\r\n\r\n        <div class=\"iicro-timeline-dot\"><\/div>\r\n\r\n        <div class=\"iicro-timeline-date\">\r\n            September 25, 2026\r\n        <\/div>\r\n\r\n        <div class=\"iicro-timeline-event\">\r\n            Conference &amp; Parallel Presentation\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             COUNTDOWN\r\n             ================================================= -->\r\n\r\n        <div class=\"iicro-countdown-wrapper\">\r\n\r\n            <h3 class=\"iicro-countdown-heading\">\r\n                Countdown to IICRO 2026\r\n            <\/h3>\r\n\r\n            <p class=\"iicro-countdown-subtitle\">\r\n                The conference begins on September 25, 2026\r\n            <\/p>\r\n\r\n\r\n            <div\r\n                class=\"iicro-countdown\"\r\n                id=\"iicroCountdown\"\r\n            >\r\n\r\n                <div class=\"iicro-countdown-box\">\r\n\r\n                    <span\r\n                        class=\"iicro-countdown-number\"\r\n                        id=\"iicroDays\"\r\n                    >\r\n                        00\r\n                    <\/span>\r\n\r\n                    <span class=\"iicro-countdown-label\">\r\n                        Days\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"iicro-countdown-box\">\r\n\r\n                    <span\r\n                        class=\"iicro-countdown-number\"\r\n                        id=\"iicroHours\"\r\n                    >\r\n                        00\r\n                    <\/span>\r\n\r\n                    <span class=\"iicro-countdown-label\">\r\n                        Hours\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"iicro-countdown-box\">\r\n\r\n                    <span\r\n                        class=\"iicro-countdown-number\"\r\n                        id=\"iicroMinutes\"\r\n                    >\r\n                        00\r\n                    <\/span>\r\n\r\n                    <span class=\"iicro-countdown-label\">\r\n                        Minutes\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"iicro-countdown-box\">\r\n\r\n                    <span\r\n                        class=\"iicro-countdown-number\"\r\n                        id=\"iicroSeconds\"\r\n                    >\r\n                        00\r\n                    <\/span>\r\n\r\n                    <span class=\"iicro-countdown-label\">\r\n                        Seconds\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                class=\"iicro-countdown-finished\"\r\n                id=\"iicroCountdownFinished\"\r\n            >\r\n                IICRO 2026 is here!\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =======================================================\r\n     COUNTDOWN + SCROLL ANIMATION\r\n     ======================================================= -->\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =====================================================\r\n       COUNTDOWN\r\n       ===================================================== *\/\r\n\r\n    function initIicroCountdown() {\r\n\r\n\r\n        var daysElement =\r\n            document.getElementById(\r\n                \"iicroDays\"\r\n            );\r\n\r\n\r\n        var hoursElement =\r\n            document.getElementById(\r\n                \"iicroHours\"\r\n            );\r\n\r\n\r\n        var minutesElement =\r\n            document.getElementById(\r\n                \"iicroMinutes\"\r\n            );\r\n\r\n\r\n        var secondsElement =\r\n            document.getElementById(\r\n                \"iicroSeconds\"\r\n            );\r\n\r\n\r\n        var countdownElement =\r\n            document.getElementById(\r\n                \"iicroCountdown\"\r\n            );\r\n\r\n\r\n        var finishedElement =\r\n            document.getElementById(\r\n                \"iicroCountdownFinished\"\r\n            );\r\n\r\n\r\n        if (\r\n            !daysElement ||\r\n            !hoursElement ||\r\n            !minutesElement ||\r\n            !secondsElement\r\n        ) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/*\r\n         * September 25, 2026\r\n         * 00:00:00\r\n         *\r\n         * The browser uses the visitor's\r\n         * local timezone.\r\n         *\/\r\n\r\n        var targetDate =\r\n            new Date(\r\n                \"2026-09-25T00:00:00\"\r\n            ).getTime();\r\n\r\n\r\n        function updateCountdown() {\r\n\r\n\r\n            var now =\r\n                new Date().getTime();\r\n\r\n\r\n            var distance =\r\n                targetDate - now;\r\n\r\n\r\n            if (distance <= 0) {\r\n\r\n                if (countdownElement) {\r\n\r\n                    countdownElement.style.display =\r\n                        \"none\";\r\n\r\n                }\r\n\r\n\r\n                if (finishedElement) {\r\n\r\n                    finishedElement.style.display =\r\n                        \"block\";\r\n\r\n                }\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            var days =\r\n                Math.floor(\r\n                    distance \/\r\n                    (1000 * 60 * 60 * 24)\r\n                );\r\n\r\n\r\n            var hours =\r\n                Math.floor(\r\n                    (\r\n                        distance %\r\n                        (1000 * 60 * 60 * 24)\r\n                    ) \/\r\n                    (1000 * 60 * 60)\r\n                );\r\n\r\n\r\n            var minutes =\r\n                Math.floor(\r\n                    (\r\n                        distance %\r\n                        (1000 * 60 * 60)\r\n                    ) \/\r\n                    (1000 * 60)\r\n                );\r\n\r\n\r\n            var seconds =\r\n                Math.floor(\r\n                    (\r\n                        distance %\r\n                        (1000 * 60)\r\n                    ) \/\r\n                    1000\r\n                );\r\n\r\n\r\n            daysElement.textContent =\r\n                String(days).padStart(\r\n                    2,\r\n                    \"0\"\r\n                );\r\n\r\n\r\n            hoursElement.textContent =\r\n                String(hours).padStart(\r\n                    2,\r\n                    \"0\"\r\n                );\r\n\r\n\r\n            minutesElement.textContent =\r\n                String(minutes).padStart(\r\n                    2,\r\n                    \"0\"\r\n                );\r\n\r\n\r\n            secondsElement.textContent =\r\n                String(seconds).padStart(\r\n                    2,\r\n                    \"0\"\r\n                );\r\n\r\n        }\r\n\r\n\r\n        updateCountdown();\r\n\r\n\r\n        \/*\r\n         * Update once every second.\r\n         *\/\r\n\r\n        window.setInterval(\r\n            updateCountdown,\r\n            1000\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SCROLL REVEAL\r\n       ===================================================== *\/\r\n\r\n    function initIicroDatesAnimation() {\r\n\r\n\r\n        var section =\r\n            document.querySelector(\r\n                \".iicro-dates\"\r\n            );\r\n\r\n\r\n        if (!section) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/*\r\n         * Elementor Editor\r\n         *\/\r\n\r\n        if (\r\n            document.body.classList.contains(\r\n                \"elementor-editor-active\"\r\n            )\r\n        ) {\r\n\r\n            section.classList.add(\r\n                \"iicro-dates-visible\"\r\n            );\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/*\r\n         * Browser without IntersectionObserver\r\n         *\/\r\n\r\n        if (\r\n            !(\r\n                \"IntersectionObserver\"\r\n                in window\r\n            )\r\n        ) {\r\n\r\n            section.classList.add(\r\n                \"iicro-dates-visible\"\r\n            );\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        var observer =\r\n            new IntersectionObserver(\r\n\r\n                function (entries) {\r\n\r\n\r\n                    entries.forEach(\r\n                        function (entry) {\r\n\r\n\r\n                            if (\r\n                                !entry.isIntersecting\r\n                            ) {\r\n\r\n                                return;\r\n\r\n                            }\r\n\r\n\r\n                            entry.target.classList.add(\r\n                                \"iicro-dates-visible\"\r\n                            );\r\n\r\n\r\n                            observer.unobserve(\r\n                                entry.target\r\n                            );\r\n\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                },\r\n\r\n                {\r\n\r\n                    root: null,\r\n\r\n                    rootMargin:\r\n                        \"0px 0px -10% 0px\",\r\n\r\n                    threshold: 0.1\r\n\r\n                }\r\n\r\n            );\r\n\r\n\r\n        observer.observe(section);\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       INITIALIZE\r\n       ===================================================== *\/\r\n\r\n    function initIicroDates() {\r\n\r\n        initIicroCountdown();\r\n\r\n        initIicroDatesAnimation();\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initIicroDates\r\n        );\r\n\r\n    } else {\r\n\r\n        initIicroDates();\r\n\r\n    }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8551f57 e-con-full e-flex e-con e-parent\" data-id=\"8551f57\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ca5bea elementor-widget elementor-widget-html\" data-id=\"5ca5bea\" 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<style>\r\n\r\n\/* =========================================================\r\n   IICRO 2026 \u2014 GLOBAL INDEXING + FOCUS & SCOPE\r\n   Elementor Compatible\r\n   ========================================================= *\/\r\n\r\n.iicro-index-scope {\r\n\r\n    --iicro-green: #087443;\r\n    --iicro-dark: #075c37;\r\n    --iicro-gold: #f5b817;\r\n    --iicro-text: #18231f;\r\n    --iicro-muted: #66736d;\r\n    --iicro-light: #f6faf8;\r\n\r\n    width: 100%;\r\n\r\n    background: #ffffff;\r\n\r\n    font-family:\r\n        \"Poppins\",\r\n        \"Helvetica Neue\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    color: var(--iicro-text);\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLOBAL CONTAINER\r\n   ========================================================= *\/\r\n\r\n.iicro-index-container {\r\n\r\n    width: min(\r\n        1180px,\r\n        calc(100% - 48px)\r\n    );\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION 1 \u2014 GLOBAL INDEXING\r\n   ========================================================= *\/\r\n\r\n.iicro-global-indexing {\r\n\r\n    position: relative;\r\n\r\n    padding: 95px 0 100px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 15%,\r\n            rgba(245,184,23,.08),\r\n            transparent 25%\r\n        ),\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n\/* Decorative vertical line *\/\r\n\r\n.iicro-global-indexing::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    top: 0;\r\n\r\n    width: 5px;\r\n\r\n    height: 180px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            var(--iicro-green),\r\n            var(--iicro-gold),\r\n            transparent\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* Header *\/\r\n\r\n.iicro-index-header {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        300px 1fr;\r\n\r\n    gap: 70px;\r\n\r\n    align-items: start;\r\n\r\n    margin-bottom: 55px;\r\n\r\n}\r\n\r\n\r\n\/* Small heading *\/\r\n\r\n.iicro-section-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    color: var(--iicro-green);\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .16em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.iicro-section-label::before {\r\n\r\n    content: \"\";\r\n\r\n    width: 30px;\r\n\r\n    height: 3px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        var(--iicro-gold);\r\n\r\n}\r\n\r\n\r\n\/* Main title *\/\r\n\r\n.iicro-index-title {\r\n\r\n    margin: 0;\r\n\r\n    color: var(--iicro-dark);\r\n\r\n    font-size:\r\n        clamp(\r\n            38px,\r\n            4.5vw,\r\n            62px\r\n        );\r\n\r\n    line-height: 1.05;\r\n\r\n    font-weight: 750;\r\n\r\n    letter-spacing: -.045em;\r\n\r\n}\r\n\r\n\r\n.iicro-index-title span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 8px;\r\n\r\n    color: var(--iicro-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCOPUS BADGE\r\n   ========================================================= *\/\r\n\r\n.iicro-scopus-badge {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-top: 20px;\r\n\r\n    padding:\r\n        10px 15px;\r\n\r\n    border-radius: 100px;\r\n\r\n    background:\r\n        #f0f8f4;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(8,116,67,.12);\r\n\r\n    color: var(--iicro-green);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .08em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.iicro-scopus-dot {\r\n\r\n    width: 9px;\r\n\r\n    height: 9px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--iicro-gold);\r\n\r\n    box-shadow:\r\n        0 0 0 4px\r\n        rgba(245,184,23,.12);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INDEXING CONTENT\r\n   ========================================================= *\/\r\n\r\n.iicro-index-content {\r\n\r\n    max-width: 900px;\r\n\r\n    margin-left: auto;\r\n\r\n}\r\n\r\n\r\n.iicro-index-content p {\r\n\r\n    margin:\r\n        0 0 25px;\r\n\r\n    color:\r\n        var(--iicro-muted);\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.9;\r\n\r\n}\r\n\r\n\r\n.iicro-index-content p:last-of-type {\r\n\r\n    margin-bottom: 30px;\r\n\r\n}\r\n\r\n\r\n.iicro-index-content strong {\r\n\r\n    color:\r\n        var(--iicro-green);\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n   ========================================================= *\/\r\n\r\n.iicro-simple-button {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    min-height: 48px;\r\n\r\n    padding:\r\n        0 18px;\r\n\r\n    border-radius: 12px;\r\n\r\n    background:\r\n        var(--iicro-green);\r\n\r\n    border:\r\n        1px solid\r\n        var(--iicro-green);\r\n\r\n    color: #ffffff !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        background .25s ease,\r\n        box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n.iicro-simple-button:hover {\r\n\r\n    background:\r\n        var(--iicro-dark);\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(8,116,67,.18);\r\n\r\n}\r\n\r\n\r\n.iicro-simple-button-arrow {\r\n\r\n    font-size: 16px;\r\n\r\n    transition:\r\n        transform .25s ease;\r\n\r\n}\r\n\r\n\r\n.iicro-simple-button:hover\r\n.iicro-simple-button-arrow {\r\n\r\n    transform:\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIVIDER\r\n   ========================================================= *\/\r\n\r\n.iicro-section-divider {\r\n\r\n    width: 100%;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(8,116,67,.18),\r\n            transparent\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION 2 \u2014 FOCUS & SCOPE\r\n   ========================================================= *\/\r\n\r\n.iicro-focus-scope {\r\n\r\n    position: relative;\r\n\r\n    padding:\r\n        100px 0 110px;\r\n\r\n    background:\r\n        var(--iicro-light);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOCUS HEADER\r\n   ========================================================= *\/\r\n\r\n.iicro-focus-header {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        300px 1fr;\r\n\r\n    gap: 70px;\r\n\r\n    margin-bottom: 55px;\r\n\r\n}\r\n\r\n\r\n.iicro-focus-title {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--iicro-dark);\r\n\r\n    font-size:\r\n        clamp(\r\n            36px,\r\n            4.2vw,\r\n            58px\r\n        );\r\n\r\n    line-height: 1.08;\r\n\r\n    font-weight: 750;\r\n\r\n    letter-spacing: -.04em;\r\n\r\n}\r\n\r\n\r\n.iicro-focus-title span {\r\n\r\n    color:\r\n        var(--iicro-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHY ORANGE TECHNOLOGY\r\n   ========================================================= *\/\r\n\r\n.iicro-orange-content {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        280px 1fr;\r\n\r\n    gap: 75px;\r\n\r\n    align-items: start;\r\n\r\n}\r\n\r\n\r\n\/* Orange Technology visual *\/\r\n\r\n.iicro-orange-mark {\r\n\r\n    position: relative;\r\n\r\n    min-height: 240px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n}\r\n\r\n\r\n\/* Large circle *\/\r\n\r\n.iicro-orange-circle {\r\n\r\n    position: relative;\r\n\r\n    width: 190px;\r\n\r\n    height: 190px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            var(--iicro-green),\r\n            var(--iicro-dark)\r\n        );\r\n\r\n    box-shadow:\r\n        0 25px 55px\r\n        rgba(8,116,67,.20);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n}\r\n\r\n\r\n.iicro-orange-circle::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: -16px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(245,184,23,.35);\r\n\r\n    border-radius: 50%;\r\n\r\n}\r\n\r\n\r\n.iicro-orange-circle::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: -35px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(8,116,67,.12);\r\n\r\n    border-radius: 50%;\r\n\r\n}\r\n\r\n\r\n\/* Circle text *\/\r\n\r\n.iicro-orange-circle-text {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    text-align: center;\r\n\r\n    color: #ffffff;\r\n\r\n}\r\n\r\n\r\n.iicro-orange-circle-text small {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color:\r\n        rgba(255,255,255,.65);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .14em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.iicro-orange-circle-text strong {\r\n\r\n    display: block;\r\n\r\n    font-size: 21px;\r\n\r\n    line-height: 1.1;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\/* Content *\/\r\n\r\n.iicro-orange-text {\r\n\r\n    max-width: 850px;\r\n\r\n}\r\n\r\n\r\n.iicro-orange-text p {\r\n\r\n    margin: 0 0 27px;\r\n\r\n    color:\r\n        var(--iicro-muted);\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.9;\r\n\r\n}\r\n\r\n\r\n.iicro-orange-text p strong {\r\n\r\n    color:\r\n        var(--iicro-green);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   THREE DISCIPLINES\r\n   ========================================================= *\/\r\n\r\n.iicro-disciplines {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, 1fr);\r\n\r\n    gap: 12px;\r\n\r\n    margin:\r\n        35px 0 32px;\r\n\r\n}\r\n\r\n\r\n.iicro-discipline {\r\n\r\n    padding:\r\n        18px 20px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(8,116,67,.08);\r\n\r\n    border-radius: 14px;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n.iicro-discipline:hover {\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(8,70,45,.07);\r\n\r\n}\r\n\r\n\r\n.iicro-discipline-number {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color:\r\n        var(--iicro-gold);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .12em;\r\n\r\n}\r\n\r\n\r\n.iicro-discipline strong {\r\n\r\n    color:\r\n        var(--iicro-green);\r\n\r\n    font-size: 14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATION\r\n   ========================================================= *\/\r\n\r\n.iicro-global-indexing,\r\n.iicro-focus-scope {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translate3d(\r\n            0,\r\n            25px,\r\n            0\r\n        );\r\n\r\n    transition:\r\n\r\n        opacity\r\n        .8s\r\n        cubic-bezier(.22,1,.36,1),\r\n\r\n        transform\r\n        .8s\r\n        cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n.iicro-global-indexing.iicro-section-visible,\r\n.iicro-focus-scope.iicro-section-visible {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .iicro-index-header,\r\n    .iicro-focus-header {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 25px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-index-content {\r\n\r\n        margin-left: 0;\r\n\r\n    }\r\n\r\n\r\n    .iicro-orange-content {\r\n\r\n        grid-template-columns:\r\n            220px 1fr;\r\n\r\n        gap: 45px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-orange-circle {\r\n\r\n        width: 160px;\r\n\r\n        height: 160px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-disciplines {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .iicro-index-container {\r\n\r\n        width:\r\n            min(\r\n                100% - 32px,\r\n                600px\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .iicro-global-indexing {\r\n\r\n        padding:\r\n            65px 0 70px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-focus-scope {\r\n\r\n        padding:\r\n            70px 0 75px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-index-header,\r\n    .iicro-focus-header {\r\n\r\n        margin-bottom: 38px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-section-label {\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: .12em;\r\n\r\n    }\r\n\r\n\r\n    .iicro-index-title,\r\n    .iicro-focus-title {\r\n\r\n        font-size:\r\n            clamp(\r\n                32px,\r\n                9vw,\r\n                44px\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .iicro-index-content p,\r\n    .iicro-orange-text p {\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.8;\r\n\r\n    }\r\n\r\n\r\n    .iicro-orange-content {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 45px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-orange-mark {\r\n\r\n        min-height: 210px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-orange-circle {\r\n\r\n        width: 165px;\r\n\r\n        height: 165px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-orange-circle-text strong {\r\n\r\n        font-size: 19px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-disciplines {\r\n\r\n        gap: 10px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .iicro-global-indexing,\r\n    .iicro-focus-scope {\r\n\r\n        opacity: 1 !important;\r\n\r\n        transform: none !important;\r\n\r\n        transition: none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =======================================================\r\n     IICRO GLOBAL INDEXING\r\n     ======================================================= -->\r\n\r\n<section class=\"iicro-index-scope\">\r\n\r\n\r\n    <!-- ===================================================\r\n         GLOBAL INDEXING\r\n         =================================================== -->\r\n\r\n    <div class=\"iicro-global-indexing\">\r\n\r\n        <div class=\"iicro-index-container\">\r\n\r\n\r\n            <div class=\"iicro-index-header\">\r\n\r\n\r\n                <!-- LEFT -->\r\n\r\n                <div>\r\n\r\n                    <div class=\"iicro-section-label\">\r\n                        Global Indexing\r\n                    <\/div>\r\n\r\n                    <h2 style=\"font-size:50px;\" class=\"iicro-index-title\">\r\n\r\n                        Published in\r\n                        <span>Atlantis Press<\/span> Springer Nature\r\n\r\n                    <\/h2>\r\n\r\n                    <div class=\"iicro-scopus-badge\">\r\n\r\n                        <span\r\n                            class=\"iicro-scopus-dot\"\r\n                        ><\/span>\r\n\r\n                        Global Academic Visibility\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- RIGHT -->\r\n\r\n                <div class=\"iicro-index-content\">\r\n\r\n\r\n                   <p> We are committed to maximizing the global impact and visibility of your\r\nresearch. All accepted and selected papers will be considered for publication through\r\n<strong>Atlantis Press, part of Springer Nature<\/strong>, in reputable peerreviewed proceedings and publications, providing authors with an opportunity to\r\nreach a broader international academic audience. <\/p>\r\n\r\n\r\n                    <p>\r\n\r\n                        To ensure high academic standards, every submission\r\n                        undergoes a rigorous\r\n                        <strong>\r\n                            double-blind peer-review process\r\n                        <\/strong>,\r\n                        guaranteeing academic rigor, integrity, and research\r\n                        quality.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n\r\n                        The conference and its proceedings primarily target\r\n                        authors from the\r\n                        <strong>\r\n                            Asia-Pacific region, particularly Southeast Asia\r\n                        <\/strong>,\r\n                        while actively welcoming contributions from global\r\n                        researchers. The published proceedings are intended\r\n                        for an international readership, including academics,\r\n                        researchers, practitioners, and policymakers interested\r\n                        in multidisciplinary research with a focus on\r\n                        <strong>Artificial Informatics<\/strong>.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <!-- BUTTON -->\r\n\r\n                    <a\r\n                        href=\"https:\/\/iicro-conference.org\/2026\/author-information\/\"\r\n                        class=\"iicro-simple-button\"\r\n                    >\r\n\r\n                        <span>\r\n                            Submission Guide\r\n                        <\/span>\r\n\r\n                        <span\r\n                            class=\"iicro-simple-button-arrow\"\r\n                        >\r\n                            \u2192\r\n                        <\/span>\r\n\r\n                    <\/a>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- DIVIDER -->\r\n\r\n    <div class=\"iicro-section-divider\"><\/div>\r\n\r\n\r\n    <!-- ===================================================\r\n         FOCUS & SCOPE\r\n         =================================================== -->\r\n\r\n    <div class=\"iicro-focus-scope\">\r\n\r\n        <div class=\"iicro-index-container\">\r\n\r\n\r\n            <!-- HEADER -->\r\n\r\n            <div class=\"iicro-focus-header\">\r\n\r\n\r\n                <div>\r\n\r\n                    <div class=\"iicro-section-label\">\r\n                        Focus &amp; Scope\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div>\r\n\r\n                    <h2 class=\"iicro-focus-title\">\r\n\r\n                        Why\r\n                        <span>Artificial Informatics?<\/span>\r\n\r\n                    <\/h2>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CONTENT -->\r\n\r\n            <div class=\"iicro-orange-content\">\r\n\r\n\r\n                <!-- VISUAL -->\r\n\r\n                <div class=\"iicro-orange-mark\">\r\n\r\n                    <div\r\n                        class=\"iicro-orange-circle\"\r\n                    >\r\n\r\n                        <div\r\n                            class=\"iicro-orange-circle-text\"\r\n                        >\r\n\r\n                            <small>\r\n                                IICRO 2026\r\n                            <\/small>\r\n\r\n                            <strong>\r\n                                Artificial<br>\r\n                                Informatics\r\n                            <\/strong>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- TEXT -->\r\n\r\n                <div class=\"iicro-orange-text\">\r\n\r\n\r\n                    <p>\r\n\r\n                        Rooted in the advancement of\r\n                        <strong>\r\n                            humanistic innovation\r\n                        <\/strong>,\r\n                        IICRO adopts Artificial Informatics as its central theme\r\n                        to address the growing need for technology that\r\n                        prioritizes human well-being alongside technical\r\n                        advancement.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <p>\r\n\r\n                        Artificial Informatics is inherently multidisciplinary,\r\n                        weaving\r\n                        <strong>\r\n                            Engineering, Psychology, and Ethics\r\n                        <\/strong>\r\n                        into a single fabric. While engineering drives\r\n                        innovation, psychology safeguards mental well-being,\r\n                        and ethics ensures health equity, this integration\r\n                        reflects the conference's core belief that true human\r\n                        happiness cannot be achieved through technical\r\n                        performance alone, but through a holistic alignment\r\n                        of technology with the human experience.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <!-- THREE DISCIPLINES -->\r\n\r\n                    <div class=\"iicro-disciplines\">\r\n\r\n\r\n                        <div class=\"iicro-discipline\">\r\n\r\n                            <span\r\n                                class=\"iicro-discipline-number\"\r\n                            >\r\n                                01\r\n                            <\/span>\r\n\r\n                            <strong>\r\n                                Engineering\r\n                            <\/strong>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"iicro-discipline\">\r\n\r\n                            <span\r\n                                class=\"iicro-discipline-number\"\r\n                            >\r\n                                02\r\n                            <\/span>\r\n\r\n                            <strong>\r\n                                Humanistic\r\n                            <\/strong>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"iicro-discipline\">\r\n\r\n                            <span\r\n                                class=\"iicro-discipline-number\"\r\n                            >\r\n                                03\r\n                            <\/span>\r\n\r\n                            <strong>\r\n                                Ethics\r\n                            <\/strong>\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- BUTTON -->\r\n\r\n                    <a\r\n                        href=\"https:\/\/iicro-conference.org\/2026\/aims-and-scope-iicro\/\"\r\n                        class=\"iicro-simple-button\"\r\n                    >\r\n\r\n                        <span>\r\n                            Aims &amp; Scope\r\n                        <\/span>\r\n\r\n                        <span\r\n                            class=\"iicro-simple-button-arrow\"\r\n                        >\r\n                            \u2192\r\n                        <\/span>\r\n\r\n                    <\/a>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =======================================================\r\n     SCROLL ANIMATION\r\n     ======================================================= -->\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    function initIicroIndexScope() {\r\n\r\n\r\n        var sections =\r\n            document.querySelectorAll(\r\n                \".iicro-global-indexing, .iicro-focus-scope\"\r\n            );\r\n\r\n\r\n        if (!sections.length) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* ================================================\r\n           ELEMENTOR EDITOR\r\n           ================================================ *\/\r\n\r\n        if (\r\n            document.body.classList.contains(\r\n                \"elementor-editor-active\"\r\n            )\r\n        ) {\r\n\r\n            sections.forEach(\r\n                function (section) {\r\n\r\n                    section.classList.add(\r\n                        \"iicro-section-visible\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* ================================================\r\n           FALLBACK\r\n           ================================================ *\/\r\n\r\n        if (\r\n            !(\r\n                \"IntersectionObserver\"\r\n                in window\r\n            )\r\n        ) {\r\n\r\n            sections.forEach(\r\n                function (section) {\r\n\r\n                    section.classList.add(\r\n                        \"iicro-section-visible\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* ================================================\r\n           INTERSECTION OBSERVER\r\n           ================================================ *\/\r\n\r\n        var observer =\r\n            new IntersectionObserver(\r\n\r\n                function (entries) {\r\n\r\n\r\n                    entries.forEach(\r\n                        function (entry) {\r\n\r\n\r\n                            if (\r\n                                !entry.isIntersecting\r\n                            ) {\r\n\r\n                                return;\r\n\r\n                            }\r\n\r\n\r\n                            entry.target.classList.add(\r\n                                \"iicro-section-visible\"\r\n                            );\r\n\r\n\r\n                            \/*\r\n                             * Animate only once.\r\n                             *\/\r\n\r\n                            observer.unobserve(\r\n                                entry.target\r\n                            );\r\n\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                },\r\n\r\n                {\r\n\r\n                    root: null,\r\n\r\n                    rootMargin:\r\n                        \"0px 0px -10% 0px\",\r\n\r\n                    threshold: 0.08\r\n\r\n                }\r\n\r\n            );\r\n\r\n\r\n        sections.forEach(\r\n            function (section) {\r\n\r\n                observer.observe(\r\n                    section\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       INITIALIZE\r\n       ===================================================== *\/\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initIicroIndexScope\r\n        );\r\n\r\n    } else {\r\n\r\n        initIicroIndexScope();\r\n\r\n    }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e217406 e-con-full e-flex e-con e-parent\" data-id=\"e217406\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-369dcf0 elementor-widget elementor-widget-html\" data-id=\"369dcf0\" 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<style> \/* ========================================================= IICRO 2026 \u2014 HYBRID EXPERIENCE Elementor Compatible ========================================================= *\/ .iicro-hybrid { --hybrid-green: #087443; --hybrid-dark: #075c37; --hybrid-gold: #f5b817; --hybrid-text: #18231f; --hybrid-muted: #66736d; --hybrid-light: #f6faf8; position: relative; width: 100%; padding: 95px 0 105px; background: #ffffff; font-family: \"Poppins\", \"Helvetica Neue\", Arial, sans-serif; color: var(--hybrid-text); overflow: hidden; } \/* ========================================================= CONTAINER ========================================================= *\/ .iicro-hybrid-container { width: min( 1180px, calc(100% - 48px) ); margin: 0 auto; position: relative; z-index: 2; } \/* ========================================================= HEADER ========================================================= *\/ .iicro-hybrid-header { max-width: 850px; margin: 0 auto 55px; text-align: center; } .iicro-hybrid-label { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; color: var(--hybrid-green); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; } .iicro-hybrid-label::before, .iicro-hybrid-label::after { content: \"\"; width: 28px; height: 2px; border-radius: 10px; background: var(--hybrid-gold); } .iicro-hybrid-title { margin: 0; color: var(--hybrid-dark); font-size: clamp( 38px, 4.5vw, 60px ); line-height: 1.08; font-weight: 750; letter-spacing: -.045em; } .iicro-hybrid-title span { color: var(--hybrid-gold); } \/* ========================================================= PHOTO GALLERY ========================================================= *\/ .iicro-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 85px; } \/* ========================================================= ALL THREE IMAGE FRAMES SAME SIZE ========================================================= *\/ .iicro-gallery-item { position: relative; width: 100%; height: 330px; overflow: hidden; border-radius: 20px; background: #eaf3ef; box-shadow: 0 15px 40px rgba(8,70,45,.08); } \/* IMPORTANT: Do NOT give the first image a different height. All three use exactly the same frame. *\/ \/* ========================================================= IMAGE ========================================================= *\/ .iicro-gallery-item img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .6s cubic-bezier(.22,1,.36,1); } \/* ========================================================= HOVER ========================================================= *\/ .iicro-gallery-item:hover img { transform: scale(1.05); } \/* ========================================================= IMAGE OVERLAY ========================================================= *\/ .iicro-gallery-overlay { position: absolute; left: 0; right: 0; bottom: 0; height: 45%; background: linear-gradient( to top, rgba(3,35,23,.45), transparent ); pointer-events: none; } \/* ========================================================= HYBRID INTRO ========================================================= *\/ .iicro-hybrid-intro { display: grid; grid-template-columns: 320px 1fr; gap: 75px; align-items: start; margin-bottom: 50px; } .iicro-hybrid-intro-label { color: var(--hybrid-green); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; } .iicro-hybrid-intro-label::before { content: \"\"; display: block; width: 38px; height: 3px; margin-bottom: 18px; border-radius: 10px; background: var(--hybrid-gold); } .iicro-hybrid-intro-title { margin: 0; color: var(--hybrid-dark); font-size: clamp( 32px, 3.5vw, 48px ); line-height: 1.1; font-weight: 700; letter-spacing: -.035em; } .iicro-hybrid-intro-title span { display: block; color: var(--hybrid-gold); } \/* ========================================================= DESCRIPTION ========================================================= *\/ .iicro-hybrid-description { max-width: 820px; } .iicro-hybrid-description p { margin: 0; color: var(--hybrid-muted); font-size: 15px; line-height: 1.9; } \/* ========================================================= EXPERIENCE OPTIONS ========================================================= *\/ .iicro-experience-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } \/* ========================================================= EXPERIENCE CARD ========================================================= *\/ .iicro-experience-card { position: relative; padding: 32px 30px 30px; background: var(--hybrid-light); border: 1px solid rgba(8,116,67,.08); border-radius: 20px; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; } .iicro-experience-card:hover { transform: translateY(-4px); border-color: rgba(8,116,67,.16); box-shadow: 0 18px 40px rgba(8,70,45,.08); } \/* ========================================================= ICON ========================================================= *\/ .iicro-experience-icon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; margin-bottom: 22px; border-radius: 14px; background: var(--hybrid-green); color: #ffffff; font-size: 20px; } \/* ========================================================= CARD TITLE ========================================================= *\/ .iicro-experience-card h3 { margin: 0 0 10px; color: var(--hybrid-dark); font-size: 21px; line-height: 1.3; font-weight: 700; } .iicro-experience-card h3 span { color: var(--hybrid-gold); } \/* ========================================================= CARD DESCRIPTION ========================================================= *\/ .iicro-experience-card p { margin: 0 0 22px; color: var(--hybrid-muted); font-size: 13px; line-height: 1.8; } \/* ========================================================= LOCATION ========================================================= *\/ .iicro-location { margin-top: 25px; padding-top: 22px; border-top: 1px solid rgba(8,116,67,.10); } .iicro-location-label { display: block; margin-bottom: 7px; color: var(--hybrid-green); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; } .iicro-location p { margin: 0; color: var(--hybrid-text); font-size: 12.5px; line-height: 1.7; } \/* ========================================================= VIRTUAL PLATFORM ========================================================= *\/ .iicro-virtual-details { margin-top: 25px; padding-top: 22px; border-top: 1px solid rgba(8,116,67,.10); } .iicro-virtual-details strong { display: block; margin-bottom: 7px; color: var(--hybrid-text); font-size: 13px; } .iicro-virtual-details p { margin: 0; font-size: 12.5px; } \/* ========================================================= BUTTON ========================================================= *\/ .iicro-hybrid-button { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 0 15px; border-radius: 11px; background: #ffffff; border: 1px solid rgba(8,116,67,.18); color: var(--hybrid-green) !important; text-decoration: none !important; font-size: 11px; font-weight: 700; transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease; } .iicro-hybrid-button:hover { transform: translateY(-2px); background: var(--hybrid-green); border-color: var(--hybrid-green); color: #ffffff !important; box-shadow: 0 9px 22px rgba(8,116,67,.16); } .iicro-hybrid-button-arrow { font-size: 15px; transition: transform .25s ease; } .iicro-hybrid-button:hover .iicro-hybrid-button-arrow { transform: translateX(4px); } \/* ========================================================= SCROLL ANIMATION ========================================================= *\/ .iicro-hybrid-header, .iicro-gallery, .iicro-hybrid-intro, .iicro-experience-grid { opacity: 0; transform: translate3d( 0, 25px, 0 ); transition: opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1); will-change: opacity, transform; } .iicro-hybrid-visible .iicro-hybrid-header { opacity: 1; transform: none; } .iicro-hybrid-visible .iicro-gallery { opacity: 1; transform: none; transition-delay: .1s; } .iicro-hybrid-visible .iicro-hybrid-intro { opacity: 1; transform: none; transition-delay: .18s; } .iicro-hybrid-visible .iicro-experience-grid { opacity: 1; transform: none; transition-delay: .28s; } \/* ========================================================= TABLET ========================================================= *\/ @media (max-width: 900px) { .iicro-gallery { grid-template-columns: repeat(2, 1fr); } .iicro-gallery-item { height: 280px; } .iicro-hybrid-intro { grid-template-columns: 1fr; gap: 25px; } } \/* ========================================================= MOBILE ========================================================= *\/ @media (max-width: 767px) { .iicro-hybrid { padding: 65px 0 75px; } .iicro-hybrid-container { width: min( 100% - 32px, 600px ); } .iicro-hybrid-header { margin-bottom: 40px; } .iicro-hybrid-label { font-size: 10px; letter-spacing: .12em; } .iicro-hybrid-label::before, .iicro-hybrid-label::after { width: 18px; } .iicro-hybrid-title { font-size: clamp( 32px, 9vw, 44px ); } \/* ===================================================== MOBILE GALLERY All images SAME SIZE ===================================================== *\/ .iicro-gallery { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 60px; } .iicro-gallery-item, .iicro-gallery-item:first-child { width: 100%; height: 240px; border-radius: 16px; } \/* ===================================================== INTRO ===================================================== *\/ .iicro-hybrid-intro { gap: 20px; margin-bottom: 35px; } .iicro-hybrid-intro-title { font-size: clamp( 30px, 8vw, 40px ); } .iicro-hybrid-description p { font-size: 14px; line-height: 1.8; } \/* ===================================================== CARDS ===================================================== *\/ .iicro-experience-grid { grid-template-columns: 1fr; gap: 12px; } .iicro-experience-card { padding: 25px 22px; border-radius: 17px; } .iicro-experience-card h3 { font-size: 19px; } } \/* ========================================================= REDUCED MOTION ========================================================= *\/ @media (prefers-reduced-motion: reduce) { .iicro-hybrid-header, .iicro-gallery, .iicro-hybrid-intro, .iicro-experience-grid { opacity: 1 !important; transform: none !important; transition: none !important; } .iicro-gallery-item img { transition: none !important; } } <\/style>\r\n\r\n\r\n<!-- =======================================================\r\n     IICRO HYBRID EXPERIENCE\r\n     ======================================================= -->\r\n\r\n<section class=\"iicro-hybrid\">\r\n\r\n    <div class=\"iicro-hybrid-container\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n             ================================================= -->\r\n\r\n        <div class=\"iicro-hybrid-header\">\r\n\r\n            <div class=\"iicro-hybrid-label\">\r\n                Hybrid Experience\r\n            <\/div>\r\n\r\n            <h2 class=\"iicro-hybrid-title\">\r\n\r\n                Join Us\r\n                <span>Onsite or Online<\/span>\r\n\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             PREVIOUS CONFERENCE GALLERY\r\n             ================================================= -->\r\n\r\n        <div class=\"iicro-gallery\">\r\n\r\n\r\n            <!-- PHOTO 1 -->\r\n\r\n            <div class=\"iicro-gallery-item\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/iicro-conference.org\/2026\/wp-content\/uploads\/2025\/12\/DSC_0262-1-2048x1365-1.jpg\"\r\n                    alt=\"IICRO Previous Conference\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div\r\n                    class=\"iicro-gallery-overlay\"\r\n                ><\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- PHOTO 2 -->\r\n\r\n            <div class=\"iicro-gallery-item\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/iicro-conference.org\/2026\/wp-content\/uploads\/2025\/12\/IICRO-2023-1.jpg\"\r\n                    alt=\"IICRO 2023 Conference\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div\r\n                    class=\"iicro-gallery-overlay\"\r\n                ><\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- PHOTO 3 -->\r\n\r\n            <div class=\"iicro-gallery-item\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/iicro-conference.org\/2026\/wp-content\/uploads\/2025\/12\/IICRO-Malay-1536x1024.jpg\"\r\n                    alt=\"IICRO Conference Participants\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div\r\n                    class=\"iicro-gallery-overlay\"\r\n                ><\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             INTRODUCTION\r\n             ================================================= -->\r\n\r\n        <div class=\"iicro-hybrid-intro\">\r\n\r\n\r\n            <!-- LEFT -->\r\n\r\n            <div>\r\n\r\n                <div class=\"iicro-hybrid-intro-label\">\r\n                    Conference Experience\r\n                <\/div>\r\n\r\n                <h2 class=\"iicro-hybrid-intro-title\">\r\n\r\n                    Flexible.\r\n                    <span>Global.<\/span>\r\n                    Connected.\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- RIGHT -->\r\n\r\n            <div class=\"iicro-hybrid-description\">\r\n\r\n                <p>\r\n\r\n                    The 4th IICRO offers a flexible hybrid conference\r\n                    experience. Participants can choose to attend\r\n                    physically at our host university in\r\n                    <strong>Tangerang<\/strong>\r\n                    or join virtually from anywhere in the world via\r\n                    <strong>Zoom<\/strong>. Both platforms provide full\r\n                    access to keynote sessions and networking opportunities.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             EXPERIENCE OPTIONS\r\n             ================================================= -->\r\n\r\n        <div class=\"iicro-experience-grid\">\r\n\r\n\r\n            <!-- =================================================\r\n                 ONSITE\r\n                 ================================================= -->\r\n\r\n            <div class=\"iicro-experience-card\">\r\n\r\n                <h3>\r\n                    Universitas Raharja\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n\r\n                    Join us physically and experience the conference\r\n                    atmosphere, academic discussions, and networking\r\n                    opportunities directly at our host university.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"iicro-location\">\r\n\r\n                    <span class=\"iicro-location-label\">\r\n                        Venue\r\n                    <\/span>\r\n\r\n                    <p>\r\n\r\n                        Jl. Jenderal Sudirman No.40,\r\n                        RT.002\/RW.006, Cikokol,\r\n                        Kec. Tangerang, Kota Tangerang,\r\n                        Banten 15117\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/maps.app.goo.gl\/DMzHbfb4CLtcx5fo8\"\r\n                    class=\"iicro-hybrid-button\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                >\r\n\r\n                    <span>\r\n                        View on Google Maps\r\n                    <\/span>\r\n\r\n                    <span\r\n                        class=\"iicro-hybrid-button-arrow\"\r\n                    >\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 ONLINE\r\n                 ================================================= -->\r\n\r\n            <div class=\"iicro-experience-card\">\r\n\r\n\r\n\r\n                <h3>\r\n                    Virtual <span>Platform<\/span>\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n\r\n                    Participate remotely from anywhere in the world\r\n                    through our secure online conference platform.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"iicro-virtual-details\">\r\n\r\n                    <strong>\r\n                        Zoom Meeting &amp; Live Streaming\r\n                    <\/strong>\r\n\r\n                    <p>\r\n\r\n                        Secure access links and virtual backgrounds\r\n                        will be sent to registered participants\r\n                        <strong>3 days prior to the event<\/strong>.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/iicro-conference.org\/2026\/author-information\/\"\r\n                    class=\"iicro-hybrid-button\"\r\n                >\r\n\r\n                    <span>\r\n                        Virtual Guidelines\r\n                    <\/span>\r\n\r\n                    <span\r\n                        class=\"iicro-hybrid-button-arrow\"\r\n                    >\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =======================================================\r\n     SCROLL ANIMATION\r\n     ======================================================= -->\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    function initIicroHybrid() {\r\n\r\n\r\n        var section =\r\n            document.querySelector(\r\n                \".iicro-hybrid\"\r\n            );\r\n\r\n\r\n        if (!section) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* ================================================\r\n           ELEMENTOR EDITOR\r\n           ================================================ *\/\r\n\r\n        if (\r\n            document.body.classList.contains(\r\n                \"elementor-editor-active\"\r\n            )\r\n        ) {\r\n\r\n            section.classList.add(\r\n                \"iicro-hybrid-visible\"\r\n            );\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* ================================================\r\n           FALLBACK\r\n           ================================================ *\/\r\n\r\n        if (\r\n            !(\r\n                \"IntersectionObserver\"\r\n                in window\r\n            )\r\n        ) {\r\n\r\n            section.classList.add(\r\n                \"iicro-hybrid-visible\"\r\n            );\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* ================================================\r\n           INTERSECTION OBSERVER\r\n           ================================================ *\/\r\n\r\n        var observer =\r\n            new IntersectionObserver(\r\n\r\n                function (entries) {\r\n\r\n\r\n                    entries.forEach(\r\n                        function (entry) {\r\n\r\n\r\n                            if (\r\n                                !entry.isIntersecting\r\n                            ) {\r\n\r\n                                return;\r\n\r\n                            }\r\n\r\n\r\n                            entry.target.classList.add(\r\n                                \"iicro-hybrid-visible\"\r\n                            );\r\n\r\n\r\n                            observer.unobserve(\r\n                                entry.target\r\n                            );\r\n\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                },\r\n\r\n                {\r\n\r\n                    root: null,\r\n\r\n                    rootMargin:\r\n                        \"0px 0px -10% 0px\",\r\n\r\n                    threshold: 0.08\r\n\r\n                }\r\n\r\n            );\r\n\r\n\r\n        observer.observe(section);\r\n\r\n    }\r\n\r\n\r\n    \/* ================================================\r\n       INITIALIZE\r\n       ================================================ *\/\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initIicroHybrid\r\n        );\r\n\r\n    } else {\r\n\r\n        initIicroHybrid();\r\n\r\n    }\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-111153d e-con-full e-flex e-con e-parent\" data-id=\"111153d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6228849 elementor-widget elementor-widget-html\" data-id=\"6228849\" 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<style>\r\n\r\n\/* =========================================================\r\n   IICRO 2026 \u2014 FOOTER\r\n   Elementor Compatible\r\n   ========================================================= *\/\r\n\r\n.iicro-footer {\r\n\r\n    --footer-green: #087443;\r\n    --footer-dark: #075c37;\r\n    --footer-gold: #f5b817;\r\n    --footer-text: #dce9e3;\r\n    --footer-muted: #9db2a8;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #064b2e 0%,\r\n            #075c37 55%,\r\n            #06472c 100%\r\n        );\r\n\r\n    color: #ffffff;\r\n\r\n    font-family:\r\n        \"Poppins\",\r\n        \"Helvetica Neue\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE BACKGROUND\r\n   ========================================================= *\/\r\n\r\n.iicro-footer::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 430px;\r\n    height: 430px;\r\n\r\n    right: -180px;\r\n    top: -210px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.iicro-footer::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 280px;\r\n    height: 280px;\r\n\r\n    left: -150px;\r\n    bottom: -150px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(245,184,23,.10);\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.iicro-footer-container {\r\n\r\n    width:\r\n        min(\r\n            1180px,\r\n            calc(100% - 48px)\r\n        );\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN FOOTER\r\n   ========================================================= *\/\r\n\r\n.iicro-footer-main {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1.25fr\r\n        .9fr\r\n        1.15fr;\r\n\r\n    gap: 70px;\r\n\r\n    padding:\r\n        75px 0 65px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRAND\r\n   ========================================================= *\/\r\n\r\n.iicro-footer-brand {\r\n\r\n    max-width: 390px;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-logo {\r\n\r\n    display: block;\r\n\r\n    width: auto;\r\n\r\n    max-width: 230px;\r\n\r\n    max-height: 90px;\r\n\r\n    object-fit: contain;\r\n\r\n    margin-bottom: 24px;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-brand p {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--footer-muted);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.85;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COLUMN TITLE\r\n   ========================================================= *\/\r\n\r\n.iicro-footer-heading {\r\n\r\n    position: relative;\r\n\r\n    margin:\r\n        0 0 24px;\r\n\r\n    padding-bottom: 13px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .13em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-heading::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    bottom: 0;\r\n\r\n    width: 35px;\r\n\r\n    height: 3px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        var(--footer-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT\r\n   ========================================================= *\/\r\n\r\n.iicro-footer-contact {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 20px;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-contact-item {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 14px;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-icon {\r\n\r\n    flex:\r\n        0 0 38px;\r\n\r\n    width: 38px;\r\n\r\n    height: 38px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 11px;\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n\r\n    color:\r\n        var(--footer-gold);\r\n\r\n    font-size: 15px;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-contact-label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color:\r\n        rgba(255,255,255,.55);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .12em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-contact a {\r\n\r\n    color:\r\n        #ffffff !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.5;\r\n\r\n    transition:\r\n        color .25s ease;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-contact a:hover {\r\n\r\n    color:\r\n        var(--footer-gold) !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOCATION\r\n   ========================================================= *\/\r\n\r\n.iicro-footer-location {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 14px;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-location-icon {\r\n\r\n    flex:\r\n        0 0 38px;\r\n\r\n    width: 38px;\r\n\r\n    height: 38px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 11px;\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n\r\n    color:\r\n        var(--footer-gold);\r\n\r\n    font-size: 15px;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-location p {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        var(--footer-muted);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.85;\r\n\r\n}\r\n\r\n\r\n\/* Highlight *\/\r\n\r\n.iicro-footer-location strong {\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    font-weight: 600;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HYBRID BADGE\r\n   ========================================================= *\/\r\n\r\n.iicro-footer-hybrid-badge {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    margin-top: 18px;\r\n\r\n    padding:\r\n        8px 12px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(245,184,23,.25);\r\n\r\n    border-radius: 100px;\r\n\r\n    background:\r\n        rgba(245,184,23,.08);\r\n\r\n    color:\r\n        var(--footer-gold);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .08em;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-hybrid-dot {\r\n\r\n    width: 7px;\r\n\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--footer-gold);\r\n\r\n    box-shadow:\r\n        0 0 0 4px\r\n        rgba(245,184,23,.10);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM BAR\r\n   ========================================================= *\/\r\n\r\n.iicro-footer-bottom {\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,255,255,.10);\r\n\r\n}\r\n\r\n\r\n.iicro-footer-bottom-inner {\r\n\r\n    min-height: 70px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-copyright {\r\n\r\n    margin: 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.48);\r\n\r\n    font-size: 10.5px;\r\n\r\n    line-height: 1.6;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-copyright strong {\r\n\r\n    color:\r\n        rgba(255,255,255,.75);\r\n\r\n    font-weight: 600;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER TAG\r\n   ========================================================= *\/\r\n\r\n.iicro-footer-tag {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    color:\r\n        rgba(255,255,255,.48);\r\n\r\n    font-size: 10px;\r\n\r\n    letter-spacing: .04em;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-tag span {\r\n\r\n    color:\r\n        var(--footer-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL ANIMATION\r\n   ========================================================= *\/\r\n\r\n.iicro-footer-brand,\r\n.iicro-footer-contact-column,\r\n.iicro-footer-location-column {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translate3d(\r\n            0,\r\n            20px,\r\n            0\r\n        );\r\n\r\n    transition:\r\n\r\n        opacity\r\n        .7s\r\n        cubic-bezier(.22,1,.36,1),\r\n\r\n        transform\r\n        .7s\r\n        cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n.iicro-footer-visible\r\n.iicro-footer-brand {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-visible\r\n.iicro-footer-contact-column {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n    transition-delay:\r\n        .12s;\r\n\r\n}\r\n\r\n\r\n.iicro-footer-visible\r\n.iicro-footer-location-column {\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n    transition-delay:\r\n        .24s;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .iicro-footer-main {\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n        gap: 45px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-footer-brand {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        max-width:\r\n            650px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .iicro-footer-container {\r\n\r\n        width:\r\n            min(\r\n                100% - 32px,\r\n                600px\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .iicro-footer-main {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 40px;\r\n\r\n        padding:\r\n            55px 0 45px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-footer-brand {\r\n\r\n        grid-column:\r\n            auto;\r\n\r\n    }\r\n\r\n\r\n    .iicro-footer-logo {\r\n\r\n        max-width:\r\n            200px;\r\n\r\n        max-height:\r\n            75px;\r\n\r\n        margin-bottom:\r\n            20px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-footer-brand p {\r\n\r\n        font-size:\r\n            12.5px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-footer-heading {\r\n\r\n        margin-bottom:\r\n            20px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-footer-bottom-inner {\r\n\r\n        min-height:\r\n            auto;\r\n\r\n        padding:\r\n            20px 0;\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n        gap: 8px;\r\n\r\n    }\r\n\r\n\r\n    .iicro-footer-tag {\r\n\r\n        font-size:\r\n            9.5px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .iicro-footer-brand,\r\n    .iicro-footer-contact-column,\r\n    .iicro-footer-location-column {\r\n\r\n        opacity:\r\n            1 !important;\r\n\r\n        transform:\r\n            none !important;\r\n\r\n        transition:\r\n            none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =======================================================\r\n     IICRO 2026 FOOTER\r\n     ======================================================= -->\r\n\r\n<footer class=\"iicro-footer\">\r\n\r\n    <div class=\"iicro-footer-container\">\r\n\r\n\r\n        <!-- =================================================\r\n             MAIN FOOTER\r\n             ================================================= -->\r\n\r\n        <div class=\"iicro-footer-main\">\r\n\r\n\r\n            <!-- =================================================\r\n                 BRAND\r\n                 ================================================= -->\r\n\r\n            <div class=\"iicro-footer-brand\">\r\n\r\n\r\n                <img decoding=\"async\"\r\n                    class=\"iicro-footer-logo\"\r\n                    src=\"https:\/\/iicro-conference.org\/2026\/wp-content\/uploads\/2025\/12\/cropped-Logo-IICRO.png\"\r\n                    alt=\"IICRO 2026\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n\r\n                <p>\r\n\r\n                    The International Interdisciplinary Conference\r\n                    on Research &amp; Opportunities (IICRO) is an\r\n                    annual global academic platform dedicated to\r\n                    advancing human-centered innovation through\r\n                    interdisciplinary research, technology, and\r\n                    collaboration.\r\n\r\n                <\/p>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 GET IN TOUCH\r\n                 ================================================= -->\r\n\r\n            <div class=\"iicro-footer-contact-column\">\r\n\r\n\r\n                <h3 class=\"iicro-footer-heading\">\r\n                    Get in Touch\r\n                <\/h3>\r\n\r\n\r\n                <div class=\"iicro-footer-contact\">\r\n\r\n\r\n                    <!-- PHONE -->\r\n\r\n                    <div class=\"iicro-footer-contact-item\">\r\n\r\n\r\n                        <div class=\"iicro-footer-icon\">\r\n                            \u260e\r\n                        <\/div>\r\n\r\n\r\n                        <div>\r\n\r\n                            <span\r\n                                class=\"iicro-footer-contact-label\"\r\n                            >\r\n                                Phone\r\n                            <\/span>\r\n\r\n\r\n                            <a\r\n                                href=\"tel:+6285691924390\"\r\n                            >\r\n                                +62 856-9192-4390\r\n                            <\/a>\r\n\r\n\r\n                            <span\r\n                                style=\"\r\n                                    display:block;\r\n                                    margin-top:3px;\r\n                                    color:rgba(255,255,255,.45);\r\n                                    font-size:10px;\r\n                                \"\r\n                            >\r\n                                IICRO 2026\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- EMAIL -->\r\n\r\n                    <div class=\"iicro-footer-contact-item\">\r\n\r\n\r\n                        <div class=\"iicro-footer-icon\">\r\n                            \u2709\r\n                        <\/div>\r\n\r\n\r\n                        <div>\r\n\r\n                            <span\r\n                                class=\"iicro-footer-contact-label\"\r\n                            >\r\n                                Email\r\n                            <\/span>\r\n\r\n\r\n                            <a\r\n                                href=\"mailto:admin@iicro-conference.org\"\r\n                            >\r\n                                admin@iicro-conference.org\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 LOCATION\r\n                 ================================================= -->\r\n\r\n            <div class=\"iicro-footer-location-column\">\r\n\r\n\r\n                <h3 class=\"iicro-footer-heading\">\r\n                    Location (Hybrid)\r\n                <\/h3>\r\n\r\n\r\n                <div class=\"iicro-footer-location\">\r\n\r\n\r\n                    <div\r\n                        class=\"iicro-footer-location-icon\"\r\n                    >\r\n                        \ud83d\udccd\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <p>\r\n\r\n                            Learn about the benefits,\r\n                            opportunities and exposure that\r\n                            come from joining our conferences.\r\n\r\n                            The conference this year will be held\r\n                            <strong>HYBRID<\/strong> at\r\n                            <strong>Universitas Raharja<\/strong>.\r\n\r\n                        <\/p>\r\n\r\n\r\n                        <div\r\n                            class=\"iicro-footer-hybrid-badge\"\r\n                        >\r\n\r\n                            <span\r\n                                class=\"iicro-footer-hybrid-dot\"\r\n                            ><\/span>\r\n\r\n                            Onsite + Online\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             COPYRIGHT\r\n             ================================================= -->\r\n\r\n        <div class=\"iicro-footer-bottom\">\r\n\r\n            <div class=\"iicro-footer-bottom-inner\">\r\n\r\n\r\n                <p class=\"iicro-footer-copyright\">\r\n\r\n                    \u00a9 2026\r\n                    <strong>IICRO<\/strong>.\r\n                    All Rights Reserved.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"iicro-footer-tag\">\r\n\r\n                    International Interdisciplinary Conference\r\n\r\n                    <span>\u2022<\/span>\r\n\r\n                    Research &amp; Opportunities\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n<!-- =======================================================\r\n     FOOTER SCROLL ANIMATION\r\n     ======================================================= -->\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    function initIicroFooter() {\r\n\r\n\r\n        var footer =\r\n            document.querySelector(\r\n                \".iicro-footer\"\r\n            );\r\n\r\n\r\n        if (!footer) {\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* Elementor Editor *\/\r\n\r\n        if (\r\n            document.body.classList.contains(\r\n                \"elementor-editor-active\"\r\n            )\r\n        ) {\r\n\r\n            footer.classList.add(\r\n                \"iicro-footer-visible\"\r\n            );\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* Browser fallback *\/\r\n\r\n        if (\r\n            !(\r\n                \"IntersectionObserver\"\r\n                in window\r\n            )\r\n        ) {\r\n\r\n            footer.classList.add(\r\n                \"iicro-footer-visible\"\r\n            );\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* Intersection Observer *\/\r\n\r\n        var observer =\r\n            new IntersectionObserver(\r\n\r\n                function (entries) {\r\n\r\n                    entries.forEach(\r\n                        function (entry) {\r\n\r\n                            if (\r\n                                !entry.isIntersecting\r\n                            ) {\r\n\r\n                                return;\r\n\r\n                            }\r\n\r\n\r\n                            entry.target.classList.add(\r\n                                \"iicro-footer-visible\"\r\n                            );\r\n\r\n\r\n                            observer.unobserve(\r\n                                entry.target\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n                },\r\n\r\n                {\r\n\r\n                    root: null,\r\n\r\n                    rootMargin:\r\n                        \"0px 0px -8% 0px\",\r\n\r\n                    threshold: 0.08\r\n\r\n                }\r\n\r\n            );\r\n\r\n\r\n        observer.observe(footer);\r\n\r\n    }\r\n\r\n\r\n    \/* Initialize *\/\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initIicroFooter\r\n        );\r\n\r\n    } else {\r\n\r\n        initIicroFooter();\r\n\r\n    }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Welcome to IICRO 2026 IICRO 2026 The 4th International Interdisciplinary Conference on Research &amp; Opportunities An annual flagship event organized by the Indonesian Lecturers Association (ADI) in collaboration with Universitas Raharja. IICRO serves as a premier global platform dedicated to advancing humanistic innovation by bridging technological evolution and societal needs. \ud83d\udcdd Submit Paper \u2192 \ud83d\udcc4 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2011","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iicro-conference.org\/2026\/wp-json\/wp\/v2\/pages\/2011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iicro-conference.org\/2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iicro-conference.org\/2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iicro-conference.org\/2026\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/iicro-conference.org\/2026\/wp-json\/wp\/v2\/comments?post=2011"}],"version-history":[{"count":67,"href":"https:\/\/iicro-conference.org\/2026\/wp-json\/wp\/v2\/pages\/2011\/revisions"}],"predecessor-version":[{"id":2141,"href":"https:\/\/iicro-conference.org\/2026\/wp-json\/wp\/v2\/pages\/2011\/revisions\/2141"}],"wp:attachment":[{"href":"https:\/\/iicro-conference.org\/2026\/wp-json\/wp\/v2\/media?parent=2011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}