{"id":1541,"date":"2026-09-29T08:48:27","date_gmt":"2026-09-29T08:48:27","guid":{"rendered":"https:\/\/seminars.unj.ac.id\/insegt2027\/?page_id=1541"},"modified":"2026-09-29T16:18:48","modified_gmt":"2026-09-29T16:18:48","slug":"registrations","status":"publish","type":"page","link":"https:\/\/seminars.unj.ac.id\/insegt2027\/registrations\/","title":{"rendered":"Registrations"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1541\" class=\"elementor elementor-1541\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67149ac e-con-full e-flex e-con e-parent\" data-id=\"67149ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3e385a elementor-widget elementor-widget-html\" data-id=\"c3e385a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Fallback pemanggilan font -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"insegt-registration-wrapper\">\r\n  <style>\r\n    \/* Import font dari CSS untuk memaksa Elementor memuatnya *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n    \/* --- INSEGT 2027 DESIGN TOKENS --- *\/\r\n    :root {\r\n      \/* Typography Tokens *\/\r\n      --font-family-primary: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n      --font-size-base: 15px;\r\n      --font-lineHeight-base: 23.25px;\r\n      --font-weight-regular: 400;\r\n      --font-weight-medium: 500;\r\n      --font-weight-semibold: 600;\r\n      --font-weight-bold: 700;\r\n      --font-weight-extrabold: 800;\r\n\r\n      --font-size-xs: 12px;\r\n      --font-size-sm: 13px;\r\n      --font-size-md: 14px;\r\n      --font-size-lg: 14.4px;\r\n      --font-size-xl: 15px;\r\n      --font-size-2xl: 15.2px;\r\n      --font-size-3xl: 16px;\r\n      --font-size-4xl: 17px;\r\n      --font-size-display-md: 20px;\r\n      --font-size-display-lg: 26px;\r\n      --font-size-display-xl: 32px;\r\n\r\n      \/* Color Tokens *\/\r\n      --color-text-primary: #30435d;\r\n      --color-text-secondary: #657084;\r\n      --color-text-tertiary: #6c7d93;\r\n      --color-text-inverse: #ffffff;\r\n      --color-text-heading: #0d2342;\r\n      \r\n      --color-surface-base: #ffffff;\r\n      --color-surface-muted: #f8fafc;\r\n      --color-surface-raised: #f0f2ff;\r\n      --color-surface-strong: #155dfc;\r\n      --color-surface-strong-hover: #0f46c2;\r\n      --color-surface-accent: #e9efff;\r\n\r\n      --color-border-subtle: #e2e8f0;\r\n      --color-border-focused: #155dfc;\r\n      --color-border-warning: #f59e0b;\r\n      --color-surface-warning: #fffbeb;\r\n\r\n      \/* Spacing Scale Tokens *\/\r\n      --space-1: 7px;\r\n      --space-2: 8px;\r\n      --space-3: 9px;\r\n      --space-4: 10px;\r\n      --space-5: 12px;\r\n      --space-6: 14px;\r\n      --space-7: 14.4px;\r\n      --space-8: 15px;\r\n      --space-lg: 24px;\r\n      --space-xl: 32px;\r\n\r\n      \/* Radius, Shadow & Motion Tokens *\/\r\n      --radius-xs: 3px;\r\n      --radius-sm: 9px;\r\n      --radius-md: 10px;\r\n      --radius-lg: 15px;\r\n      --radius-xl: 20px;\r\n      --radius-2xl: 50px;\r\n\r\n      --shadow-1: 0px 12px 30px 0px rgba(21, 55, 98, 0.05);\r\n      --shadow-2: 0px 8px 28px 0px rgba(21, 55, 98, 0.05);\r\n      --shadow-3: 0px 2px 7px 0px rgba(0, 0, 0, 0.04);\r\n      --shadow-4: 0px 18px 50px 0px rgba(21, 55, 98, 0.1);\r\n\r\n      --motion-instant: 200ms cubic-bezier(0.4, 0, 0.2, 1);\r\n      --motion-fast: 250ms cubic-bezier(0.4, 0, 0.2, 1);\r\n      --motion-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    \/* --- BASE RESET & WRAPPER SCOPE --- *\/\r\n    .insegt-registration-wrapper,\r\n    .insegt-registration-wrapper * {\r\n      font-family: 'Plus Jakarta Sans', Inter, sans-serif !important;\r\n    }\r\n\r\n    .insegt-registration-wrapper {\r\n      font-size: var(--font-size-base);\r\n      line-height: var(--font-lineHeight-base);\r\n      color: var(--color-text-primary);\r\n      background-color: transparent;\r\n      padding: 60px 40px; \/* Tambahan padding kiri dan kanan *\/\r\n      box-sizing: border-box;\r\n      max-width: 1260px; \/* Disesuaikan dengan var(--container) elementor *\/\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .insegt-registration-wrapper *,\r\n    .insegt-registration-wrapper *::before,\r\n    .insegt-registration-wrapper *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- HERO & HEADER SECTION --- *\/\r\n    .insegt-header-card {\r\n      background: var(--color-surface-base);\r\n      border-radius: var(--radius-lg);\r\n      box-shadow: var(--shadow-2);\r\n      border: 1px solid var(--color-border-subtle);\r\n      padding: var(--space-xl);\r\n      margin-bottom: var(--space-xl);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .insegt-header-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 6px;\r\n      height: 100%;\r\n      background: var(--color-surface-strong);\r\n    }\r\n\r\n    .insegt-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      padding: var(--space-1) var(--space-5);\r\n      background-color: var(--color-surface-raised);\r\n      color: var(--color-surface-strong);\r\n      font-size: var(--font-size-xs) !important;\r\n      font-weight: var(--font-weight-extrabold) !important;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n      border-radius: var(--radius-2xl);\r\n      margin-bottom: var(--space-5);\r\n    }\r\n\r\n    .insegt-title {\r\n      font-size: var(--font-size-display-xl) !important;\r\n      font-weight: var(--font-weight-extrabold) !important;\r\n      color: var(--color-text-heading) !important;\r\n      margin: 0 0 var(--space-5) 0 !important;\r\n      line-height: 1.25 !important;\r\n    }\r\n\r\n    .insegt-lead-text {\r\n      font-size: var(--font-size-3xl) !important;\r\n      color: var(--color-text-secondary) !important;\r\n      margin-bottom: var(--space-6) !important;\r\n      line-height: 1.6 !important;\r\n      font-weight: 500 !important;\r\n      text-align: justify !important;\r\n    }\r\n\r\n    .insegt-banner-info {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n      gap: var(--space-5);\r\n      background-color: var(--color-surface-muted);\r\n      border-radius: var(--radius-md);\r\n      padding: var(--space-6);\r\n      border: 1px dashed var(--color-border-subtle);\r\n    }\r\n\r\n    .insegt-info-item {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-1);\r\n    }\r\n\r\n    .insegt-info-label {\r\n      font-size: var(--font-size-xs) !important;\r\n      color: var(--color-text-tertiary) !important;\r\n      text-transform: uppercase;\r\n      font-weight: var(--font-weight-bold) !important;\r\n      letter-spacing: 0.3px;\r\n    }\r\n\r\n    .insegt-info-value {\r\n      font-size: var(--font-size-base) !important;\r\n      font-weight: var(--font-weight-bold) !important;\r\n      color: var(--color-text-heading) !important;\r\n    }\r\n\r\n    \/* --- SECTION TITLES --- *\/\r\n    .insegt-section-title {\r\n      font-size: var(--font-size-display-md) !important;\r\n      font-weight: var(--font-weight-extrabold) !important;\r\n      color: var(--color-text-heading) !important;\r\n      margin: var(--space-xl) 0 var(--space-6) 0 !important;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-4);\r\n    }\r\n\r\n    .insegt-section-title::after {\r\n      content: \"\";\r\n      flex: 1;\r\n      height: 1px;\r\n      background: var(--color-border-subtle);\r\n    }\r\n\r\n    \/* --- INTERACTIVE CONTROLS \/ TABS --- *\/\r\n    .insegt-tabs-container {\r\n      display: flex;\r\n      gap: var(--space-2);\r\n      margin-bottom: var(--space-6);\r\n      border-bottom: 2px solid var(--color-border-subtle);\r\n      padding-bottom: var(--space-1);\r\n    }\r\n\r\n    .insegt-tab-button {\r\n      background: none;\r\n      border: none;\r\n      padding: var(--space-4) var(--space-7);\r\n      font-family: inherit;\r\n      font-size: var(--font-size-base) !important;\r\n      font-weight: var(--font-weight-medium) !important;\r\n      color: var(--color-text-tertiary) !important;\r\n      cursor: pointer;\r\n      position: relative;\r\n      border-radius: var(--radius-sm) var(--radius-sm) 0 0;\r\n      transition: color var(--motion-fast), background-color var(--motion-fast);\r\n    }\r\n\r\n    .insegt-tab-button:hover {\r\n      color: var(--color-surface-strong) !important;\r\n      background-color: var(--color-surface-raised);\r\n    }\r\n\r\n    .insegt-tab-button[aria-selected=\"true\"] {\r\n      color: var(--color-surface-strong) !important;\r\n      font-weight: var(--font-weight-bold) !important;\r\n    }\r\n\r\n    .insegt-tab-button[aria-selected=\"true\"]::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      bottom: -3px;\r\n      left: 0;\r\n      right: 0;\r\n      height: 3px;\r\n      background-color: var(--color-surface-strong);\r\n      border-radius: var(--radius-xs);\r\n    }\r\n\r\n    .insegt-tab-button:focus-visible {\r\n      outline: 2px solid var(--color-border-focused);\r\n      outline-offset: 2px;\r\n    }\r\n\r\n    \/* --- CARDS GRID --- *\/\r\n    .insegt-pricing-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n      gap: var(--space-xl);\r\n      margin-bottom: var(--space-xl);\r\n    }\r\n\r\n    .insegt-card {\r\n      background: var(--color-surface-base);\r\n      border-radius: var(--radius-lg);\r\n      border: 1px solid var(--color-border-subtle);\r\n      box-shadow: var(--shadow-2);\r\n      display: flex;\r\n      flex-direction: column;\r\n      transition: transform var(--motion-fast), box-shadow var(--motion-fast);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .insegt-card:hover {\r\n      box-shadow: var(--shadow-4);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .insegt-card-header {\r\n      padding: var(--space-xl) var(--space-xl) var(--space-6) var(--space-xl);\r\n      background: linear-gradient(180deg, var(--color-surface-raised) 0%, var(--color-surface-base) 100%);\r\n      border-bottom: 1px solid var(--color-border-subtle);\r\n    }\r\n\r\n    .insegt-card-title {\r\n      font-size: var(--font-size-display-md) !important;\r\n      font-weight: var(--font-weight-extrabold) !important;\r\n      color: var(--color-text-heading) !important;\r\n      margin: 0 0 var(--space-2) 0 !important;\r\n    }\r\n\r\n    .insegt-card-subtitle {\r\n      font-size: var(--font-size-sm) !important;\r\n      color: var(--color-text-tertiary) !important;\r\n      margin: 0 !important;\r\n      font-weight: 500 !important;\r\n    }\r\n\r\n    .insegt-card-body {\r\n      padding: var(--space-xl);\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-lg);\r\n    }\r\n\r\n    \/* --- PRICING TABLES --- *\/\r\n    .insegt-sub-group {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-3);\r\n    }\r\n\r\n    .insegt-sub-group-title {\r\n      font-size: var(--font-size-md) !important;\r\n      font-weight: var(--font-weight-bold) !important;\r\n      color: var(--color-text-heading) !important;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n    }\r\n\r\n    .insegt-table-wrapper {\r\n      overflow-x: auto;\r\n      border: 1px solid var(--color-border-subtle);\r\n      border-radius: var(--radius-md);\r\n    }\r\n\r\n    .insegt-table {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n      font-size: var(--font-size-sm) !important;\r\n      text-align: left;\r\n    }\r\n\r\n    .insegt-table th {\r\n      background-color: var(--color-surface-muted);\r\n      color: var(--color-text-heading) !important;\r\n      font-weight: var(--font-weight-bold) !important;\r\n      padding: var(--space-4) var(--space-5);\r\n      border-bottom: 1px solid var(--color-border-subtle);\r\n    }\r\n\r\n    .insegt-table td {\r\n      padding: var(--space-4) var(--space-5);\r\n      border-bottom: 1px solid var(--color-border-subtle);\r\n      color: var(--color-text-secondary) !important;\r\n      font-weight: 500 !important;\r\n    }\r\n\r\n    .insegt-table tr:last-child td {\r\n      border-bottom: none;\r\n    }\r\n\r\n    .insegt-badge-tba {\r\n      display: inline-block;\r\n      padding: 3px 8px;\r\n      font-size: var(--font-size-xs) !important;\r\n      font-weight: var(--font-weight-bold) !important;\r\n      color: #92400e;\r\n      background-color: #fef3c7;\r\n      border-radius: var(--radius-2xl);\r\n    }\r\n\r\n    \/* --- BENEFITS LIST --- *\/\r\n    .insegt-benefits {\r\n      background-color: var(--color-surface-muted);\r\n      border-radius: var(--radius-md);\r\n      padding: var(--space-6);\r\n      margin-top: auto;\r\n    }\r\n\r\n    .insegt-benefits-title {\r\n      font-size: var(--font-size-md) !important;\r\n      font-weight: var(--font-weight-extrabold) !important;\r\n      color: var(--color-text-heading) !important;\r\n      margin: 0 0 var(--space-4) 0 !important;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-2);\r\n    }\r\n\r\n    .insegt-list {\r\n      list-style: none;\r\n      padding: 0;\r\n      margin: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-3);\r\n    }\r\n\r\n    .insegt-list-item {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: var(--space-3);\r\n      font-size: var(--font-size-sm) !important;\r\n      color: var(--color-text-primary) !important;\r\n      line-height: 1.4 !important;\r\n      font-weight: 500 !important;\r\n    }\r\n\r\n    .insegt-list-icon {\r\n      color: var(--color-surface-strong);\r\n      flex-shrink: 0;\r\n      margin-top: 2px;\r\n    }\r\n\r\n    \/* --- IMPORTANT NOTES ACCORDION \/ CONTAINER --- *\/\r\n    .insegt-notes-card {\r\n      background-color: var(--color-surface-base);\r\n      border: 1px solid var(--color-border-subtle);\r\n      border-left: 5px solid var(--color-border-warning);\r\n      border-radius: var(--radius-lg);\r\n      padding: var(--space-xl);\r\n      box-shadow: var(--shadow-2);\r\n      margin-top: var(--space-xl);\r\n    }\r\n\r\n    .insegt-notes-title {\r\n      font-size: var(--font-size-display-md) !important;\r\n      font-weight: var(--font-weight-extrabold) !important;\r\n      color: var(--color-text-heading) !important;\r\n      margin: 0 0 var(--space-5) 0 !important;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--space-3);\r\n    }\r\n\r\n    .insegt-notes-list {\r\n      margin: 0;\r\n      padding-left: var(--space-6);\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--space-4);\r\n      color: var(--color-text-secondary) !important;\r\n      font-size: var(--font-size-base) !important;\r\n    }\r\n\r\n    .insegt-notes-list li {\r\n      padding-left: var(--space-2);\r\n      line-height: 1.6 !important;\r\n      text-align: justify !important; \/* Teks Justify *\/\r\n      font-weight: 500 !important;\r\n    }\r\n\r\n    .insegt-notes-list li strong {\r\n      color: var(--color-text-heading) !important;\r\n      font-weight: var(--font-weight-extrabold) !important;\r\n    }\r\n\r\n    .insegt-footnote {\r\n      margin-top: var(--space-5);\r\n      font-size: var(--font-size-sm) !important;\r\n      color: var(--color-text-tertiary) !important;\r\n      font-style: italic;\r\n      font-weight: 500 !important;\r\n    }\r\n\r\n    \/* --- CTA BUTTONS --- *\/\r\n    .insegt-card-footer {\r\n      padding: 0 var(--space-xl) var(--space-xl) var(--space-xl);\r\n    }\r\n\r\n    .insegt-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 100%;\r\n      padding: var(--space-5) var(--space-6);\r\n      border-radius: var(--radius-md);\r\n      font-size: var(--font-size-base) !important;\r\n      font-weight: var(--font-weight-bold) !important;\r\n      font-family: inherit !important;\r\n      text-decoration: none !important;\r\n      cursor: pointer;\r\n      transition: background-color var(--motion-fast), box-shadow var(--motion-fast);\r\n      border: 1px solid transparent;\r\n    }\r\n\r\n    .insegt-btn-primary {\r\n      background-color: var(--color-surface-strong) !important;\r\n      color: var(--color-text-inverse) !important;\r\n    }\r\n\r\n    .insegt-btn-primary:hover {\r\n      background-color: var(--color-surface-strong-hover) !important;\r\n      box-shadow: 0 4px 12px rgba(21, 93, 252, 0.25);\r\n    }\r\n\r\n    .insegt-btn:focus-visible {\r\n      outline: 2px solid var(--color-border-focused);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    .insegt-btn:disabled,\r\n    .insegt-btn.is-disabled {\r\n      opacity: 0.6;\r\n      cursor: not-allowed;\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* --- RESPONSIVE BREAKPOINTS --- *\/\r\n    @media (max-width: 768px) {\r\n      .insegt-registration-wrapper {\r\n        padding: 40px 20px; \/* Padding lebih kecil untuk mobile *\/\r\n      }\r\n      .insegt-header-card,\r\n      .insegt-card-body,\r\n      .insegt-notes-card {\r\n        padding: var(--space-6);\r\n      }\r\n      .insegt-title {\r\n        font-size: var(--font-size-display-md) !important;\r\n      }\r\n      .insegt-pricing-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n      .insegt-tabs-container {\r\n        flex-wrap: wrap;\r\n      }\r\n    }\r\n    \r\n    @media (max-width: 500px) {\r\n      .insegt-registration-wrapper {\r\n        padding: 30px 10px; \/* Padding paling kecil untuk layar mungil *\/\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- Header & Context Banner -->\r\n  <header class=\"insegt-header-card\">\r\n    <span class=\"insegt-badge\">Registration Information<\/span>\r\n    <h1 class=\"insegt-title\">Registrations<\/h1>\r\n    <p class=\"insegt-lead-text\">\r\n      The 2nd International Conference on Innovation, Sustainability and Engineering for Global Transformation \r\n      <strong>(INSEGT 2027)<\/strong> will be held on <strong>22\u201324 September 2027<\/strong> at Universitas Negeri Jakarta, \r\n      in a hybrid format (on-site and online) with parallel sessions to accommodate all participants.\r\n    <\/p>\r\n\r\n    <div class=\"insegt-banner-info\">\r\n      <div class=\"insegt-info-item\">\r\n        <span class=\"insegt-info-label\">Event Format<\/span>\r\n        <span class=\"insegt-info-value\">Hybrid (On-site & Online)<\/span>\r\n      <\/div>\r\n      <div class=\"insegt-info-item\">\r\n        <span class=\"insegt-info-label\">Accepted Currencies<\/span>\r\n        <span class=\"insegt-info-value\">USD ($) or IDR (Rp)<\/span>\r\n      <\/div>\r\n      <div class=\"insegt-info-item\">\r\n        <span class=\"insegt-info-label\">Payment Scope<\/span>\r\n        <span class=\"insegt-info-value\">Participation \/ Presentation Only*<\/span>\r\n      <\/div>\r\n      <div class=\"insegt-info-item\">\r\n        <span class=\"insegt-info-label\">Payment Deadline<\/span>\r\n        <span class=\"insegt-info-value\" style=\"color: #b45309;\">4 August 2027<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- Registration Fee Filter \/ Navigation Tabs -->\r\n  <div class=\"insegt-tabs-container\" role=\"tablist\" aria-label=\"Fee Categories\">\r\n    <button class=\"insegt-tab-button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"view-all\" id=\"tab-all\">\r\n      All Categories\r\n    <\/button>\r\n    <button class=\"insegt-tab-button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"view-ieee\" id=\"tab-ieee\">\r\n      IEEE Members\r\n    <\/button>\r\n    <button class=\"insegt-tab-button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"view-nonieee\" id=\"tab-nonieee\">\r\n      Non-IEEE Members\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <!-- Registration Cards Grid -->\r\n  <section class=\"insegt-pricing-grid\" id=\"pricing-grid\">\r\n    \r\n    <!-- CARD 1: IEEE MEMBER -->\r\n    <article class=\"insegt-card\" data-category=\"ieee\">\r\n      <div class=\"insegt-card-header\">\r\n        <h2 class=\"insegt-card-title\">IEEE Member<\/h2>\r\n        <p class=\"insegt-card-subtitle\">Dedicated reduced rates for verified IEEE Community<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"insegt-card-body\">\r\n        <!-- Indonesian sub-category -->\r\n        <div class=\"insegt-sub-group\">\r\n          <div class=\"insegt-sub-group-title\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"\/><path d=\"M2 12h20\"\/><\/svg>\r\n            For Indonesian Members\r\n          <\/div>\r\n          <div class=\"insegt-table-wrapper\">\r\n            <table class=\"insegt-table\">\r\n              <thead>\r\n                <tr>\r\n                  <th scope=\"col\">Category<\/th>\r\n                  <th scope=\"col\">Fee<\/th>\r\n                <\/tr>\r\n              <\/thead>\r\n              <tbody>\r\n                <tr>\r\n                  <td>IEEE Members (online\/onsite*)<\/td>\r\n                  <td><span class=\"insegt-badge-tba\">To be announced<\/span><\/td>\r\n                <\/tr>\r\n                <tr>\r\n                  <td>IEEE Student Members (online\/onsite*)<\/td>\r\n                  <td><span class=\"insegt-badge-tba\">To be announced<\/span><\/td>\r\n                <\/tr>\r\n              <\/tbody>\r\n            <\/table>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- International sub-category -->\r\n        <div class=\"insegt-sub-group\">\r\n          <div class=\"insegt-sub-group-title\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            For International Members\r\n          <\/div>\r\n          <div class=\"insegt-table-wrapper\">\r\n            <table class=\"insegt-table\">\r\n              <thead>\r\n                <tr>\r\n                  <th scope=\"col\">Category<\/th>\r\n                  <th scope=\"col\">Fee<\/th>\r\n                <\/tr>\r\n              <\/thead>\r\n              <tbody>\r\n                <tr>\r\n                  <td>IEEE Members (online\/onsite*)<\/td>\r\n                  <td><span class=\"insegt-badge-tba\">To be announced<\/span><\/td>\r\n                <\/tr>\r\n                <tr>\r\n                  <td>IEEE Student Members (online\/onsite*)<\/td>\r\n                  <td><span class=\"insegt-badge-tba\">To be announced<\/span><\/td>\r\n                <\/tr>\r\n              <\/tbody>\r\n            <\/table>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Benefits IEEE -->\r\n        <div class=\"insegt-benefits\">\r\n          <h3 class=\"insegt-benefits-title\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            Benefits Included:\r\n          <\/h3>\r\n          <ul class=\"insegt-list\">\r\n            <li class=\"insegt-list-item\">\r\n              <span class=\"insegt-list-icon\">\u2714<\/span> Official Conference Documentation\r\n            <\/li>\r\n            <li class=\"insegt-list-item\">\r\n              <span class=\"insegt-list-icon\">\u2714<\/span> Digital Certificates of Attendance and Participation\r\n            <\/li>\r\n            <li class=\"insegt-list-item\">\r\n              <span class=\"insegt-list-icon\">\u2714<\/span> Conference Program eBook & Abstract eBook\r\n            <\/li>\r\n            <li class=\"insegt-list-item\">\r\n              <span class=\"insegt-list-icon\">\u2714<\/span> Welcome reception*\r\n            <\/li>\r\n            <li class=\"insegt-list-item\">\r\n              <span class=\"insegt-list-icon\">\u2714<\/span> Attendance at scientific events*\r\n            <\/li>\r\n            <li class=\"insegt-list-item\">\r\n              <span class=\"insegt-list-icon\">\u2714<\/span> Catering during scheduled breaks*\r\n            <\/li>\r\n            <li class=\"insegt-list-item\">\r\n              <span class=\"insegt-list-icon\">\u2714<\/span> Closing dinner included (except for student registration fee)*\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"insegt-card-footer\">\r\n        <a href=\"#register\" class=\"insegt-btn insegt-btn-primary\" aria-label=\"Register as IEEE Member\">\r\n          Register as IEEE Member\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CARD 2: NON-IEEE MEMBER -->\r\n    <article class=\"insegt-card\" data-category=\"nonieee\">\r\n      <div class=\"insegt-card-header\">\r\n        <h2 class=\"insegt-card-title\">Non-IEEE Member<\/h2>\r\n        <p class=\"insegt-card-subtitle\">General author, professional, and student participants<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"insegt-card-body\">\r\n        <!-- Indonesian sub-category -->\r\n        <div class=\"insegt-sub-group\">\r\n          <div class=\"insegt-sub-group-title\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"\/><path d=\"M2 12h20\"\/><\/svg>\r\n            For Indonesian Participants\r\n          <\/div>\r\n          <div class=\"insegt-table-wrapper\">\r\n            <table class=\"insegt-table\">\r\n              <thead>\r\n                <tr>\r\n                  <th scope=\"col\">Category<\/th>\r\n                  <th scope=\"col\">Fee<\/th>\r\n                <\/tr>\r\n              <\/thead>\r\n              <tbody>\r\n                <tr>\r\n                  <td>Online<\/td>\r\n                  <td><span class=\"insegt-badge-tba\">To be announced<\/span><\/td>\r\n                <\/tr>\r\n                <tr>\r\n                  <td>Onsite*<\/td>\r\n                  <td><span class=\"insegt-badge-tba\">To be announced<\/span><\/td>\r\n                <\/tr>\r\n              <\/tbody>\r\n            <\/table>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- International sub-category -->\r\n        <div class=\"insegt-sub-group\">\r\n          <div class=\"insegt-sub-group-title\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\r\n            For International Participants\r\n          <\/div>\r\n          <div class=\"insegt-table-wrapper\">\r\n            <table class=\"insegt-table\">\r\n              <thead>\r\n                <tr>\r\n                  <th scope=\"col\">Category<\/th>\r\n                  <th scope=\"col\">Fee<\/th>\r\n                <\/tr>\r\n              <\/thead>\r\n              <tbody>\r\n                <tr>\r\n                  <td>Online<\/td>\r\n                  <td><span class=\"insegt-badge-tba\">To be announced<\/span><\/td>\r\n                <\/tr>\r\n                <tr>\r\n                  <td>Onsite*<\/td>\r\n                  <td><span class=\"insegt-badge-tba\">To be announced<\/span><\/td>\r\n                <\/tr>\r\n              <\/tbody>\r\n            <\/table>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Benefits Non-IEEE -->\r\n        <div class=\"insegt-benefits\">\r\n          <h3 class=\"insegt-benefits-title\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n            Benefits Included:\r\n          <\/h3>\r\n          <ul class=\"insegt-list\">\r\n            <li class=\"insegt-list-item\">\r\n              <span class=\"insegt-list-icon\">\u2714<\/span> Official Conference Documentation\r\n            <\/li>\r\n            <li class=\"insegt-list-item\">\r\n              <span class=\"insegt-list-icon\">\u2714<\/span> Digital Certificates of Attendance and Participation\r\n            <\/li>\r\n            <li class=\"insegt-list-item\">\r\n              <span class=\"insegt-list-icon\">\u2714<\/span> Conference Program eBook\r\n            <\/li>\r\n            <li class=\"insegt-list-item\">\r\n              <span class=\"insegt-list-icon\">\u2714<\/span> Abstract eBook\r\n            <\/li>\r\n            <li class=\"insegt-list-item\">\r\n              <span class=\"insegt-list-icon\">\u2714<\/span> Welcome reception*\r\n            <\/li>\r\n            <li class=\"insegt-list-item\">\r\n              <span class=\"insegt-list-icon\">\u2714<\/span> Attendance at scientific events*\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"insegt-card-footer\">\r\n        <a href=\"#register\" class=\"insegt-btn insegt-btn-primary\" aria-label=\"Register as Non-IEEE Member\">\r\n          Register as Non-IEEE Member\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/section>\r\n\r\n  <!-- Important Notes & Terms -->\r\n  <aside class=\"insegt-notes-card\" aria-labelledby=\"notes-heading\">\r\n    <h2 class=\"insegt-notes-title\" id=\"notes-heading\">\r\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: var(--color-border-warning);\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\r\n      Important Notes\r\n    <\/h2>\r\n    <ol class=\"insegt-notes-list\">\r\n      <li>\r\n        <strong>Paper Inclusion Limit:<\/strong> Each registration covers the inclusion of <strong>one accepted paper<\/strong> in the official conference proceedings. To ensure the integrity of the publication, only papers with completed full payment will be processed for submission to IEEE.\r\n      <\/li>\r\n      <li>\r\n        <strong>Student Verification:<\/strong> Participants registering under the student category must upload proof of active student status during registration, either a valid student identification card or an official letter from their institution confirming current enrollment.\r\n      <\/li>\r\n      <li>\r\n        <strong>IEEE Membership Verification:<\/strong> Participants registering as IEEE Members must provide their IEEE membership number and proof of active membership during registration.\r\n      <\/li>\r\n      <li>\r\n        <strong>Registration & Payment Deadline:<\/strong> The final deadline is strictly <strong>4 August 2027<\/strong>.\r\n      <\/li>\r\n      <li>\r\n        <strong>Presentation Requirement:<\/strong> Accepted papers must be presented at the conference, either on-site or online. Authors presenting online are expected to join their scheduled session live via the conference's online platform.\r\n      <\/li>\r\n      <li>\r\n        <strong>Publication Exclusion:<\/strong> The registration fees cover payment for participation or presentation only (they <strong>do not include publication fees<\/strong>).\r\n      <\/li>\r\n    <\/ol>\r\n    <div class=\"insegt-footnote\">\r\n      * Marked benefits and amenities are available for <strong>onsite participants only<\/strong>.\r\n    <\/div>\r\n  <\/aside>\r\n\r\n  <!-- Interactive JavaScript logic -->\r\n  <script>\r\n    (function() {\r\n      \/\/ Accessible Tab Filter Logic\r\n      const tabs = document.querySelectorAll('.insegt-tab-button');\r\n      const cards = document.querySelectorAll('.insegt-card');\r\n\r\n      tabs.forEach(tab => {\r\n        tab.addEventListener('click', function() {\r\n          \/\/ Update tab states\r\n          tabs.forEach(t => {\r\n            t.setAttribute('aria-selected', 'false');\r\n          });\r\n          this.setAttribute('aria-selected', 'true');\r\n\r\n          const tabId = this.id;\r\n\r\n          \/\/ Filter card visibility\r\n          cards.forEach(card => {\r\n            const category = card.getAttribute('data-category');\r\n            if (tabId === 'tab-all') {\r\n              card.style.display = 'flex';\r\n            } else if (tabId === 'tab-ieee' && category === 'ieee') {\r\n              card.style.display = 'flex';\r\n            } else if (tabId === 'tab-nonieee' && category === 'nonieee') {\r\n              card.style.display = 'flex';\r\n            } else {\r\n              card.style.display = 'none';\r\n            }\r\n          });\r\n        });\r\n\r\n        \/\/ Keyboard Arrow Key Support for Tabs (WCAG 2.2 AA)\r\n        tab.addEventListener('keydown', function(e) {\r\n          let targetTab = null;\r\n          if (e.key === 'ArrowRight') {\r\n            targetTab = this.nextElementSibling || tabs[0];\r\n          } else if (e.key === 'ArrowLeft') {\r\n            targetTab = this.previousElementSibling || tabs[tabs.length - 1];\r\n          }\r\n\r\n          if (targetTab) {\r\n            targetTab.focus();\r\n            targetTab.click();\r\n          }\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/div>\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>Registration Information Registrations The 2nd International Conference on Innovation, Sustainability and Engineering for Global Transformation (INSEGT 2027) will be held on 22\u201324 September 2027 at Universitas Negeri Jakarta, in a hybrid format (on-site and online) with parallel sessions to accommodate all participants. Event Format Hybrid (On-site &#038; Online) Accepted Currencies USD ($) or IDR (Rp) [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1541","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/pages\/1541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/comments?post=1541"}],"version-history":[{"count":5,"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/pages\/1541\/revisions"}],"predecessor-version":[{"id":1631,"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/pages\/1541\/revisions\/1631"}],"wp:attachment":[{"href":"https:\/\/seminars.unj.ac.id\/insegt2027\/wp-json\/wp\/v2\/media?parent=1541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}