SpinQ NMR Quantum Computer | CQCM 2026<\/title>\r\n <style>\r\n:root {\r\n --ink: #0d1117;\r\n --muted: #5b6574;\r\n --line: #dce3eb;\r\n --paper: #f7fafc;\r\n --panel: #ffffff;\r\n --cyan: #00a7c4;\r\n --teal: #087c7a;\r\n --coral: #d9583f;\r\n --gold: #c99732;\r\n --shadow: 0 18px 45px rgba(13, 17, 23, 0.14);\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n color: var(--ink);\r\n background: var(--paper);\r\n font-family: Inter, \"Segoe UI\", Arial, sans-serif;\r\n line-height: 1.6;\r\n}\r\n\r\nimg {\r\n display: block;\r\n max-width: 100%;\r\n}\r\n\r\na {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n.site-header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 20;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 24px;\r\n padding: 18px clamp(18px, 4vw, 56px);\r\n color: #fff;\r\n background: linear-gradient(180deg, rgba(3, 8, 16, 0.72), rgba(3, 8, 16, 0));\r\n}\r\n\r\n.paper-page .site-header {\r\n background: #101827;\r\n}\r\n\r\n.brand {\r\n font-size: 0.95rem;\r\n font-weight: 800;\r\n letter-spacing: 0;\r\n}\r\n\r\n.nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: clamp(14px, 3vw, 30px);\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n}\r\n\r\n.nav-links a {\r\n opacity: 0.86;\r\n}\r\n\r\n.nav-links a:hover,\r\n.nav-links a:focus-visible {\r\n opacity: 1;\r\n}\r\n\r\n.hero {\r\n position: relative;\r\n min-height: 100svh;\r\n overflow: hidden;\r\n display: grid;\r\n align-items: center;\r\n padding: 116px clamp(20px, 6vw, 92px) 78px;\r\n color: #fff;\r\n}\r\n\r\n.hero-slide,\r\n.hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n}\r\n\r\n.hero-slide {\r\n background-position: center;\r\n background-size: cover;\r\n opacity: 0;\r\n transform: scale(1.08);\r\n animation: heroFade 18s infinite;\r\n}\r\n\r\n.slide-one {\r\n background-image: url(\"assets\/images\/R.png\");\r\n}\r\n\r\n.slide-two {\r\n background-image: url(\"assets\/images\/QC1.png\");\r\n animation-delay: 6s;\r\n}\r\n\r\n.slide-three {\r\n background-image: url(\"assets\/images\/1.jpg\");\r\n animation-delay: 12s;\r\n}\r\n\r\n.hero-overlay {\r\n background:\r\n linear-gradient(90deg, rgba(2, 8, 15, 0.9), rgba(2, 8, 15, 0.58) 48%, rgba(2, 8, 15, 0.28)),\r\n linear-gradient(0deg, rgba(2, 8, 15, 0.62), rgba(2, 8, 15, 0.08) 45%);\r\n z-index: 1;\r\n}\r\n\r\n.hero-content {\r\n position: relative;\r\n z-index: 2;\r\n width: min(760px, 100%);\r\n}\r\n\r\n.hero-logo {\r\n width: clamp(92px, 12vw, 138px);\r\n height: auto;\r\n margin-bottom: 18px;\r\n filter: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.36));\r\n}\r\n\r\n.eyebrow {\r\n margin: 0 0 14px;\r\n color: #78e8f4;\r\n font-size: 0.82rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n}\r\n\r\n.eyebrow.dark {\r\n color: var(--teal);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\np {\r\n margin-top: 0;\r\n}\r\n\r\nh1 {\r\n max-width: 720px;\r\n margin-bottom: 20px;\r\n font-size: clamp(2.55rem, 7vw, 5.8rem);\r\n line-height: 0.98;\r\n letter-spacing: 0;\r\n}\r\n\r\n.hero-copy {\r\n max-width: 610px;\r\n margin-bottom: 32px;\r\n color: rgba(255, 255, 255, 0.86);\r\n font-size: clamp(1rem, 2vw, 1.25rem);\r\n}\r\n\r\n.hero-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n}\r\n\r\n.primary-button,\r\n.secondary-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 48px;\r\n padding: 13px 20px;\r\n border-radius: 8px;\r\n font-weight: 800;\r\n transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;\r\n}\r\n\r\n.primary-button {\r\n background: var(--coral);\r\n color: #fff;\r\n}\r\n\r\n.secondary-button {\r\n border: 1px solid rgba(255, 255, 255, 0.42);\r\n color: #fff;\r\n background: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.primary-button:hover,\r\n.secondary-button:hover,\r\n.primary-button:focus-visible,\r\n.secondary-button:focus-visible {\r\n transform: translateY(-2px);\r\n}\r\n\r\n.back-to-top {\r\n position: fixed;\r\n right: clamp(16px, 3vw, 28px);\r\n bottom: clamp(16px, 3vw, 28px);\r\n z-index: 30;\r\n display: grid;\r\n width: 46px;\r\n height: 46px;\r\n place-items: center;\r\n border-radius: 8px;\r\n background: var(--coral);\r\n color: #fff;\r\n box-shadow: 0 14px 30px rgba(13, 17, 23, 0.24);\r\n font-size: 1.45rem;\r\n font-weight: 900;\r\n line-height: 1;\r\n transition: transform 180ms ease, background 180ms ease;\r\n}\r\n\r\n.back-to-top:hover,\r\n.back-to-top:focus-visible {\r\n background: var(--teal);\r\n outline: none;\r\n transform: translateY(-3px);\r\n}\r\n\r\n.scroll-cue {\r\n position: absolute;\r\n left: 50%;\r\n bottom: 30px;\r\n z-index: 2;\r\n width: 30px;\r\n height: 48px;\r\n border: 1px solid rgba(255, 255, 255, 0.54);\r\n border-radius: 999px;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.scroll-cue span {\r\n position: absolute;\r\n top: 10px;\r\n left: 50%;\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background: #fff;\r\n transform: translateX(-50%);\r\n animation: scrollDot 1.7s infinite;\r\n}\r\n\r\n.section-shell {\r\n width: min(1160px, calc(100% - 40px));\r\n margin: 0 auto;\r\n}\r\n\r\n.about-section,\r\n.past-events-section,\r\n.initiatives-section,\r\n.speakers-section,\r\n.papers-section,\r\n.contact-section {\r\n padding: clamp(72px, 10vw, 118px) 0;\r\n}\r\n\r\n.about-section {\r\n background: #ffffff;\r\n}\r\n\r\n.past-events-section {\r\n background: #f1f7f8;\r\n padding: clamp(46px, 7vw, 74px) 0;\r\n}\r\n\r\n.past-events-panel {\r\n display: grid;\r\n grid-template-columns: minmax(0, 0.8fr) minmax(360px, 1fr);\r\n gap: clamp(22px, 5vw, 48px);\r\n align-items: center;\r\n}\r\n\r\n.past-events-panel h2 {\r\n margin-bottom: 0;\r\n font-size: clamp(1.75rem, 3vw, 2.45rem);\r\n line-height: 1.08;\r\n letter-spacing: 0;\r\n}\r\n\r\n.past-event-links {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n}\r\n\r\n.past-event-card {\r\n display: block;\r\n min-height: 132px;\r\n padding: 20px;\r\n border: 1px solid rgba(8, 124, 122, 0.18);\r\n border-radius: 8px;\r\n background: #fff;\r\n box-shadow: 0 10px 24px rgba(13, 17, 23, 0.07);\r\n transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;\r\n}\r\n\r\n.past-event-card:hover,\r\n.past-event-card:focus-visible {\r\n border-color: rgba(217, 88, 63, 0.45);\r\n box-shadow: 0 16px 34px rgba(13, 17, 23, 0.12);\r\n outline: none;\r\n transform: translateY(-3px);\r\n}\r\n\r\n.past-event-card span {\r\n display: block;\r\n margin-bottom: 12px;\r\n color: var(--coral);\r\n font-size: 1.7rem;\r\n font-weight: 800;\r\n line-height: 1;\r\n}\r\n\r\n.past-event-card strong {\r\n display: block;\r\n color: var(--ink);\r\n font-size: 1rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.initiatives-section {\r\n background: #ffffff;\r\n}\r\n\r\n.initiatives-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: clamp(18px, 4vw, 30px);\r\n}\r\n\r\n.initiative-card {\r\n display: block;\r\n overflow: hidden;\r\n border: 1px solid var(--line);\r\n border-radius: 8px;\r\n background: var(--panel);\r\n box-shadow: 0 14px 34px rgba(13, 17, 23, 0.09);\r\n transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;\r\n}\r\n\r\n.initiative-card:hover,\r\n.initiative-card:focus-visible {\r\n border-color: rgba(217, 88, 63, 0.42);\r\n box-shadow: 0 20px 44px rgba(13, 17, 23, 0.14);\r\n outline: none;\r\n transform: translateY(-3px);\r\n}\r\n\r\n.initiative-image {\r\n min-height: 260px;\r\n background-position: center;\r\n background-size: cover;\r\n}\r\n\r\n.student-network {\r\n background-image:\r\n linear-gradient(rgba(2, 8, 15, 0.08), rgba(2, 8, 15, 0.34)),\r\n url(\"assets\/images\/1.jpg\");\r\n}\r\n\r\n.spinq-computer {\r\n background-image:\r\n linear-gradient(rgba(2, 8, 15, 0.08), rgba(2, 8, 15, 0.32)),\r\n url(\"assets\/images\/QC.jpg\");\r\n}\r\n\r\n.initiative-copy {\r\n padding: clamp(22px, 4vw, 30px);\r\n}\r\n\r\n.initiative-copy span {\r\n display: block;\r\n color: var(--coral);\r\n font-size: 0.78rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n}\r\n\r\n.initiative-copy h3 {\r\n margin: 9px 0 10px;\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n line-height: 1.12;\r\n}\r\n\r\n.initiative-copy p {\r\n margin-bottom: 0;\r\n color: var(--muted);\r\n font-size: 1rem;\r\n}\r\n\r\n.page-hero {\r\n position: relative;\r\n min-height: 64svh;\r\n display: grid;\r\n align-items: end;\r\n overflow: hidden;\r\n padding: 128px clamp(20px, 6vw, 92px) 70px;\r\n color: #fff;\r\n background-position: center;\r\n background-size: cover;\r\n}\r\n\r\n.student-page-hero {\r\n background-image:\r\n linear-gradient(90deg, rgba(2, 8, 15, 0.9), rgba(2, 8, 15, 0.48)),\r\n url(\"assets\/images\/1.jpg\");\r\n}\r\n\r\n.spinq-page-hero {\r\n background-image:\r\n linear-gradient(90deg, rgba(2, 8, 15, 0.9), rgba(2, 8, 15, 0.48)),\r\n url(\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/07\/615903786_1499330378219526_1776941821312955172_n.jpg\");\r\n}\r\n\r\n.page-hero-content {\r\n width: min(820px, 100%);\r\n}\r\n\r\n.page-hero h1 {\r\n margin-bottom: 18px;\r\n font-size: clamp(2.35rem, 6vw, 5rem);\r\n}\r\n\r\n.detail-section {\r\n padding: clamp(70px, 9vw, 104px) 0;\r\n background: #ffffff;\r\n}\r\n\r\n.detail-grid {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);\r\n gap: clamp(28px, 6vw, 64px);\r\n align-items: start;\r\n}\r\n\r\n.detail-copy h2 {\r\n margin-bottom: 18px;\r\n font-size: clamp(1.9rem, 4vw, 3rem);\r\n line-height: 1.08;\r\n}\r\n\r\n.detail-copy p {\r\n color: var(--muted);\r\n font-size: 1.04rem;\r\n}\r\n\r\n.detail-list {\r\n display: grid;\r\n gap: 12px;\r\n margin: 28px 0 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n.detail-list li {\r\n padding: 15px 16px;\r\n border: 1px solid rgba(8, 124, 122, 0.16);\r\n border-radius: 8px;\r\n background: #f7fafc;\r\n color: #26313f;\r\n font-weight: 700;\r\n}\r\n\r\n.detail-panel {\r\n padding: clamp(22px, 4vw, 30px);\r\n border-radius: 8px;\r\n background: #101827;\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.detail-panel .eyebrow {\r\n color: #78e8f4;\r\n}\r\n\r\n.detail-panel h3 {\r\n margin-bottom: 12px;\r\n font-size: 1.45rem;\r\n line-height: 1.2;\r\n}\r\n\r\n.detail-panel p {\r\n color: rgba(255, 255, 255, 0.72);\r\n}\r\n\r\n.media-section {\r\n padding: clamp(64px, 8vw, 96px) 0;\r\n background: #f7fafc;\r\n}\r\n\r\n.media-section + .media-section {\r\n padding-top: 0;\r\n}\r\n\r\n.media-heading {\r\n max-width: 720px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.media-heading h2 {\r\n margin-bottom: 12px;\r\n font-size: clamp(1.9rem, 4vw, 3rem);\r\n line-height: 1.08;\r\n}\r\n\r\n.media-heading p {\r\n color: var(--muted);\r\n}\r\n\r\n.media-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.media-grid img {\r\n width: 100%;\r\n height: clamp(250px, 34vw, 430px);\r\n object-fit: cover;\r\n border-radius: 8px;\r\n box-shadow: 0 14px 34px rgba(13, 17, 23, 0.12);\r\n}\r\n\r\n.article-grid img {\r\n height: auto;\r\n object-fit: contain;\r\n background: #fff;\r\n}\r\n\r\n.back-link {\r\n display: inline-flex;\r\n margin-top: 18px;\r\n color: #78e8f4;\r\n font-weight: 800;\r\n}\r\n\r\n.about-grid {\r\n display: grid;\r\n grid-template-columns: minmax(260px, 0.78fr) minmax(320px, 1fr);\r\n gap: clamp(30px, 6vw, 72px);\r\n align-items: center;\r\n}\r\n\r\n.about-image {\r\n width: min(100%, 430px);\r\n margin: 0;\r\n justify-self: center;\r\n overflow: hidden;\r\n border-radius: 8px;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.about-image img {\r\n width: 100%;\r\n height: clamp(300px, 40vw, 470px);\r\n object-fit: cover;\r\n}\r\n\r\n.about-copy h2,\r\n.section-heading h2,\r\n.contact-panel h2 {\r\n margin-bottom: 18px;\r\n font-size: clamp(2rem, 4vw, 3.35rem);\r\n line-height: 1.05;\r\n letter-spacing: 0;\r\n}\r\n\r\n.about-copy p,\r\n.section-heading p,\r\n.contact-panel p {\r\n color: var(--muted);\r\n font-size: 1.02rem;\r\n}\r\n\r\n.event-details {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin: 30px 0 18px;\r\n}\r\n\r\n.event-details div,\r\n.countdown {\r\n border: 1px solid var(--line);\r\n border-radius: 8px;\r\n background: #fff;\r\n}\r\n\r\n.event-details div {\r\n padding: 18px;\r\n}\r\n\r\n.event-details span,\r\n.countdown-heading span,\r\n.speaker-info span {\r\n display: block;\r\n color: var(--muted);\r\n font-size: 0.78rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n}\r\n\r\n.event-details strong {\r\n display: block;\r\n margin-top: 4px;\r\n font-size: 1rem;\r\n}\r\n\r\n.countdown {\r\n padding: clamp(18px, 3vw, 24px);\r\n box-shadow: 0 12px 30px rgba(8, 124, 122, 0.1);\r\n}\r\n\r\n.countdown-heading {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 16px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.countdown-heading strong {\r\n color: var(--teal);\r\n}\r\n\r\n.countdown-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.countdown-grid div {\r\n min-width: 0;\r\n padding: 16px 8px;\r\n border-radius: 8px;\r\n text-align: center;\r\n background: #eef8f8;\r\n}\r\n\r\n.countdown-grid strong {\r\n display: block;\r\n color: var(--ink);\r\n font-size: clamp(1.5rem, 4vw, 2.15rem);\r\n line-height: 1;\r\n}\r\n\r\n.countdown-grid span {\r\n display: block;\r\n margin-top: 8px;\r\n color: var(--muted);\r\n font-size: 0.72rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n}\r\n\r\n.speakers-section {\r\n background: var(--paper);\r\n}\r\n\r\n.section-heading {\r\n max-width: 680px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.chair-card {\r\n display: grid;\r\n grid-template-columns: minmax(240px, 0.42fr) minmax(0, 1fr);\r\n gap: 0;\r\n overflow: hidden;\r\n margin-bottom: 34px;\r\n border: 1px solid var(--line);\r\n border-radius: 8px;\r\n background: #101827;\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.chair-photo {\r\n min-height: 310px;\r\n background:\r\n linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.34)),\r\n url(\"assets\/images\/speakers\/JingboWang-e1591114370680-365x367.jpg\");\r\n background-position: center;\r\n background-size: cover;\r\n}\r\n\r\n.chair-info {\r\n align-self: center;\r\n padding: clamp(24px, 5vw, 46px);\r\n}\r\n\r\n.chair-info span {\r\n display: block;\r\n color: #78e8f4;\r\n font-size: 0.78rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n}\r\n\r\n.chair-info h3 {\r\n margin: 10px 0 10px;\r\n font-size: clamp(1.8rem, 4vw, 3rem);\r\n line-height: 1.05;\r\n}\r\n\r\n.chair-info p {\r\n max-width: 650px;\r\n margin-bottom: 0;\r\n color: rgba(255, 255, 255, 0.76);\r\n font-size: 1.05rem;\r\n}\r\n\r\n.speaker-subheading {\r\n margin: 0 0 18px;\r\n font-size: 1.45rem;\r\n line-height: 1.2;\r\n}\r\n\r\n.speaker-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 20px;\r\n}\r\n\r\n.speaker-card {\r\n display: block;\r\n overflow: hidden;\r\n border: 1px solid var(--line);\r\n border-radius: 8px;\r\n background: var(--panel);\r\n box-shadow: 0 12px 28px rgba(13, 17, 23, 0.08);\r\n}\r\n\r\n.profile-link {\r\n cursor: pointer;\r\n transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;\r\n}\r\n\r\n.profile-link:hover,\r\n.profile-link:focus-visible {\r\n border-color: rgba(0, 167, 196, 0.45);\r\n box-shadow: 0 18px 42px rgba(13, 17, 23, 0.14);\r\n outline: none;\r\n transform: translateY(-3px);\r\n}\r\n\r\n.speaker-photo {\r\n min-height: 230px;\r\n background-size: cover;\r\n background-position: center;\r\n}\r\n\r\n.speaker-one {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.2)), url(\"assets\/images\/speakers\/MDDRZHXY-Presenter-CadetF.jpg\");\r\n}\r\n\r\n.speaker-two {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.26)), url(\"assets\/images\/speakers\/anuradha\\ sir.jfif\");\r\n}\r\n\r\n.speaker-three {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.24)), url(\"assets\/images\/speakers\/kasun-300x300.jpg\");\r\n}\r\n\r\n.speaker-four {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.26)), url(\"assets\/images\/speakers\/images.jfif\");\r\n}\r\n\r\n.speaker-five {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.28)), url(\"assets\/images\/speakers\/Dr.-Sabri-768x987.jpg\");\r\n background-position: right center;\r\n}\r\n\r\n.speaker-six {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.24)), url(\"assets\/images\/speakers\/090153_mathieu_roget.jpeg\");\r\n background-position: left center;\r\n}\r\n\r\n.speaker-seven {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.26)), url(\"assets\/images\/speakers\/Dr.\\ Asanka\\ P.\\ Sayakkara.jpg\");\r\n background-position: center top;\r\n}\r\n\r\n.speaker-eight {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.28)), url(\"assets\/images\/speakers\/Flyer.png\");\r\n background-position: center;\r\n}\r\n\r\n.speaker-info {\r\n padding: 22px;\r\n}\r\n\r\n.speaker-info h3 {\r\n margin: 8px 0 6px;\r\n font-size: 1.3rem;\r\n line-height: 1.2;\r\n}\r\n\r\n.speaker-info p {\r\n margin-bottom: 14px;\r\n color: var(--muted);\r\n}\r\n\r\n.speaker-info em,\r\n.chair-info em {\r\n display: inline-flex;\r\n color: var(--teal);\r\n font-size: 0.88rem;\r\n font-style: normal;\r\n font-weight: 800;\r\n}\r\n\r\n.chair-info em {\r\n margin-top: 18px;\r\n color: #78e8f4;\r\n}\r\n\r\n.papers-section {\r\n background:\r\n linear-gradient(135deg, rgba(0, 167, 196, 0.16), rgba(217, 88, 63, 0.13)),\r\n #ffffff;\r\n}\r\n\r\n.paper-page .papers-section {\r\n padding-top: 132px;\r\n}\r\n\r\n.papers-grid {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);\r\n gap: clamp(28px, 5vw, 58px);\r\n align-items: start;\r\n}\r\n\r\n.papers-teaser-grid {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);\r\n gap: clamp(28px, 5vw, 58px);\r\n align-items: center;\r\n}\r\n\r\n.papers-button {\r\n margin-top: 10px;\r\n}\r\n\r\n.papers-topic-card {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 26px;\r\n padding: clamp(24px, 5vw, 38px);\r\n border: 1px solid rgba(0, 167, 196, 0.24);\r\n border-left: 8px solid var(--coral);\r\n border-radius: 8px;\r\n background:\r\n linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(238, 248, 248, 0.92)),\r\n #ffffff;\r\n box-shadow: 0 18px 46px rgba(13, 17, 23, 0.13);\r\n}\r\n\r\n.papers-topic-card::after {\r\n content: \"\";\r\n position: absolute;\r\n right: -54px;\r\n bottom: -74px;\r\n width: 220px;\r\n height: 220px;\r\n border: 34px solid rgba(0, 167, 196, 0.12);\r\n border-radius: 50%;\r\n}\r\n\r\n.papers-topic-card .eyebrow {\r\n display: inline-flex;\r\n margin-bottom: 16px;\r\n padding: 8px 12px;\r\n border-radius: 8px;\r\n background: var(--coral);\r\n color: #fff;\r\n}\r\n\r\n.papers-copy h1,\r\n.papers-copy h2,\r\n.papers-topic-card h1,\r\n.papers-topic-card h2 {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 820px;\r\n margin-bottom: 0;\r\n font-size: clamp(2.35rem, 5vw, 4.35rem);\r\n line-height: 1.06;\r\n letter-spacing: 0;\r\n}\r\n\r\n.papers-copy p {\r\n color: var(--muted);\r\n font-size: 1.02rem;\r\n}\r\n\r\n.papers-copy .lead {\r\n color: var(--ink);\r\n font-size: clamp(1.06rem, 2vw, 1.22rem);\r\n font-weight: 600;\r\n}\r\n\r\n.topics-block {\r\n margin-top: 34px;\r\n}\r\n\r\n.topics-block h2,\r\n.topics-block h3,\r\n.dates-panel h2,\r\n.dates-panel h3 {\r\n margin-bottom: 10px;\r\n font-size: 1.35rem;\r\n line-height: 1.2;\r\n}\r\n\r\n.topics-list {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin: 18px 0 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n.topics-list li {\r\n position: relative;\r\n min-height: 100%;\r\n padding: 14px 14px 14px 38px;\r\n border: 1px solid rgba(8, 124, 122, 0.16);\r\n border-radius: 8px;\r\n background: rgba(255, 255, 255, 0.78);\r\n color: #26313f;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n}\r\n\r\n.topics-list li::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 20px;\r\n left: 17px;\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--coral);\r\n}\r\n\r\n.dates-panel {\r\n position: sticky;\r\n top: 92px;\r\n padding: clamp(22px, 4vw, 30px);\r\n border-radius: 8px;\r\n background: #101827;\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.dates-panel .eyebrow {\r\n color: #78e8f4;\r\n}\r\n\r\n.dates-panel h2,\r\n.dates-panel h3 {\r\n color: #fff;\r\n}\r\n\r\n.dates-list {\r\n margin: 22px 0 0;\r\n}\r\n\r\n.dates-list div {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 3px;\r\n padding: 16px 0;\r\n border-top: 1px solid rgba(255, 255, 255, 0.15);\r\n}\r\n\r\n.dates-list dt {\r\n color: rgba(255, 255, 255, 0.7);\r\n font-size: 0.82rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.07em;\r\n}\r\n\r\n.dates-list dd {\r\n margin: 0;\r\n color: #fff;\r\n font-size: 1.08rem;\r\n font-weight: 800;\r\n}\r\n\r\n.dates-note {\r\n margin: 20px 0 0;\r\n color: rgba(255, 255, 255, 0.68);\r\n font-size: 0.92rem;\r\n}\r\n\r\n.contact-section {\r\n background: #111827;\r\n color: #fff;\r\n}\r\n\r\n.contact-panel {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);\r\n gap: clamp(28px, 6vw, 64px);\r\n align-items: start;\r\n}\r\n\r\n.contact-panel p {\r\n max-width: 620px;\r\n color: rgba(255, 255, 255, 0.72);\r\n}\r\n\r\n.contact-copy .eyebrow {\r\n color: #78e8f4;\r\n}\r\n\r\n.contact-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n margin-top: 26px;\r\n}\r\n\r\n.registration-info {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n margin-top: 28px;\r\n}\r\n\r\n.registration-info article {\r\n padding: 18px;\r\n border: 1px solid rgba(120, 232, 244, 0.2);\r\n border-radius: 8px;\r\n background: rgba(255, 255, 255, 0.07);\r\n}\r\n\r\n.registration-info span {\r\n display: block;\r\n color: rgba(255, 255, 255, 0.68);\r\n font-size: 0.76rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n}\r\n\r\n.registration-info strong {\r\n display: block;\r\n margin-top: 8px;\r\n color: #fff;\r\n font-size: clamp(1.2rem, 2vw, 1.6rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.dark-button {\r\n background: var(--gold);\r\n color: #10131a;\r\n}\r\n\r\n.ticket-button {\r\n border-color: rgba(255, 255, 255, 0.34);\r\n}\r\n\r\n.contact-details {\r\n display: grid;\r\n gap: 18px;\r\n}\r\n\r\n.contact-card,\r\n.partner-block {\r\n padding: clamp(20px, 4vw, 28px);\r\n border: 1px solid rgba(255, 255, 255, 0.14);\r\n border-radius: 8px;\r\n background: rgba(255, 255, 255, 0.06);\r\n}\r\n\r\n.contact-card span,\r\n.partner-block > span {\r\n display: block;\r\n color: #78e8f4;\r\n font-size: 0.78rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n}\r\n\r\n.contact-card h3 {\r\n margin: 8px 0 8px;\r\n font-size: 1.45rem;\r\n line-height: 1.2;\r\n}\r\n\r\n.contact-card a {\r\n color: rgba(255, 255, 255, 0.82);\r\n font-weight: 700;\r\n overflow-wrap: anywhere;\r\n}\r\n\r\n.partner-logos {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 10px;\r\n margin-top: 14px;\r\n}\r\n\r\n.partner-logos div {\r\n display: grid;\r\n min-height: 76px;\r\n place-items: center;\r\n padding: 10px;\r\n border: 1px dashed rgba(255, 255, 255, 0.32);\r\n border-radius: 8px;\r\n color: rgba(255, 255, 255, 0.64);\r\n font-size: 0.78rem;\r\n font-weight: 800;\r\n text-align: center;\r\n text-transform: uppercase;\r\n}\r\n\r\n\r\n@keyframes heroFade {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(1.08);\r\n }\r\n 7%,\r\n 31% {\r\n opacity: 1;\r\n }\r\n 42%,\r\n 100% {\r\n opacity: 0;\r\n transform: scale(1.18);\r\n }\r\n}\r\n\r\n@keyframes scrollDot {\r\n 0% {\r\n opacity: 0;\r\n transform: translate(-50%, 0);\r\n }\r\n 35% {\r\n opacity: 1;\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translate(-50%, 20px);\r\n }\r\n}\r\n\r\n@media (max-width: 860px) {\r\n .site-header {\r\n align-items: flex-start;\r\n padding: 16px 20px;\r\n }\r\n\r\n .nav-links {\r\n gap: 13px;\r\n font-size: 0.82rem;\r\n }\r\n\r\n .hero {\r\n min-height: 92svh;\r\n padding: 106px 20px 72px;\r\n }\r\n\r\n .hero-overlay {\r\n background:\r\n linear-gradient(90deg, rgba(2, 8, 15, 0.9), rgba(2, 8, 15, 0.62)),\r\n linear-gradient(0deg, rgba(2, 8, 15, 0.6), rgba(2, 8, 15, 0.1));\r\n }\r\n\r\n .about-grid,\r\n .past-events-panel,\r\n .initiatives-grid,\r\n .detail-grid,\r\n .papers-grid,\r\n .papers-teaser-grid,\r\n .contact-panel {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .media-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .about-image img {\r\n height: clamp(220px, 48vw, 320px);\r\n }\r\n\r\n .chair-card {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .chair-photo {\r\n min-height: 240px;\r\n }\r\n\r\n .speaker-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .dates-panel {\r\n position: static;\r\n }\r\n\r\n .contact-panel {\r\n justify-items: start;\r\n }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n .site-header {\r\n flex-wrap: wrap;\r\n background: rgba(3, 8, 16, 0.78);\r\n }\r\n\r\n .nav-links {\r\n gap: 10px;\r\n }\r\n\r\n .nav-links a:nth-child(5) {\r\n display: none;\r\n }\r\n\r\n .hero-actions,\r\n .event-details,\r\n .countdown-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .primary-button,\r\n .secondary-button {\r\n width: 100%;\r\n }\r\n\r\n .event-details {\r\n display: grid;\r\n }\r\n\r\n .countdown-grid {\r\n display: grid;\r\n }\r\n\r\n .countdown-heading {\r\n display: block;\r\n }\r\n\r\n .countdown-heading strong {\r\n display: block;\r\n margin-top: 4px;\r\n }\r\n\r\n .topics-list {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .past-event-links {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .partner-logos {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .initiative-image {\r\n min-height: 190px;\r\n }\r\n\r\n .speaker-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n }\r\n\r\n .registration-info {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .speaker-photo {\r\n min-height: 150px;\r\n }\r\n\r\n .speaker-info {\r\n padding: 14px;\r\n }\r\n\r\n .speaker-info h3 {\r\n font-size: 1rem;\r\n }\r\n\r\n .speaker-info p,\r\n .speaker-info em {\r\n font-size: 0.82rem;\r\n }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n scroll-behavior: auto !important;\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n\r\n .slide-one {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n \r\n\r\n <main>\r\n <section class=\"page-hero spinq-page-hero\">\r\n <div class=\"page-hero-content\">\r\n <p class=\"eyebrow\">Lab Platform<\/p>\r\n <h1>SpinQ NMR Quantum Computer<\/h1>\r\n <p class=\"hero-copy\">\r\n A hands-on NMR quantum computing platform for demonstrations, education, and experimental learning.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"detail-section\">\r\n <div class=\"section-shell detail-grid\">\r\n <div class=\"detail-copy\">\r\n <h2>Bringing practical quantum experiments into the meetup<\/h2>\r\n <p>\r\n The SpinQ NMR quantum computer supports hands-on exploration of quantum algorithms and quantum\r\n information processing using a compact Nuclear Magnetic Resonance platform.\r\n <\/p>\r\n <p>\r\n It will help students and participants connect theory with experiment through demonstrations,\r\n classroom activities, and practical investigations of NMR-based quantum computing.\r\n <\/p>\r\n\r\n <ul class=\"detail-list\">\r\n <li>NMR-based quantum computing demonstrations<\/li>\r\n <li>Educational experiments with quantum algorithms<\/li>\r\n <li>Support for practical sessions during meetup activities<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <aside class=\"detail-panel\">\r\n <p class=\"eyebrow\">Hands-On Platform<\/p>\r\n <h3>From algorithms to experiments<\/h3>\r\n <p>\r\n The system gives participants a direct way to see how quantum computing concepts can be implemented\r\n and studied in a real experimental setting.\r\n <\/p>\r\n <a class=\"back-link\" href=\"https:\/\/iccmm.cmb.ac.lk\/2026\/cqcm-main\/#initiatives\">Back to initiatives<\/a>\r\n <\/aside>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"media-section\">\r\n <div class=\"section-shell\">\r\n <div class=\"media-heading\">\r\n <p class=\"eyebrow dark\">Photos<\/p>\r\n <h2>SpinQ NMR quantum computer highlights<\/h2>\r\n <p>Photos from the SpinQ NMR quantum computer activities and demonstrations.<\/p>\r\n <\/div>\r\n\r\n <div class=\"media-grid\">\r\n <img decoding=\"async\" src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/07\/615903786_1499330378219526_1776941821312955172_n.jpg\" alt=\"SpinQ NMR quantum computer activity photo\" \/>\r\n <img decoding=\"async\" src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/06\/WhatsApp-Image-2026-06-10-at-17.51.19.jpeg\" alt=\"Newspaper article about the quantum computing initiative\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"media-section\">\r\n <div class=\"section-shell\">\r\n <div class=\"media-heading\">\r\n <p class=\"eyebrow dark\">News Coverage<\/p>\r\n <h2>Newspaper articles<\/h2>\r\n <p>Selected newspaper coverage and article clippings related to the quantum computer initiative.<\/p>\r\n <\/div>\r\n\r\n <div class=\"media-grid\">\r\n <img decoding=\"async\" src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/07\/618630980_122219392232283457_8161978778808158719_n.jpg\" alt=\"Newspaper article about the SpinQ NMR quantum computer\" \/>\r\n <img decoding=\"async\" src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/07\/WhatsApp-Image-2026-06-02-at-11.18.31.jpeg\" alt=\"SpinQ NMR quantum computer event photo\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <a class=\"back-to-top\" href=\"#\" aria-label=\"Go to top\">^<\/a>\r\n<\/body>\r\n<\/html>\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>SpinQ NMR Quantum Computer | CQCM 2026 Lab Platform SpinQ NMR Quantum Computer A hands-on NMR quantum computing platform for demonstrations, education, and experimental learning. Bringing practical quantum experiments into the meetup The SpinQ NMR quantum computer supports hands-on exploration of quantum algorithms and quantum information processing using a compact Nuclear Magnetic Resonance platform. It […]<\/p>\n","protected":false},"author":123464,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8932","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/8932","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\/123464"}],"replies":[{"embeddable":true,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/comments?post=8932"}],"version-history":[{"count":14,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/8932\/revisions"}],"predecessor-version":[{"id":11715,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/8932\/revisions\/11715"}],"wp:attachment":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/media?parent=8932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n SpinQ NMR Quantum Computer | CQCM 2026<\/title>\r\n <style>\r\n:root {\r\n --ink: #0d1117;\r\n --muted: #5b6574;\r\n --line: #dce3eb;\r\n --paper: #f7fafc;\r\n --panel: #ffffff;\r\n --cyan: #00a7c4;\r\n --teal: #087c7a;\r\n --coral: #d9583f;\r\n --gold: #c99732;\r\n --shadow: 0 18px 45px rgba(13, 17, 23, 0.14);\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n color: var(--ink);\r\n background: var(--paper);\r\n font-family: Inter, \"Segoe UI\", Arial, sans-serif;\r\n line-height: 1.6;\r\n}\r\n\r\nimg {\r\n display: block;\r\n max-width: 100%;\r\n}\r\n\r\na {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n.site-header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 20;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 24px;\r\n padding: 18px clamp(18px, 4vw, 56px);\r\n color: #fff;\r\n background: linear-gradient(180deg, rgba(3, 8, 16, 0.72), rgba(3, 8, 16, 0));\r\n}\r\n\r\n.paper-page .site-header {\r\n background: #101827;\r\n}\r\n\r\n.brand {\r\n font-size: 0.95rem;\r\n font-weight: 800;\r\n letter-spacing: 0;\r\n}\r\n\r\n.nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: clamp(14px, 3vw, 30px);\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n}\r\n\r\n.nav-links a {\r\n opacity: 0.86;\r\n}\r\n\r\n.nav-links a:hover,\r\n.nav-links a:focus-visible {\r\n opacity: 1;\r\n}\r\n\r\n.hero {\r\n position: relative;\r\n min-height: 100svh;\r\n overflow: hidden;\r\n display: grid;\r\n align-items: center;\r\n padding: 116px clamp(20px, 6vw, 92px) 78px;\r\n color: #fff;\r\n}\r\n\r\n.hero-slide,\r\n.hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n}\r\n\r\n.hero-slide {\r\n background-position: center;\r\n background-size: cover;\r\n opacity: 0;\r\n transform: scale(1.08);\r\n animation: heroFade 18s infinite;\r\n}\r\n\r\n.slide-one {\r\n background-image: url(\"assets\/images\/R.png\");\r\n}\r\n\r\n.slide-two {\r\n background-image: url(\"assets\/images\/QC1.png\");\r\n animation-delay: 6s;\r\n}\r\n\r\n.slide-three {\r\n background-image: url(\"assets\/images\/1.jpg\");\r\n animation-delay: 12s;\r\n}\r\n\r\n.hero-overlay {\r\n background:\r\n linear-gradient(90deg, rgba(2, 8, 15, 0.9), rgba(2, 8, 15, 0.58) 48%, rgba(2, 8, 15, 0.28)),\r\n linear-gradient(0deg, rgba(2, 8, 15, 0.62), rgba(2, 8, 15, 0.08) 45%);\r\n z-index: 1;\r\n}\r\n\r\n.hero-content {\r\n position: relative;\r\n z-index: 2;\r\n width: min(760px, 100%);\r\n}\r\n\r\n.hero-logo {\r\n width: clamp(92px, 12vw, 138px);\r\n height: auto;\r\n margin-bottom: 18px;\r\n filter: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.36));\r\n}\r\n\r\n.eyebrow {\r\n margin: 0 0 14px;\r\n color: #78e8f4;\r\n font-size: 0.82rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n}\r\n\r\n.eyebrow.dark {\r\n color: var(--teal);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\np {\r\n margin-top: 0;\r\n}\r\n\r\nh1 {\r\n max-width: 720px;\r\n margin-bottom: 20px;\r\n font-size: clamp(2.55rem, 7vw, 5.8rem);\r\n line-height: 0.98;\r\n letter-spacing: 0;\r\n}\r\n\r\n.hero-copy {\r\n max-width: 610px;\r\n margin-bottom: 32px;\r\n color: rgba(255, 255, 255, 0.86);\r\n font-size: clamp(1rem, 2vw, 1.25rem);\r\n}\r\n\r\n.hero-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n}\r\n\r\n.primary-button,\r\n.secondary-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 48px;\r\n padding: 13px 20px;\r\n border-radius: 8px;\r\n font-weight: 800;\r\n transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;\r\n}\r\n\r\n.primary-button {\r\n background: var(--coral);\r\n color: #fff;\r\n}\r\n\r\n.secondary-button {\r\n border: 1px solid rgba(255, 255, 255, 0.42);\r\n color: #fff;\r\n background: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.primary-button:hover,\r\n.secondary-button:hover,\r\n.primary-button:focus-visible,\r\n.secondary-button:focus-visible {\r\n transform: translateY(-2px);\r\n}\r\n\r\n.back-to-top {\r\n position: fixed;\r\n right: clamp(16px, 3vw, 28px);\r\n bottom: clamp(16px, 3vw, 28px);\r\n z-index: 30;\r\n display: grid;\r\n width: 46px;\r\n height: 46px;\r\n place-items: center;\r\n border-radius: 8px;\r\n background: var(--coral);\r\n color: #fff;\r\n box-shadow: 0 14px 30px rgba(13, 17, 23, 0.24);\r\n font-size: 1.45rem;\r\n font-weight: 900;\r\n line-height: 1;\r\n transition: transform 180ms ease, background 180ms ease;\r\n}\r\n\r\n.back-to-top:hover,\r\n.back-to-top:focus-visible {\r\n background: var(--teal);\r\n outline: none;\r\n transform: translateY(-3px);\r\n}\r\n\r\n.scroll-cue {\r\n position: absolute;\r\n left: 50%;\r\n bottom: 30px;\r\n z-index: 2;\r\n width: 30px;\r\n height: 48px;\r\n border: 1px solid rgba(255, 255, 255, 0.54);\r\n border-radius: 999px;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.scroll-cue span {\r\n position: absolute;\r\n top: 10px;\r\n left: 50%;\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background: #fff;\r\n transform: translateX(-50%);\r\n animation: scrollDot 1.7s infinite;\r\n}\r\n\r\n.section-shell {\r\n width: min(1160px, calc(100% - 40px));\r\n margin: 0 auto;\r\n}\r\n\r\n.about-section,\r\n.past-events-section,\r\n.initiatives-section,\r\n.speakers-section,\r\n.papers-section,\r\n.contact-section {\r\n padding: clamp(72px, 10vw, 118px) 0;\r\n}\r\n\r\n.about-section {\r\n background: #ffffff;\r\n}\r\n\r\n.past-events-section {\r\n background: #f1f7f8;\r\n padding: clamp(46px, 7vw, 74px) 0;\r\n}\r\n\r\n.past-events-panel {\r\n display: grid;\r\n grid-template-columns: minmax(0, 0.8fr) minmax(360px, 1fr);\r\n gap: clamp(22px, 5vw, 48px);\r\n align-items: center;\r\n}\r\n\r\n.past-events-panel h2 {\r\n margin-bottom: 0;\r\n font-size: clamp(1.75rem, 3vw, 2.45rem);\r\n line-height: 1.08;\r\n letter-spacing: 0;\r\n}\r\n\r\n.past-event-links {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n}\r\n\r\n.past-event-card {\r\n display: block;\r\n min-height: 132px;\r\n padding: 20px;\r\n border: 1px solid rgba(8, 124, 122, 0.18);\r\n border-radius: 8px;\r\n background: #fff;\r\n box-shadow: 0 10px 24px rgba(13, 17, 23, 0.07);\r\n transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;\r\n}\r\n\r\n.past-event-card:hover,\r\n.past-event-card:focus-visible {\r\n border-color: rgba(217, 88, 63, 0.45);\r\n box-shadow: 0 16px 34px rgba(13, 17, 23, 0.12);\r\n outline: none;\r\n transform: translateY(-3px);\r\n}\r\n\r\n.past-event-card span {\r\n display: block;\r\n margin-bottom: 12px;\r\n color: var(--coral);\r\n font-size: 1.7rem;\r\n font-weight: 800;\r\n line-height: 1;\r\n}\r\n\r\n.past-event-card strong {\r\n display: block;\r\n color: var(--ink);\r\n font-size: 1rem;\r\n line-height: 1.3;\r\n}\r\n\r\n.initiatives-section {\r\n background: #ffffff;\r\n}\r\n\r\n.initiatives-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: clamp(18px, 4vw, 30px);\r\n}\r\n\r\n.initiative-card {\r\n display: block;\r\n overflow: hidden;\r\n border: 1px solid var(--line);\r\n border-radius: 8px;\r\n background: var(--panel);\r\n box-shadow: 0 14px 34px rgba(13, 17, 23, 0.09);\r\n transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;\r\n}\r\n\r\n.initiative-card:hover,\r\n.initiative-card:focus-visible {\r\n border-color: rgba(217, 88, 63, 0.42);\r\n box-shadow: 0 20px 44px rgba(13, 17, 23, 0.14);\r\n outline: none;\r\n transform: translateY(-3px);\r\n}\r\n\r\n.initiative-image {\r\n min-height: 260px;\r\n background-position: center;\r\n background-size: cover;\r\n}\r\n\r\n.student-network {\r\n background-image:\r\n linear-gradient(rgba(2, 8, 15, 0.08), rgba(2, 8, 15, 0.34)),\r\n url(\"assets\/images\/1.jpg\");\r\n}\r\n\r\n.spinq-computer {\r\n background-image:\r\n linear-gradient(rgba(2, 8, 15, 0.08), rgba(2, 8, 15, 0.32)),\r\n url(\"assets\/images\/QC.jpg\");\r\n}\r\n\r\n.initiative-copy {\r\n padding: clamp(22px, 4vw, 30px);\r\n}\r\n\r\n.initiative-copy span {\r\n display: block;\r\n color: var(--coral);\r\n font-size: 0.78rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n}\r\n\r\n.initiative-copy h3 {\r\n margin: 9px 0 10px;\r\n font-size: clamp(1.45rem, 3vw, 2rem);\r\n line-height: 1.12;\r\n}\r\n\r\n.initiative-copy p {\r\n margin-bottom: 0;\r\n color: var(--muted);\r\n font-size: 1rem;\r\n}\r\n\r\n.page-hero {\r\n position: relative;\r\n min-height: 64svh;\r\n display: grid;\r\n align-items: end;\r\n overflow: hidden;\r\n padding: 128px clamp(20px, 6vw, 92px) 70px;\r\n color: #fff;\r\n background-position: center;\r\n background-size: cover;\r\n}\r\n\r\n.student-page-hero {\r\n background-image:\r\n linear-gradient(90deg, rgba(2, 8, 15, 0.9), rgba(2, 8, 15, 0.48)),\r\n url(\"assets\/images\/1.jpg\");\r\n}\r\n\r\n.spinq-page-hero {\r\n background-image:\r\n linear-gradient(90deg, rgba(2, 8, 15, 0.9), rgba(2, 8, 15, 0.48)),\r\n url(\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/07\/615903786_1499330378219526_1776941821312955172_n.jpg\");\r\n}\r\n\r\n.page-hero-content {\r\n width: min(820px, 100%);\r\n}\r\n\r\n.page-hero h1 {\r\n margin-bottom: 18px;\r\n font-size: clamp(2.35rem, 6vw, 5rem);\r\n}\r\n\r\n.detail-section {\r\n padding: clamp(70px, 9vw, 104px) 0;\r\n background: #ffffff;\r\n}\r\n\r\n.detail-grid {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);\r\n gap: clamp(28px, 6vw, 64px);\r\n align-items: start;\r\n}\r\n\r\n.detail-copy h2 {\r\n margin-bottom: 18px;\r\n font-size: clamp(1.9rem, 4vw, 3rem);\r\n line-height: 1.08;\r\n}\r\n\r\n.detail-copy p {\r\n color: var(--muted);\r\n font-size: 1.04rem;\r\n}\r\n\r\n.detail-list {\r\n display: grid;\r\n gap: 12px;\r\n margin: 28px 0 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n.detail-list li {\r\n padding: 15px 16px;\r\n border: 1px solid rgba(8, 124, 122, 0.16);\r\n border-radius: 8px;\r\n background: #f7fafc;\r\n color: #26313f;\r\n font-weight: 700;\r\n}\r\n\r\n.detail-panel {\r\n padding: clamp(22px, 4vw, 30px);\r\n border-radius: 8px;\r\n background: #101827;\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.detail-panel .eyebrow {\r\n color: #78e8f4;\r\n}\r\n\r\n.detail-panel h3 {\r\n margin-bottom: 12px;\r\n font-size: 1.45rem;\r\n line-height: 1.2;\r\n}\r\n\r\n.detail-panel p {\r\n color: rgba(255, 255, 255, 0.72);\r\n}\r\n\r\n.media-section {\r\n padding: clamp(64px, 8vw, 96px) 0;\r\n background: #f7fafc;\r\n}\r\n\r\n.media-section + .media-section {\r\n padding-top: 0;\r\n}\r\n\r\n.media-heading {\r\n max-width: 720px;\r\n margin-bottom: 28px;\r\n}\r\n\r\n.media-heading h2 {\r\n margin-bottom: 12px;\r\n font-size: clamp(1.9rem, 4vw, 3rem);\r\n line-height: 1.08;\r\n}\r\n\r\n.media-heading p {\r\n color: var(--muted);\r\n}\r\n\r\n.media-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.media-grid img {\r\n width: 100%;\r\n height: clamp(250px, 34vw, 430px);\r\n object-fit: cover;\r\n border-radius: 8px;\r\n box-shadow: 0 14px 34px rgba(13, 17, 23, 0.12);\r\n}\r\n\r\n.article-grid img {\r\n height: auto;\r\n object-fit: contain;\r\n background: #fff;\r\n}\r\n\r\n.back-link {\r\n display: inline-flex;\r\n margin-top: 18px;\r\n color: #78e8f4;\r\n font-weight: 800;\r\n}\r\n\r\n.about-grid {\r\n display: grid;\r\n grid-template-columns: minmax(260px, 0.78fr) minmax(320px, 1fr);\r\n gap: clamp(30px, 6vw, 72px);\r\n align-items: center;\r\n}\r\n\r\n.about-image {\r\n width: min(100%, 430px);\r\n margin: 0;\r\n justify-self: center;\r\n overflow: hidden;\r\n border-radius: 8px;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.about-image img {\r\n width: 100%;\r\n height: clamp(300px, 40vw, 470px);\r\n object-fit: cover;\r\n}\r\n\r\n.about-copy h2,\r\n.section-heading h2,\r\n.contact-panel h2 {\r\n margin-bottom: 18px;\r\n font-size: clamp(2rem, 4vw, 3.35rem);\r\n line-height: 1.05;\r\n letter-spacing: 0;\r\n}\r\n\r\n.about-copy p,\r\n.section-heading p,\r\n.contact-panel p {\r\n color: var(--muted);\r\n font-size: 1.02rem;\r\n}\r\n\r\n.event-details {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n margin: 30px 0 18px;\r\n}\r\n\r\n.event-details div,\r\n.countdown {\r\n border: 1px solid var(--line);\r\n border-radius: 8px;\r\n background: #fff;\r\n}\r\n\r\n.event-details div {\r\n padding: 18px;\r\n}\r\n\r\n.event-details span,\r\n.countdown-heading span,\r\n.speaker-info span {\r\n display: block;\r\n color: var(--muted);\r\n font-size: 0.78rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n}\r\n\r\n.event-details strong {\r\n display: block;\r\n margin-top: 4px;\r\n font-size: 1rem;\r\n}\r\n\r\n.countdown {\r\n padding: clamp(18px, 3vw, 24px);\r\n box-shadow: 0 12px 30px rgba(8, 124, 122, 0.1);\r\n}\r\n\r\n.countdown-heading {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 16px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.countdown-heading strong {\r\n color: var(--teal);\r\n}\r\n\r\n.countdown-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n.countdown-grid div {\r\n min-width: 0;\r\n padding: 16px 8px;\r\n border-radius: 8px;\r\n text-align: center;\r\n background: #eef8f8;\r\n}\r\n\r\n.countdown-grid strong {\r\n display: block;\r\n color: var(--ink);\r\n font-size: clamp(1.5rem, 4vw, 2.15rem);\r\n line-height: 1;\r\n}\r\n\r\n.countdown-grid span {\r\n display: block;\r\n margin-top: 8px;\r\n color: var(--muted);\r\n font-size: 0.72rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n}\r\n\r\n.speakers-section {\r\n background: var(--paper);\r\n}\r\n\r\n.section-heading {\r\n max-width: 680px;\r\n margin-bottom: 34px;\r\n}\r\n\r\n.chair-card {\r\n display: grid;\r\n grid-template-columns: minmax(240px, 0.42fr) minmax(0, 1fr);\r\n gap: 0;\r\n overflow: hidden;\r\n margin-bottom: 34px;\r\n border: 1px solid var(--line);\r\n border-radius: 8px;\r\n background: #101827;\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.chair-photo {\r\n min-height: 310px;\r\n background:\r\n linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.34)),\r\n url(\"assets\/images\/speakers\/JingboWang-e1591114370680-365x367.jpg\");\r\n background-position: center;\r\n background-size: cover;\r\n}\r\n\r\n.chair-info {\r\n align-self: center;\r\n padding: clamp(24px, 5vw, 46px);\r\n}\r\n\r\n.chair-info span {\r\n display: block;\r\n color: #78e8f4;\r\n font-size: 0.78rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n}\r\n\r\n.chair-info h3 {\r\n margin: 10px 0 10px;\r\n font-size: clamp(1.8rem, 4vw, 3rem);\r\n line-height: 1.05;\r\n}\r\n\r\n.chair-info p {\r\n max-width: 650px;\r\n margin-bottom: 0;\r\n color: rgba(255, 255, 255, 0.76);\r\n font-size: 1.05rem;\r\n}\r\n\r\n.speaker-subheading {\r\n margin: 0 0 18px;\r\n font-size: 1.45rem;\r\n line-height: 1.2;\r\n}\r\n\r\n.speaker-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 20px;\r\n}\r\n\r\n.speaker-card {\r\n display: block;\r\n overflow: hidden;\r\n border: 1px solid var(--line);\r\n border-radius: 8px;\r\n background: var(--panel);\r\n box-shadow: 0 12px 28px rgba(13, 17, 23, 0.08);\r\n}\r\n\r\n.profile-link {\r\n cursor: pointer;\r\n transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;\r\n}\r\n\r\n.profile-link:hover,\r\n.profile-link:focus-visible {\r\n border-color: rgba(0, 167, 196, 0.45);\r\n box-shadow: 0 18px 42px rgba(13, 17, 23, 0.14);\r\n outline: none;\r\n transform: translateY(-3px);\r\n}\r\n\r\n.speaker-photo {\r\n min-height: 230px;\r\n background-size: cover;\r\n background-position: center;\r\n}\r\n\r\n.speaker-one {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.2)), url(\"assets\/images\/speakers\/MDDRZHXY-Presenter-CadetF.jpg\");\r\n}\r\n\r\n.speaker-two {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.26)), url(\"assets\/images\/speakers\/anuradha\\ sir.jfif\");\r\n}\r\n\r\n.speaker-three {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.24)), url(\"assets\/images\/speakers\/kasun-300x300.jpg\");\r\n}\r\n\r\n.speaker-four {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.26)), url(\"assets\/images\/speakers\/images.jfif\");\r\n}\r\n\r\n.speaker-five {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.28)), url(\"assets\/images\/speakers\/Dr.-Sabri-768x987.jpg\");\r\n background-position: right center;\r\n}\r\n\r\n.speaker-six {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.24)), url(\"assets\/images\/speakers\/090153_mathieu_roget.jpeg\");\r\n background-position: left center;\r\n}\r\n\r\n.speaker-seven {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.26)), url(\"assets\/images\/speakers\/Dr.\\ Asanka\\ P.\\ Sayakkara.jpg\");\r\n background-position: center top;\r\n}\r\n\r\n.speaker-eight {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.28)), url(\"assets\/images\/speakers\/Flyer.png\");\r\n background-position: center;\r\n}\r\n\r\n.speaker-info {\r\n padding: 22px;\r\n}\r\n\r\n.speaker-info h3 {\r\n margin: 8px 0 6px;\r\n font-size: 1.3rem;\r\n line-height: 1.2;\r\n}\r\n\r\n.speaker-info p {\r\n margin-bottom: 14px;\r\n color: var(--muted);\r\n}\r\n\r\n.speaker-info em,\r\n.chair-info em {\r\n display: inline-flex;\r\n color: var(--teal);\r\n font-size: 0.88rem;\r\n font-style: normal;\r\n font-weight: 800;\r\n}\r\n\r\n.chair-info em {\r\n margin-top: 18px;\r\n color: #78e8f4;\r\n}\r\n\r\n.papers-section {\r\n background:\r\n linear-gradient(135deg, rgba(0, 167, 196, 0.16), rgba(217, 88, 63, 0.13)),\r\n #ffffff;\r\n}\r\n\r\n.paper-page .papers-section {\r\n padding-top: 132px;\r\n}\r\n\r\n.papers-grid {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);\r\n gap: clamp(28px, 5vw, 58px);\r\n align-items: start;\r\n}\r\n\r\n.papers-teaser-grid {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);\r\n gap: clamp(28px, 5vw, 58px);\r\n align-items: center;\r\n}\r\n\r\n.papers-button {\r\n margin-top: 10px;\r\n}\r\n\r\n.papers-topic-card {\r\n position: relative;\r\n overflow: hidden;\r\n margin-bottom: 26px;\r\n padding: clamp(24px, 5vw, 38px);\r\n border: 1px solid rgba(0, 167, 196, 0.24);\r\n border-left: 8px solid var(--coral);\r\n border-radius: 8px;\r\n background:\r\n linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(238, 248, 248, 0.92)),\r\n #ffffff;\r\n box-shadow: 0 18px 46px rgba(13, 17, 23, 0.13);\r\n}\r\n\r\n.papers-topic-card::after {\r\n content: \"\";\r\n position: absolute;\r\n right: -54px;\r\n bottom: -74px;\r\n width: 220px;\r\n height: 220px;\r\n border: 34px solid rgba(0, 167, 196, 0.12);\r\n border-radius: 50%;\r\n}\r\n\r\n.papers-topic-card .eyebrow {\r\n display: inline-flex;\r\n margin-bottom: 16px;\r\n padding: 8px 12px;\r\n border-radius: 8px;\r\n background: var(--coral);\r\n color: #fff;\r\n}\r\n\r\n.papers-copy h1,\r\n.papers-copy h2,\r\n.papers-topic-card h1,\r\n.papers-topic-card h2 {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 820px;\r\n margin-bottom: 0;\r\n font-size: clamp(2.35rem, 5vw, 4.35rem);\r\n line-height: 1.06;\r\n letter-spacing: 0;\r\n}\r\n\r\n.papers-copy p {\r\n color: var(--muted);\r\n font-size: 1.02rem;\r\n}\r\n\r\n.papers-copy .lead {\r\n color: var(--ink);\r\n font-size: clamp(1.06rem, 2vw, 1.22rem);\r\n font-weight: 600;\r\n}\r\n\r\n.topics-block {\r\n margin-top: 34px;\r\n}\r\n\r\n.topics-block h2,\r\n.topics-block h3,\r\n.dates-panel h2,\r\n.dates-panel h3 {\r\n margin-bottom: 10px;\r\n font-size: 1.35rem;\r\n line-height: 1.2;\r\n}\r\n\r\n.topics-list {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n margin: 18px 0 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n.topics-list li {\r\n position: relative;\r\n min-height: 100%;\r\n padding: 14px 14px 14px 38px;\r\n border: 1px solid rgba(8, 124, 122, 0.16);\r\n border-radius: 8px;\r\n background: rgba(255, 255, 255, 0.78);\r\n color: #26313f;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n}\r\n\r\n.topics-list li::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 20px;\r\n left: 17px;\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--coral);\r\n}\r\n\r\n.dates-panel {\r\n position: sticky;\r\n top: 92px;\r\n padding: clamp(22px, 4vw, 30px);\r\n border-radius: 8px;\r\n background: #101827;\r\n color: #fff;\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.dates-panel .eyebrow {\r\n color: #78e8f4;\r\n}\r\n\r\n.dates-panel h2,\r\n.dates-panel h3 {\r\n color: #fff;\r\n}\r\n\r\n.dates-list {\r\n margin: 22px 0 0;\r\n}\r\n\r\n.dates-list div {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 3px;\r\n padding: 16px 0;\r\n border-top: 1px solid rgba(255, 255, 255, 0.15);\r\n}\r\n\r\n.dates-list dt {\r\n color: rgba(255, 255, 255, 0.7);\r\n font-size: 0.82rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.07em;\r\n}\r\n\r\n.dates-list dd {\r\n margin: 0;\r\n color: #fff;\r\n font-size: 1.08rem;\r\n font-weight: 800;\r\n}\r\n\r\n.dates-note {\r\n margin: 20px 0 0;\r\n color: rgba(255, 255, 255, 0.68);\r\n font-size: 0.92rem;\r\n}\r\n\r\n.contact-section {\r\n background: #111827;\r\n color: #fff;\r\n}\r\n\r\n.contact-panel {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);\r\n gap: clamp(28px, 6vw, 64px);\r\n align-items: start;\r\n}\r\n\r\n.contact-panel p {\r\n max-width: 620px;\r\n color: rgba(255, 255, 255, 0.72);\r\n}\r\n\r\n.contact-copy .eyebrow {\r\n color: #78e8f4;\r\n}\r\n\r\n.contact-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n margin-top: 26px;\r\n}\r\n\r\n.registration-info {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n margin-top: 28px;\r\n}\r\n\r\n.registration-info article {\r\n padding: 18px;\r\n border: 1px solid rgba(120, 232, 244, 0.2);\r\n border-radius: 8px;\r\n background: rgba(255, 255, 255, 0.07);\r\n}\r\n\r\n.registration-info span {\r\n display: block;\r\n color: rgba(255, 255, 255, 0.68);\r\n font-size: 0.76rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n}\r\n\r\n.registration-info strong {\r\n display: block;\r\n margin-top: 8px;\r\n color: #fff;\r\n font-size: clamp(1.2rem, 2vw, 1.6rem);\r\n line-height: 1.15;\r\n}\r\n\r\n.dark-button {\r\n background: var(--gold);\r\n color: #10131a;\r\n}\r\n\r\n.ticket-button {\r\n border-color: rgba(255, 255, 255, 0.34);\r\n}\r\n\r\n.contact-details {\r\n display: grid;\r\n gap: 18px;\r\n}\r\n\r\n.contact-card,\r\n.partner-block {\r\n padding: clamp(20px, 4vw, 28px);\r\n border: 1px solid rgba(255, 255, 255, 0.14);\r\n border-radius: 8px;\r\n background: rgba(255, 255, 255, 0.06);\r\n}\r\n\r\n.contact-card span,\r\n.partner-block > span {\r\n display: block;\r\n color: #78e8f4;\r\n font-size: 0.78rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n}\r\n\r\n.contact-card h3 {\r\n margin: 8px 0 8px;\r\n font-size: 1.45rem;\r\n line-height: 1.2;\r\n}\r\n\r\n.contact-card a {\r\n color: rgba(255, 255, 255, 0.82);\r\n font-weight: 700;\r\n overflow-wrap: anywhere;\r\n}\r\n\r\n.partner-logos {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 10px;\r\n margin-top: 14px;\r\n}\r\n\r\n.partner-logos div {\r\n display: grid;\r\n min-height: 76px;\r\n place-items: center;\r\n padding: 10px;\r\n border: 1px dashed rgba(255, 255, 255, 0.32);\r\n border-radius: 8px;\r\n color: rgba(255, 255, 255, 0.64);\r\n font-size: 0.78rem;\r\n font-weight: 800;\r\n text-align: center;\r\n text-transform: uppercase;\r\n}\r\n\r\n\r\n@keyframes heroFade {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(1.08);\r\n }\r\n 7%,\r\n 31% {\r\n opacity: 1;\r\n }\r\n 42%,\r\n 100% {\r\n opacity: 0;\r\n transform: scale(1.18);\r\n }\r\n}\r\n\r\n@keyframes scrollDot {\r\n 0% {\r\n opacity: 0;\r\n transform: translate(-50%, 0);\r\n }\r\n 35% {\r\n opacity: 1;\r\n }\r\n 100% {\r\n opacity: 0;\r\n transform: translate(-50%, 20px);\r\n }\r\n}\r\n\r\n@media (max-width: 860px) {\r\n .site-header {\r\n align-items: flex-start;\r\n padding: 16px 20px;\r\n }\r\n\r\n .nav-links {\r\n gap: 13px;\r\n font-size: 0.82rem;\r\n }\r\n\r\n .hero {\r\n min-height: 92svh;\r\n padding: 106px 20px 72px;\r\n }\r\n\r\n .hero-overlay {\r\n background:\r\n linear-gradient(90deg, rgba(2, 8, 15, 0.9), rgba(2, 8, 15, 0.62)),\r\n linear-gradient(0deg, rgba(2, 8, 15, 0.6), rgba(2, 8, 15, 0.1));\r\n }\r\n\r\n .about-grid,\r\n .past-events-panel,\r\n .initiatives-grid,\r\n .detail-grid,\r\n .papers-grid,\r\n .papers-teaser-grid,\r\n .contact-panel {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .media-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .about-image img {\r\n height: clamp(220px, 48vw, 320px);\r\n }\r\n\r\n .chair-card {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .chair-photo {\r\n min-height: 240px;\r\n }\r\n\r\n .speaker-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .dates-panel {\r\n position: static;\r\n }\r\n\r\n .contact-panel {\r\n justify-items: start;\r\n }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n .site-header {\r\n flex-wrap: wrap;\r\n background: rgba(3, 8, 16, 0.78);\r\n }\r\n\r\n .nav-links {\r\n gap: 10px;\r\n }\r\n\r\n .nav-links a:nth-child(5) {\r\n display: none;\r\n }\r\n\r\n .hero-actions,\r\n .event-details,\r\n .countdown-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .primary-button,\r\n .secondary-button {\r\n width: 100%;\r\n }\r\n\r\n .event-details {\r\n display: grid;\r\n }\r\n\r\n .countdown-grid {\r\n display: grid;\r\n }\r\n\r\n .countdown-heading {\r\n display: block;\r\n }\r\n\r\n .countdown-heading strong {\r\n display: block;\r\n margin-top: 4px;\r\n }\r\n\r\n .topics-list {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .past-event-links {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .partner-logos {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .initiative-image {\r\n min-height: 190px;\r\n }\r\n\r\n .speaker-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 14px;\r\n }\r\n\r\n .registration-info {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .speaker-photo {\r\n min-height: 150px;\r\n }\r\n\r\n .speaker-info {\r\n padding: 14px;\r\n }\r\n\r\n .speaker-info h3 {\r\n font-size: 1rem;\r\n }\r\n\r\n .speaker-info p,\r\n .speaker-info em {\r\n font-size: 0.82rem;\r\n }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n *,\r\n *::before,\r\n *::after {\r\n scroll-behavior: auto !important;\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n\r\n .slide-one {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n \r\n\r\n <main>\r\n <section class=\"page-hero spinq-page-hero\">\r\n <div class=\"page-hero-content\">\r\n <p class=\"eyebrow\">Lab Platform<\/p>\r\n <h1>SpinQ NMR Quantum Computer<\/h1>\r\n <p class=\"hero-copy\">\r\n A hands-on NMR quantum computing platform for demonstrations, education, and experimental learning.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"detail-section\">\r\n <div class=\"section-shell detail-grid\">\r\n <div class=\"detail-copy\">\r\n <h2>Bringing practical quantum experiments into the meetup<\/h2>\r\n <p>\r\n The SpinQ NMR quantum computer supports hands-on exploration of quantum algorithms and quantum\r\n information processing using a compact Nuclear Magnetic Resonance platform.\r\n <\/p>\r\n <p>\r\n It will help students and participants connect theory with experiment through demonstrations,\r\n classroom activities, and practical investigations of NMR-based quantum computing.\r\n <\/p>\r\n\r\n <ul class=\"detail-list\">\r\n <li>NMR-based quantum computing demonstrations<\/li>\r\n <li>Educational experiments with quantum algorithms<\/li>\r\n <li>Support for practical sessions during meetup activities<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <aside class=\"detail-panel\">\r\n <p class=\"eyebrow\">Hands-On Platform<\/p>\r\n <h3>From algorithms to experiments<\/h3>\r\n <p>\r\n The system gives participants a direct way to see how quantum computing concepts can be implemented\r\n and studied in a real experimental setting.\r\n <\/p>\r\n <a class=\"back-link\" href=\"https:\/\/iccmm.cmb.ac.lk\/2026\/cqcm-main\/#initiatives\">Back to initiatives<\/a>\r\n <\/aside>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"media-section\">\r\n <div class=\"section-shell\">\r\n <div class=\"media-heading\">\r\n <p class=\"eyebrow dark\">Photos<\/p>\r\n <h2>SpinQ NMR quantum computer highlights<\/h2>\r\n <p>Photos from the SpinQ NMR quantum computer activities and demonstrations.<\/p>\r\n <\/div>\r\n\r\n <div class=\"media-grid\">\r\n <img decoding=\"async\" src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/07\/615903786_1499330378219526_1776941821312955172_n.jpg\" alt=\"SpinQ NMR quantum computer activity photo\" \/>\r\n <img decoding=\"async\" src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/06\/WhatsApp-Image-2026-06-10-at-17.51.19.jpeg\" alt=\"Newspaper article about the quantum computing initiative\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"media-section\">\r\n <div class=\"section-shell\">\r\n <div class=\"media-heading\">\r\n <p class=\"eyebrow dark\">News Coverage<\/p>\r\n <h2>Newspaper articles<\/h2>\r\n <p>Selected newspaper coverage and article clippings related to the quantum computer initiative.<\/p>\r\n <\/div>\r\n\r\n <div class=\"media-grid\">\r\n <img decoding=\"async\" src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/07\/618630980_122219392232283457_8161978778808158719_n.jpg\" alt=\"Newspaper article about the SpinQ NMR quantum computer\" \/>\r\n <img decoding=\"async\" src=\"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-content\/uploads\/sites\/7\/2026\/07\/WhatsApp-Image-2026-06-02-at-11.18.31.jpeg\" alt=\"SpinQ NMR quantum computer event photo\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <a class=\"back-to-top\" href=\"#\" aria-label=\"Go to top\">^<\/a>\r\n<\/body>\r\n<\/html>\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>SpinQ NMR Quantum Computer | CQCM 2026 Lab Platform SpinQ NMR Quantum Computer A hands-on NMR quantum computing platform for demonstrations, education, and experimental learning. Bringing practical quantum experiments into the meetup The SpinQ NMR quantum computer supports hands-on exploration of quantum algorithms and quantum information processing using a compact Nuclear Magnetic Resonance platform. It […]<\/p>\n","protected":false},"author":123464,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8932","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/8932","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\/123464"}],"replies":[{"embeddable":true,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/comments?post=8932"}],"version-history":[{"count":14,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/8932\/revisions"}],"predecessor-version":[{"id":11715,"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/pages\/8932\/revisions\/11715"}],"wp:attachment":[{"href":"https:\/\/iccmm.cmb.ac.lk\/2026\/wp-json\/wp\/v2\/media?parent=8932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}