{"id":4243,"date":"2026-06-29T12:36:58","date_gmt":"2026-06-29T12:36:58","guid":{"rendered":"https:\/\/clusterar.com\/?page_id=4243"},"modified":"2026-07-16T01:22:18","modified_gmt":"2026-07-16T01:22:18","slug":"register-now","status":"publish","type":"page","link":"https:\/\/clusterar.com\/en\/register-now\/","title":{"rendered":"Register Now"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4243\" class=\"elementor elementor-4243\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0eb02e e-flex e-con-boxed e-con e-parent\" data-id=\"a0eb02e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-572172b e-con-full e-flex e-con e-child\" data-id=\"572172b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-320411c e-con-full e-flex e-con e-child\" data-id=\"320411c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9347f6b e-con-full e-flex e-con e-child\" data-id=\"9347f6b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c76e652 elementor-widget elementor-widget-spacer\" data-id=\"c76e652\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b7a9ad elementor-widget elementor-widget-html\" data-id=\"9b7a9ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@300;400;500;600;700;800;900&family=League+Spartan:wght@700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"hero-text\">\r\n\r\n    <h1>\r\n        Join The <br>\r\n        <span class=\"white\">ClusterAR<\/span>\r\n        <span class=\"gradient\">Ecosystem<\/span>\r\n    <\/h1>\r\n\r\n    <p>\r\n        Be Part of a global Community advancing science innovation,\r\n        education and impacts.\r\n    <\/p>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n.hero-text{\r\n    max-width:560px;\r\n}\r\n\r\n.hero-text h1{\r\n    margin:0;\r\n    font-family:'League Spartan',sans-serif;\r\n    font-size:55px;\r\n    font-weight:900;\r\n    line-height:0.92;\r\n    color:#fff;\r\n    letter-spacing:-2px;\r\n}\r\n\r\n.hero-text .white{\r\n    color:#ffffff;\r\n}\r\n\r\n.hero-text .gradient{\r\n    background:linear-gradient(90deg,#7BEA6D 0%,#58D88B 45%,#4C7BFF 100%);\r\n    -webkit-background-clip:text;\r\n    -webkit-text-fill-color:transparent;\r\n    background-clip:text;\r\n}\r\n\r\n.hero-text p{\r\n    margin-top:2px;\r\n    max-width:520px;\r\n    font-family:'Jost',sans-serif;\r\n    font-size:20px;\r\n    font-weight:500;\r\n    line-height:1.75;\r\n    color:rgba(255,255,255,.88);\r\n}\r\n\r\n@media (max-width:1024px){\r\n\r\n.hero-text h1{\r\n    font-size:64px;\r\n}\r\n\r\n.hero-text p{\r\n    font-size:22px;\r\n}\r\n\r\n}\r\n\r\n@media (max-width:768px){\r\n\r\n.hero-text h1{\r\n    font-size:46px;\r\n    line-height:1;\r\n}\r\n\r\n.hero-text p{\r\n    font-size:18px;\r\n    line-height:1.7;\r\n}\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-766a24d elementor-widget elementor-widget-spacer\" data-id=\"766a24d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a7d4075 e-con-full e-flex e-con e-child\" data-id=\"a7d4075\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b89d9a3 e-flex e-con-boxed e-con e-parent\" data-id=\"b89d9a3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ecda1b elementor-widget elementor-widget-html\" data-id=\"9ecda1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=League+Spartan:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.mp-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.mp-wrap {\r\n  width: 100%;\r\n  font-family: 'League Spartan', sans-serif;\r\n  background: #fff;\r\n  padding: 48px 32px 0;\r\n}\r\n\r\n\/* \u2500\u2500 Section Title \u2500\u2500 *\/\r\n.mp-title {\r\n  text-align: center;\r\n  font-size: 24px;\r\n  font-weight: 800;\r\n  color: #0D1B4B;\r\n  letter-spacing: -0.3px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n\/* \u2500\u2500 Billing Toggle \u2500\u2500 *\/\r\n.mp-billing {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  padding: 0 0 28px;\r\n  border-bottom: 1px solid #F0F2F8;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.mp-billing-label {\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #0D1B4B;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.mp-billing-label svg { width: 17px; height: 17px; }\r\n\r\n.mp-billing-options {\r\n  display: flex;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.billing-opt {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 2px;\r\n  padding: 12px 20px;\r\n  border-radius: 12px;\r\n  border: 1.5px solid #E0E4F0;\r\n  cursor: pointer;\r\n  transition: all 0.15s;\r\n  background: #fff;\r\n  min-width: 160px;\r\n}\r\n\r\n.billing-opt.active {\r\n  border-color: #5B5EFF;\r\n  background: #F0F1FF;\r\n  box-shadow: 0 0 0 3px rgba(91,94,255,0.1);\r\n}\r\n\r\n.billing-opt-title {\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #0D1B4B;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.billing-dot {\r\n  width: 16px;\r\n  height: 16px;\r\n  border-radius: 50%;\r\n  border: 2px solid #D0D4E8;\r\n  flex-shrink: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.billing-opt.active .billing-dot {\r\n  border-color: #5B5EFF;\r\n  background: #5B5EFF;\r\n}\r\n\r\n.billing-opt.active .billing-dot::after {\r\n  content: '';\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: #fff;\r\n}\r\n\r\n.billing-opt-sub {\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  color: #8888BB;\r\n  padding-left: 24px;\r\n}\r\n\r\n.billing-arrow {\r\n  margin-left: auto;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  color: #8888BB;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.billing-arrow svg { width: 19px; height: 19px; }\r\n\r\n\/* \u2500\u2500 Plans Grid \u2500\u2500 *\/\r\n.mp-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 22px;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.mp-card {\r\n  border: 1.5px solid #E8E8F0;\r\n  border-radius: 20px;\r\n  padding: 34px 30px 30px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0;\r\n  position: relative;\r\n  transition: box-shadow 0.2s, transform 0.2s;\r\n  background: #fff;\r\n  min-height: 520px;\r\n}\r\n\r\n.mp-card:hover {\r\n  box-shadow: 0 8px 32px rgba(91,94,255,0.12);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.mp-card.featured {\r\n  border-color: #5B5EFF;\r\n  box-shadow: 0 4px 24px rgba(91,94,255,0.15);\r\n}\r\n\r\n\/* Best Value badge *\/\r\n.mp-badge {\r\n  position: absolute;\r\n  top: -14px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background: linear-gradient(90deg, #FF6B35, #FF3D71);\r\n  color: #fff;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.5px;\r\n  padding: 6px 16px;\r\n  border-radius: 20px;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* Card icon *\/\r\n.mp-card-icon {\r\n  width: 60px;\r\n  height: 60px;\r\n  border-radius: 14px;\r\n  background: #EEF0FF;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.mp-card-icon svg { width: 30px; height: 30px; }\r\n\r\n\/* Plan name *\/\r\n.mp-plan-name {\r\n  font-size: 22px;\r\n  font-weight: 800;\r\n  color: #0D1B4B;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n\/* Price *\/\r\n.mp-price-row {\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 6px;\r\n  margin-bottom: 4px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.mp-price {\r\n  font-size: 38px;\r\n  font-weight: 900;\r\n  color: #0D1B4B;\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.mp-price-period {\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  color: #8888BB;\r\n}\r\n\r\n.mp-price-annual {\r\n  font-size: 13px;\r\n  color: #8888BB;\r\n  font-weight: 400;\r\n  margin-bottom: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.mp-save-badge {\r\n  background: #E8FFF5;\r\n  color: #22C98A;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  padding: 3px 9px;\r\n  border-radius: 20px;\r\n}\r\n\r\n.mp-desc {\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  color: #8A9BC0;\r\n  line-height: 1.6;\r\n  margin-bottom: 22px;\r\n  margin-top: 8px;\r\n}\r\n\r\n\/* Feature list *\/\r\n.mp-features {\r\n  list-style: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  margin-bottom: 28px;\r\n  flex: 1;\r\n}\r\n\r\n.mp-features li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  color: #0D1B4B;\r\n  line-height: 1.5;\r\n}\r\n\r\n.mp-features li::before {\r\n  content: '';\r\n  flex-shrink: 0;\r\n  width: 20px;\r\n  height: 20px;\r\n  background: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='8' cy='8' r='7' fill='%2322C98A' opacity='0.15'\/%3E%3Cpath d='M5 8l2 2 4-4' stroke='%2322C98A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") center\/contain no-repeat;\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* CTA buttons *\/\r\n.mp-btn {\r\n  width: 100%;\r\n  padding: 16px 20px;\r\n  border-radius: 12px;\r\n  font-family: 'League Spartan', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  border: none;\r\n  transition: all 0.2s;\r\n  text-decoration: none;\r\n  display: block;\r\n}\r\n\r\n.mp-btn-primary {\r\n  background: linear-gradient(135deg, #5B5EFF, #7A39FF);\r\n  color: #fff;\r\n  box-shadow: 0 4px 14px rgba(91,94,255,0.3);\r\n}\r\n\r\n.mp-btn-primary:hover { opacity: 0.88; transform: translateY(-1px); }\r\n\r\n.mp-btn-outline {\r\n  background: #fff;\r\n  color: #0D1B4B;\r\n  border: 1.5px solid #E0E4F0;\r\n}\r\n\r\n.mp-btn-outline:hover { border-color: #5B5EFF; color: #5B5EFF; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   PAYMENT MODAL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.mp-modal-overlay {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  background: rgba(10,20,60,0.55);\r\n  z-index: 9999;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 20px;\r\n}\r\n\r\n.mp-modal-overlay.open { display: flex; }\r\n\r\n.mp-modal {\r\n  background: #fff;\r\n  border-radius: 20px;\r\n  width: 100%;\r\n  max-width: 540px;\r\n  box-shadow: 0 20px 60px rgba(0,0,0,0.25);\r\n  overflow: hidden;\r\n  animation: modal-in 0.25s ease;\r\n}\r\n\r\n@keyframes modal-in {\r\n  from { transform: translateY(20px); opacity: 0; }\r\n  to   { transform: translateY(0);    opacity: 1; }\r\n}\r\n\r\n.mp-modal-header {\r\n  background: linear-gradient(135deg, #0D1B4B, #1A2E6B);\r\n  padding: 24px 26px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.mp-modal-header-left { display: flex; flex-direction: column; gap: 3px; }\r\n\r\n.mp-modal-plan-name {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: #8A9BC0;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.mp-modal-title {\r\n  font-size: 19px;\r\n  font-weight: 900;\r\n  color: #fff;\r\n  letter-spacing: -0.3px;\r\n}\r\n\r\n.mp-modal-price {\r\n  font-size: 23px;\r\n  font-weight: 900;\r\n  color: #fff;\r\n  letter-spacing: -0.5px;\r\n}\r\n\r\n.mp-modal-close {\r\n  width: 34px;\r\n  height: 34px;\r\n  background: rgba(255,255,255,0.1);\r\n  border: none;\r\n  border-radius: 9px;\r\n  color: #fff;\r\n  font-size: 19px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  line-height: 1;\r\n  transition: background 0.2s;\r\n}\r\n\r\n.mp-modal-close:hover { background: rgba(255,255,255,0.2); }\r\n\r\n.mp-modal-body { padding: 26px; }\r\n\r\n.mp-modal-section-title {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: #8888BB;\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n\/* Payment methods *\/\r\n.pm-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  gap: 10px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.pm-option {\r\n  border: 1.5px solid #E0E4F0;\r\n  border-radius: 12px;\r\n  padding: 14px 16px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  transition: all 0.15s;\r\n  background: #fff;\r\n}\r\n\r\n.pm-option:hover { border-color: #5B5EFF; background: #F5F5FF; }\r\n\r\n.pm-option.active {\r\n  border-color: #5B5EFF;\r\n  background: #F0F1FF;\r\n  box-shadow: 0 0 0 3px rgba(91,94,255,0.1);\r\n}\r\n\r\n.pm-option-icon {\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  font-size: 18px;\r\n}\r\n\r\n.pm-option-text { display: flex; flex-direction: column; gap: 1px; }\r\n\r\n.pm-option-name {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: #0D1B4B;\r\n}\r\n\r\n.pm-option-sub {\r\n  font-size: 10.5px;\r\n  font-weight: 400;\r\n  color: #8888BB;\r\n}\r\n\r\n\/* Card form *\/\r\n.pm-form { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; }\r\n\r\n.pm-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\r\n\r\n.pm-input-wrap {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.pm-input-label {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: #6B7FA8;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.pm-input {\r\n  border: 1.5px solid #E0E4F0;\r\n  border-radius: 8px;\r\n  padding: 10px 12px;\r\n  font-family: 'League Spartan', sans-serif;\r\n  font-size: 13px;\r\n  color: #0D1B4B;\r\n  outline: none;\r\n  transition: border-color 0.15s;\r\n  width: 100%;\r\n}\r\n\r\n.pm-input:focus { border-color: #5B5EFF; }\r\n.pm-input::placeholder { color: #AAAACC; }\r\n\r\n\/* Bank transfer info box *\/\r\n.pm-bank-box {\r\n  background: #F8F9FF;\r\n  border: 1.5px solid #E0E4F0;\r\n  border-radius: 12px;\r\n  padding: 14px 16px;\r\n  margin-bottom: 16px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.pm-bank-row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  font-size: 12px;\r\n}\r\n\r\n.pm-bank-key { font-weight: 600; color: #6B7FA8; }\r\n.pm-bank-val { font-weight: 700; color: #0D1B4B; font-family: monospace; }\r\n\r\n\/* External link option *\/\r\n.pm-external-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  border: 1.5px dashed #D0D4E8;\r\n  border-radius: 12px;\r\n  padding: 14px 16px;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: #5B5EFF;\r\n  text-decoration: none;\r\n  transition: all 0.15s;\r\n  margin-bottom: 16px;\r\n  background: #FAFBFF;\r\n  cursor: pointer;\r\n  width: 100%;\r\n}\r\n\r\n.pm-external-btn:hover { background: #F0F1FF; border-color: #5B5EFF; }\r\n.pm-external-btn svg { width: 18px; height: 18px; flex-shrink: 0; }\r\n\r\n\/* Confirm button *\/\r\n.pm-confirm-btn {\r\n  width: 100%;\r\n  padding: 14px;\r\n  background: linear-gradient(135deg, #5B5EFF, #7A39FF);\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-family: 'League Spartan', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  transition: opacity 0.2s;\r\n  box-shadow: 0 4px 16px rgba(91,94,255,0.3);\r\n}\r\n\r\n.pm-confirm-btn:hover { opacity: 0.88; }\r\n.pm-confirm-btn svg { width: 16px; height: 16px; }\r\n\r\n.pm-secure-note {\r\n  text-align: center;\r\n  font-size: 10.5px;\r\n  font-weight: 500;\r\n  color: #AAAACC;\r\n  margin-top: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 5px;\r\n}\r\n\r\n.pm-secure-note svg { width: 12px; height: 12px; }\r\n\r\n\/* Payment method panels *\/\r\n.pm-panel { display: none; }\r\n.pm-panel.active { display: block; }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 700px) {\r\n  .mp-grid { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 600px) {\r\n  .mp-wrap { padding: 32px 16px 0; }\r\n  .pm-grid { grid-template-columns: 1fr; }\r\n  .mp-billing { flex-direction: column; align-items: flex-start; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"mp-wrap\">\r\n\r\n  <div class=\"mp-title\">Membership Plans<\/div>\r\n\r\n  <!-- Billing Cycle -->\r\n  <div class=\"mp-billing\">\r\n    <div class=\"mp-billing-label\">\r\n      <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"#5B5EFF\" stroke-width=\"1.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <circle cx=\"8\" cy=\"8\" r=\"6.5\"\/><path d=\"M8 4.5v4l2.5 1.5\"\/>\r\n      <\/svg>\r\n      Billing Cycle\r\n    <\/div>\r\n    <div class=\"mp-billing-options\">\r\n      <div class=\"billing-opt active\" id=\"billing6\" onclick=\"setBilling('6')\">\r\n        <div class=\"billing-opt-title\">\r\n          <div class=\"billing-dot\"><\/div>\r\n          6 Months\r\n        <\/div>\r\n        <div class=\"billing-opt-sub\">Pay every 6 months<\/div>\r\n      <\/div>\r\n      <div class=\"billing-opt\" id=\"billingAnnual\" onclick=\"setBilling('annual')\">\r\n        <div class=\"billing-opt-title\">\r\n          <div class=\"billing-dot\"><\/div>\r\n          Annual\r\n        <\/div>\r\n        <div class=\"billing-opt-sub\">Save up to 20%<\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"billing-arrow\">\r\n      <svg viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"#5B5EFF\" stroke-width=\"1.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path d=\"M3 9h12M10 4l5 5-5 5\"\/>\r\n      <\/svg>\r\n      Choose your preferred option\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Plans Grid -->\r\n  <div class=\"mp-grid\">\r\n\r\n    <!-- STUDENT -->\r\n    <div class=\"mp-card\" data-plan=\"Student\" data-price-6=\"29\" data-price-annual=\"49\" data-save=\"9\">\r\n      <div class=\"mp-card-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B5EFF\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M22 10v6M2 10l10-5 10 5-10 5-10-5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"mp-plan-name\">Student<\/div>\r\n      <div class=\"mp-price-row\">\r\n        <span class=\"mp-price mp-price-main\">&euro;29<\/span>\r\n        <span class=\"mp-price-period mp-price-period-main\">\/ 6 months<\/span>\r\n      <\/div>\r\n      <div class=\"mp-price-annual mp-price-alt\">&euro;49 \/ year <span class=\"mp-save-badge\">Save &euro;9<\/span><\/div>\r\n      <div class=\"mp-desc\">For students and early-career researchers.<\/div>\r\n      <ul class=\"mp-features\">\r\n        <li>Member newsletter<\/li>\r\n        <li>Event discounts<\/li>\r\n        <li>Course discounts<\/li>\r\n        <li>Community access<\/li>\r\n        <li>Early announcements<\/li>\r\n      <\/ul>\r\n      <button class=\"mp-btn mp-btn-primary\" onclick=\"openModal(this)\">Join Student Plan<\/button>\r\n    <\/div>\r\n\r\n    <!-- PROFESSIONAL -->\r\n    <div class=\"mp-card\" data-plan=\"Professional\" data-price-6=\"59\" data-price-annual=\"99\" data-save=\"19\">\r\n      <div class=\"mp-card-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B5EFF\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/>\r\n          <line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\"\/><line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"mp-plan-name\">Professional<\/div>\r\n      <div class=\"mp-price-row\">\r\n        <span class=\"mp-price mp-price-main\">&euro;59<\/span>\r\n        <span class=\"mp-price-period mp-price-period-main\">\/ 6 months<\/span>\r\n      <\/div>\r\n      <div class=\"mp-price-annual mp-price-alt\">&euro;99 \/ year <span class=\"mp-save-badge\">Save &euro;19<\/span><\/div>\r\n      <div class=\"mp-desc\">For professionals and independent specialists.<\/div>\r\n      <ul class=\"mp-features\">\r\n        <li>Everything in Student<\/li>\r\n        <li>Webinar Library<\/li>\r\n        <li>Certification discounts<\/li>\r\n        <li>Priority event registration<\/li>\r\n        <li>Exclusive resources<\/li>\r\n        <li>Networking opportunities<\/li>\r\n      <\/ul>\r\n      <button class=\"mp-btn mp-btn-primary\" onclick=\"openModal(this)\">Join Professional Plan<\/button>\r\n    <\/div>\r\n\r\n    <!-- PREMIUM -->\r\n    <div class=\"mp-card featured\" data-plan=\"Premium\" data-price-6=\"119\" data-price-annual=\"199\" data-save=\"39\">\r\n      <div class=\"mp-badge\">Best Value<\/div>\r\n      <div class=\"mp-card-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B5EFF\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"mp-plan-name\">Premium<\/div>\r\n      <div class=\"mp-price-row\">\r\n        <span class=\"mp-price mp-price-main\">&euro;119<\/span>\r\n        <span class=\"mp-price-period mp-price-period-main\">\/ 6 months<\/span>\r\n      <\/div>\r\n      <div class=\"mp-price-annual mp-price-alt\">&euro;199 \/ year <span class=\"mp-save-badge\">Save &euro;39<\/span><\/div>\r\n      <div class=\"mp-desc\">For advanced members and organizations.<\/div>\r\n      <ul class=\"mp-features\">\r\n        <li>Everything in Professional<\/li>\r\n        <li>Scientific reports<\/li>\r\n        <li>Benchmarking reports<\/li>\r\n        <li>E-books<\/li>\r\n        <li>Exclusive webinars<\/li>\r\n        <li>Early access initiatives<\/li>\r\n        <li>Member premium badge<\/li>\r\n      <\/ul>\r\n      <button class=\"mp-btn mp-btn-primary\" onclick=\"openModal(this)\">Join Premium Plan<\/button>\r\n    <\/div>\r\n\r\n    <!-- INSTITUTIONAL -->\r\n    <div class=\"mp-card\">\r\n      <div class=\"mp-card-icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B5EFF\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M3 21h18M3 7l9-4 9 4M4 7v14M20 7v14M8 21v-4a4 4 0 0 1 8 0v4\"\/>\r\n          <path d=\"M9 7v2M12 7v2M15 7v2M9 13v2M15 13v2\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"mp-plan-name\">Institutional<\/div>\r\n      <div class=\"mp-price-row\">\r\n        <span class=\"mp-price\" style=\"font-size:22px;letter-spacing:-0.5px;\">Custom Plan<\/span>\r\n      <\/div>\r\n      <div class=\"mp-desc\">For universities, research centers and companies.<\/div>\r\n      <ul class=\"mp-features\">\r\n        <li>Tailored benefits<\/li>\r\n        <li>Strategic partnerships<\/li>\r\n        <li>Sponsorship opportunities<\/li>\r\n        <li>Custom solutions<\/li>\r\n      <\/ul>\r\n      <a class=\"mp-btn mp-btn-outline\" href=\"https:\/\/clusterar.com\/en\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\">Contact Us<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     PAYMENT MODAL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"mp-modal-overlay\" id=\"mpModalOverlay\" onclick=\"closeModalOutside(event)\">\r\n  <div class=\"mp-modal\">\r\n\r\n    <div class=\"mp-modal-header\">\r\n      <div class=\"mp-modal-header-left\">\r\n        <span class=\"mp-modal-plan-name\" id=\"modalPlanName\">Premium<\/span>\r\n        <span class=\"mp-modal-title\">Complete Registration<\/span>\r\n      <\/div>\r\n      <div style=\"display:flex;align-items:center;gap:12px;\">\r\n        <span class=\"mp-modal-price\" id=\"modalPlanPrice\">&euro;119<\/span>\r\n        <button class=\"mp-modal-close\" onclick=\"closeModal()\">\u00d7<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mp-modal-body\">\r\n      <div class=\"mp-modal-section-title\">Select Payment Method<\/div>\r\n\r\n      <!-- Payment method buttons -->\r\n      <div class=\"pm-grid\">\r\n        <div class=\"pm-option active\" onclick=\"selectPayment('card')\" id=\"pm-card\">\r\n          <div class=\"pm-option-icon\" style=\"background:#EEF0FF;\">\ud83d\udcb3<\/div>\r\n          <div class=\"pm-option-text\">\r\n            <div class=\"pm-option-name\">Card<\/div>\r\n            <div class=\"pm-option-sub\">Visa \/ Mastercard<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"pm-option\" onclick=\"selectPayment('paypal')\" id=\"pm-paypal\">\r\n          <div class=\"pm-option-icon\" style=\"background:#E8F4FE;\">\ud83c\udd7f\ufe0f<\/div>\r\n          <div class=\"pm-option-text\">\r\n            <div class=\"pm-option-name\">PayPal<\/div>\r\n            <div class=\"pm-option-sub\">Pay with PayPal<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"pm-option\" onclick=\"selectPayment('mbway')\" id=\"pm-mbway\">\r\n          <div class=\"pm-option-icon\" style=\"background:#FFF0E8;\">\ud83d\udcf1<\/div>\r\n          <div class=\"pm-option-text\">\r\n            <div class=\"pm-option-name\">MB WAY<\/div>\r\n            <div class=\"pm-option-sub\">Mobile payment<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"pm-option\" onclick=\"selectPayment('multibanco')\" id=\"pm-multibanco\">\r\n          <div class=\"pm-option-icon\" style=\"background:#EDFAF4;\">\ud83c\udfe7<\/div>\r\n          <div class=\"pm-option-text\">\r\n            <div class=\"pm-option-name\">Multibanco<\/div>\r\n            <div class=\"pm-option-sub\">ATM reference<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"pm-option\" onclick=\"selectPayment('bank')\" id=\"pm-bank\">\r\n          <div class=\"pm-option-icon\" style=\"background:#F5F0FF;\">\ud83c\udfe6<\/div>\r\n          <div class=\"pm-option-text\">\r\n            <div class=\"pm-option-name\">Bank Transfer<\/div>\r\n            <div class=\"pm-option-sub\">IBAN instructions<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"pm-option\" onclick=\"selectPayment('eventbrite')\" id=\"pm-eventbrite\">\r\n          <div class=\"pm-option-icon\" style=\"background:#FFF5E8;\">\ud83c\udf9f\ufe0f<\/div>\r\n          <div class=\"pm-option-text\">\r\n            <div class=\"pm-option-name\">Eventbrite<\/div>\r\n            <div class=\"pm-option-sub\">External link<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"pm-option\" onclick=\"selectPayment('hotmart')\" id=\"pm-hotmart\">\r\n          <div class=\"pm-option-icon\" style=\"background:#FFF0F0;\">\ud83d\udd25<\/div>\r\n          <div class=\"pm-option-text\">\r\n            <div class=\"pm-option-name\">Hotmart<\/div>\r\n            <div class=\"pm-option-sub\">Checkout link<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD PANEL -->\r\n      <div class=\"pm-panel active\" id=\"panel-card\">\r\n        <div class=\"pm-form\">\r\n          <div class=\"pm-input-wrap\">\r\n            <div class=\"pm-input-label\">Name on Card<\/div>\r\n            <input class=\"pm-input\" type=\"text\" placeholder=\"Full name\"\/>\r\n          <\/div>\r\n          <div class=\"pm-input-wrap\">\r\n            <div class=\"pm-input-label\">Card Number<\/div>\r\n            <input class=\"pm-input\" type=\"text\" placeholder=\"1234 5678 9012 3456\" maxlength=\"19\"\/>\r\n          <\/div>\r\n          <div class=\"pm-form-row\">\r\n            <div class=\"pm-input-wrap\">\r\n              <div class=\"pm-input-label\">Expiry<\/div>\r\n              <input class=\"pm-input\" type=\"text\" placeholder=\"MM \/ YY\" maxlength=\"7\"\/>\r\n            <\/div>\r\n            <div class=\"pm-input-wrap\">\r\n              <div class=\"pm-input-label\">CVV<\/div>\r\n              <input class=\"pm-input\" type=\"text\" placeholder=\"\u2022\u2022\u2022\" maxlength=\"4\"\/>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <button class=\"pm-confirm-btn\">\r\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 8h12M9 4l4 4-4 4\"\/><\/svg>\r\n          Pay Now\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- PAYPAL PANEL -->\r\n      <div class=\"pm-panel\" id=\"panel-paypal\">\r\n        <a class=\"pm-external-btn\" href=\"https:\/\/paypal.com\" target=\"_blank\">\r\n          <svg viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"#5B5EFF\" stroke-width=\"1.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 2a7 7 0 1 0 0 14A7 7 0 0 0 9 2z\"\/><path d=\"M9 6v4l3 2\"\/><\/svg>\r\n          Continue to PayPal \u2192\r\n        <\/a>\r\n        <button class=\"pm-confirm-btn\" style=\"background:linear-gradient(135deg,#003087,#009cde);\" onclick=\"window.open('https:\/\/paypal.com','_blank')\">\r\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 8h12M9 4l4 4-4 4\"\/><\/svg>\r\n          Go to PayPal\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- MB WAY PANEL -->\r\n      <div class=\"pm-panel\" id=\"panel-mbway\">\r\n        <div class=\"pm-form\">\r\n          <div class=\"pm-input-wrap\">\r\n            <div class=\"pm-input-label\">Mobile Number<\/div>\r\n            <input class=\"pm-input\" type=\"tel\" placeholder=\"+351 9XX XXX XXX\"\/>\r\n          <\/div>\r\n        <\/div>\r\n        <button class=\"pm-confirm-btn\" style=\"background:linear-gradient(135deg,#E8341A,#FF6B35);\">\r\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 8h12M9 4l4 4-4 4\"\/><\/svg>\r\n          Send MB WAY Request\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- MULTIBANCO PANEL -->\r\n      <div class=\"pm-panel\" id=\"panel-multibanco\">\r\n        <div class=\"pm-bank-box\">\r\n          <div class=\"pm-bank-row\"><span class=\"pm-bank-key\">Entity<\/span><span class=\"pm-bank-val\">12345<\/span><\/div>\r\n          <div class=\"pm-bank-row\"><span class=\"pm-bank-key\">Reference<\/span><span class=\"pm-bank-val\">123 456 789<\/span><\/div>\r\n          <div class=\"pm-bank-row\"><span class=\"pm-bank-key\">Amount<\/span><span class=\"pm-bank-val\" id=\"mbAmount\">&euro;29.00<\/span><\/div>\r\n          <div class=\"pm-bank-row\"><span class=\"pm-bank-key\">Valid Until<\/span><span class=\"pm-bank-val\">72 hours<\/span><\/div>\r\n        <\/div>\r\n        <button class=\"pm-confirm-btn\" style=\"background:linear-gradient(135deg,#1A4B8C,#2E6DB4);\">\r\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4 8l3 3 5-5\"\/><\/svg>\r\n          I've Completed the Payment\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- BANK TRANSFER PANEL -->\r\n      <div class=\"pm-panel\" id=\"panel-bank\">\r\n        <div class=\"pm-bank-box\">\r\n          <div class=\"pm-bank-row\"><span class=\"pm-bank-key\">Bank<\/span><span class=\"pm-bank-val\">Caixa Geral de Dep\u00f3sitos<\/span><\/div>\r\n          <div class=\"pm-bank-row\"><span class=\"pm-bank-key\">Account Name<\/span><span class=\"pm-bank-val\">ClusterAR Events Lda<\/span><\/div>\r\n          <div class=\"pm-bank-row\"><span class=\"pm-bank-key\">IBAN<\/span><span class=\"pm-bank-val\">PT50 0000 0000 0000 0000 0000 0<\/span><\/div>\r\n          <div class=\"pm-bank-row\"><span class=\"pm-bank-key\">BIC\/SWIFT<\/span><span class=\"pm-bank-val\">CGDIPTPL<\/span><\/div>\r\n          <div class=\"pm-bank-row\"><span class=\"pm-bank-key\">Reference<\/span><span class=\"pm-bank-val\" id=\"bankRef\">CANPSY-STUDENT<\/span><\/div>\r\n        <\/div>\r\n        <button class=\"pm-confirm-btn\" style=\"background:linear-gradient(135deg,#1B4332,#2D6A4F);\">\r\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4 8l3 3 5-5\"\/><\/svg>\r\n          I've Made the Transfer\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- EVENTBRITE PANEL -->\r\n      <div class=\"pm-panel\" id=\"panel-eventbrite\">\r\n        <div style=\"font-size:12.5px;color:#8888BB;line-height:1.6;margin-bottom:14px;\">\r\n          Complete your registration through our official Eventbrite page. You'll be redirected to an external site.\r\n        <\/div>\r\n        <a class=\"pm-external-btn\" href=\"https:\/\/eventbrite.com\" target=\"_blank\">\r\n          <svg viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"#5B5EFF\" stroke-width=\"1.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"2\" y=\"3\" width=\"14\" height=\"13\" rx=\"2\"\/><path d=\"M2 7h14M6 2v2M12 2v2\"\/><path d=\"M6 10h2M10 10h2M6 13h2\"\/><\/svg>\r\n          Register on Eventbrite \u2192\r\n        <\/a>\r\n        <button class=\"pm-confirm-btn\" style=\"background:linear-gradient(135deg,#F05537,#F6682F);\" onclick=\"window.open('https:\/\/eventbrite.com','_blank')\">\r\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 8h12M9 4l4 4-4 4\"\/><\/svg>\r\n          Go to Eventbrite\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- HOTMART PANEL -->\r\n      <div class=\"pm-panel\" id=\"panel-hotmart\">\r\n        <div style=\"font-size:12.5px;color:#8888BB;line-height:1.6;margin-bottom:14px;\">\r\n          Complete your purchase securely through Hotmart's checkout. You'll be redirected to an external site.\r\n        <\/div>\r\n        <a class=\"pm-external-btn\" href=\"https:\/\/hotmart.com\" target=\"_blank\">\r\n          <svg viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"#5B5EFF\" stroke-width=\"1.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 2a7 7 0 1 0 0 14A7 7 0 0 0 9 2z\"\/><path d=\"M9 6v4l3 2\"\/><\/svg>\r\n          Continue to Hotmart \u2192\r\n        <\/a>\r\n        <button class=\"pm-confirm-btn\" style=\"background:linear-gradient(135deg,#F04E23,#FF7A3D);\" onclick=\"window.open('https:\/\/hotmart.com','_blank')\">\r\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M2 8h12M9 4l4 4-4 4\"\/><\/svg>\r\n          Go to Hotmart\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"pm-secure-note\">\r\n        <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"#AAAACC\" stroke-width=\"1.3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M6 1L2 3v3c0 2.5 1.8 4.7 4 5.5C8.2 10.7 10 8.5 10 6V3L6 1z\"\/><\/svg>\r\n        Secure & encrypted \u00b7 Powered by Stripe\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  \/\/ Track current billing cycle globally so the modal always reflects it\r\n  window.mpCurrentBilling = '6';\r\n\r\n  \/\/ Billing toggle\r\n  window.setBilling = function(type) {\r\n    window.mpCurrentBilling = type;\r\n\r\n    document.getElementById('billing6').classList.toggle('active', type === '6');\r\n    document.getElementById('billingAnnual').classList.toggle('active', type === 'annual');\r\n\r\n    \/\/ Update every pricing card that has price data attached\r\n    document.querySelectorAll('.mp-card[data-price-6]').forEach(function(card) {\r\n      const price6 = card.getAttribute('data-price-6');\r\n      const priceAnnual = card.getAttribute('data-price-annual');\r\n      const save = card.getAttribute('data-save');\r\n\r\n      const mainEl = card.querySelector('.mp-price-main');\r\n      const periodEl = card.querySelector('.mp-price-period-main');\r\n      const altEl = card.querySelector('.mp-price-alt');\r\n\r\n      if (type === '6') {\r\n        mainEl.textContent = '\\u20AC' + price6;\r\n        periodEl.textContent = '\/ 6 months';\r\n        altEl.innerHTML = '\\u20AC' + priceAnnual + ' \/ year <span class=\"mp-save-badge\">Save \\u20AC' + save + '<\/span>';\r\n      } else {\r\n        mainEl.textContent = '\\u20AC' + priceAnnual;\r\n        periodEl.textContent = '\/ year';\r\n        altEl.innerHTML = '\\u20AC' + price6 + ' \/ 6 months';\r\n      }\r\n    });\r\n  };\r\n\r\n  \/\/ Open modal \u2014 reads plan info + current billing cycle straight from the card\r\n  window.openModal = function(buttonEl) {\r\n    const card = buttonEl.closest('.mp-card');\r\n    const plan = card.getAttribute('data-plan');\r\n    const price6 = card.getAttribute('data-price-6');\r\n    const priceAnnual = card.getAttribute('data-price-annual');\r\n\r\n    const billing = window.mpCurrentBilling;\r\n    const price = billing === '6' ? price6 : priceAnnual;\r\n    const period = billing === '6' ? '\/ 6 months' : '\/ year';\r\n\r\n    document.getElementById('modalPlanName').textContent = plan + ' Plan';\r\n    document.getElementById('modalPlanPrice').textContent = '\\u20AC' + price + ' ' + period;\r\n    document.getElementById('bankRef').textContent = 'CANPSY-' + plan.toUpperCase();\r\n    document.getElementById('mbAmount').textContent = '\\u20AC' + price + '.00';\r\n\r\n    document.getElementById('mpModalOverlay').classList.add('open');\r\n    document.body.style.overflow = 'hidden';\r\n    \/\/ Reset to card\r\n    selectPayment('card');\r\n  };\r\n\r\n  \/\/ Close modal\r\n  window.closeModal = function() {\r\n    document.getElementById('mpModalOverlay').classList.remove('open');\r\n    document.body.style.overflow = '';\r\n  };\r\n\r\n  window.closeModalOutside = function(e) {\r\n    if (e.target === document.getElementById('mpModalOverlay')) closeModal();\r\n  };\r\n\r\n  \/\/ Escape key\r\n  document.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Escape') closeModal();\r\n  });\r\n\r\n  \/\/ Select payment method\r\n  window.selectPayment = function(method) {\r\n    \/\/ Update option highlight\r\n    ['card','paypal','mbway','multibanco','bank','eventbrite','hotmart'].forEach(function(m) {\r\n      const el = document.getElementById('pm-' + m);\r\n      const panel = document.getElementById('panel-' + m);\r\n      if (el) el.classList.toggle('active', m === method);\r\n      if (panel) panel.classList.toggle('active', m === method);\r\n    });\r\n  };\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4ad1a6 e-flex e-con-boxed e-con e-parent\" data-id=\"f4ad1a6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-29e622a e-con-full e-flex e-con e-child\" data-id=\"29e622a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f028cf9 elementor-widget elementor-widget-html\" data-id=\"f028cf9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@300;400;500;600;700;800&family=League+Spartan:wght@700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* =========================================================\r\n   ClusterAR \u2014 Member Benefits Section\r\n   Refined compact version\r\n   More breathing room, lighter visual weight, smaller cards\r\n   Ready for Elementor HTML widget\r\n   ========================================================= *\/\r\n\r\n.cmb-wrap,\r\n.cmb-wrap * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cmb-wrap{\r\n  width:100%;\r\n    max-width:100%;\r\n\r\n    margin:0;\r\n\r\n    padding:46px 70px 34px;\r\n\r\n  \/* O fundo azul fica no pr\u00f3prio bloco, sem uma segunda moldura interna. *\/\r\n  background: linear-gradient(145deg, #2A3476 0%, #222C68 100%);\r\n  border: none;\r\n  border-radius: 0;\r\n  box-shadow: none;\r\n\r\n  overflow: visible;\r\n  position: relative;\r\n}\r\n\r\n.cmb-inner {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Luz muito discreta para evitar um fundo chapado, sem criar outra caixa. *\/\r\n.cmb-wrap::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  background:\r\n    radial-gradient(circle at 50% 0%, rgba(255,255,255,0.055), transparent 34%),\r\n    linear-gradient(135deg, rgba(255,255,255,0.025), transparent 36%);\r\n}\r\n\r\n\/* Header *\/\r\n.cmb-header {\r\n  text-align: center;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.cmb-title {\r\n  margin: 0 0 11px;\r\n  color: #FFFFFF;\r\n  font-family: 'League Spartan', sans-serif;\r\n  font-size: clamp(31px, 3.5vw, 44px);\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.cmb-subtitle {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  max-width: 620px;\r\n  color: rgba(255,255,255,0.68);\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  font-weight: 400;\r\n}\r\n\r\n.cmb-subtitle svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n\/* Benefits grid *\/\r\n.cmb-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(6, minmax(0, 1fr));\r\n  gap: 14px;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.cmb-card {\r\n  min-height: 214px;\r\n  padding: 24px 13px 20px;\r\n  border-radius: 16px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 13px;\r\n  text-align: center;\r\n  text-decoration: none !important;\r\n  background: rgba(255,255,255,0.06);\r\n  border: 1px solid rgba(255,255,255,0.10);\r\n  box-shadow: inset 0 1px 0 rgba(255,255,255,0.055);\r\n  transition: transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;\r\n}\r\n\r\n.cmb-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 18%;\r\n  width: 64%;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);\r\n}\r\n\r\n.cmb-card:hover {\r\n  transform: translateY(-4px);\r\n  background: rgba(255,255,255,0.085);\r\n  border-color: rgba(255,255,255,0.20);\r\n  box-shadow: 0 14px 28px rgba(8,15,50,0.16);\r\n}\r\n\r\n.cmb-card.featured {\r\n  background: linear-gradient(180deg, rgba(105,213,156,0.10), rgba(255,255,255,0.06));\r\n  border-color: rgba(105,213,156,0.72);\r\n}\r\n\r\n.cmb-card.featured:hover {\r\n  border-color: rgba(105,213,156,0.95);\r\n  box-shadow: 0 14px 30px rgba(37, 112, 93, 0.16);\r\n}\r\n\r\n\/* Icons *\/\r\n.cmb-icon {\r\n  width: 64px;\r\n  height: 64px;\r\n  display: grid;\r\n  place-items: center;\r\n  position: relative;\r\n}\r\n\r\n.cmb-icon svg,\r\n.cmb-icon img {\r\n  width: 50px;\r\n  height: 50px;\r\n}\r\n\r\n.cmb-icon img {\r\n  object-fit: contain;\r\n  filter: brightness(0) invert(1);\r\n  opacity: 0.94;\r\n}\r\n\r\n.cmb-card-name {\r\n  position: relative;\r\n  z-index: 1;\r\n  color: #FFFFFF;\r\n  font-family: 'League Spartan', sans-serif;\r\n  font-size: 18px;\r\n  line-height: 1;\r\n  font-weight: 800;\r\n  letter-spacing: -0.2px;\r\n}\r\n\r\n\/* Compact status chips *\/\r\n.cmb-badge,\r\n.cmb-library-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: auto;\r\n  min-width: 96px;\r\n  padding: 7px 12px;\r\n  border-radius: 999px;\r\n  color: rgba(255,255,255,0.72);\r\n  background: rgba(112, 126, 229, 0.20);\r\n  border: 1px solid rgba(176,184,255,0.18);\r\n  font-size: 11px;\r\n  line-height: 1;\r\n  font-weight: 700;\r\n  box-shadow: none;\r\n}\r\n\r\n.cmb-discount-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: auto;\r\n  min-width: 112px;\r\n  padding: 9px 14px;\r\n  border-radius: 12px;\r\n  color: #FFFFFF;\r\n  background: linear-gradient(90deg, #73D4A2 0%, #628DF1 52%, #7A4AF2 100%);\r\n  font-size: 12px;\r\n  line-height: 1.25;\r\n  font-weight: 800;\r\n  box-shadow: 0 10px 20px rgba(83, 101, 224, 0.20);\r\n}\r\n\r\n.cmb-event-label {\r\n  color: #98E7BC;\r\n  font-size: 11px;\r\n  line-height: 1;\r\n  font-weight: 800;\r\n  letter-spacing: 0.8px;\r\n}\r\n\r\n.cmb-star {\r\n  position: absolute;\r\n  right: -1px;\r\n  bottom: 0;\r\n  width: 23px;\r\n  height: 23px;\r\n  border-radius: 50%;\r\n  display: grid;\r\n  place-items: center;\r\n  color: #182252;\r\n  background: #89E3B1;\r\n  border: 2px solid #2A3476;\r\n  font-size: 11px;\r\n}\r\n\r\n\/* Members Library *\/\r\n.cmb-library {\r\n  min-height: 168px;\r\n  padding: 26px 30px;\r\n  border-radius: 18px;\r\n  display: grid;\r\n  grid-template-columns: 88px 1fr auto;\r\n  gap: 26px;\r\n  align-items: center;\r\n  background: rgba(255,255,255,0.07);\r\n  border: 1px solid rgba(255,255,255,0.11);\r\n  box-shadow: inset 0 1px 0 rgba(255,255,255,0.055);\r\n}\r\n\r\n.cmb-lock-circle {\r\n  width: 82px;\r\n  height: 82px;\r\n  border-radius: 50%;\r\n  display: grid;\r\n  place-items: center;\r\n  background:\r\n    linear-gradient(#2A3476, #2A3476) padding-box,\r\n    linear-gradient(135deg, #8F63F8, #648EF3, #73D4A2) border-box;\r\n  border: 2px solid transparent;\r\n}\r\n\r\n.cmb-lock-circle svg {\r\n  width: 38px;\r\n  height: 38px;\r\n}\r\n\r\n.cmb-library-text {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.cmb-library-title-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.cmb-library-title {\r\n  color: #FFFFFF;\r\n  font-family: 'League Spartan', sans-serif;\r\n  font-size: 27px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  letter-spacing: -0.45px;\r\n}\r\n\r\n.cmb-library-desc {\r\n  max-width: 590px;\r\n  margin: 0;\r\n  color: rgba(255,255,255,0.74);\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n  font-weight: 400;\r\n}\r\n\r\n\/* CTA *\/\r\n.cmb-notify-btn {\r\n  min-width: 250px;\r\n  padding: 18px 28px;\r\n  border: 0;\r\n  border-radius: 14px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  color: #FFFFFF;\r\n  background: linear-gradient(90deg, #73D4A2 0%, #628DF1 52%, #7A4AF2 100%);\r\n  box-shadow: 0 14px 28px rgba(84, 98, 218, 0.24);\r\n  font-family: 'League Spartan', sans-serif;\r\n  font-size: 21px;\r\n  line-height: 1;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  transition: transform .22s ease, box-shadow .22s ease, opacity .22s ease;\r\n}\r\n\r\n.cmb-notify-btn:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 18px 34px rgba(84, 98, 218, 0.30);\r\n  opacity: .96;\r\n}\r\n\r\n.cmb-notify-btn svg:first-child {\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.cmb-notify-btn svg:last-child {\r\n  width: 18px;\r\n  height: 18px;\r\n}\r\n\r\n\/* Modal *\/\r\n#cmbModal {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 99999;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 20px;\r\n  background: rgba(10,20,60,0.62);\r\n}\r\n\r\n.cmb-modal-box {\r\n  width: 100%;\r\n  max-width: 420px;\r\n  padding: 32px;\r\n  border-radius: 20px;\r\n  background: #FFFFFF;\r\n  box-shadow: 0 28px 70px rgba(0,0,0,0.25);\r\n}\r\n\r\n.cmb-modal-title {\r\n  margin: 0 0 8px;\r\n  color: #0D1B4B;\r\n  font-family: 'League Spartan', sans-serif;\r\n  font-size: 26px;\r\n  line-height: 1;\r\n  font-weight: 900;\r\n}\r\n\r\n.cmb-modal-text {\r\n  margin: 0 0 20px;\r\n  color: #6E7FA8;\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.cmb-modal-input {\r\n  width: 100%;\r\n  margin-bottom: 12px;\r\n  padding: 14px 15px;\r\n  border: 1.5px solid #E4E9F8;\r\n  border-radius: 11px;\r\n  outline: none;\r\n  color: #0D1B4B;\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 14px;\r\n}\r\n\r\n.cmb-modal-submit {\r\n  width: 100%;\r\n  margin-bottom: 10px;\r\n  padding: 14px;\r\n  border: 0;\r\n  border-radius: 11px;\r\n  color: #FFFFFF;\r\n  background: linear-gradient(90deg,#69D59C,#5563FF,#7A39FF);\r\n  font-family: 'Jost', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n}\r\n\r\n.cmb-modal-cancel {\r\n  width: 100%;\r\n  padding: 10px;\r\n  border: 0;\r\n  background: none;\r\n  color: #7A8BB5;\r\n  font-size: 13px;\r\n  cursor: pointer;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1100px) {\r\n  .cmb-wrap {\r\n    width: min(100% - 32px, 980px);\r\n    padding: 42px 30px 30px;\r\n  }\r\n\r\n  .cmb-grid {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n\r\n  .cmb-library {\r\n    grid-template-columns: 82px 1fr;\r\n  }\r\n\r\n  .cmb-notify-btn {\r\n    grid-column: 1 \/ -1;\r\n    width: 100%;\r\n    max-width: 340px;\r\n    justify-self: center;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .cmb-wrap {\r\n    width: calc(100% - 24px);\r\n    margin: 30px auto;\r\n    padding: 34px 18px 24px;\r\n    border-radius: 0;\r\n  }\r\n\r\n  .cmb-header {\r\n    margin-bottom: 26px;\r\n  }\r\n\r\n  .cmb-title {\r\n    font-size: 31px;\r\n  }\r\n\r\n  .cmb-subtitle {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .cmb-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 11px;\r\n  }\r\n\r\n  .cmb-card {\r\n    min-height: 195px;\r\n    padding: 20px 12px 17px;\r\n  }\r\n\r\n  .cmb-library {\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n    padding: 24px 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  .cmb-lock-circle {\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .cmb-library-title-row {\r\n    justify-content: center;\r\n  }\r\n\r\n  .cmb-library-title {\r\n    font-size: 25px;\r\n  }\r\n\r\n  .cmb-notify-btn {\r\n    min-width: 0;\r\n    width: 100%;\r\n    font-size: 19px;\r\n    padding: 17px 22px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .cmb-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cmb-wrap\">\r\n  <div class=\"cmb-inner\">\r\n\r\n    <div class=\"cmb-header\">\r\n      <h2 class=\"cmb-title\">Current &amp; Upcoming Member Benefits<\/h2>\r\n      <div class=\"cmb-subtitle\">\r\n        <svg viewBox=\"0 0 18 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <circle cx=\"9\" cy=\"9\" r=\"8\"\/>\r\n          <line x1=\"9\" y1=\"8\" x2=\"9\" y2=\"13\"\/>\r\n          <circle cx=\"9\" cy=\"6\" r=\"0.5\" fill=\"currentColor\"\/>\r\n        <\/svg>\r\n        Benefits, discounts and access vary by membership plan.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cmb-grid\">\r\n\r\n      <div class=\"cmb-card\">\r\n        <div class=\"cmb-icon\">\r\n          <img decoding=\"async\" src=\"https:\/\/clusterar.com\/wp-content\/uploads\/2026\/06\/mortarboard.webp\" alt=\"Courses\" title=\"Register Now\">\r\n        <\/div>\r\n        <div class=\"cmb-card-name\">Courses<\/div>\r\n        <div class=\"cmb-badge\">Coming Soon<\/div>\r\n      <\/div>\r\n\r\n      <a class=\"cmb-card featured\" href=\"https:\/\/clusterar.com\/en\/join-the-membership\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        <div class=\"cmb-icon\">\r\n          <svg viewBox=\"0 0 56 56\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"6\" y=\"10\" width=\"44\" height=\"40\" rx=\"5\"\/>\r\n            <path d=\"M6 22h44\"\/>\r\n            <path d=\"M18 6v8M38 6v8\"\/>\r\n            <rect x=\"14\" y=\"28\" width=\"6\" height=\"6\" rx=\"1\"\/>\r\n            <rect x=\"25\" y=\"28\" width=\"6\" height=\"6\" rx=\"1\"\/>\r\n            <rect x=\"36\" y=\"28\" width=\"6\" height=\"6\" rx=\"1\"\/>\r\n            <rect x=\"14\" y=\"38\" width=\"6\" height=\"6\" rx=\"1\"\/>\r\n            <rect x=\"25\" y=\"38\" width=\"6\" height=\"6\" rx=\"1\"\/>\r\n          <\/svg>\r\n          <div class=\"cmb-star\">\u2605<\/div>\r\n        <\/div>\r\n        <div class=\"cmb-card-name\">Events<\/div>\r\n        <div class=\"cmb-discount-badge\">20% Member Discount<\/div>\r\n        <div class=\"cmb-event-label\">CANPSY 2027<\/div>\r\n      <\/a>\r\n\r\n      <div class=\"cmb-card\">\r\n        <div class=\"cmb-icon\">\r\n          <svg viewBox=\"0 0 56 56\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <circle cx=\"28\" cy=\"24\" r=\"14\"\/>\r\n            <circle cx=\"28\" cy=\"24\" r=\"8\"\/>\r\n            <path d=\"M20 42l-6 8 6-2 4 4 4-8\"\/>\r\n            <path d=\"M36 42l6 8-6-2-4 4-4-8\"\/>\r\n            <polygon points=\"28,18 29.5,22 34,22 30.5,24.5 32,28 28,26 24,28 25.5,24.5 22,22 26.5,22\" fill=\"#fff\" stroke=\"none\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"cmb-card-name\">Certifications<\/div>\r\n        <div class=\"cmb-badge\">Coming Soon<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cmb-card\">\r\n        <div class=\"cmb-icon\">\r\n          <svg viewBox=\"0 0 56 56\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M32 6H16a4 4 0 0 0-4 4v36a4 4 0 0 0 4 4h24a4 4 0 0 0 4-4V18L32 6z\"\/>\r\n            <polyline points=\"32 6 32 18 44 18\"\/>\r\n            <circle cx=\"34\" cy=\"34\" r=\"8\"\/>\r\n            <polyline points=\"30 34 33 37 38 31\"\/>\r\n            <line x1=\"16\" y1=\"26\" x2=\"24\" y2=\"26\"\/>\r\n            <line x1=\"16\" y1=\"32\" x2=\"22\" y2=\"32\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"cmb-card-name\">Reports<\/div>\r\n        <div class=\"cmb-badge\">Coming Soon<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cmb-card\">\r\n        <div class=\"cmb-icon\">\r\n          <svg viewBox=\"0 0 56 56\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"4\" y=\"8\" width=\"48\" height=\"34\" rx=\"4\"\/>\r\n            <path d=\"M20 48h16M28 42v6\"\/>\r\n            <circle cx=\"22\" cy=\"25\" r=\"7\"\/>\r\n            <path d=\"M22 18v14M15 25h14\"\/>\r\n            <line x1=\"36\" y1=\"20\" x2=\"44\" y2=\"20\"\/>\r\n            <line x1=\"36\" y1=\"26\" x2=\"44\" y2=\"26\"\/>\r\n            <line x1=\"36\" y1=\"32\" x2=\"42\" y2=\"32\"\/>\r\n            <polygon points=\"42,20 48,25 42,30\" fill=\"#fff\" stroke=\"none\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"cmb-card-name\">Webinars<\/div>\r\n        <div class=\"cmb-badge\">Coming Soon<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cmb-card\">\r\n        <div class=\"cmb-icon\">\r\n          <svg viewBox=\"0 0 56 56\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M6 10C6 10 16 6 28 10s22 0 22 0v36s-10 4-22 0-22 0-22 0V10z\"\/>\r\n            <line x1=\"28\" y1=\"10\" x2=\"28\" y2=\"46\"\/>\r\n            <line x1=\"12\" y1=\"16\" x2=\"22\" y2=\"18\"\/>\r\n            <line x1=\"12\" y1=\"24\" x2=\"22\" y2=\"26\"\/>\r\n            <line x1=\"12\" y1=\"32\" x2=\"22\" y2=\"34\"\/>\r\n            <line x1=\"34\" y1=\"18\" x2=\"44\" y2=\"16\"\/>\r\n            <line x1=\"34\" y1=\"26\" x2=\"44\" y2=\"24\"\/>\r\n            <line x1=\"34\" y1=\"34\" x2=\"44\" y2=\"32\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"cmb-card-name\">Resources<\/div>\r\n        <div class=\"cmb-badge\">Coming Soon<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"cmb-library\">\r\n      <div class=\"cmb-lock-circle\">\r\n        <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <rect x=\"8\" y=\"22\" width=\"32\" height=\"22\" rx=\"4\"\/>\r\n          <path d=\"M14 22V16a10 10 0 0 1 20 0v6\"\/>\r\n          <circle cx=\"24\" cy=\"34\" r=\"3\" fill=\"#fff\" stroke=\"none\"\/>\r\n          <line x1=\"24\" y1=\"37\" x2=\"24\" y2=\"41\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"cmb-library-text\">\r\n        <div class=\"cmb-library-title-row\">\r\n          <span class=\"cmb-library-title\">Members Library<\/span>\r\n          <span class=\"cmb-library-badge\">Coming Soon<\/span>\r\n        <\/div>\r\n        <p class=\"cmb-library-desc\">\r\n          Exclusive access to reports, e-books, white papers, webinar archives and scientific intelligence resources.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <button class=\"cmb-notify-btn\" type=\"button\" onclick=\"cmbNotify()\">\r\n        <svg viewBox=\"0 0 28 28\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M14 4a8 8 0 0 1 8 8v5l2 3H4l2-3v-5a8 8 0 0 1 8-8z\"\/>\r\n          <path d=\"M11 22a3 3 0 0 0 6 0\"\/>\r\n        <\/svg>\r\n        Notify Me\r\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M4 10h12M11 5l5 5-5 5\"\/>\r\n        <\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<div id=\"cmbModal\">\r\n  <div class=\"cmb-modal-box\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"cmbModalTitle\">\r\n    <h3 id=\"cmbModalTitle\" class=\"cmb-modal-title\">Get Notified \ud83d\udd14<\/h3>\r\n    <p class=\"cmb-modal-text\">\r\n      Be the first to know when the Members Library launches. Enter your email below.\r\n    <\/p>\r\n    <input id=\"cmbEmail\" class=\"cmb-modal-input\" type=\"email\" placeholder=\"your@email.com\" autocomplete=\"email\">\r\n    <button type=\"button\" onclick=\"cmbSubmit()\" class=\"cmb-modal-submit\">Notify Me \u2192<\/button>\r\n    <button type=\"button\" onclick=\"cmbCloseModal()\" class=\"cmb-modal-cancel\">Cancel<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction cmbNotify() {\r\n  var modal = document.getElementById('cmbModal');\r\n  if (modal) {\r\n    modal.style.display = 'flex';\r\n    var input = document.getElementById('cmbEmail');\r\n    if (input) setTimeout(function(){ input.focus(); }, 50);\r\n  }\r\n}\r\n\r\nfunction cmbCloseModal() {\r\n  var modal = document.getElementById('cmbModal');\r\n  if (modal) modal.style.display = 'none';\r\n}\r\n\r\nfunction cmbSubmit() {\r\n  var input = document.getElementById('cmbEmail');\r\n  var email = input ? input.value.trim() : '';\r\n\r\n  if (!email || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) {\r\n    alert('Please enter a valid email address.');\r\n    return;\r\n  }\r\n\r\n  fetch('https:\/\/formspree.io\/f\/xeebzrjo', {\r\n    method: 'POST',\r\n    headers: {\r\n      'Content-Type': 'application\/json',\r\n      'Accept': 'application\/json'\r\n    },\r\n    body: JSON.stringify({\r\n      email: email,\r\n      _subject: '[ClusterAR] Members Library Notification Request'\r\n    })\r\n  })\r\n  .then(function(response) {\r\n    if (!response.ok) throw new Error('Request failed');\r\n    return response.json();\r\n  })\r\n  .then(function(data) {\r\n    if (data.ok) {\r\n      cmbCloseModal();\r\n      alert('\u2713 You are on the list. We will notify you when the Members Library launches.');\r\n      input.value = '';\r\n    } else {\r\n      alert('Something went wrong. Please try again.');\r\n    }\r\n  })\r\n  .catch(function() {\r\n    alert('Network error. Please try again.');\r\n  });\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  var modal = document.getElementById('cmbModal');\r\n\r\n  if (modal) {\r\n    modal.addEventListener('click', function(event) {\r\n      if (event.target === modal) cmbCloseModal();\r\n    });\r\n  }\r\n\r\n  document.addEventListener('keydown', function(event) {\r\n    if (event.key === 'Escape') cmbCloseModal();\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Join The ClusterAR Ecosystem Be Part of a global Community advancing science innovation, education and impacts. Membership Plans Billing Cycle 6 Months Pay every 6 months Annual Save up to 20% Choose your preferred option Student &euro;29 \/ 6 months &euro;49 \/ year Save &euro;9 For students and early-career researchers. Member newsletter Event discounts Course [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4243","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Jeremiah Fred","author_link":"https:\/\/clusterar.com\/en\/author\/fred\/"},"uagb_comment_info":0,"uagb_excerpt":"Join The ClusterAR Ecosystem Be Part of a global Community advancing science innovation, education and impacts. Membership Plans Billing Cycle 6 Months Pay every 6 months Annual Save up to 20% Choose your preferred option Student &euro;29 \/ 6 months &euro;49 \/ year Save &euro;9 For students and early-career researchers. Member newsletter Event discounts Course&hellip;","_links":{"self":[{"href":"https:\/\/clusterar.com\/en\/wp-json\/wp\/v2\/pages\/4243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clusterar.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clusterar.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clusterar.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/clusterar.com\/en\/wp-json\/wp\/v2\/comments?post=4243"}],"version-history":[{"count":79,"href":"https:\/\/clusterar.com\/en\/wp-json\/wp\/v2\/pages\/4243\/revisions"}],"predecessor-version":[{"id":6083,"href":"https:\/\/clusterar.com\/en\/wp-json\/wp\/v2\/pages\/4243\/revisions\/6083"}],"wp:attachment":[{"href":"https:\/\/clusterar.com\/en\/wp-json\/wp\/v2\/media?parent=4243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}