{"id":8898,"date":"2026-06-15T09:46:09","date_gmt":"2026-06-15T04:16:09","guid":{"rendered":"https:\/\/iccmm.cmb.ac.lk\/2026\/?page_id=8898"},"modified":"2026-06-15T09:55:39","modified_gmt":"2026-06-15T04:25:39","slug":"cqcm-2026-event-2024","status":"publish","type":"page","link":"https:\/\/iccmm.cmb.ac.lk\/2026\/cqcm-2026-event-2024\/","title":{"rendered":"CQCM 2026 &#8211; Event 2024"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8898\" class=\"elementor elementor-8898\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba5c824 e-con-full e-flex e-con e-parent\" data-id=\"ba5c824\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5a2c47 elementor-widget elementor-widget-html\" data-id=\"c5a2c47\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CQMM \/ CQCM Past Events Page - Elementor HTML Widget Safe Version -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n\/* ==========================================================================\r\n   QCMM - Quantum Computing Meetup Page Styles\r\n   Design System with CSS Variables\r\n   Namespaced with 'qcmm-' to avoid WordPress theme conflicts\r\n   ========================================================================== *\/\r\n\r\n    \/* ---------- CSS Custom Properties (Design Tokens) ---------- *\/\r\n    .qcmm-page {\r\n      \/* Primary Palette *\/\r\n      --qcmm-teal: #00B8A9;\r\n      --qcmm-pink: #F6416C;\r\n      --qcmm-cream: #F8F3D4;\r\n      --qcmm-gold: #FFDE7D;\r\n\r\n      \/* Extended Palette (derived) *\/\r\n      --qcmm-teal-dark: #009688;\r\n      --qcmm-teal-light: #4dd9cd;\r\n      --qcmm-pink-dark: #d4365b;\r\n      --qcmm-pink-light: #ff7a9a;\r\n      --qcmm-dark: #0d1117;\r\n      --qcmm-dark-card: #161b22;\r\n      --qcmm-dark-surface: #1c2333;\r\n      --qcmm-grey-800: #21262d;\r\n      --qcmm-grey-600: #484f58;\r\n      --qcmm-grey-400: #8b949e;\r\n      --qcmm-grey-200: #c9d1d9;\r\n      --qcmm-white: #f0f6fc;\r\n\r\n      \/* Typography *\/\r\n      --qcmm-font-heading: 'Outfit', 'Segoe UI', sans-serif;\r\n      --qcmm-font-body: 'Inter', 'Segoe UI', sans-serif;\r\n      --qcmm-font-mono: 'JetBrains Mono', 'Fira Code', monospace;\r\n\r\n      \/* Spacing *\/\r\n      --qcmm-space-xs: 0.25rem;\r\n      --qcmm-space-sm: 0.5rem;\r\n      --qcmm-space-md: 1rem;\r\n      --qcmm-space-lg: 1.5rem;\r\n      --qcmm-space-xl: 2rem;\r\n      --qcmm-space-2xl: 3rem;\r\n      --qcmm-space-3xl: 4rem;\r\n      --qcmm-space-4xl: 6rem;\r\n\r\n      \/* Border Radius *\/\r\n      --qcmm-radius-sm: 6px;\r\n      --qcmm-radius-md: 12px;\r\n      --qcmm-radius-lg: 20px;\r\n      --qcmm-radius-full: 50px;\r\n\r\n      \/* Shadows *\/\r\n      --qcmm-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);\r\n      --qcmm-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.25);\r\n      --qcmm-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.35);\r\n      --qcmm-shadow-glow-teal: 0 0 30px rgba(0, 184, 169, 0.3);\r\n      --qcmm-shadow-glow-pink: 0 0 30px rgba(246, 65, 108, 0.3);\r\n\r\n      \/* Transitions *\/\r\n      --qcmm-transition-fast: 0.2s ease;\r\n      --qcmm-transition-base: 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n      --qcmm-transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n\r\n      \/* Layout *\/\r\n      --qcmm-max-width: 1280px;\r\n      --qcmm-header-height: 70px;\r\n    }\r\n\r\n    \/* ---------- Reset (scoped) ---------- *\/\r\n    .qcmm-page *,\r\n    .qcmm-page *::before,\r\n    .qcmm-page *::after {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    .qcmm-page {\r\n      position: relative;\r\n      min-height: 100vh;\r\n      font-family: var(--qcmm-font-body);\r\n      color: var(--qcmm-grey-200);\r\n      background: var(--qcmm-dark);\r\n      line-height: 1.7;\r\n      overflow-x: hidden;\r\n      -webkit-font-smoothing: antialiased;\r\n      -moz-osx-font-smoothing: grayscale;\r\n    }\r\n\r\n    .qcmm-page img {\r\n      max-width: 100%;\r\n      height: auto;\r\n      display: block;\r\n    }\r\n\r\n    .qcmm-page a {\r\n      text-decoration: none;\r\n      color: inherit;\r\n    }\r\n\r\n    .qcmm-page ul,\r\n    .qcmm-page ol {\r\n      list-style: none;\r\n    }\r\n\r\n    \/* ---------- Utility ---------- *\/\r\n    .qcmm-container {\r\n      width: 100%;\r\n      max-width: var(--qcmm-max-width);\r\n      margin: 0 auto;\r\n      padding: 0 var(--qcmm-space-xl);\r\n    }\r\n\r\n    .qcmm-section-label {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--qcmm-space-sm);\r\n      font-family: var(--qcmm-font-mono);\r\n      font-size: 0.8rem;\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n      color: var(--qcmm-teal);\r\n      margin-bottom: var(--qcmm-space-md);\r\n    }\r\n\r\n    .qcmm-section-label::before {\r\n      content: '';\r\n      display: inline-block;\r\n      width: 28px;\r\n      height: 2px;\r\n      background: var(--qcmm-teal);\r\n    }\r\n\r\n    .qcmm-section-title {\r\n      font-family: var(--qcmm-font-heading);\r\n      font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n      font-weight: 700;\r\n      color: var(--qcmm-white);\r\n      line-height: 1.2;\r\n      margin-bottom: var(--qcmm-space-lg);\r\n    }\r\n\r\n    .qcmm-section-title .qcmm-highlight {\r\n      background: linear-gradient(135deg, var(--qcmm-teal), var(--qcmm-gold));\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n\r\n    .qcmm-text-body {\r\n      font-size: 1.05rem;\r\n      color: var(--qcmm-grey-400);\r\n      max-width: 640px;\r\n      line-height: 1.8;\r\n    }\r\n\r\n    \/* ---------- Animated Background Particles ---------- *\/\r\n    .qcmm-particles {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      pointer-events: none;\r\n      z-index: 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .qcmm-particle {\r\n      position: absolute;\r\n      font-family: var(--qcmm-font-mono);\r\n      font-weight: bold;\r\n      opacity: 0;\r\n      animation: qcmm-float linear infinite;\r\n      text-shadow: 0 0 10px currentColor;\r\n      user-select: none;\r\n    }\r\n\r\n    @keyframes qcmm-float {\r\n      0% {\r\n        transform: translateY(100vh) rotate(-20deg);\r\n        opacity: 0;\r\n      }\r\n\r\n      10% {\r\n        opacity: 0.15;\r\n      }\r\n\r\n      90% {\r\n        opacity: 0.15;\r\n      }\r\n\r\n      100% {\r\n        transform: translateY(-20vh) rotate(360deg);\r\n        opacity: 0;\r\n      }\r\n    }\r\n\r\n    \/* ======================================================================\r\n   HERO CAROUSEL\r\n   ====================================================================== *\/\r\n    .qcmm-hero {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 100vh;\r\n      min-height: 600px;\r\n      max-height: 900px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .qcmm-hero-track {\r\n      display: flex;\r\n      height: 100%;\r\n      transition: transform var(--qcmm-transition-slow);\r\n      will-change: transform;\r\n    }\r\n\r\n    .qcmm-hero-slide {\r\n      position: relative;\r\n      min-width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* Placeholder gradient backgrounds for slides *\/\r\n    .qcmm-hero-slide::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n    }\r\n\r\n    .qcmm-hero-slide--1::before {\r\n      background: linear-gradient(135deg, #0a1628 0%, #0d2137 30%, #0f3460 60%, #16213e 100%);\r\n    }\r\n\r\n    .qcmm-hero-slide--2::before {\r\n      background: linear-gradient(135deg, #1a0a2e 0%, #16213e 40%, #0d2137 70%, #0a1628 100%);\r\n    }\r\n\r\n    .qcmm-hero-slide--3::before {\r\n      background: linear-gradient(135deg, #0a2828 0%, #0d3737 30%, #0f4060 60%, #0a1628 100%);\r\n    }\r\n\r\n    \/* Slide background image (placeholder) *\/\r\n    .qcmm-hero-slide__bg {\r\n      position: absolute;\r\n      inset: 0;\r\n      background-size: cover;\r\n      background-position: center;\r\n      background-repeat: no-repeat;\r\n      z-index: 1;\r\n      transition: transform 8s ease;\r\n    }\r\n\r\n    .qcmm-hero-slide.qcmm-active .qcmm-hero-slide__bg {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    \/* Dark overlay *\/\r\n    .qcmm-hero-slide__overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(180deg,\r\n          rgba(13, 17, 23, 0.4) 0%,\r\n          rgba(13, 17, 23, 0.6) 50%,\r\n          rgba(13, 17, 23, 0.85) 100%);\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* Decorative grid pattern *\/\r\n    .qcmm-hero-slide__grid {\r\n      position: absolute;\r\n      inset: 0;\r\n      background-image:\r\n        linear-gradient(rgba(0, 184, 169, 0.03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(0, 184, 169, 0.03) 1px, transparent 1px);\r\n      background-size: 60px 60px;\r\n      z-index: 3;\r\n    }\r\n\r\n    .qcmm-hero-slide__content {\r\n      position: relative;\r\n      z-index: 4;\r\n      text-align: center;\r\n      padding: var(--qcmm-space-xl);\r\n      max-width: 800px;\r\n      margin-top: 80px;\r\n      opacity: 0;\r\n      transform: translateY(40px);\r\n      transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s;\r\n    }\r\n\r\n    .qcmm-hero-slide.qcmm-active .qcmm-hero-slide__content {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .qcmm-hero-slide__tag {\r\n      display: inline-block;\r\n      font-family: var(--qcmm-font-mono);\r\n      font-size: 0.75rem;\r\n      letter-spacing: 3px;\r\n      text-transform: uppercase;\r\n      color: var(--qcmm-gold);\r\n      border: 1px solid rgba(255, 222, 125, 0.3);\r\n      padding: var(--qcmm-space-xs) var(--qcmm-space-md);\r\n      border-radius: var(--qcmm-radius-full);\r\n      margin-bottom: var(--qcmm-space-lg);\r\n      backdrop-filter: blur(4px);\r\n      background: rgba(255, 222, 125, 0.05);\r\n    }\r\n\r\n    .qcmm-hero-slide__title {\r\n      font-family: var(--qcmm-font-heading);\r\n      font-size: clamp(2rem, 5.5vw, 3.8rem);\r\n      font-weight: 800;\r\n      color: var(--qcmm-white);\r\n      line-height: 1.15;\r\n      margin-bottom: var(--qcmm-space-lg);\r\n      text-shadow: 0 2px 30px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    .qcmm-hero-slide__title .qcmm-gradient-text {\r\n      background: linear-gradient(135deg, var(--qcmm-teal), var(--qcmm-teal-light), var(--qcmm-gold));\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n\r\n    .qcmm-hero-slide__desc {\r\n      font-size: clamp(0.95rem, 1.5vw, 1.15rem);\r\n      color: var(--qcmm-grey-400);\r\n      max-width: 600px;\r\n      margin: 0 auto var(--qcmm-space-2xl);\r\n      line-height: 1.8;\r\n    }\r\n\r\n    .qcmm-hero-slide__actions {\r\n      display: flex;\r\n      gap: var(--qcmm-space-md);\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    \/* ---------- Buttons ---------- *\/\r\n    .qcmm-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--qcmm-space-sm);\r\n      padding: 0.85rem 2rem;\r\n      font-family: var(--qcmm-font-body);\r\n      font-size: 0.95rem;\r\n      font-weight: 600;\r\n      border-radius: var(--qcmm-radius-full);\r\n      border: 2px solid transparent;\r\n      cursor: pointer;\r\n      transition: all var(--qcmm-transition-base);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .qcmm-btn--primary {\r\n      background: linear-gradient(135deg, var(--qcmm-teal), var(--qcmm-teal-dark));\r\n      color: var(--qcmm-dark);\r\n      box-shadow: 0 4px 20px rgba(0, 184, 169, 0.3);\r\n    }\r\n\r\n    .qcmm-btn--primary:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 6px 30px rgba(0, 184, 169, 0.45);\r\n      filter: brightness(1.15);\r\n    }\r\n\r\n    .qcmm-btn--outline {\r\n      background: transparent;\r\n      border-color: rgba(255, 255, 255, 0.25);\r\n      color: var(--qcmm-white);\r\n      backdrop-filter: blur(4px);\r\n    }\r\n\r\n    .qcmm-btn--outline:hover {\r\n      border-color: var(--qcmm-gold);\r\n      color: var(--qcmm-gold);\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 4px 20px rgba(255, 222, 125, 0.15);\r\n      background: rgba(255, 222, 125, 0.05);\r\n    }\r\n\r\n    .qcmm-btn--pink {\r\n      background: linear-gradient(135deg, var(--qcmm-pink), var(--qcmm-pink-dark));\r\n      color: var(--qcmm-white);\r\n      box-shadow: 0 4px 20px rgba(246, 65, 108, 0.3);\r\n    }\r\n\r\n    .qcmm-btn--pink:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 6px 30px rgba(246, 65, 108, 0.45);\r\n      filter: brightness(1.15);\r\n    }\r\n\r\n    .qcmm-btn__icon {\r\n      width: 18px;\r\n      height: 18px;\r\n      transition: transform var(--qcmm-transition-fast);\r\n    }\r\n\r\n    .qcmm-btn:hover .qcmm-btn__icon {\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    \/* ---------- Hero Navigation ---------- *\/\r\n    .qcmm-hero-nav {\r\n      position: absolute;\r\n      bottom: 40px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      z-index: 10;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--qcmm-space-lg);\r\n    }\r\n\r\n    .qcmm-hero-dots {\r\n      display: flex;\r\n      gap: var(--qcmm-space-sm);\r\n    }\r\n\r\n    .qcmm-hero-dot {\r\n      width: 12px;\r\n      height: 12px;\r\n      border-radius: 50%;\r\n      border: 2px solid rgba(255, 255, 255, 0.3);\r\n      background: transparent;\r\n      cursor: pointer;\r\n      transition: all var(--qcmm-transition-base);\r\n      position: relative;\r\n    }\r\n\r\n    .qcmm-hero-dot::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      width: 0;\r\n      height: 0;\r\n      border-radius: 50%;\r\n      background: var(--qcmm-teal);\r\n      transform: translate(-50%, -50%);\r\n      transition: all var(--qcmm-transition-base);\r\n    }\r\n\r\n    .qcmm-hero-dot.qcmm-active {\r\n      border-color: var(--qcmm-teal);\r\n      box-shadow: 0 0 12px rgba(0, 184, 169, 0.4);\r\n    }\r\n\r\n    .qcmm-hero-dot.qcmm-active::after {\r\n      width: 6px;\r\n      height: 6px;\r\n    }\r\n\r\n    .qcmm-hero-arrow {\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      z-index: 10;\r\n      width: 50px;\r\n      height: 50px;\r\n      border-radius: 50%;\r\n      border: 1.5px solid rgba(255, 255, 255, 0.15);\r\n      background: rgba(13, 17, 23, 0.5);\r\n      backdrop-filter: blur(8px);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      transition: all var(--qcmm-transition-base);\r\n      color: var(--qcmm-white);\r\n    }\r\n\r\n    .qcmm-hero-arrow:hover {\r\n      border-color: var(--qcmm-teal);\r\n      background: rgba(0, 184, 169, 0.15);\r\n      box-shadow: var(--qcmm-shadow-glow-teal);\r\n    }\r\n\r\n    .qcmm-hero-arrow--prev {\r\n      left: 20px;\r\n    }\r\n\r\n    .qcmm-hero-arrow--next {\r\n      right: 20px;\r\n    }\r\n\r\n    .qcmm-hero-arrow svg {\r\n      width: 20px;\r\n      height: 20px;\r\n      fill: currentColor;\r\n    }\r\n\r\n    \/* Scroll indicator *\/\r\n    .qcmm-scroll-indicator {\r\n      position: absolute;\r\n      bottom: 100px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      z-index: 10;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: var(--qcmm-space-sm);\r\n      animation: qcmm-bounce 2s infinite;\r\n    }\r\n\r\n    .qcmm-scroll-indicator__mouse {\r\n      width: 24px;\r\n      height: 38px;\r\n      border: 2px solid rgba(255, 255, 255, 0.3);\r\n      border-radius: 14px;\r\n      position: relative;\r\n    }\r\n\r\n    .qcmm-scroll-indicator__wheel {\r\n      width: 4px;\r\n      height: 8px;\r\n      background: var(--qcmm-teal);\r\n      border-radius: 2px;\r\n      position: absolute;\r\n      top: 7px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      animation: qcmm-scroll-wheel 2s infinite;\r\n    }\r\n\r\n    @keyframes qcmm-bounce {\r\n\r\n      0%,\r\n      20%,\r\n      50%,\r\n      80%,\r\n      100% {\r\n        transform: translateX(-50%) translateY(0);\r\n      }\r\n\r\n      40% {\r\n        transform: translateX(-50%) translateY(-8px);\r\n      }\r\n\r\n      60% {\r\n        transform: translateX(-50%) translateY(-4px);\r\n      }\r\n    }\r\n\r\n    @keyframes qcmm-scroll-wheel {\r\n      0% {\r\n        opacity: 1;\r\n        top: 7px;\r\n      }\r\n\r\n      100% {\r\n        opacity: 0;\r\n        top: 22px;\r\n      }\r\n    }\r\n\r\n    \/* ======================================================================\r\n   EVENT SECTIONS (Scroll-to Sections)\r\n   ====================================================================== *\/\r\n    .qcmm-event-section {\r\n      position: relative;\r\n      padding: var(--qcmm-space-4xl) 0;\r\n      overflow: hidden;\r\n      background: rgba(22, 27, 34, 0.3);\r\n      \/* Semi-transparent version of var(--qcmm-dark-card) *\/\r\n    }\r\n\r\n    .qcmm-event-section::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, transparent, var(--qcmm-teal), transparent);\r\n      opacity: 0.3;\r\n    }\r\n\r\n    .qcmm-event-header {\r\n      text-align: center;\r\n      margin-bottom: var(--qcmm-space-3xl);\r\n    }\r\n\r\n    .qcmm-event-header .qcmm-text-body {\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* ---------- Gallery Carousel (10-image) ---------- *\/\r\n    .qcmm-gallery {\r\n      position: relative;\r\n      margin-bottom: var(--qcmm-space-3xl);\r\n      border-radius: var(--qcmm-radius-lg);\r\n      overflow: hidden;\r\n      background: transparent;\r\n      box-shadow: var(--qcmm-shadow-lg);\r\n    }\r\n\r\n    .qcmm-gallery__viewport {\r\n      position: relative;\r\n      width: 100%;\r\n      overflow: hidden;\r\n      border-radius: var(--qcmm-radius-lg);\r\n      background-color: transparent;\r\n    }\r\n\r\n    .qcmm-gallery__track {\r\n      display: flex;\r\n      transition: transform var(--qcmm-transition-slow);\r\n      will-change: transform;\r\n    }\r\n\r\n    .qcmm-gallery__slide {\r\n      min-width: 100%;\r\n      position: relative;\r\n      aspect-ratio: 16 \/ 9;\r\n      overflow: hidden;\r\n      background: transparent;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: var(--qcmm-space-md);\r\n    }\r\n\r\n    .qcmm-gallery__image {\r\n      max-width: 100%;\r\n      max-height: 100%;\r\n      width: auto;\r\n      height: auto;\r\n      object-fit: contain;\r\n      transition: transform 0.6s ease;\r\n    }\r\n\r\n    \/* Placeholder for images *\/\r\n    .qcmm-gallery__placeholder {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-direction: column;\r\n      gap: var(--qcmm-space-md);\r\n      background: linear-gradient(135deg, var(--qcmm-dark-surface), var(--qcmm-grey-800));\r\n      color: var(--qcmm-grey-600);\r\n      font-family: var(--qcmm-font-mono);\r\n      font-size: 0.85rem;\r\n    }\r\n\r\n    .qcmm-gallery__placeholder-icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      opacity: 0.3;\r\n    }\r\n\r\n    .qcmm-gallery__counter {\r\n      position: absolute;\r\n      bottom: 16px;\r\n      right: 16px;\r\n      z-index: 5;\r\n      font-family: var(--qcmm-font-mono);\r\n      font-size: 0.8rem;\r\n      color: var(--qcmm-white);\r\n      background: rgba(13, 17, 23, 0.7);\r\n      backdrop-filter: blur(8px);\r\n      padding: var(--qcmm-space-xs) var(--qcmm-space-md);\r\n      border-radius: var(--qcmm-radius-full);\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    .qcmm-gallery__caption {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      padding: var(--qcmm-space-xl);\r\n      background: linear-gradient(transparent, rgba(13, 17, 23, 0.85));\r\n      z-index: 4;\r\n    }\r\n\r\n    .qcmm-gallery__caption-text {\r\n      font-size: 0.9rem;\r\n      color: var(--qcmm-grey-200);\r\n    }\r\n\r\n    \/* Gallery navigation *\/\r\n    .qcmm-gallery__nav {\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      z-index: 6;\r\n      width: 44px;\r\n      height: 44px;\r\n      border-radius: 50%;\r\n      border: 1px solid rgba(255, 255, 255, 0.15);\r\n      background: rgba(13, 17, 23, 0.6);\r\n      backdrop-filter: blur(8px);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      color: var(--qcmm-white);\r\n      transition: all var(--qcmm-transition-base);\r\n    }\r\n\r\n    .qcmm-gallery__nav:hover {\r\n      background: rgba(0, 184, 169, 0.2);\r\n      border-color: var(--qcmm-teal);\r\n    }\r\n\r\n    .qcmm-gallery__nav--prev {\r\n      left: 12px;\r\n    }\r\n\r\n    .qcmm-gallery__nav--next {\r\n      right: 12px;\r\n    }\r\n\r\n    .qcmm-gallery__nav svg {\r\n      width: 16px;\r\n      height: 16px;\r\n      fill: currentColor;\r\n    }\r\n\r\n    \/* Gallery thumbnail strip *\/\r\n    .qcmm-gallery__thumbs {\r\n      display: flex;\r\n      gap: 4px;\r\n      padding: var(--qcmm-space-sm);\r\n      background: var(--qcmm-dark);\r\n      overflow-x: auto;\r\n      scrollbar-width: thin;\r\n      scrollbar-color: var(--qcmm-grey-600) transparent;\r\n    }\r\n\r\n    .qcmm-gallery__thumb {\r\n      min-width: 72px;\r\n      height: 48px;\r\n      border-radius: var(--qcmm-radius-sm);\r\n      overflow: hidden;\r\n      cursor: pointer;\r\n      opacity: 0.4;\r\n      transition: all var(--qcmm-transition-fast);\r\n      border: 2px solid transparent;\r\n      flex-shrink: 0;\r\n      background: rgba(0, 0, 0, 0.6);\r\n    }\r\n\r\n    .qcmm-gallery__thumb:hover {\r\n      opacity: 0.7;\r\n    }\r\n\r\n    .qcmm-gallery__thumb.qcmm-active {\r\n      opacity: 1;\r\n      border-color: var(--qcmm-teal);\r\n    }\r\n\r\n    .qcmm-gallery__thumb-img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: contain;\r\n    }\r\n\r\n    .qcmm-gallery__thumb-placeholder {\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(135deg, var(--qcmm-grey-800), var(--qcmm-grey-600));\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 0.65rem;\r\n      color: var(--qcmm-grey-400);\r\n      font-family: var(--qcmm-font-mono);\r\n    }\r\n\r\n    \/* ---------- Event Content Grid ---------- *\/\r\n    .qcmm-event-content {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: var(--qcmm-space-3xl);\r\n      align-items: start;\r\n    }\r\n\r\n    .qcmm-event-details {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--qcmm-space-xl);\r\n    }\r\n\r\n    .qcmm-event-meta {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: var(--qcmm-space-md);\r\n    }\r\n\r\n    .qcmm-event-meta__item {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--qcmm-space-sm);\r\n      font-size: 0.85rem;\r\n      color: var(--qcmm-grey-400);\r\n      background: rgba(255, 255, 255, 0.04);\r\n      padding: var(--qcmm-space-xs) var(--qcmm-space-md);\r\n      border-radius: var(--qcmm-radius-full);\r\n      border: 1px solid rgba(255, 255, 255, 0.06);\r\n    }\r\n\r\n    .qcmm-event-meta__icon {\r\n      width: 16px;\r\n      height: 16px;\r\n      fill: var(--qcmm-teal);\r\n    }\r\n\r\n    .qcmm-event-description {\r\n      font-size: 1rem;\r\n      color: var(--qcmm-grey-400);\r\n      line-height: 1.8;\r\n    }\r\n\r\n    .qcmm-event-highlights {\r\n      list-style: none;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--qcmm-space-md);\r\n    }\r\n\r\n    .qcmm-event-highlights li {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: var(--qcmm-space-md);\r\n      font-size: 0.95rem;\r\n      color: var(--qcmm-grey-200);\r\n    }\r\n\r\n    .qcmm-event-highlights li::before {\r\n      content: '';\r\n      width: 6px;\r\n      height: 6px;\r\n      min-width: 6px;\r\n      border-radius: 50%;\r\n      background: var(--qcmm-teal);\r\n      margin-top: 10px;\r\n      box-shadow: 0 0 8px rgba(0, 184, 169, 0.4);\r\n    }\r\n\r\n    \/* Stats \/ Impact cards *\/\r\n    .qcmm-stats-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: var(--qcmm-space-md);\r\n    }\r\n\r\n    .qcmm-stat-card {\r\n      background: rgba(255, 255, 255, 0.03);\r\n      border: 1px solid rgba(255, 255, 255, 0.06);\r\n      border-radius: var(--qcmm-radius-md);\r\n      padding: var(--qcmm-space-xl);\r\n      text-align: center;\r\n      transition: all var(--qcmm-transition-base);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .qcmm-stat-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, var(--qcmm-teal), var(--qcmm-gold));\r\n      opacity: 0;\r\n      transition: opacity var(--qcmm-transition-base);\r\n    }\r\n\r\n    .qcmm-stat-card:hover {\r\n      border-color: rgba(0, 184, 169, 0.2);\r\n      transform: translateY(-3px);\r\n      box-shadow: var(--qcmm-shadow-md);\r\n    }\r\n\r\n    .qcmm-stat-card:hover::before {\r\n      opacity: 1;\r\n    }\r\n\r\n    .qcmm-stat-card__number {\r\n      font-family: var(--qcmm-font-heading);\r\n      font-size: 2rem;\r\n      font-weight: 800;\r\n      background: linear-gradient(135deg, var(--qcmm-teal), var(--qcmm-gold));\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n      margin-bottom: var(--qcmm-space-xs);\r\n    }\r\n\r\n    .qcmm-stat-card__label {\r\n      font-size: 0.8rem;\r\n      color: var(--qcmm-grey-400);\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n    }\r\n\r\n    \/* ======================================================================\r\n   FACILITY SECTION (Special styling)\r\n   ====================================================================== *\/\r\n    .qcmm-facility-section {\r\n      background: rgba(22, 27, 34, 0.3);\r\n    }\r\n\r\n    .qcmm-facility-timeline {\r\n      position: relative;\r\n      padding-left: 40px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--qcmm-space-xl);\r\n    }\r\n\r\n    .qcmm-facility-timeline::before {\r\n      content: '';\r\n      position: absolute;\r\n      left: 8px;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: 2px;\r\n      background: linear-gradient(180deg, var(--qcmm-teal), var(--qcmm-pink), var(--qcmm-gold));\r\n      border-radius: 1px;\r\n    }\r\n\r\n    .qcmm-timeline-item {\r\n      position: relative;\r\n    }\r\n\r\n    .qcmm-timeline-item::before {\r\n      content: '';\r\n      position: absolute;\r\n      left: -36px;\r\n      top: 6px;\r\n      width: 14px;\r\n      height: 14px;\r\n      border-radius: 50%;\r\n      background: var(--qcmm-dark);\r\n      border: 2px solid var(--qcmm-teal);\r\n      z-index: 1;\r\n    }\r\n\r\n    .qcmm-timeline-item__date {\r\n      font-family: var(--qcmm-font-mono);\r\n      font-size: 0.8rem;\r\n      color: var(--qcmm-teal);\r\n      margin-bottom: var(--qcmm-space-xs);\r\n    }\r\n\r\n    .qcmm-timeline-item__title {\r\n      font-family: var(--qcmm-font-heading);\r\n      font-size: 1.15rem;\r\n      font-weight: 600;\r\n      color: var(--qcmm-white);\r\n      margin-bottom: var(--qcmm-space-sm);\r\n    }\r\n\r\n    .qcmm-timeline-item__desc {\r\n      font-size: 0.9rem;\r\n      color: var(--qcmm-grey-400);\r\n      line-height: 1.7;\r\n    }\r\n\r\n    \/* ======================================================================\r\n   FOOTER\r\n   ====================================================================== *\/\r\n    .qcmm-footer {\r\n      position: relative;\r\n      background: var(--qcmm-dark);\r\n      border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n      padding: var(--qcmm-space-3xl) 0 var(--qcmm-space-xl);\r\n    }\r\n\r\n    .qcmm-footer__grid {\r\n      display: grid;\r\n      grid-template-columns: 2fr 1fr 1fr 1fr;\r\n      gap: var(--qcmm-space-3xl);\r\n      margin-bottom: var(--qcmm-space-3xl);\r\n    }\r\n\r\n    .qcmm-footer__brand-name {\r\n      font-family: var(--qcmm-font-heading);\r\n      font-size: 1.4rem;\r\n      font-weight: 700;\r\n      color: var(--qcmm-white);\r\n      margin-bottom: var(--qcmm-space-md);\r\n      display: flex;\r\n      align-items: center;\r\n      gap: var(--qcmm-space-sm);\r\n    }\r\n\r\n    .qcmm-footer__brand-name .qcmm-gradient-text {\r\n      background: linear-gradient(135deg, var(--qcmm-teal), var(--qcmm-gold));\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n\r\n    .qcmm-footer__brand-desc {\r\n      font-size: 0.9rem;\r\n      color: var(--qcmm-grey-400);\r\n      line-height: 1.7;\r\n      max-width: 320px;\r\n    }\r\n\r\n    .qcmm-footer__col-title {\r\n      font-family: var(--qcmm-font-heading);\r\n      font-size: 0.85rem;\r\n      font-weight: 600;\r\n      color: var(--qcmm-white);\r\n      text-transform: uppercase;\r\n      letter-spacing: 1.5px;\r\n      margin-bottom: var(--qcmm-space-lg);\r\n    }\r\n\r\n    .qcmm-footer__links {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--qcmm-space-sm);\r\n    }\r\n\r\n    .qcmm-footer__link {\r\n      font-size: 0.9rem;\r\n      color: var(--qcmm-grey-400);\r\n      transition: color var(--qcmm-transition-fast);\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--qcmm-space-sm);\r\n    }\r\n\r\n    .qcmm-footer__link:hover {\r\n      color: var(--qcmm-teal);\r\n    }\r\n\r\n    .qcmm-footer__bottom {\r\n      border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n      padding-top: var(--qcmm-space-xl);\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n      gap: var(--qcmm-space-md);\r\n    }\r\n\r\n    .qcmm-footer__copyright {\r\n      font-size: 0.85rem;\r\n      color: var(--qcmm-grey-600);\r\n    }\r\n\r\n    .qcmm-footer__socials {\r\n      display: flex;\r\n      gap: var(--qcmm-space-md);\r\n    }\r\n\r\n    .qcmm-footer__social-link {\r\n      width: 38px;\r\n      height: 38px;\r\n      border-radius: 50%;\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: var(--qcmm-grey-400);\r\n      transition: all var(--qcmm-transition-base);\r\n    }\r\n\r\n    .qcmm-footer__social-link:hover {\r\n      border-color: var(--qcmm-teal);\r\n      color: var(--qcmm-teal);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .qcmm-footer__social-link svg {\r\n      width: 16px;\r\n      height: 16px;\r\n      fill: currentColor;\r\n    }\r\n\r\n    \/* ======================================================================\r\n   SCROLL REVEAL ANIMATIONS\r\n   ====================================================================== *\/\r\n    .qcmm-reveal {\r\n      opacity: 0;\r\n      transform: translateY(30px);\r\n      transition: opacity 0.7s ease, transform 0.7s ease;\r\n    }\r\n\r\n    .qcmm-reveal.qcmm-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .qcmm-reveal-delay-1 {\r\n      transition-delay: 0.1s;\r\n    }\r\n\r\n    .qcmm-reveal-delay-2 {\r\n      transition-delay: 0.2s;\r\n    }\r\n\r\n    .qcmm-reveal-delay-3 {\r\n      transition-delay: 0.3s;\r\n    }\r\n\r\n    .qcmm-reveal-delay-4 {\r\n      transition-delay: 0.4s;\r\n    }\r\n\r\n    \/* ======================================================================\r\n   RESPONSIVE DESIGN\r\n   ====================================================================== *\/\r\n\r\n    \/* Tablet *\/\r\n    @media (max-width: 1024px) {\r\n      .qcmm-event-content {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .qcmm-footer__grid {\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: var(--qcmm-space-2xl);\r\n      }\r\n\r\n      .qcmm-hero-arrow {\r\n        width: 40px;\r\n        height: 40px;\r\n      }\r\n\r\n      .qcmm-hero-arrow--prev {\r\n        left: 12px;\r\n      }\r\n\r\n      .qcmm-hero-arrow--next {\r\n        right: 12px;\r\n      }\r\n    }\r\n\r\n    \/* Mobile *\/\r\n    @media (max-width: 768px) {\r\n    .qcmm-page {\r\n        --qcmm-space-4xl: 3.5rem;\r\n      }\r\n\r\n      .qcmm-container {\r\n        padding: 0 var(--qcmm-space-md);\r\n      }\r\n\r\n      .qcmm-hero {\r\n        min-height: 500px;\r\n        max-height: 700px;\r\n      }\r\n\r\n      .qcmm-hero-slide__title {\r\n        font-size: clamp(1.6rem, 6vw, 2.4rem);\r\n      }\r\n\r\n      .qcmm-hero-slide__desc {\r\n        font-size: 0.9rem;\r\n      }\r\n\r\n      .qcmm-hero-arrow {\r\n        display: none;\r\n      }\r\n\r\n      .qcmm-hero-slide__actions {\r\n        flex-direction: column;\r\n        align-items: center;\r\n      }\r\n\r\n      .qcmm-btn {\r\n        padding: 0.75rem 1.5rem;\r\n        font-size: 0.9rem;\r\n      }\r\n\r\n      .qcmm-stats-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n      }\r\n\r\n      .qcmm-footer__grid {\r\n        grid-template-columns: 1fr;\r\n        gap: var(--qcmm-space-xl);\r\n      }\r\n\r\n      .qcmm-footer__bottom {\r\n        flex-direction: column;\r\n        text-align: center;\r\n      }\r\n\r\n      .qcmm-gallery__thumbs {\r\n        padding: var(--qcmm-space-xs);\r\n      }\r\n\r\n      .qcmm-gallery__thumb {\r\n        min-width: 56px;\r\n        height: 38px;\r\n      }\r\n\r\n      .qcmm-scroll-indicator {\r\n        bottom: 80px;\r\n      }\r\n\r\n      .qcmm-section-title {\r\n        font-size: clamp(1.4rem, 5vw, 2rem);\r\n      }\r\n    }\r\n\r\n    \/* Small mobile *\/\r\n    @media (max-width: 480px) {\r\n      .qcmm-hero {\r\n        min-height: 450px;\r\n      }\r\n\r\n      .qcmm-hero-slide__content {\r\n        padding: var(--qcmm-space-md);\r\n      }\r\n\r\n      .qcmm-hero-slide__tag {\r\n        font-size: 0.65rem;\r\n      }\r\n\r\n      .qcmm-stats-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .qcmm-event-meta {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .qcmm-gallery__nav {\r\n        width: 36px;\r\n        height: 36px;\r\n      }\r\n\r\n      .qcmm-gallery__nav--prev {\r\n        left: 6px;\r\n      }\r\n\r\n      .qcmm-gallery__nav--next {\r\n        right: 6px;\r\n      }\r\n    }\r\n    \/* Smooth scroll handled by JavaScript to avoid WordPress global conflicts. *\/\r\n\r\n    \/* ======================================================================\r\n   LOADING \/ TRANSITION OVERLAY\r\n   ====================================================================== *\/\r\n    .qcmm-loader {\r\n      position: fixed;\r\n      inset: 0;\r\n      z-index: 9999;\r\n      background: var(--qcmm-dark);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: opacity 0.5s ease, visibility 0.5s ease;\r\n    }\r\n\r\n    .qcmm-loader.qcmm-hidden {\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .qcmm-loader__spinner {\r\n      width: 40px;\r\n      height: 40px;\r\n      border: 3px solid rgba(0, 184, 169, 0.15);\r\n      border-top-color: var(--qcmm-teal);\r\n      border-radius: 50%;\r\n      animation: qcmm-spin 0.8s linear infinite;\r\n    }\r\n\r\n    @keyframes qcmm-spin {\r\n      to {\r\n        transform: rotate(360deg);\r\n      }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"qcmm-page\">\r\n<!-- ===== LOADING OVERLAY ===== -->\r\n  <div class=\"qcmm-loader\" id=\"qcmm-loader\">\r\n    <div class=\"qcmm-loader__spinner\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- ===== AMBIENT PARTICLES ===== -->\r\n  <div class=\"qcmm-particles\" aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- =========================================================================\r\n       EVENT SECTION 1 \u2014 Colombo Quantum Computing Meetup 2024\r\n       ========================================================================= -->\r\n  <section class=\"qcmm-event-section\" id=\"event-2024\" aria-label=\"Colombo Quantum Computing Meetup 2024\">\r\n    <div class=\"qcmm-container\">\r\n\r\n      <!-- Section Header -->\r\n      <div class=\"qcmm-event-header qcmm-reveal\">\r\n        <img decoding=\"async\" src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/06\/UOC_logo.png\" alt=\"University of Colombo Logo\"\r\n          style=\"max-width: 120px; height: auto; display: inline-block; margin-bottom: 1rem;\" \/>\r\n        <h2 class=\"qcmm-section-title\">\r\n          Colombo Quantum Computing <span class=\"qcmm-highlight\">Meetup 2024<\/span>\r\n        <\/h2>\r\n        <p class=\"qcmm-text-body\">\r\n          The Colombo Quantum Computing Meetup 2024 served as a vital milestone, bringing Sri Lanka's growing quantum\r\n          computing community together on site to share research, explore industry use cases, and map out the country's\r\n          technological future. <\/p>\r\n      <\/div>\r\n\r\n      <!-- 10-Image Gallery Carousel -->\r\n      <div class=\"qcmm-gallery qcmm-reveal qcmm-reveal-delay-1\" id=\"gallery-2024\">\r\n        <div class=\"qcmm-gallery__viewport\">\r\n          <div class=\"qcmm-gallery__track\">\r\n            <!-- Slides 1\u20139 -->\r\n            <div class=\"qcmm-gallery__slide\">\r\n              <img decoding=\"async\" class=\"qcmm-gallery__image\"\r\n                src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/06\/Colombo-Quantum-Computing-Meetup-2024-Flyer-1536x1086-1.jpg\"\r\n                alt=\"CQCM 2024 - Flyer\" loading=\"lazy\" \/>\r\n            <\/div>\r\n            <div class=\"qcmm-gallery__slide\">\r\n              <img decoding=\"async\" class=\"qcmm-gallery__image\" src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/06\/484985202_1254010792751487_3308140916257590718_n.jpg\" alt=\"CQCM 2024 - Photo 0\"\r\n                loading=\"lazy\" \/>\r\n            <\/div>\r\n            <div class=\"qcmm-gallery__slide\">\r\n              <img decoding=\"async\" class=\"qcmm-gallery__image\"\r\n                src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/06\/485405217_1254010709418162_3048400711709969322_n.jpg\" alt=\"CQCM 2024 - Photo 1\"\r\n                loading=\"lazy\" \/>\r\n            <\/div>\r\n            <div class=\"qcmm-gallery__slide\">\r\n              <img decoding=\"async\" class=\"qcmm-gallery__image\"\r\n                src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/06\/485878482_1254010872751479_1490419953367956265_n.jpg\" alt=\"CQCM 2024 - Photo 2\"\r\n                loading=\"lazy\" \/>\r\n            <\/div>\r\n            <div class=\"qcmm-gallery__slide\">\r\n              <img decoding=\"async\" class=\"qcmm-gallery__image\"\r\n                src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/06\/485074542_1254010782751488_3297601860546693240_n.jpg\" alt=\"CQCM 2024 - Photo 3\"\r\n                loading=\"lazy\" \/>\r\n            <\/div>\r\n            <div class=\"qcmm-gallery__slide\">\r\n              <img decoding=\"async\" class=\"qcmm-gallery__image\"\r\n                src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/06\/484960622_1254010786084821_200810863524164025_n.jpg\" alt=\"CQCM 2024 - Photo 4\"\r\n                loading=\"lazy\" \/>\r\n            <\/div>\r\n            <div class=\"qcmm-gallery__slide\">\r\n              <img decoding=\"async\" class=\"qcmm-gallery__image\"\r\n                src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/06\/485037654_1254010766084823_2613335534951558001_n.jpg\" alt=\"CQCM 2024 - Photo 5\"\r\n                loading=\"lazy\" \/>\r\n            <\/div>\r\n            <div class=\"qcmm-gallery__slide\">\r\n              <img decoding=\"async\" class=\"qcmm-gallery__image\"\r\n                src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/06\/485833266_1254010666084833_5811523329540346475_n.jpg\" alt=\"CQCM 2024 - Photo 6\"\r\n                loading=\"lazy\" \/>\r\n            <\/div>\r\n            <div class=\"qcmm-gallery__slide\">\r\n              <img decoding=\"async\" class=\"qcmm-gallery__image\"\r\n                src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/06\/485463858_1254010879418145_2777103191365761941_n.jpg\" alt=\"CQCM 2024 - Photo 7\"\r\n                loading=\"lazy\" \/>\r\n            <\/div>\r\n            \r\n\r\n            \r\n          <\/div>\r\n\r\n          <!-- Gallery Nav -->\r\n          <button class=\"qcmm-gallery__nav qcmm-gallery__nav--prev\" aria-label=\"Previous image\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M15 18l-6-6 6-6\" \/>\r\n            <\/svg>\r\n          <\/button>\r\n          <button class=\"qcmm-gallery__nav qcmm-gallery__nav--next\" aria-label=\"Next image\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M9 6l6 6-6 6\" \/>\r\n            <\/svg>\r\n          <\/button>\r\n\r\n          <!-- Counter -->\r\n          <span class=\"qcmm-gallery__counter\">1 \/ 9<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Event Content: Details + Stats -->\r\n      <div class=\"qcmm-event-content qcmm-reveal qcmm-reveal-delay-2\">\r\n\r\n        <!-- Left: Description -->\r\n        <div class=\"qcmm-event-details\">\r\n          <div class=\"qcmm-event-meta\">\r\n            <span class=\"qcmm-event-meta__item\">\r\n              <svg class=\"qcmm-event-meta__icon\" viewBox=\"0 0 24 24\">\r\n                <path\r\n                  d=\"M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10z\" \/>\r\n              <\/svg>\r\n              23\/01\/2024\r\n            <\/span>\r\n            <span class=\"qcmm-event-meta__item\">\r\n              <svg class=\"qcmm-event-meta__icon\" viewBox=\"0 0 24 24\">\r\n                <path\r\n                  d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z\" \/>\r\n              <\/svg>\r\n              FM Lab, Faculty of Science, University of Colombo\r\n            <\/span>\r\n            <!-- <span class=\"qcmm-event-meta__item\">\r\n              <svg class=\"qcmm-event-meta__icon\" viewBox=\"0 0 24 24\">\r\n                <path\r\n                  d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\" \/>\r\n              <\/svg>\r\n              [Attendees Placeholder]\r\n            <\/span> -->\r\n          <\/div>\r\n\r\n          <p class=\"qcmm-event-description\">\r\n\r\n            The inaugural Colombo Quantum Computing Meetup was held on 23 January 2024 at the Faculty of Science,\r\n            University of Colombo, in conjunction with the International Conference on Computational and Mathematical\r\n            Modelling (ICCMM) 2024. As Sri Lanka's first dedicated community event focused on quantum computing, it\r\n            marked an important milestone in raising awareness of quantum technologies and creating a platform for\r\n            dialogue among researchers, educators, students, and technology professionals.\r\n            <br><br>\r\n            The event featured invited talks, research presentations, discussions on emerging developments in quantum\r\n            computing, and opportunities for networking and collaboration among participants. It provided a valuable\r\n            platform for fostering engagement within the local quantum computing community and raising awareness of\r\n            quantum technologies among researchers and students.\r\n\r\n\r\n          <\/p>\r\n\r\n          <h3 class=\"qcmm-section-title\" style=\"font-size: 1.3rem; margin-bottom: 0.75rem;\">Program<\/h3>\r\n          <ul class=\"qcmm-event-highlights\">\r\n            <li><span><strong>Imagining quantum spring and winter from a tropical island<\/strong> &ndash; Prof. Anuradha\r\n                Mahasinghe<\/span><\/li>\r\n            <li><span><strong>Are quantum search algorithms faster than their classical counterparts?<\/strong> &ndash;\r\n                Dr. M.F.M. Sabri<\/span><\/li>\r\n            <li><span><strong>Use cases of quantum computing in the industry<\/strong> &ndash; Mr. Rohan Fernando<\/span>\r\n            <\/li>\r\n            <li><span><strong>Panel Discussion: A Brief Overview of Quantum Computing Research in Sri Lanka<\/strong>\r\n                &ndash; Dr. Kaushika De Silva, Dr. Pani W. Fernando, Prof. Anuradha Mahasinghe<\/span><\/li>\r\n            <li><span><strong>Qutrit based quantum compiling with orthogonal gates<\/strong> &ndash; Ms. Dulmi\r\n                Fernando<\/span><\/li>\r\n            <li><span><strong>Role of Lie groups in quantum computing<\/strong> &ndash; Mr. Sahan Manodya<\/span><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- Scripts -->\r\n<\/div>\r\n\r\n<script>\r\n\/* ==========================================================================\r\n       QCMM - Quantum Computing Meetup Page JavaScript\r\n       Self-contained, no dependencies, WordPress-compatible\r\n       ========================================================================== *\/\r\n\r\n    (function () {\r\n      'use strict';\r\n\r\n      \/\/ ---- Configuration ----\r\n      const CONFIG = {\r\n        heroAutoplayInterval: 10000,\r\n        galleryAutoplayInterval: 3000,\r\n        scrollRevealThreshold: 0.15,\r\n        touchThreshold: 50,\r\n      };\r\n\r\n      \/\/ ---- Utility Helpers ----\r\n      function $(selector, context) {\r\n        return (context || document).querySelector(selector);\r\n      }\r\n\r\n      function $$(selector, context) {\r\n        return Array.from((context || document).querySelectorAll(selector));\r\n      }\r\n\r\n      function clamp(val, min, max) {\r\n        return Math.max(min, Math.min(max, val));\r\n      }\r\n\r\n      \/\/ =======================================================================\r\n      \/\/  HERO CAROUSEL\r\n      \/\/ =======================================================================\r\n      class QCMMHeroCarousel {\r\n        constructor(el) {\r\n          this.el = el;\r\n          this.track = $('.qcmm-hero-track', el);\r\n          this.slides = $$('.qcmm-hero-slide', el);\r\n          this.dots = $$('.qcmm-hero-dot', el);\r\n          this.prevBtn = $('.qcmm-hero-arrow--prev', el);\r\n          this.nextBtn = $('.qcmm-hero-arrow--next', el);\r\n\r\n          this.currentIndex = 0;\r\n          this.total = this.slides.length;\r\n          this.autoplayTimer = null;\r\n          this.touchStartX = 0;\r\n          this.touchEndX = 0;\r\n\r\n          if (this.total === 0) return;\r\n\r\n          this._bindEvents();\r\n          this._goTo(0, false);\r\n          this._startAutoplay();\r\n        }\r\n\r\n        _bindEvents() {\r\n          \/\/ Arrow buttons\r\n          if (this.prevBtn) {\r\n            this.prevBtn.addEventListener('click', (e) => {\r\n              e.preventDefault();\r\n              this.prev();\r\n            });\r\n          }\r\n          if (this.nextBtn) {\r\n            this.nextBtn.addEventListener('click', (e) => {\r\n              e.preventDefault();\r\n              this.next();\r\n            });\r\n          }\r\n\r\n          \/\/ Dot indicators\r\n          this.dots.forEach((dot, i) => {\r\n            dot.addEventListener('click', () => this.goTo(i));\r\n          });\r\n\r\n          \/\/ Touch support\r\n          this.el.addEventListener('touchstart', (e) => {\r\n            this.touchStartX = e.changedTouches[0].screenX;\r\n            this._pauseAutoplay();\r\n          }, { passive: true });\r\n\r\n          this.el.addEventListener('touchend', (e) => {\r\n            this.touchEndX = e.changedTouches[0].screenX;\r\n            this._handleSwipe();\r\n            this._startAutoplay();\r\n          }, { passive: true });\r\n\r\n          \/\/ Pause on hover\r\n          this.el.addEventListener('mouseenter', () => this._pauseAutoplay());\r\n          this.el.addEventListener('mouseleave', () => this._startAutoplay());\r\n\r\n          \/\/ Keyboard\r\n          this.el.addEventListener('keydown', (e) => {\r\n            if (e.key === 'ArrowLeft') this.prev();\r\n            if (e.key === 'ArrowRight') this.next();\r\n          });\r\n        }\r\n\r\n        _handleSwipe() {\r\n          const diff = this.touchStartX - this.touchEndX;\r\n          if (Math.abs(diff) > CONFIG.touchThreshold) {\r\n            diff > 0 ? this.next() : this.prev();\r\n          }\r\n        }\r\n\r\n        _goTo(index, animate = true) {\r\n          this.currentIndex = ((index % this.total) + this.total) % this.total;\r\n\r\n          \/\/ Move track\r\n          if (animate) {\r\n            this.track.style.transition = 'transform 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\r\n          } else {\r\n            this.track.style.transition = 'none';\r\n          }\r\n          this.track.style.transform = `translateX(-${this.currentIndex * 100}%)`;\r\n\r\n          \/\/ Update active states\r\n          this.slides.forEach((s, i) => s.classList.toggle('qcmm-active', i === this.currentIndex));\r\n          this.dots.forEach((d, i) => d.classList.toggle('qcmm-active', i === this.currentIndex));\r\n        }\r\n\r\n        goTo(index) {\r\n          this._goTo(index);\r\n          this._restartAutoplay();\r\n        }\r\n\r\n        next() {\r\n          this._goTo(this.currentIndex + 1);\r\n          this._restartAutoplay();\r\n        }\r\n\r\n        prev() {\r\n          this._goTo(this.currentIndex - 1);\r\n          this._restartAutoplay();\r\n        }\r\n\r\n        _startAutoplay() {\r\n          this._pauseAutoplay();\r\n          this.autoplayTimer = setInterval(() => this._goTo(this.currentIndex + 1), CONFIG.heroAutoplayInterval);\r\n        }\r\n\r\n        _pauseAutoplay() {\r\n          if (this.autoplayTimer) {\r\n            clearInterval(this.autoplayTimer);\r\n            this.autoplayTimer = null;\r\n          }\r\n        }\r\n\r\n        _restartAutoplay() {\r\n          this._pauseAutoplay();\r\n          this._startAutoplay();\r\n        }\r\n      }\r\n\r\n      \/\/ =======================================================================\r\n      \/\/  GALLERY CAROUSEL (10-image)\r\n      \/\/ =======================================================================\r\n      class QCMMGalleryCarousel {\r\n        constructor(el) {\r\n          this.el = el;\r\n          this.track = $('.qcmm-gallery__track', el);\r\n          this.slides = $$('.qcmm-gallery__slide', el);\r\n          this.thumbs = $$('.qcmm-gallery__thumb', el);\r\n          this.prevBtn = $('.qcmm-gallery__nav--prev', el);\r\n          this.nextBtn = $('.qcmm-gallery__nav--next', el);\r\n          this.counter = $('.qcmm-gallery__counter', el);\r\n\r\n          this.currentIndex = 0;\r\n          this.total = this.slides.length;\r\n          this.autoplayTimer = null;\r\n          this.touchStartX = 0;\r\n          this.touchEndX = 0;\r\n          this._initialized = false;\r\n\r\n          if (this.total === 0) return;\r\n\r\n          this._bindEvents();\r\n          this._goTo(0, false);\r\n          this._initialized = true;\r\n          this._startAutoplay();\r\n        }\r\n\r\n        _bindEvents() {\r\n          if (this.prevBtn) {\r\n            this.prevBtn.addEventListener('click', (e) => {\r\n              e.preventDefault();\r\n              this.prev();\r\n            });\r\n          }\r\n          if (this.nextBtn) {\r\n            this.nextBtn.addEventListener('click', (e) => {\r\n              e.preventDefault();\r\n              this.next();\r\n            });\r\n          }\r\n\r\n          \/\/ Thumbnails\r\n          this.thumbs.forEach((thumb, i) => {\r\n            thumb.addEventListener('click', () => this.goTo(i));\r\n          });\r\n\r\n          \/\/ Touch\r\n          const viewport = $('.qcmm-gallery__viewport', this.el);\r\n          if (viewport) {\r\n            viewport.addEventListener('touchstart', (e) => {\r\n              this.touchStartX = e.changedTouches[0].screenX;\r\n              this._pauseAutoplay();\r\n            }, { passive: true });\r\n\r\n            viewport.addEventListener('touchend', (e) => {\r\n              this.touchEndX = e.changedTouches[0].screenX;\r\n              this._handleSwipe();\r\n              this._startAutoplay();\r\n            }, { passive: true });\r\n          }\r\n\r\n          \/\/ Pause on hover\r\n          this.el.addEventListener('mouseenter', () => this._pauseAutoplay());\r\n          this.el.addEventListener('mouseleave', () => this._startAutoplay());\r\n        }\r\n\r\n        _handleSwipe() {\r\n          const diff = this.touchStartX - this.touchEndX;\r\n          if (Math.abs(diff) > CONFIG.touchThreshold) {\r\n            diff > 0 ? this.next() : this.prev();\r\n          }\r\n        }\r\n\r\n        _goTo(index, animate = true) {\r\n          this.currentIndex = ((index % this.total) + this.total) % this.total;\r\n\r\n          if (animate) {\r\n            this.track.style.transition = 'transform 0.6s cubic-bezier(0.4, 0, 0.2, 1)';\r\n          } else {\r\n            this.track.style.transition = 'none';\r\n          }\r\n          this.track.style.transform = `translateX(-${this.currentIndex * 100}%)`;\r\n\r\n          \/\/ Update thumbs\r\n          this.thumbs.forEach((t, i) => t.classList.toggle('qcmm-active', i === this.currentIndex));\r\n\r\n          \/\/ Update counter\r\n          if (this.counter) {\r\n            this.counter.textContent = `${this.currentIndex + 1} \/ ${this.total}`;\r\n          }\r\n\r\n          \/\/ Scroll thumbnail strip horizontally (no vertical page scroll)\r\n          const thumb = this.thumbs[this.currentIndex];\r\n          if (thumb && thumb.parentElement) {\r\n            const container = thumb.parentElement;\r\n            const scrollTarget = thumb.offsetLeft - container.offsetWidth \/ 2 + thumb.offsetWidth \/ 2;\r\n            container.scrollLeft = scrollTarget;\r\n          }\r\n        }\r\n\r\n        goTo(index) {\r\n          this._goTo(index);\r\n          this._restartAutoplay();\r\n        }\r\n\r\n        next() {\r\n          this._goTo(this.currentIndex + 1);\r\n          this._restartAutoplay();\r\n        }\r\n\r\n        prev() {\r\n          this._goTo(this.currentIndex - 1);\r\n          this._restartAutoplay();\r\n        }\r\n\r\n        _startAutoplay() {\r\n          this._pauseAutoplay();\r\n          this.autoplayTimer = setInterval(() => this._goTo(this.currentIndex + 1), CONFIG.galleryAutoplayInterval);\r\n        }\r\n\r\n        _pauseAutoplay() {\r\n          if (this.autoplayTimer) {\r\n            clearInterval(this.autoplayTimer);\r\n            this.autoplayTimer = null;\r\n          }\r\n        }\r\n\r\n        _restartAutoplay() {\r\n          this._pauseAutoplay();\r\n          this._startAutoplay();\r\n        }\r\n      }\r\n\r\n      \/\/ =======================================================================\r\n      \/\/  SCROLL REVEAL\r\n      \/\/ =======================================================================\r\n      function initScrollReveal() {\r\n        const reveals = $$('.qcmm-reveal');\r\n        if (!reveals.length) return;\r\n\r\n        const observer = new IntersectionObserver(\r\n          (entries) => {\r\n            entries.forEach((entry) => {\r\n              if (entry.isIntersecting) {\r\n                entry.target.classList.add('qcmm-visible');\r\n                observer.unobserve(entry.target);\r\n              }\r\n            });\r\n          },\r\n          { threshold: CONFIG.scrollRevealThreshold }\r\n        );\r\n\r\n        reveals.forEach((el) => observer.observe(el));\r\n      }\r\n\r\n      \/\/ =======================================================================\r\n      \/\/  SMOOTH SCROLL for anchor links\r\n      \/\/ =======================================================================\r\n      function initSmoothScroll() {\r\n        $$('a[href^=\"#\"]').forEach((link) => {\r\n          link.addEventListener('click', (e) => {\r\n            const targetId = link.getAttribute('href');\r\n            if (!targetId || targetId === '#') return;\r\n\r\n            const target = document.querySelector(targetId);\r\n            if (target) {\r\n              e.preventDefault();\r\n              const offset = 20; \/\/ small offset from top\r\n              const top = target.getBoundingClientRect().top + window.pageYOffset - offset;\r\n              window.scrollTo({ top, behavior: 'smooth' });\r\n            }\r\n          });\r\n        });\r\n      }\r\n\r\n      \/\/ =======================================================================\r\n      \/\/  FLOATING PARTICLES (subtle background)\r\n      \/\/ =======================================================================\r\n      function initParticles() {\r\n        const container = $('.qcmm-particles');\r\n        if (!container) return;\r\n\r\n        const colors = ['var(--qcmm-teal)', 'var(--qcmm-pink)', 'var(--qcmm-gold)', 'var(--qcmm-white)'];\r\n        const symbols = ['|0\u27e9', '|1\u27e9', '|+\u27e9', '|-\u27e9', '\u03a8', '\u03a6', 'H', 'X', 'Z'];\r\n        const count = 30;\r\n\r\n        for (let i = 0; i < count; i++) {\r\n          const particle = document.createElement('div');\r\n          particle.classList.add('qcmm-particle');\r\n\r\n          particle.textContent = symbols[Math.floor(Math.random() * symbols.length)];\r\n\r\n          const size = Math.random() * 1.5 + 1; \/\/ 1rem to 2.5rem\r\n          const color = colors[Math.floor(Math.random() * colors.length)];\r\n\r\n          particle.style.fontSize = `${size}rem`;\r\n          particle.style.color = color;\r\n          particle.style.left = `${Math.random() * 100}%`;\r\n          particle.style.animationDuration = `${Math.random() * 25 + 15}s`;\r\n          particle.style.animationDelay = `-${Math.random() * 20}s`; \/\/ negative delay so they start on screen\r\n\r\n          container.appendChild(particle);\r\n        }\r\n      }\r\n\r\n      \/\/ =======================================================================\r\n      \/\/  PAGE LOADER\r\n      \/\/ =======================================================================\r\n      function initLoader() {\r\n        const loader = $('.qcmm-loader');\r\n        if (!loader) return;\r\n\r\n        \/\/ Function to hide and remove the loader\r\n        const hideLoader = () => {\r\n          loader.classList.add('qcmm-hidden');\r\n          \/\/ Remove it from the DOM after transition completes to ensure it doesn't block clicks\r\n          setTimeout(() => {\r\n            if (loader.parentNode) {\r\n              loader.parentNode.removeChild(loader);\r\n            }\r\n          }, 600);\r\n        };\r\n\r\n        window.addEventListener('load', hideLoader);\r\n\r\n        \/\/ Fallback: hide immediately after a short delay just in case 'load' doesn't fire\r\n        setTimeout(hideLoader, 1500);\r\n      }\r\n\r\n      \/\/ =======================================================================\r\n      \/\/  INITIALIZATION\r\n      \/\/ =======================================================================\r\n      function init() {\r\n        initLoader();\r\n        initParticles();\r\n        initSmoothScroll();\r\n        initScrollReveal();\r\n\r\n        \/\/ Init hero carousel\r\n        const heroEl = $('.qcmm-hero');\r\n        if (heroEl) {\r\n          new QCMMHeroCarousel(heroEl);\r\n        }\r\n\r\n        \/\/ Init all gallery carousels\r\n        $$('.qcmm-gallery').forEach((el) => {\r\n          new QCMMGalleryCarousel(el);\r\n        });\r\n\r\n        \/\/ Ensure page starts at the top\r\n        window.scrollTo(0, 0);\r\n      }\r\n\r\n      \/\/ Run on DOM ready\r\n      if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', init);\r\n      } else {\r\n        init();\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","protected":false},"excerpt":{"rendered":"<p>Colombo Quantum Computing Meetup 2024 The Colombo Quantum Computing Meetup 2024 served as a vital milestone, bringing Sri Lanka&#8217;s growing quantum computing community together on site to share research, explore industry use cases, and map out the country&#8217;s technological future. 1 \/ 9 23\/01\/2024 FM Lab, Faculty of Science, University of Colombo The inaugural Colombo [&hellip;]<\/p>\n","protected":false},"author":123462,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8898","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/8898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/users\/123462"}],"replies":[{"embeddable":true,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/comments?post=8898"}],"version-history":[{"count":14,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/8898\/revisions"}],"predecessor-version":[{"id":8918,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/8898\/revisions\/8918"}],"wp:attachment":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/media?parent=8898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}