{"id":667,"date":"2026-07-24T06:34:09","date_gmt":"2026-07-24T06:34:09","guid":{"rendered":"https:\/\/stemlearn.ai\/aiolympiad\/?page_id=667"},"modified":"2026-07-24T09:34:20","modified_gmt":"2026-07-24T09:34:20","slug":"collaborations","status":"publish","type":"page","link":"https:\/\/stemlearn.ai\/aiolympiad\/collaborations\/","title":{"rendered":"collaborations"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"667\" class=\"elementor elementor-667\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a943fe e-con-full e-flex e-con e-parent\" data-id=\"3a943fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a051d6d elementor-widget elementor-widget-html\" data-id=\"a051d6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSTEMLEARN.AI COLLABORATIONS PAGE (HEADER & HERO SECTION)\n========================================================= -->\n\n<!-- GOOGLE FONTS IMPORT -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@600;700;800;900&family=Nunito+Sans:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* FORCE ELEMENTOR WRAPPER TO STRETCH FULL WIDTH *\/\n.elementor-widget-html, .elementor-widget-container {\n  width: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* SCOPED RESET & GLOBAL STYLES *\/\n.ai-page-wrapper * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  font-family: 'Nunito Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;\n  text-decoration: none !important;\n  list-style: none !important;\n}\n\n.ai-page-wrapper h1, \n.ai-page-wrapper h2, \n.ai-page-wrapper h3,\n.ai-page-wrapper .collab-title {\n  font-family: 'Mulish', 'Nunito Sans', ui-sans-serif, system-ui, sans-serif;\n}\n\n\/* FULL-BLEED UNIFIED CANVAS FOR BOTH HEADER AND HERO *\/\n.ai-page-wrapper {\n  position: relative;\n  width: 100vw;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  background-color: #15153a;\n  background-image: \n    radial-gradient(circle 1.5px at center, rgba(255, 255, 255, 0.08) 100%, transparent 0),\n    radial-gradient(circle at 12% 35%, rgba(81, 199, 179, 0.15) 0%, transparent 40%),\n    radial-gradient(circle at 88% 65%, rgba(139, 92, 246, 0.20) 0%, transparent 50%),\n    linear-gradient(135deg, #15153a 0%, #1d2254 50%, #253473 100%);\n  background-size: 28px 28px, 100% 100%, 100% 100%, 100% 100%;\n  color: #ffffff;\n  overflow: hidden;\n}\n\n\/* ================= HEADER STYLES (TRANSPARENT BACKGROUND) ================= *\/\n.sl-header-wrapper {\n  width: 100%;\n  padding: 24px 32px;\n  position: relative;\n  z-index: 999;\n  background: transparent !important;\n  box-shadow: none !important;\n  border: none !important;\n}\n\n.sl-header-container {\n  max-width: 1240px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.sl-brand {\n  display: flex;\n  align-items: center;\n}\n\n\/* DESKTOP LOGO SIZE *\/\n.sl-logo-img {\n  height: 68px;\n  width: auto;\n  object-fit: contain;\n  display: block;\n}\n\n.sl-nav {\n  display: flex;\n  align-items: center;\n  gap: 32px;\n}\n\n.sl-nav-link {\n  font-size: 14px;\n  font-weight: 700;\n  color: rgba(255, 255, 255, 0.82);\n  transition: color 0.2s ease;\n}\n\n.sl-nav-link:hover {\n  color: #ffffff;\n}\n\n\/* HEADER REGISTER BUTTON *\/\n.sl-btn-cta {\n  background: #51C7B3;\n  color: #ffffff;\n  padding: 12px 28px;\n  border-radius: 50px;\n  font-size: 14px;\n  font-weight: 800;\n  box-shadow: 0 4px 15px rgba(81, 199, 179, 0.25);\n  transition: all 0.2s ease;\n  display: inline-block;\n  line-height: 1;\n}\n\n.sl-btn-cta:hover {\n  opacity: 0.92;\n  transform: translateY(-1px);\n}\n\n\/* ================= COLLABORATIONS HERO SECTION ================= *\/\n.collab-hero {\n  position: relative;\n  display: flex;\n  min-height: 75vh;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1.5rem 1.5rem 5rem 1.5rem;\n  text-align: center;\n  background: transparent !important;\n}\n\n\/* Ambient Glow Blobs *\/\n.collab-blob-teal {\n  position: absolute;\n  top: -4rem;\n  left: -8rem;\n  height: 28rem;\n  width: 28rem;\n  border-radius: 9999px;\n  background-color: #51C7B3;\n  opacity: 0.15;\n  filter: blur(120px);\n  pointer-events: none;\n}\n\n.collab-blob-coral {\n  position: absolute;\n  bottom: -4rem;\n  right: -8rem;\n  height: 28rem;\n  width: 28rem;\n  border-radius: 9999px;\n  background-color: #8B5CF6;\n  opacity: 0.18;\n  filter: blur(120px);\n  pointer-events: none;\n}\n\n\/* Floating Institution Badges (Desktop) *\/\n.collab-floating-container {\n  display: none;\n}\n\n@media (min-width: 1024px) {\n  .collab-floating-container {\n    display: block;\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n  }\n}\n\n.collab-floating-badge {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  border-radius: 9999px;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  background: rgba(255, 255, 255, 0.08);\n  padding: 0.375rem 0.875rem 0.375rem 0.375rem;\n  font-size: 0.75rem;\n  font-weight: 700;\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  color: #ffffff;\n  animation: collabFloat 6s ease-in-out infinite;\n}\n\n.collab-floating-badge img {\n  height: 1.75rem;\n  width: 1.75rem;\n  border-radius: 9999px;\n  background-color: #ffffff;\n  padding: 0.125rem;\n  object-fit: contain;\n}\n\n@keyframes collabFloat {\n  0%, 100% { transform: translateY(0px); }\n  50% { transform: translateY(-10px); }\n}\n\n.badge-iiita { left: 6%; top: 15%; animation-delay: 0s; }\n.badge-iitb  { right: 8%; top: 12%; animation-delay: 1.5s; }\n.badge-coep  { left: 10%; bottom: 18%; animation-delay: 3s; }\n.badge-sppu  { right: 10%; bottom: 20%; animation-delay: 4.5s; }\n\n\/* Content Wrapper *\/\n.collab-content {\n  position: relative;\n  z-index: 10;\n  max-width: 56rem;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n\/* Single-Row Top Bar (\"Back to Home\" + \"Official Partners\") *\/\n.collab-top-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 0.75rem 1.25rem;\n  margin-bottom: 2rem;\n}\n\n.collab-back-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  font-size: 0.75rem;\n  font-weight: 700;\n  color: rgba(255, 255, 255, 0.65);\n  transition: color 0.2s ease;\n}\n\n.collab-back-link:hover {\n  color: #ffffff;\n}\n\n.collab-pill-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.625rem;\n  border-radius: 9999px;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  background: rgba(255, 255, 255, 0.05);\n  padding: 0.35rem 1rem;\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.collab-pill-teal {\n  font-size: 0.688rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  color: #51C7B3;\n}\n\n.collab-pill-divider {\n  height: 0.75rem;\n  width: 1px;\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n.collab-pill-white {\n  font-size: 0.688rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  color: rgba(255, 255, 255, 0.75);\n}\n\n\/* Main Title *\/\n.collab-title {\n  font-size: 2.25rem;\n  font-weight: 900;\n  line-height: 1.1;\n  letter-spacing: -0.02em;\n  color: #ffffff;\n  margin: 0 0 1.5rem 0;\n}\n\n.text-teal-highlight {\n  color: #51C7B3;\n}\n\n@media (min-width: 640px) {\n  .collab-title {\n    font-size: 3.5rem;\n  }\n}\n\n@media (min-width: 1024px) {\n  .collab-title {\n    font-size: 4.25rem;\n  }\n}\n\n\/* Subtitle Description *\/\n.collab-desc {\n  margin: 0 auto 2.5rem auto;\n  max-width: 42rem;\n  font-size: 1rem;\n  line-height: 1.6;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.75);\n}\n\n.collab-desc strong {\n  font-weight: 700;\n  color: #ffffff;\n}\n\n@media (min-width: 640px) {\n  .collab-desc {\n    font-size: 1.125rem;\n  }\n}\n\n\/* Action Buttons *\/\n.collab-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n  margin-bottom: 2.5rem;\n  width: 100%;\n}\n\n.btn-register-primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n  background: #51C7B3;\n  padding: 0.875rem 2rem;\n  font-size: 0.875rem;\n  font-weight: 800;\n  color: #ffffff !important;\n  box-shadow: 0 4px 15px rgba(81, 199, 179, 0.25);\n  transition: transform 0.2s ease, opacity 0.2s ease;\n}\n\n.btn-register-primary:hover {\n  transform: translateY(-2px);\n  opacity: 0.92;\n}\n\n.btn-explore-secondary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50px;\n  border: 1px solid rgba(255, 255, 255, 0.25);\n  background: rgba(255, 255, 255, 0.05);\n  padding: 0.875rem 2rem;\n  font-size: 0.875rem;\n  font-weight: 800;\n  color: #ffffff !important;\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  transition: background 0.2s ease, transform 0.2s ease;\n}\n\n.btn-explore-secondary:hover {\n  background: rgba(255, 255, 255, 0.12);\n  transform: translateY(-2px);\n}\n\n\/* Sub Meta Info *\/\n.collab-sub-meta {\n  font-size: 0.688rem;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.2em;\n  color: rgba(255, 255, 255, 0.45);\n}\n\n\/* Responsive Rules for Mobile Devices *\/\n@media (max-width: 991px) {\n  .sl-nav { display: none; }\n}\n\n@media (max-width: 640px) {\n  .sl-header-wrapper { \n    padding: 20px 24px; \n  }\n\n  \/* MATCHED MOBILE LOGO SIZE (FROM IMAGE 2) *\/\n  .sl-logo-img { \n    height: 64px; \n  }\n\n  \/* MATCHED MOBILE HEADER REGISTER BUTTON (FROM IMAGE 2) *\/\n  .sl-btn-cta {\n    padding: 10px 24px;\n    font-size: 15px;\n    font-weight: 800;\n    border-radius: 50px;\n  }\n\n  .collab-actions {\n    flex-direction: column;\n  }\n\n  \/* HERO CTA BUTTONS *\/\n  .btn-register-primary {\n    width: 100%;\n    box-sizing: border-box;\n    padding: 1rem 2rem;\n    font-size: 1rem;\n  }\n  \n  .btn-explore-secondary {\n    width: 100%;\n    box-sizing: border-box;\n    padding: 1rem 2rem;\n    font-size: 0.95rem;\n  }\n}\n<\/style>\n\n<div class=\"ai-page-wrapper\">\n\n  <!-- ================= HEADER SECTION ================= -->\n  <header class=\"sl-header-wrapper\">\n    <div class=\"sl-header-container\">\n      \n      <!-- LOGO -->\n      <a href=\"https:\/\/stemlearn.ai\/aiolympiad\" class=\"sl-brand\">\n        <img decoding=\"async\" \n          src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/glf-removebg-preview.png\" \n          alt=\"STEMLearn Logo\" \n          class=\"sl-logo-img\"\n        >\n      <\/a>\n\n      <!-- DESKTOP NAVIGATION -->\n      <nav class=\"sl-nav\">\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/#About\" class=\"sl-nav-link\">About<\/a>\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/syllabus\" class=\"sl-nav-link\">Syllabus<\/a>\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/collaborations\" class=\"sl-nav-link\">Collaborations<\/a>\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/#pricing\" class=\"sl-nav-link\">Pricing<\/a>\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/#rewards\" class=\"sl-nav-link\">Rewards<\/a>\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/#faq\" class=\"sl-nav-link\">FAQ<\/a>\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/#contact\" class=\"sl-nav-link\">Contact<\/a>\n      <\/nav>\n\n      <!-- REGISTER ACTION BUTTON -->\n      <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/#register\" class=\"sl-btn-cta\">Register<\/a>\n\n    <\/div>\n  <\/header>\n\n  <!-- ================= COLLABORATIONS HERO SECTION ================= -->\n  <section class=\"collab-hero\">\n    <!-- Glowing Background Ambience -->\n    <div class=\"collab-blob-teal\"><\/div>\n    <div class=\"collab-blob-coral\"><\/div>\n\n    <!-- Floating Institution Badges -->\n    <div class=\"collab-floating-container\">\n      <div class=\"collab-floating-badge badge-iiita\">\n        <img decoding=\"async\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/iiita-D1IHL4UZ.png\" alt=\"IIITA Logo\" \/>\n        <span>IIITA<\/span>\n      <\/div>\n      <div class=\"collab-floating-badge badge-iitb\">\n        <img decoding=\"async\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/iitb-techfest-heKOhCsp.png\" alt=\"IITB Logo\" \/>\n        <span>IITB<\/span>\n      <\/div>\n      <div class=\"collab-floating-badge badge-coep\">\n        <img decoding=\"async\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/coep-DYMTx2WI.png\" alt=\"COEP Logo\" \/>\n        <span>COEP<\/span>\n      <\/div>\n      <div class=\"collab-floating-badge badge-sppu\">\n        <img decoding=\"async\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/sppu-aYzVTwxY.png\" alt=\"SPPU Logo\" \/>\n        <span>SPPU<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Hero Content Section -->\n    <div class=\"collab-content\">\n      \n      <!-- Top Row: Back link & Badge together -->\n      <div class=\"collab-top-row\">\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\" class=\"collab-back-link\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"m12 19-7-7 7-7\"><\/path>\n            <path d=\"M19 12H5\"><\/path>\n          <\/svg>\n          <span>Back to home<\/span>\n        <\/a>\n\n        <div class=\"collab-pill-badge\">\n          <span class=\"collab-pill-teal\">Official Partners<\/span>\n          <div class=\"collab-pill-divider\"><\/div>\n          <span class=\"collab-pill-white\">Powerful Collaborations<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Main Title -->\n      <h1 class=\"collab-title\">\n        Built with India's <span class=\"text-teal-highlight\">most respected<\/span> academic institutions.\n      <\/h1>\n\n      <!-- Subtitle Description -->\n      <p class=\"collab-desc\">\n        Conducted in association with <strong>IIIT Allahabad, COEP, SPPU<\/strong> and <strong>Techfest, IIT Bombay<\/strong> \u2014 India's most credible AI literacy exam for Grades 3 to 10.\n      <\/p>\n\n      <!-- CTAs -->\n      <div class=\"collab-actions\">\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/#register\" class=\"btn-register-primary\">Register Now \u2014 \u20b9250<\/a>\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/syllabus\" class=\"btn-explore-secondary\">Explore Syllabus<\/a>\n      <\/div>\n\n      <!-- Bottom Meta Text -->\n      <div class=\"collab-sub-meta\">\n        10,000+ STUDENTS &nbsp;\u00b7&nbsp; 500+ SCHOOLS &nbsp;\u00b7&nbsp; CO-BRANDED E-CERTIFICATE\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5a3f5f e-con-full e-flex e-con e-parent\" data-id=\"e5a3f5f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32535ea elementor-widget elementor-widget-html\" data-id=\"32535ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Base Stats Section *\/\n  .stats-section {\n    width: 100%;\n    background-color: #ffffff;\n    border-top: 1px solid #e5e7eb;\n    border-bottom: 1px solid #e5e7eb;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  }\n\n  .stats-container {\n    max-width: 72rem; \/* max-w-6xl *\/\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  \/* Item Cards *\/\n  .stat-card {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 2rem 1rem;\n    text-align: center;\n    transition: background-color 0.2s ease;\n  }\n\n  .stat-card:hover {\n    background-color: rgba(243, 244, 246, 0.6);\n  }\n\n  \/* Grid Dividers for Mobile (2x2 Layout) *\/\n  .stat-card:nth-child(1) {\n    border-right: 1px solid #e5e7eb;\n    border-bottom: 1px solid #e5e7eb;\n  }\n\n  .stat-card:nth-child(2) {\n    border-bottom: 1px solid #e5e7eb;\n  }\n\n  .stat-card:nth-child(3) {\n    border-right: 1px solid #e5e7eb;\n  }\n\n  \/* Desktop View (1x4 Grid Layout) *\/\n  @media (min-width: 768px) {\n    .stats-container {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n\n    \/* Reset Mobile Border Styles *\/\n    .stat-card:nth-child(1),\n    .stat-card:nth-child(2),\n    .stat-card:nth-child(3) {\n      border-bottom: none;\n      border-right: 1px solid #e5e7eb;\n    }\n  }\n\n  \/* Numbers & Typography *\/\n  .stat-number {\n    font-size: 1.875rem;\n    font-weight: 900;\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n  }\n\n  @media (min-width: 768px) {\n    .stat-number {\n      font-size: 2.25rem;\n    }\n  }\n\n  \/* Color Schemes *\/\n  .text-teal { color: #1d9999; }\n  .text-gold { color: #e5a93c; }\n  .text-coral { color: #e05263; }\n  .text-navy { color: #1d2254; }\n\n  \/* Subtext Labels *\/\n  .stat-label {\n    margin-top: 0.5rem;\n    font-size: 0.688rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.18em;\n    color: #6b7280;\n  }\n<\/style>\n\n<!-- Key Statistics Section -->\n<section class=\"stats-section\">\n  <div class=\"stats-container\">\n    \n    <!-- Stat 1 -->\n    <div class=\"stat-card\">\n      <div class=\"stat-number text-teal\">10,000+<\/div>\n      <div class=\"stat-label\">Students Certified<\/div>\n    <\/div>\n\n    <!-- Stat 2 -->\n    <div class=\"stat-card\">\n      <div class=\"stat-number text-gold\">500+<\/div>\n      <div class=\"stat-label\">Schools Across India<\/div>\n    <\/div>\n\n    <!-- Stat 3 -->\n    <div class=\"stat-card\">\n      <div class=\"stat-number text-coral\">Grades 3\u201310<\/div>\n      <div class=\"stat-label\">Age-Appropriate<\/div>\n    <\/div>\n\n    <!-- Stat 4 -->\n    <div class=\"stat-card\">\n      <div class=\"stat-number text-navy\">CBSE<\/div>\n      <div class=\"stat-label\">Aligned Curriculum<\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-581df20 e-con-full e-flex e-con e-parent\" data-id=\"581df20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f70c17 elementor-widget elementor-widget-html\" data-id=\"1f70c17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Root Theme Variables *\/\n  :root {\n    --navy-dark: #121829;\n    --navy-text: #1d2254;\n    --teal-brand: #1d9999;\n    --gold-brand: #e5a93c;\n    --coral-brand: #e05263;\n    --text-muted: #6b7280;\n  }\n\n  \/* Base Section Layout *\/\n  .pillars-section {\n    width: 100%;\n    background-color: #ffffff;\n    padding: 5rem 1.5rem;\n    color: var(--navy-text);\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    box-sizing: border-box;\n  }\n\n  .pillars-container {\n    max-width: 76rem;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    gap: 5.5rem;\n  }\n\n  \/* Section Header *\/\n  .pillars-header {\n    text-align: center;\n  }\n\n  .pillars-tagline {\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.25em;\n    color: var(--teal-brand);\n  }\n\n  .pillars-title {\n    margin-top: 0.5rem;\n    font-size: 2.25rem;\n    font-weight: 700;\n    color: var(--navy-text);\n  }\n\n  .text-teal-gradient {\n    color: var(--teal-brand);\n  }\n\n  @media (min-width: 640px) {\n    .pillars-title {\n      font-size: 2.75rem;\n    }\n  }\n\n  \/* Flex Row Layout Structure for Pillars 1 & 2 *\/\n  .pillar-flex-row {\n    display: flex;\n    flex-direction: column;\n    gap: 2.5rem;\n    align-items: center;\n  }\n\n  @media (min-width: 768px) {\n    .pillar-flex-row {\n      flex-direction: row;\n      justify-content: space-between;\n      gap: 4rem;\n    }\n\n    .pillar-row-reverse {\n      flex-direction: row-reverse;\n    }\n\n    .pillar-row-reverse .pillar-info-wrapper {\n      text-align: right;\n    }\n\n    .pillar-row-reverse .pillar-accent-line {\n      margin-left: auto;\n    }\n  }\n\n  \/* Graphic Card Outer Wrapper with Soft Aura Glow *\/\n  .pillar-card-wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 26rem;\n    flex-shrink: 0;\n  }\n\n  \/* Matching the exact light outer glowing shadow from Image 2 *\/\n  .pillar-card-wrapper::before {\n    content: \"\";\n    position: absolute;\n    inset: -0.25rem;\n    border-radius: 1.5rem;\n    background: linear-gradient(135deg, rgba(29, 153, 153, 0.15), rgba(29, 34, 84, 0.05));\n    filter: blur(12px);\n    z-index: 0;\n    transition: transform 0.4s ease;\n  }\n\n  .pillar-card-wrapper-gold::before {\n    background: linear-gradient(135deg, rgba(229, 169, 60, 0.15), rgba(29, 34, 84, 0.05));\n  }\n\n  .pillar-card-wrapper:hover::before {\n    transform: scale(1.03);\n  }\n\n  .pillar-card {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    aspect-ratio: 1 \/ 1;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    border-radius: 1.5rem;\n    padding: 2rem;\n    text-align: center;\n    box-shadow: 0 20px 40px -10px rgba(23, 33, 65, 0.18);\n  }\n\n  \/* Lightened Soft Slate-Blue Colors matching Lovable Preview 2 *\/\n  .card-bg-teal {\n    background: linear-gradient(145deg, #1f2a4a 0%, #17203b 100%);\n  }\n\n  .card-bg-gold {\n    background: linear-gradient(145deg, #24243e 0%, #17203b 100%);\n  }\n\n  \/* Watermark Styling *\/\n  .pillar-card-watermark {\n    position: absolute;\n    right: 1.25rem;\n    top: 1.25rem;\n    font-size: 3.8rem;\n    font-weight: 800;\n    opacity: 0.15;\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .watermark-teal { color: #20b2aa; }\n  .watermark-gold { color: var(--gold-brand); }\n\n  \/* Moving Orbital Dots \/ Floating Circles *\/\n  .orbit-dot {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n  }\n\n  .dot-teal {\n    background-color: #38ef7d;\n    box-shadow: 0 0 8px #38ef7d;\n  }\n\n  .dot-gold {\n    background-color: #ffd700;\n    box-shadow: 0 0 8px #ffd700;\n  }\n\n  \/* Floating Animations for Circles *\/\n  @keyframes floatParticle1 {\n    0% { transform: translate(0, 0); }\n    50% { transform: translate(6px, -10px); }\n    100% { transform: translate(0, 0); }\n  }\n\n  @keyframes floatParticle2 {\n    0% { transform: translate(0, 0); }\n    50% { transform: translate(-8px, 8px); }\n    100% { transform: translate(0, 0); }\n  }\n\n  .animate-float-1 {\n    animation: floatParticle1 3.5s ease-in-out infinite;\n  }\n\n  .animate-float-2 {\n    animation: floatParticle2 4.5s ease-in-out infinite;\n  }\n\n  \/* White Circle Badge Container *\/\n  .pillar-logo-badge {\n    margin-bottom: 1.25rem;\n    display: flex;\n    height: 6.5rem;\n    width: 6.5rem;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background-color: #ffffff;\n    padding: 1.1rem;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n  }\n\n  .pillar-logo-badge img {\n    max-height: 100%;\n    max-width: 100%;\n    object-fit: contain;\n  }\n\n  .pillar-card-name {\n    font-size: 1.35rem;\n    font-weight: 700;\n    color: #ffffff;\n    letter-spacing: -0.01em;\n  }\n\n  .pillar-card-role {\n    margin-top: 0.35rem;\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.2em;\n  }\n\n  .role-teal { color: #20b2aa; }\n  .role-gold { color: var(--gold-brand); }\n\n  \/* Info Column Content *\/\n  .pillar-info-wrapper {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .pillar-meta-label {\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.18em;\n  }\n\n  .text-gold { color: var(--gold-brand); }\n\n  .pillar-heading {\n    font-size: 1.85rem;\n    font-weight: 700;\n    line-height: 1.25;\n    color: var(--navy-text);\n  }\n\n  @media (min-width: 768px) {\n    .pillar-heading {\n      font-size: 2.1rem;\n    }\n  }\n\n  .pillar-accent-line {\n    height: 2px;\n    width: 2.75rem;\n  }\n\n  .line-teal { background-color: var(--teal-brand); }\n  .line-gold { background-color: var(--gold-brand); }\n\n  .pillar-desc {\n    font-size: 0.95rem;\n    line-height: 1.625;\n    color: var(--text-muted);\n  }\n\n  \/* Feature Bullet Lists *\/\n  .pillar-feature-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 0.85rem 1.5rem;\n    padding-top: 0.5rem;\n    text-align: left;\n  }\n\n  @media (min-width: 640px) {\n    .pillar-feature-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  .feature-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.65rem;\n  }\n\n  .feature-bullet {\n    margin-top: 0.4rem;\n    height: 0.375rem;\n    width: 0.375rem;\n    flex-shrink: 0;\n    border-radius: 50%;\n  }\n\n  .bg-teal { background-color: var(--teal-brand); }\n  .bg-gold { background-color: var(--gold-brand); }\n  .bg-coral { background-color: var(--coral-brand); }\n  .bg-navy { background-color: var(--teal-brand); }\n\n  .feature-text {\n    font-size: 0.875rem;\n    font-weight: 500;\n    color: var(--navy-text);\n    line-height: 1.4;\n  }\n\n  \/* Bottom Split Section (Pillars 3 & 4) *\/\n  .pillars-split-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 2rem;\n  }\n\n  @media (min-width: 768px) {\n    .pillars-split-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 2.5rem;\n    }\n  }\n\n  .pillar-split-card {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    border: 1px solid #E2E8F0;\n    border-top: 4px solid;\n    border-radius: 1rem;\n    padding: 2.25rem 2rem;\n    background-color: #FAFAFA;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);\n  }\n\n  .split-border-coral { border-top-color: var(--coral-brand); }\n  .split-border-navy { border-top-color: var(--teal-brand); }\n\n  .pillar-split-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: var(--navy-text);\n  }\n\n  .feature-list-vertical {\n    display: flex;\n    flex-direction: column;\n    gap: 0.65rem;\n    padding-top: 0.5rem;\n  }\n\n  .pillar-split-footer {\n    padding-top: 0.75rem;\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n  }\n\n  .footer-coral { color: var(--coral-brand); }\n  .footer-navy { color: var(--teal-brand); }\n<\/style>\n\n<!-- Institutional Pillars Section -->\n<section class=\"pillars-section\">\n  <div class=\"pillars-container\">\n    \n    <!-- Section Title -->\n    <div class=\"pillars-header\">\n      <p class=\"pillars-tagline\">The Institutional Pillars<\/p>\n      <h2 class=\"pillars-title\">\n        Four institutions. <span class=\"text-teal-gradient\">One credential.<\/span>\n      <\/h2>\n    <\/div>\n\n    <!-- Pillar 01: IIIT Allahabad -->\n    <div class=\"pillar-flex-row\">\n      <div class=\"pillar-card-wrapper\">\n        <div class=\"pillar-card card-bg-teal\">\n          <span class=\"pillar-card-watermark watermark-teal\">IIITA<\/span>\n          \n          <!-- Animated Circles matching Preview Image 2 -->\n          <div class=\"orbit-dot dot-teal animate-float-1\" style=\"top: 25%; left: 20%; width: 5px; height: 5px;\"><\/div>\n          <div class=\"orbit-dot dot-teal animate-float-2\" style=\"bottom: 30%; right: 22%; width: 5px; height: 5px;\"><\/div>\n\n          <!-- Image Badge -->\n          <div class=\"pillar-logo-badge\">\n            <img decoding=\"async\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/iiita-D1IHL4UZ.png\" alt=\"IIITA Logo\" \/>\n          <\/div>\n\n          <div class=\"pillar-card-name\">IIITA<\/div>\n          <div class=\"pillar-card-role role-teal\">Academic Partner<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pillar-info-wrapper\">\n        <span class=\"pillar-meta-label text-teal-gradient\">Institutional Pillar \u00b7 01<\/span>\n        <h3 class=\"pillar-heading\">IIIT Allahabad<\/h3>\n        <div class=\"pillar-accent-line line-teal\"><\/div>\n        <p class=\"pillar-desc\">\n          Indian Institute of Information Technology, Allahabad \u2014 one of India's premier institutes of national importance for IT and AI research \u2014 validates the AI Olympiad syllabus and question banks across every grade.\n        <\/p>\n\n        <div class=\"pillar-feature-grid\">\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-teal\"><\/div>\n            <span class=\"feature-text\">Syllabus validation across Grades 3\u201310<\/span>\n          <\/div>\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-teal\"><\/div>\n            <span class=\"feature-text\">Co-branded participation certificates<\/span>\n          <\/div>\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-teal\"><\/div>\n            <span class=\"feature-text\">Research mentorship for top performers<\/span>\n          <\/div>\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-teal\"><\/div>\n            <span class=\"feature-text\">Question bank academic review<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Pillar 02: IIT Bombay \u2014 Techfest -->\n    <div class=\"pillar-flex-row pillar-row-reverse\">\n      <div class=\"pillar-card-wrapper pillar-card-wrapper-gold\">\n        <div class=\"pillar-card card-bg-gold\">\n          <span class=\"pillar-card-watermark watermark-gold\">IITB<\/span>\n          \n          <!-- Animated Circles matching Preview Image 2 -->\n          <div class=\"orbit-dot dot-gold animate-float-2\" style=\"top: 22%; right: 25%; width: 5px; height: 5px;\"><\/div>\n          <div class=\"orbit-dot dot-gold animate-float-1\" style=\"bottom: 25%; left: 20%; width: 5px; height: 5px;\"><\/div>\n\n          <!-- Image Badge -->\n          <div class=\"pillar-logo-badge\">\n            <img decoding=\"async\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/iitb-techfest-heKOhCsp.png\" alt=\"IITB Logo\" \/>\n          <\/div>\n\n          <div class=\"pillar-card-name\">IITB<\/div>\n          <div class=\"pillar-card-role role-gold\">Prestige Partner<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pillar-info-wrapper\">\n        <span class=\"pillar-meta-label text-gold\">Institutional Pillar \u00b7 02<\/span>\n        <h3 class=\"pillar-heading\">IIT Bombay \u2014 Techfest<\/h3>\n        <div class=\"pillar-accent-line line-gold\"><\/div>\n        <p class=\"pillar-desc\">\n          Asia's largest science & technology festival hosts SparkX \u2014 the National Innovation Challenge \u2014 where Grade Rank 1 winners from across India showcase their AI projects on a national stage at IIT Bombay.\n        <\/p>\n\n        <div class=\"pillar-feature-grid\">\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-gold\"><\/div>\n            <span class=\"feature-text\">SparkX National Innovation Challenge host<\/span>\n          <\/div>\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-gold\"><\/div>\n            <span class=\"feature-text\">On-stage felicitation of Grade Rank 1 winners<\/span>\n          <\/div>\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-gold\"><\/div>\n            <span class=\"feature-text\">Access to India's largest student tech festival<\/span>\n          <\/div>\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-gold\"><\/div>\n            <span class=\"feature-text\">Mentorship from IIT Bombay innovators<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Pillars 03 & 04 Grid -->\n    <div class=\"pillars-split-grid\">\n      \n      <!-- Pillar 03: COEP -->\n      <div class=\"pillar-split-card split-border-coral\">\n        <span class=\"pillar-meta-label footer-coral\">Institutional Pillar \u00b7 03<\/span>\n        <h4 class=\"pillar-split-title\">COEP Technological University, Pune<\/h4>\n        <p class=\"pillar-desc\">\n          One of India's oldest engineering institutions, COEP brings curriculum rigour and pedagogical review to every grade-level paper \u2014 ensuring age-appropriate depth without compromising on academic standard.\n        <\/p>\n        <div class=\"feature-list-vertical\">\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-coral\"><\/div>\n            <span class=\"feature-text\">Curriculum & pedagogy review<\/span>\n          <\/div>\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-coral\"><\/div>\n            <span class=\"feature-text\">Grade-appropriate difficulty calibration<\/span>\n          <\/div>\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-coral\"><\/div>\n            <span class=\"feature-text\">Workshop & masterclass collaborations<\/span>\n          <\/div>\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-coral\"><\/div>\n            <span class=\"feature-text\">Faculty advisory on question design<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"pillar-split-footer footer-coral\">\u2014 Academic Partner \u00b7 Curriculum Review<\/div>\n      <\/div>\n\n      <!-- Pillar 04: SPPU -->\n      <div class=\"pillar-split-card split-border-navy\">\n        <span class=\"pillar-meta-label footer-navy\">Institutional Pillar \u00b7 04<\/span>\n        <h4 class=\"pillar-split-title\">Savitribai Phule Pune University<\/h4>\n        <p class=\"pillar-desc\">\n          SPPU's research depth anchors the AI Olympiad in a strong academic foundation \u2014 bringing university-level research perspective to a school-level exam.\n        <\/p>\n        <div class=\"feature-list-vertical\">\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-navy\"><\/div>\n            <span class=\"feature-text\">Research-backed curriculum design<\/span>\n          <\/div>\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-navy\"><\/div>\n            <span class=\"feature-text\">Academic credibility & alignment with CBSE<\/span>\n          <\/div>\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-navy\"><\/div>\n            <span class=\"feature-text\">Pathways for top performers to higher AI study<\/span>\n          <\/div>\n          <div class=\"feature-item\">\n            <div class=\"feature-bullet bg-navy\"><\/div>\n            <span class=\"feature-text\">Co-hosted student research showcases<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"pillar-split-footer footer-navy\">\u2014 Academic Partner \u00b7 Research Foundation<\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b321d2 e-con-full e-flex e-con e-parent\" data-id=\"5b321d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9256788 elementor-widget elementor-widget-html\" data-id=\"9256788\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Base Variable Palette *\/\n  :root {\n    --navy-deep: #15153a;\n    --navy-card: #1d2254;\n    --gold: #e5a93c;\n    --teal: #1d9999;\n    --coral: #e05263;\n    --text-muted: #9ca3af;\n  }\n\n  \/* Section Styles *\/\n  .sparkx-section {\n    position: relative;\n    overflow: hidden;\n    background-color: var(--navy-deep);\n    padding-top: 5rem;\n    padding-bottom: 5rem;\n    color: #ffffff;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    box-sizing: border-box;\n  }\n\n  \/* Ambient Glowing Ambient Blobs *\/\n  .glow-blob-gold {\n    pointer-events: none;\n    position: absolute;\n    top: -8rem;\n    right: 0;\n    height: 24rem;\n    width: 24rem;\n    border-radius: 9999px;\n    background-color: rgba(229, 169, 60, 0.22);\n    filter: blur(80px);\n  }\n\n  .glow-blob-coral {\n    pointer-events: none;\n    position: absolute;\n    bottom: -8rem;\n    left: 0;\n    height: 24rem;\n    width: 24rem;\n    border-radius: 9999px;\n    background-color: rgba(224, 82, 99, 0.18);\n    filter: blur(80px);\n  }\n\n  \/* Container & Grid *\/\n  .sparkx-container {\n    position: relative;\n    max-width: 72rem;\n    margin: 0 auto;\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 3rem;\n    align-items: center;\n  }\n\n  @media (min-width: 768px) {\n    .sparkx-section {\n      padding-top: 6rem;\n      padding-bottom: 6rem;\n    }\n    .sparkx-container {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 3rem;\n    }\n  }\n\n  \/* Pill Badge Header *\/\n  .sparkx-badge-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    border-radius: 9999px;\n    border: 1px solid rgba(229, 169, 60, 0.35);\n    background-color: rgba(229, 169, 60, 0.1);\n    padding: 0.35rem 0.85rem;\n  }\n\n  .sparkx-badge-text {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    color: var(--gold);\n  }\n\n  .sparkx-title {\n    margin-top: 1.25rem;\n    font-size: 2.25rem;\n    font-weight: 900;\n    line-height: 1.15;\n    color: #ffffff;\n  }\n\n  @media (min-width: 640px) {\n    .sparkx-title {\n      font-size: 2.85rem;\n    }\n  }\n\n  .sparkx-title .text-gold {\n    color: var(--gold);\n  }\n\n  .sparkx-description {\n    margin-top: 1.25rem;\n    max-width: 32rem;\n    font-size: 0.95rem;\n    line-height: 1.625;\n    color: rgba(255, 255, 255, 0.72);\n  }\n\n  \/* List Items *\/\n  .sparkx-list {\n    margin-top: 1.5rem;\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n    font-size: 0.875rem;\n    color: rgba(255, 255, 255, 0.85);\n  }\n\n  .sparkx-list-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.75rem;\n  }\n\n  .sparkx-icon-gold {\n    margin-top: 0.15rem;\n    height: 1rem;\n    width: 1rem;\n    flex-shrink: 0;\n    color: var(--gold);\n  }\n\n  \/* Right Certificate Mockup Column *\/\n  .cert-card-wrapper {\n    position: relative;\n    margin: 0 auto;\n    width: 100%;\n    max-width: 26rem;\n  }\n\n  .cert-glow-backdrop {\n    position: absolute;\n    inset: -1rem;\n    border-radius: 1.5rem;\n    background: linear-gradient(135deg, var(--gold), var(--teal));\n    opacity: 0.25;\n    filter: blur(24px);\n  }\n\n  .cert-card {\n    position: relative;\n    transform: rotate(-2deg);\n    border-radius: 1rem;\n    background-color: #ffffff;\n    padding: 1.5rem;\n    color: var(--navy-card);\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n    transition: transform 0.3s ease;\n  }\n\n  .cert-card:hover {\n    transform: rotate(0deg) scale(1.02);\n  }\n\n  .cert-inner-border {\n    border-radius: 0.75rem;\n    border: 2px double rgba(229, 169, 60, 0.6);\n    padding: 1.5rem;\n    text-align: center;\n  }\n\n  .cert-stamp-icon {\n    margin: 0 auto;\n    height: 1.75rem;\n    width: 1.75rem;\n    color: var(--gold);\n  }\n\n  .cert-subtitle {\n    margin-top: 0.5rem;\n    font-size: 10px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.3em;\n    color: var(--text-muted);\n  }\n\n  .cert-main-heading {\n    margin-top: 1rem;\n    font-size: 1.5rem;\n    font-weight: 900;\n    line-height: 1.25;\n    color: var(--navy-card);\n  }\n\n  .cert-meta-info {\n    margin-top: 0.5rem;\n    font-size: 0.75rem;\n    color: var(--text-muted);\n  }\n\n  .cert-partners-row {\n    margin-top: 1.25rem;\n    display: flex;\n    items-center;\n    justify-content: center;\n    gap: 0.75rem;\n  }\n\n  .partner-tag-teal {\n    border-radius: 9999px;\n    border: 1px solid rgba(29, 153, 153, 0.3);\n    background-color: rgba(29, 153, 153, 0.08);\n    padding: 0.25rem 0.65rem;\n    font-size: 9px;\n    font-weight: 700;\n    color: var(--teal);\n  }\n\n  .partner-tag-gold {\n    border-radius: 9999px;\n    border: 1px solid rgba(229, 169, 60, 0.3);\n    background-color: rgba(229, 169, 60, 0.08);\n    padding: 0.25rem 0.65rem;\n    font-size: 9px;\n    font-weight: 700;\n    color: var(--gold);\n  }\n\n  .cert-footer-text {\n    margin-top: 1.25rem;\n    border-top: 1px dashed rgba(0, 0, 0, 0.12);\n    padding-top: 0.75rem;\n    font-size: 9px;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    color: var(--text-muted);\n  }\n\n  \/* Co-Branded Tag Badge *\/\n  .cobranded-badge {\n    position: absolute;\n    top: -0.75rem;\n    right: -0.75rem;\n    transform: rotate(12deg);\n    border-radius: 9999px;\n    background: linear-gradient(135deg, #1d9999, #153a47);\n    padding: 0.35rem 0.85rem;\n    font-size: 10px;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    color: #ffffff;\n    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);\n  }\n<\/style>\n\n<section class=\"sparkx-section\">\n  <!-- Glowing Background Ambient Spheres -->\n  <div class=\"glow-blob-gold\"><\/div>\n  <div class=\"glow-blob-coral\"><\/div>\n\n  <div class=\"sparkx-container\">\n    \n    <!-- Left Column: Text & Features List -->\n    <div>\n      <div class=\"sparkx-badge-pill\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sparkx-icon-gold\">\n          <path d=\"M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978\"><\/path>\n          <path d=\"M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978\"><\/path>\n          <path d=\"M18 9h1.5a1 1 0 0 0 0-5H18\"><\/path>\n          <path d=\"M4 22h16\"><\/path>\n          <path d=\"M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z\"><\/path>\n          <path d=\"M6 9H4.5a1 1 0 0 1 0-5H6\"><\/path>\n        <\/svg>\n        <span class=\"sparkx-badge-text\">SparkX \u00b7 IIT Bombay Techfest<\/span>\n      <\/div>\n\n      <h2 class=\"sparkx-title\">\n        Top Rank 10 from each grade earn a <span class=\"text-gold\">national stage<\/span>.\n      <\/h2>\n\n      <p class=\"sparkx-description\">\n        The SparkX National Innovation Challenge is hosted at Asia's largest student tech festival \u2014 Techfest, IIT Bombay. Across Grades 3\u201310, that's 80 students every year competing on India's biggest stage.\n      <\/p>\n\n      <ul class=\"sparkx-list\">\n        <li class=\"sparkx-list-item\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sparkx-icon-gold\">\n            <path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path>\n            <path d=\"M20 2v4\"><\/path>\n            <path d=\"M22 4h-4\"><\/path>\n            <circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle>\n          <\/svg>\n          Top 10 per grade \u00b7 Grades 3\u201310 \u00b7 80 finalists each year\n        <\/li>\n        <li class=\"sparkx-list-item\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sparkx-icon-gold\">\n            <path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path>\n            <path d=\"M20 2v4\"><\/path>\n            <path d=\"M22 4h-4\"><\/path>\n            <circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle>\n          <\/svg>\n          On-stage felicitation at Techfest, IIT Bombay\n        <\/li>\n        <li class=\"sparkx-list-item\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sparkx-icon-gold\">\n            <path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path>\n            <path d=\"M20 2v4\"><\/path>\n            <path d=\"M22 4h-4\"><\/path>\n            <circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle>\n          <\/svg>\n          Mentorship from IIT Bombay innovators\n        <\/li>\n        <li class=\"sparkx-list-item\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sparkx-icon-gold\">\n            <path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path>\n            <path d=\"M20 2v4\"><\/path>\n            <path d=\"M22 4h-4\"><\/path>\n            <circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle>\n          <\/svg>\n          National media coverage &amp; recognition\n        <\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- Right Column: Certificate Card Showcase -->\n    <div class=\"cert-card-wrapper\">\n      <div class=\"cert-glow-backdrop\"><\/div>\n      \n      <div class=\"cert-card\">\n        <div class=\"cert-inner-border\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"cert-stamp-icon\">\n            <path d=\"M14 13V8.5C14 7 15 7 15 5a3 3 0 0 0-6 0c0 2 1 2 1 3.5V13\"><\/path>\n            <path d=\"M20 15.5a2.5 2.5 0 0 0-2.5-2.5h-11A2.5 2.5 0 0 0 4 15.5V17a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1z\"><\/path>\n            <path d=\"M5 22h14\"><\/path>\n          <\/svg>\n          \n          <div class=\"cert-subtitle\">Certificate of Participation<\/div>\n          <div class=\"cert-main-heading\">AI Olympiad 2026<\/div>\n          <div class=\"cert-meta-info\">Digitally signed \u00b7 co-branded<\/div>\n\n          <div class=\"cert-partners-row\">\n            <span class=\"partner-tag-teal\">IIIT Allahabad<\/span>\n            <span class=\"partner-tag-gold\">IIT Bombay<\/span>\n          <\/div>\n\n          <div class=\"cert-footer-text\">Awarded to every participant<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Floating Badge -->\n      <div class=\"cobranded-badge\">Co-branded<\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c6c5ff e-con-full e-flex e-con e-parent\" data-id=\"6c6c5ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0181ff2 elementor-widget elementor-widget-html\" data-id=\"0181ff2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Base Variables *\/\n  :root {\n    --navy-bg: #1d2254;\n    --teal: #1d9999;\n    --teal-light: #2dd4bf;\n    --gold: #e5a93c;\n    --coral: #f43f5e;\n  }\n\n  \/* Section Styles *\/\n  .journey-section {\n    background-color: var(--navy-bg);\n    padding-top: 6rem;\n    padding-bottom: 6rem;\n    color: #ffffff;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    box-sizing: border-box;\n  }\n\n  .journey-container {\n    max-width: 64rem;\n    margin: 0 auto;\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n  }\n\n  \/* Vertical Teal Accent Line & Header *\/\n  .journey-header-block {\n    border-left: 4px solid var(--teal);\n    padding-left: 2rem;\n  }\n\n  .journey-title {\n    font-size: 2.25rem;\n    font-weight: 900;\n    line-height: 1.15;\n    letter-spacing: -0.025em;\n    color: #ffffff;\n    margin: 0;\n  }\n\n  @media (min-width: 768px) {\n    .journey-title {\n      font-size: 2.5rem;\n    }\n  }\n\n  .journey-title .teal-text {\n    color: var(--teal-light);\n  }\n\n  \/* 3-Column Features Grid *\/\n  .journey-grid {\n    margin-top: 3rem;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 3rem;\n  }\n\n  @media (min-width: 768px) {\n    .journey-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  .journey-card-label {\n    margin-bottom: 1rem;\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n  }\n\n  .label-credential {\n    color: var(--teal-light);\n  }\n\n  .label-curriculum {\n    color: var(--gold);\n  }\n\n  .label-mentorship {\n    color: var(--coral);\n  }\n\n  .journey-card-text {\n    font-size: 0.875rem;\n    line-height: 1.625;\n    color: rgba(255, 255, 255, 0.7);\n    margin: 0;\n  }\n\n  \/* Footer Section: Logos + Register CTA Link *\/\n  .journey-footer {\n    margin-top: 5rem;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    padding-top: 3rem;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 2rem;\n  }\n\n  @media (min-width: 768px) {\n    .journey-footer {\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n\n  .partner-logos-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.75rem;\n  }\n\n  .logo-badge {\n    display: flex;\n    height: 2.75rem;\n    width: 2.75rem;\n    align-items: center;\n    justify-content: center;\n    border-radius: 9999px;\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    background-color: #ffffff;\n    padding: 0.375rem;\n    transition: transform 0.2s ease, border-color 0.2s ease;\n    box-sizing: border-box;\n  }\n\n  .logo-badge:hover {\n    border-color: var(--teal-light);\n    transform: scale(1.1);\n  }\n\n  .logo-badge img {\n    height: 100%;\n    width: 100%;\n    object-fit: contain;\n  }\n\n  \/* Registration CTA *\/\n  .register-cta-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    border-bottom: 2px solid var(--teal-light);\n    padding-bottom: 0.25rem;\n    font-size: 0.875rem;\n    font-weight: 700;\n    color: #ffffff;\n    text-decoration: none !important;\n    transition: color 0.2s ease;\n  }\n\n  .register-cta-link:hover {\n    color: var(--teal-light);\n    text-decoration: none !important;\n  }\n\n  .cta-arrow-icon {\n    height: 1rem;\n    width: 1rem;\n  }\n<\/style>\n\n<section class=\"journey-section\">\n  <div class=\"journey-container\">\n    \n    <!-- Header with Accent Line -->\n    <div class=\"journey-header-block\">\n      <h2 class=\"journey-title\">\n        What this means<br>\n        <span class=\"teal-text\">for your journey.<\/span>\n      <\/h2>\n\n      <!-- 3 Columns -->\n      <div class=\"journey-grid\">\n        \n        <!-- Credential -->\n        <div>\n          <div class=\"journey-card-label label-credential\">Credential<\/div>\n          <p class=\"journey-card-text\">\n            Your e-certificate is co-branded with IIIT Allahabad and IIT Bombay Techfest \u2014 real weight on school and college portfolios.\n          <\/p>\n        <\/div>\n\n        <!-- Curriculum -->\n        <div>\n          <div class=\"journey-card-label label-curriculum\">Curriculum<\/div>\n          <p class=\"journey-card-text\">\n            Syllabus &amp; question banks vetted by IIIT, COEP and SPPU faculty \u2014 CBSE-aligned and NSQF-mapped.\n          <\/p>\n        <\/div>\n\n        <!-- Mentorship -->\n        <div>\n          <div class=\"journey-card-label label-mentorship\">Mentorship<\/div>\n          <p class=\"journey-card-text\">\n            Top performers earn SparkX stage time at IIT Bombay Techfest and access to research mentorship pathways.\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- Bottom Logos & Link Divider -->\n    <div class=\"journey-footer\">\n      \n      <!-- Logos Badges -->\n      <div class=\"partner-logos-row\">\n        <div class=\"logo-badge\" title=\"IIIT Allahabad\">\n          <img decoding=\"async\" alt=\"IIIT Allahabad logo\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/iiita-D1IHL4UZ.png\">\n        <\/div>\n        <div class=\"logo-badge\" title=\"IIT Bombay \u2014 Techfest\">\n          <img decoding=\"async\" alt=\"IIT Bombay \u2014 Techfest logo\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/iitb-techfest-heKOhCsp.png\">\n        <\/div>\n        <div class=\"logo-badge\" title=\"COEP Technological University, Pune\">\n          <img decoding=\"async\" alt=\"COEP Technological University, Pune logo\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/coep-DYMTx2WI.png\">\n        <\/div>\n        <div class=\"logo-badge\" title=\"Savitribai Phule Pune University\">\n          <img decoding=\"async\" alt=\"Savitribai Phule Pune University logo\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/sppu-aYzVTwxY.png\">\n        <\/div>\n      <\/div>\n\n      <!-- Action Link -->\n      <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/#register\" class=\"register-cta-link\">\n        Register for AI Olympiad 2026\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"cta-arrow-icon\">\n          <path d=\"M5 12h14\"><\/path>\n          <path d=\"m12 5 7 7-7 7\"><\/path>\n        <\/svg>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8028159 e-con-full e-flex e-con e-parent\" data-id=\"8028159\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3a4e0f elementor-widget elementor-widget-html\" data-id=\"d3a4e0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Base Variables *\/\n  :root {\n    --section-bg: #edf2f866;\n    --navy: #15153a;\n    --teal: #1d9999;\n    --gold: #e5a93c;\n    --coral: #e05263;\n    --card-bg: #ffffff;\n    --text-muted: #6b7280;\n    --border-color: rgba(229, 231, 235, 0.8);\n  }\n\n  \/* Section Styles *\/\n  .milestones-section {\n    background-color: var(--section-bg);\n    padding-top: 5rem;\n    padding-bottom: 5rem;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    box-sizing: border-box;\n  }\n\n  .milestones-container {\n    max-width: 72rem;\n    margin: 0 auto;\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n  }\n\n  \/* Header Section *\/\n  .milestones-header {\n    margin-bottom: 3rem;\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 1rem;\n  }\n\n  .milestones-subtitle {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.25em;\n    color: var(--teal);\n  }\n\n  .milestones-icon-newspaper {\n    height: 0.875rem;\n    width: 0.875rem;\n  }\n\n  .milestones-title {\n    margin-top: 0.75rem;\n    font-size: 1.875rem;\n    font-weight: 800;\n    line-height: 1.25;\n    color: var(--navy);\n  }\n\n  @media (min-width: 640px) {\n    .milestones-title {\n      font-size: 2.25rem;\n    }\n  }\n\n  .milestones-award-icon {\n    display: none;\n    height: 2.5rem;\n    width: 2.5rem;\n    color: var(--gold);\n    flex-shrink: 0;\n  }\n\n  @media (min-width: 640px) {\n    .milestones-award-icon {\n      display: block;\n    }\n  }\n\n  \/* Grid Layout *\/\n  .milestones-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 1.5rem;\n  }\n\n  @media (min-width: 768px) {\n    .milestones-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  \/* Cards Styling *\/\n  .milestones-card {\n    position: relative;\n    overflow: hidden;\n    border-radius: 1.5rem;\n    border: 1px solid var(--border-color);\n    background-color: var(--card-bg);\n    padding: 1.75rem;\n    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .milestones-card:hover {\n    transform: translateY(-0.25rem);\n    box-shadow: 0 12px 25px -5px rgba(0, 0, 0, 0.08);\n  }\n\n  \/* Top Accent Ribbon Gradient *\/\n  .card-ribbon {\n    position: absolute;\n    inset-x: 0;\n    top: 0;\n    height: 0.25rem;\n  }\n\n  .ribbon-gold {\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\n  }\n\n  .ribbon-teal {\n    background: linear-gradient(90deg, transparent, var(--teal), transparent);\n  }\n\n  .ribbon-coral {\n    background: linear-gradient(90deg, transparent, var(--coral), transparent);\n  }\n\n  \/* Meta Row *\/\n  .card-meta {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .badge-tag {\n    border-radius: 9999px;\n    padding: 0.25rem 0.625rem;\n    font-size: 10px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n  }\n\n  .badge-partner {\n    background: color-mix(in oklab, var(--gold) 12%, white);\n    color: var(--gold);\n  }\n\n  .badge-registration {\n    background: color-mix(in oklab, var(--teal) 12%, white);\n    color: var(--teal);\n  }\n\n  .badge-exam {\n    background: color-mix(in oklab, var(--coral) 12%, white);\n    color: var(--coral);\n  }\n\n  .card-date {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--text-muted);\n  }\n\n  \/* Card Headings and Text *\/\n  .card-heading {\n    margin-top: 1.25rem;\n    font-size: 1.125rem;\n    font-weight: 800;\n    line-height: 1.375;\n    color: var(--navy);\n  }\n\n  .card-description {\n    margin-top: 0.75rem;\n    font-size: 0.875rem;\n    line-height: 1.5;\n    color: var(--text-muted);\n  }\n<\/style>\n\n<section class=\"milestones-section\">\n  <div class=\"milestones-container\">\n    \n    <!-- Header Block -->\n    <div class=\"milestones-header\">\n      <div>\n        <p class=\"milestones-subtitle\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"milestones-icon-newspaper\">\n            <path d=\"M15 18h-5\"><\/path>\n            <path d=\"M18 14h-8\"><\/path>\n            <path d=\"M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2\"><\/path>\n            <rect width=\"8\" height=\"4\" x=\"10\" y=\"6\" rx=\"1\"><\/rect>\n          <\/svg>\n          Partnership Milestones\n        <\/p>\n        <h3 class=\"milestones-title\">The story so far.<\/h3>\n      <\/div>\n\n      <!-- Right Award Badge Icon -->\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"milestones-award-icon\">\n        <path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"><\/path>\n        <circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle>\n      <\/svg>\n    <\/div>\n\n    <!-- Milestones Grid -->\n    <div class=\"milestones-grid\">\n      \n      <!-- Article 1 -->\n      <article class=\"milestones-card\">\n        <div class=\"card-ribbon ribbon-gold\"><\/div>\n        <div class=\"card-meta\">\n          <span class=\"badge-tag badge-partner\">Partner<\/span>\n          <span class=\"card-date\">Apr 2026<\/span>\n        <\/div>\n        <h4 class=\"card-heading\">IIT Bombay Techfest joins as Prestige Partner<\/h4>\n        <p class=\"card-description\">Techfest, IIT Bombay confirmed as official host for SparkX 2026 \u2014 the National Innovation Challenge.<\/p>\n      <\/article>\n\n      <!-- Article 2 -->\n      <article class=\"milestones-card\">\n        <div class=\"card-ribbon ribbon-teal\"><\/div>\n        <div class=\"card-meta\">\n          <span class=\"badge-tag badge-registration\">Registration<\/span>\n          <span class=\"card-date\">May 2026<\/span>\n        <\/div>\n        <h4 class=\"card-heading\">AI Olympiad 2026 registrations open<\/h4>\n        <p class=\"card-description\">Individual students and schools can now register at \u20b9250 per student. Closes 30 Sep 2026.<\/p>\n      <\/article>\n\n      <!-- Article 3 -->\n      <article class=\"milestones-card\">\n        <div class=\"card-ribbon ribbon-coral\"><\/div>\n        <div class=\"card-meta\">\n          <span class=\"badge-tag badge-exam\">Exam<\/span>\n          <span class=\"card-date\">Mar 2026<\/span>\n        <\/div>\n        <h4 class=\"card-heading\">10,000+ students certified in 2025<\/h4>\n        <p class=\"card-description\">Results for AI Olympiad 2025 declared. Co-branded certificates downloaded from the portal.<\/p>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cce5c3f e-con-full e-flex e-con e-parent\" data-id=\"cce5c3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b97d48f elementor-widget elementor-widget-html\" data-id=\"b97d48f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Base Variables *\/\n  :root {\n    --bg-color: #f9fcff;\n    --navy: #15153a;\n    --teal-text: lab(56.9781% -32.7114 -9.83882);\n    --cta-gradient: linear-gradient(\n      135deg,\n      lab(56.9781% -32.7114 -9.83882),\n      lab(75.5051% -30.2687 -6.09714)\n    );\n  }\n\n  \/* Section Layout *\/\n  .cta-section {\n    background-color: var(--bg-color);\n    padding-top: 3.5rem;\n    padding-bottom: 3.5rem;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    box-sizing: border-box;\n  }\n\n  .cta-container {\n    max-width: 64rem;\n    margin: 0 auto;\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n    text-align: center;\n  }\n\n  \/* Subtitle \/ Badge *\/\n  .cta-subtitle {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-size: 0.75rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    color: var(--teal-text);\n  }\n\n  .sparkles-icon {\n    height: 0.875rem;\n    width: 0.875rem;\n  }\n\n  \/* Main Headline *\/\n  .cta-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: var(--navy);\n    margin: 0;\n    line-height: 1.25;\n    letter-spacing: -0.01em;\n  }\n\n  @media (min-width: 640px) {\n    .cta-title {\n      font-size: 1.875rem;\n    }\n  }\n\n  \/* CTA Button Link *\/\n  .cta-button {\n    margin-top: 0.5rem;\n    display: inline-block;\n    border-radius: 9999px;\n    background: var(--cta-gradient);\n    padding: 0.875rem 1.75rem;\n    font-size: 0.95rem;\n    font-weight: 700;\n    color: #ffffff;\n    text-decoration: none !important;\n    box-shadow: 0 10px 25px -5px rgba(29, 153, 153, 0.35);\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .cta-button:hover {\n    transform: scale(1.05);\n    box-shadow: 0 15px 30px -5px rgba(29, 153, 153, 0.45);\n    text-decoration: none !important;\n  }\n<\/style>\n\n<section class=\"cta-section\">\n  <div class=\"cta-container\">\n    \n    <!-- Subtitle Badge -->\n    <div class=\"cta-subtitle\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"sparkles-icon\" aria-hidden=\"true\">\n        <path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path>\n        <path d=\"M20 2v4\"><\/path>\n        <path d=\"M22 4h-4\"><\/path>\n        <circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle>\n      <\/svg>\n      Limited 2026 seats \u00b7 \u20b9250 all-inclusive\n    <\/div>\n\n    <!-- Headline -->\n    <h3 class=\"cta-title\">\n      Stand on the shoulders of India's best institutions.\n    <\/h3>\n\n    <!-- Action Button -->\n    <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/#register\" class=\"cta-button\">\n      Reserve your seat \u2014 \u20b9250\n    <\/a>\n\n  <\/div>\n<\/section>\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>About Syllabus Collaborations Pricing Rewards FAQ Contact Register IIITA IITB COEP SPPU Back to home Official Partners Powerful Collaborations Built [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-667","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/pages\/667","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/comments?post=667"}],"version-history":[{"count":52,"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/pages\/667\/revisions"}],"predecessor-version":[{"id":770,"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/pages\/667\/revisions\/770"}],"wp:attachment":[{"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/media?parent=667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}