{"id":112,"date":"2026-03-18T08:46:52","date_gmt":"2026-03-18T08:46:52","guid":{"rendered":"https:\/\/astf.net\/new\/our-story\/"},"modified":"2026-03-18T08:46:52","modified_gmt":"2026-03-18T08:46:52","slug":"our-story","status":"publish","type":"page","link":"https:\/\/astf.net\/new\/our-story\/","title":{"rendered":"Our Story"},"content":{"rendered":"<body><p><\/p><!-- Hero Section - Enhanced with Background -->\n<section class=\"section\" id=\"hero\" style=\"position: relative; min-height: 80vh; display: flex; align-items: center; overflow: hidden;\">\n        <!-- Background Image with Overlay -->\n<div style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0;\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/home%20pic.jpg\" alt=\"\" style=\"width: 100%; height: 100%; object-fit: cover; opacity: 0.15;\">\n<div style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(135deg, rgba(10, 77, 104, 0.95), rgba(10, 77, 104, 0.8));\"><\/div>\n<\/div>\n<div class=\"container\" style=\"max-width: 72rem; position: relative; z-index: 1;\">\n<div style=\"display: grid; grid-template-columns: 1fr minmax(0, 300px); gap: clamp(1.5rem, 4vw, 4rem); align-items: center;\">\n<div style=\"color: white;\">\n<div class=\"reveal-up\">\n                <span class=\"badge\" style=\"background: var(--brand-secondary); color: var(--brand-ink); font-size: 0.85rem; padding: 0.5rem 1rem; margin-bottom: 1.5rem; display: inline-block;\"><br>\n                  <i data-lucide=\"award\" style=\"width: 16px; height: 16px; display: inline; vertical-align: middle; margin-right: 0.5rem;\"><\/i><br>\n                  <span><span data-years-since-founding=\"number\">25<\/span> Years of Excellence<\/span><br>\n                <\/span>\n              <\/div>\n<h1 class=\"reveal-up\" style=\"font-size: clamp(2.4rem, 5vw, 3.5rem); font-weight: 700; line-height: 1.1; color: white; margin-bottom: 1.5rem;\" data-i18n=\"pages.our-story.heroTitle\">\n                A Quarter Century of Building Bridges for Arab Science<br>\n              <\/h1>\n<blockquote class=\"reveal-up\" style=\"margin: 2rem 0; padding: 1.5rem 2rem; background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border-radius: 12px; border-left: 4px solid var(--brand-secondary); font-style: italic; font-size: 1.2rem; color: rgba(255,255,255,0.95);\">\n<p style=\"margin: 0;\" data-i18n=\"pages.our-story.heroQuote\">\u201cWhen we gathered in Sharjah in the year 2000, we were not merely founding an organization. We were planting seeds for a scientific renaissance that would connect Arab minds across continents and generations.\u201d<\/p>\n<\/blockquote>\n<p class=\"reveal-up\" style=\"margin-top: 1rem; font-weight: 600; color: var(--brand-secondary); font-size: 1.1rem;\" data-i18n=\"pages.our-story.quoteAuthor\">Dr. Abdalla Abdulaziz Alnajjar Alhammadi, Chairman of ASTF since 2000<\/p>\n<\/div>\n<div style=\"text-align: center;\" class=\"reveal-up\">\n              <!-- Animated Profile Ring -->\n<div class=\"profile-ring\" style=\"position: relative; width: 260px; height: 260px; margin: 0 auto;\">\n<div style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 3px solid var(--brand-secondary); animation: pulse-ring 2s ease-in-out infinite;\"><\/div>\n<div style=\"position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border-radius: 50%; border: 2px solid rgba(224, 176, 0, 0.5);\"><\/div>\n<div style=\"position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border-radius: 50%; overflow: hidden; border: 4px solid var(--brand-secondary); box-shadow: 0 20px 60px rgba(0,0,0,0.4);\">\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Dr%20abdalla%20alnajjar.jpg\" alt=\"Dr. Abdalla Abdulaziz Alnajjar Alhammadi\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n                <\/div>\n<\/div>\n<p style=\"margin-top: 1.5rem; font-size: 1rem; color: rgba(255,255,255,0.9);\" data-i18n=\"pages.our-story.presidentSince\">President of ASTF since 2000<\/p>\n<\/div>\n<\/div>\n<p>          <!-- Scroll Indicator --><\/p>\n<div class=\"reveal-up\" style=\"position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); text-align: center; color: white; opacity: 0.7;\">\n            <i data-lucide=\"chevrons-down\" style=\"width: 28px; height: 28px; animation: bounce 2s infinite;\"><\/i>\n          <\/div>\n<\/div>\n<\/section>\n<p>      <!-- Impact Stats Banner - Moved Up for Credibility --><\/p>\n<section class=\"section\" id=\"impact-stats\" style=\"background: var(--brand-ink); padding: 3rem 0;\">\n<div class=\"container\" style=\"max-width: 72rem;\">\n<div class=\"grid grid-4\" style=\"gap: 2rem;\">\n<div class=\"reveal-up\" style=\"text-align: center; color: white;\">\n<p data-count=\"25\" data-suffix=\"+\" style=\"font-size: 3.5rem; font-weight: 700; color: var(--brand-secondary); margin: 0; line-height: 1;\">0<\/p>\n<p style=\"font-size: 1rem; opacity: 0.8; margin-top: 0.5rem;\" data-i18n=\"pages.our-story.stat1\">Years of Service<\/p>\n<\/div>\n<div class=\"reveal-up\" style=\"text-align: center; color: white;\">\n<p data-count=\"70000\" data-suffix=\"+\" data-format=\"comma\" style=\"font-size: 3.5rem; font-weight: 700; color: var(--brand-secondary); margin: 0; line-height: 1;\">0<\/p>\n<p style=\"font-size: 1rem; opacity: 0.8; margin-top: 0.5rem;\" data-i18n=\"pages.our-story.stat2\">Network Members<\/p>\n<\/div>\n<div class=\"reveal-up\" style=\"text-align: center; color: white;\">\n<p data-count=\"100\" data-suffix=\"+\" style=\"font-size: 3.5rem; font-weight: 700; color: var(--brand-secondary); margin: 0; line-height: 1;\">0<\/p>\n<p style=\"font-size: 1rem; opacity: 0.8; margin-top: 0.5rem;\" data-i18n=\"pages.our-story.stat3\">Arab Countries<\/p>\n<\/div>\n<div class=\"reveal-up\" style=\"text-align: center; color: white;\">\n<p data-count=\"100\" data-suffix=\"+\" style=\"font-size: 3.5rem; font-weight: 700; color: var(--brand-secondary); margin: 0; line-height: 1;\">0<\/p>\n<p style=\"font-size: 1rem; opacity: 0.8; margin-top: 0.5rem;\" data-i18n=\"pages.our-story.stat4\">Conferences &amp; Forums<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<p>      <!-- Dr. Abdalla's Personal Account Section - With Chapter Dividers & Zigzag Layout --><\/p>\n<section class=\"bg-light section\" id=\"beginning\" style=\"overflow: hidden;\">\n<div class=\"container\" style=\"max-width: 72rem;\">\n<div style=\"text-align: center; margin-bottom: 4rem;\">\n            <span class=\"badge\" style=\"background: var(--brand-secondary); color: white; font-size: 1rem; padding: 0.5rem 1.5rem;\">2000<\/span>\n<h2 style=\"font-size: clamp(2rem, 4vw, 2.8rem); margin-top: 1.5rem;\" data-i18n=\"pages.our-story.storyTitle\">The Founding Story \u2014 As Told by Dr. Abdalla Abdulaziz Alnajjar Alhammadi<\/h2>\n<p class=\"subtle\" style=\"max-width: 42rem; margin: 1rem auto 0; font-size: 1.1rem;\" data-i18n=\"pages.our-story.storySubtitle\">A personal account of how ASTF was born<\/p>\n<\/div>\n<p>          <!-- ==================== CHAPTER 1: THE CONFERENCE ==================== --><\/p>\n<div class=\"chapter-divider reveal-up\" style=\"display: flex; align-items: center; gap: 1.5rem; margin-bottom: 3rem;\">\n<div style=\"flex: 1; height: 2px; background: linear-gradient(to right, transparent, var(--brand-secondary));\"><\/div>\n<div style=\"display: flex; align-items: center; gap: 1rem; padding: 1rem 2rem; background: var(--brand-primary); border-radius: 50px; color: white;\">\n              <i data-lucide=\"calendar-days\" style=\"width: 24px; height: 24px; color: var(--brand-secondary);\"><\/i><br>\n              <span style=\"font-weight: 600; font-size: 1.1rem;\" data-i18n=\"pages.our-story.chapter1\">Chapter 1: The Conference<\/span>\n            <\/div>\n<div style=\"flex: 1; height: 2px; background: linear-gradient(to left, transparent, var(--brand-secondary));\"><\/div>\n<\/div>\n<p>          <!-- Story Card 1 - Left aligned (with image right) --><\/p>\n<div class=\"story-zigzag reveal-up\" style=\"display: grid; grid-template-columns: 1fr 350px; gap: 3rem; align-items: center; margin-bottom: 3rem;\">\n<div class=\"card\" style=\"padding: 2.5rem; border-left: 4px solid var(--brand-secondary);\">\n<div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;\">\n<div style=\"width: 48px; height: 48px; background: var(--brand-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                  <i data-lucide=\"calendar\" style=\"width: 24px; height: 24px; color: white;\"><\/i>\n                <\/div>\n<h3 style=\"font-size: 1.25rem; color: var(--brand-primary); margin: 0;\" data-i18n=\"pages.our-story.day1Title\">April 24, 2000 \u2014 A Day That Changed History<\/h3>\n<\/div>\n<p style=\"font-size: 1.05rem; line-height: 1.9; color: var(--brand-ink);\" data-i18n=\"pages.our-story.day1Para\">\u201cI did not realize, as I entered the conference hall on the morning of April 24, 2000, that I was about to witness a moment that would change the future of science in the Arab world. The scene was magnificent; the conference hall was filled to capacity, with His Highness the Ruler of Sharjah and His Crown Prince in the forefront. It was a moment where feelings of pride mixed with awe, as if history itself stood among us watching what we would do. I felt we were not attending an ordinary conference, but standing at the threshold of something great being born\u2026 something like a renaissance.\u201d<\/p>\n<\/div>\n<div style=\"position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 25px 80px rgba(0,0,0,0.2);\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/pic%201.png\" alt=\"ASTF Founding Conference 2000\" style=\"width: 100%; height: 320px; object-fit: cover; transition: transform 0.5s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\">\n<div style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgba(10, 77, 104, 0.4), transparent 50%); pointer-events: none;\"><\/div>\n<div style=\"position: absolute; bottom: 1rem; left: 1rem; right: 1rem; color: white; font-size: 0.85rem; font-weight: 500; text-shadow: 0 2px 4px rgba(0,0,0,0.5);\">\n                <span style=\"background: var(--brand-secondary); color: var(--brand-ink); padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem;\">April 2000<\/span>\n              <\/div>\n<\/div>\n<\/div>\n<p>          <!-- Story Card 2 - Right aligned (with image left) --><\/p>\n<div class=\"story-zigzag reveal-up\" style=\"display: grid; grid-template-columns: 350px 1fr; gap: 3rem; align-items: center; margin-bottom: 3rem;\">\n<div style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.15);\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/home%20pic5.jpg\" alt=\"Scientists gathering\" style=\"width: 100%; height: 280px; object-fit: cover;\">\n            <\/div>\n<div class=\"bg-sky card\" style=\"padding: 2.5rem; border-right: 4px solid var(--brand-secondary);\">\n<div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;\">\n<div style=\"width: 48px; height: 48px; background: var(--brand-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                  <i data-lucide=\"users\" style=\"width: 24px; height: 24px; color: white;\"><\/i>\n                <\/div>\n<h3 style=\"font-size: 1.25rem; color: var(--brand-primary); margin: 0;\" data-i18n=\"pages.our-story.gatheringTitle\">425 Scientists United by a Dream<\/h3>\n<\/div>\n<p style=\"font-size: 1.05rem; line-height: 1.9; color: var(--brand-ink);\" data-i18n=\"pages.our-story.gatheringPara\">\u201cThe scene was truly magnificent: 425 scientists and researchers from the Arab world and diaspora, gathered under one roof. Each one carried an unquenchable passion and a sincere desire to see this nation in the place it deserves. Each one dreaming of being a building block to restore the great edifice of a nation that once led the world, carrying this hope with Arab blood flowing in their veins. They sat before me with eyes gleaming with ambition, as if each one came to place a small stone in the wall of the coming renaissance.\u201d<\/p>\n<\/div>\n<\/div>\n<p>          <!-- Story Card 3 - Left aligned --><\/p>\n<div class=\"story-zigzag reveal-up\" style=\"display: grid; grid-template-columns: 1fr 350px; gap: 3rem; align-items: center; margin-bottom: 4rem;\">\n<div class=\"card\" style=\"padding: 2.5rem; border-left: 4px solid var(--brand-secondary);\">\n<div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;\">\n<div style=\"width: 48px; height: 48px; background: var(--brand-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                  <i data-lucide=\"lightbulb\" style=\"width: 24px; height: 24px; color: white;\"><\/i>\n                <\/div>\n<h3 style=\"font-size: 1.25rem; color: var(--brand-primary); margin: 0;\" data-i18n=\"pages.our-story.dinnerTitle\">The Dinner That Changed Everything \u2014 April 25, 2000<\/h3>\n<\/div>\n<p style=\"font-size: 1.05rem; line-height: 1.9; color: var(--brand-ink);\" data-i18n=\"pages.our-story.dinnerPara1\">\u201cI was then Director of the Research Center at the University of Sharjah and Chairman of the Conference Organizing Committee. During the scientific sessions by day, and the friendly gatherings in the evening, I could see something taking shape\u2026 something bigger than a conference, deeper than mere exchange of scientific papers. A new spirit was being born among the scientists, a spirit that said: The time has come for something different\u2026 something lasting.\u201d<\/p>\n<blockquote style=\"margin: 1.5rem 0 0; padding: 1.5rem; background: linear-gradient(135deg, var(--brand-primary), #0d6a8a); border-radius: 8px; color: white; font-size: 1.1rem; font-style: italic;\" data-i18n=\"pages.our-story.dinnerQuote\"><p>\u201cWhy don\u2019t we establish an entity that unites us? An independent entity, not subject to politics, party, or faction\u2026 an entity that works only for science and for this nation.\u201d<\/p><\/blockquote><\/div>\n<div style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.15);\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Pic8.jpg\" alt=\"The historic dinner\" style=\"width: 100%; height: 280px; object-fit: cover;\">\n            <\/div>\n<\/div>\n<p>          <!-- ==================== CHAPTER 2: THE BIRTH ==================== --><\/p>\n<div class=\"chapter-divider reveal-up\" style=\"display: flex; align-items: center; gap: 1.5rem; margin-bottom: 3rem;\">\n<div style=\"flex: 1; height: 2px; background: linear-gradient(to right, transparent, var(--brand-primary));\"><\/div>\n<div style=\"display: flex; align-items: center; gap: 1rem; padding: 1rem 2rem; background: var(--brand-secondary); border-radius: 50px; color: var(--brand-ink);\">\n              <i data-lucide=\"sparkles\" style=\"width: 24px; height: 24px;\"><\/i><br>\n              <span style=\"font-weight: 600; font-size: 1.1rem;\" data-i18n=\"pages.our-story.chapter2\">Chapter 2: The Birth<\/span>\n            <\/div>\n<div style=\"flex: 1; height: 2px; background: linear-gradient(to left, transparent, var(--brand-primary));\"><\/div>\n<\/div>\n<p>          <!-- Story Card 4 - Right aligned --><\/p>\n<div class=\"story-zigzag reveal-up\" style=\"display: grid; grid-template-columns: 350px 1fr; gap: 3rem; align-items: center; margin-bottom: 3rem;\">\n<div style=\"position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 25px 80px rgba(0,0,0,0.2);\">\n              <picture><source srcset=\"https:\/\/astf.net\/images\/\u062d\u0627\u0643\u0645-\u0627\u0644\u0634\u0627\u0631\u0642\u0629.webp\" type=\"image\/webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Dr.%20Sheikh%20Sultan%20Al%20Qassimi.jpg\" alt=\"His Highness Sheikh Dr. Sultan bin Muhammad Al Qasimi\" style=\"width: 100%; height: 320px; object-fit: cover; object-position: top; transition: transform 0.5s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\">\n              <\/picture>\n<div style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgba(10, 77, 104, 0.4), transparent 50%); pointer-events: none;\"><\/div>\n<\/div>\n<div class=\"card\" style=\"padding: 2.5rem; border-right: 4px solid var(--brand-primary);\">\n<div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;\">\n<div style=\"width: 48px; height: 48px; background: var(--brand-secondary); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                  <i data-lucide=\"crown\" style=\"width: 24px; height: 24px; color: var(--brand-ink);\"><\/i>\n                <\/div>\n<h3 style=\"font-size: 1.25rem; color: var(--brand-primary); margin: 0;\" data-i18n=\"pages.our-story.sultanTitle\">The Vision of Sheikh Sultan \u2014 A Leader Who Believes in Science<\/h3>\n<\/div>\n<p style=\"font-size: 1.05rem; line-height: 1.9; color: var(--brand-ink);\" data-i18n=\"pages.our-story.sultanPara\">\u201cThe idea reached His Highness Sheikh Dr. Sultan bin Mohammed Al-Qasimi, Supreme President of the University of Sharjah. As soon as he learned of our desire, he strongly supported it, as if he had been waiting for this voice to emerge from the scientists themselves. And that is not surprising for a man who combined agricultural engineering and history, merging the two sciences in a single vision that sees the future as much as it recalls the past. How could it be otherwise, for he is a man of history who understood through his knowledge the bright history of this nation, and that there is no life and no return to its glory except through science and scientists. His trust in scientists had a profound impact on the launch of this journey, and it is a favor that can never be forgotten.\u201d<\/p>\n<\/div>\n<\/div>\n<p>          <!-- Story Card 5 - Full width highlight --><\/p>\n<div class=\"reveal-up\" style=\"margin-bottom: 4rem;\">\n<div class=\"card\" style=\"padding: 3rem; background: linear-gradient(135deg, var(--brand-secondary), #c9a000); color: var(--brand-ink); position: relative; overflow: hidden;\">\n<div style=\"position: absolute; top: -20px; right: -20px; width: 150px; height: 150px; background: rgba(255,255,255,0.1); border-radius: 50%;\"><\/div>\n<div style=\"position: absolute; bottom: -40px; left: -40px; width: 200px; height: 200px; background: rgba(255,255,255,0.1); border-radius: 50%;\"><\/div>\n<div style=\"position: relative; z-index: 1;\">\n<div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem;\">\n<div style=\"width: 56px; height: 56px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                    <i data-lucide=\"megaphone\" style=\"width: 28px; height: 28px; color: var(--brand-secondary);\"><\/i>\n                  <\/div>\n<h3 style=\"font-size: 1.4rem; color: var(--brand-ink); margin: 0;\" data-i18n=\"pages.our-story.announcementTitle\">April 26, 2000 \u2014 The Historic Announcement<\/h3>\n<\/div>\n<p style=\"font-size: 1.15rem; line-height: 1.9;\" data-i18n=\"pages.our-story.announcementPara1\">\u201cOn the morning of April 26, we stood before the audience and announced the sole recommendation of the conference: The establishment of an independent Arab foundation to serve science and technology in the Arab world.\u201d<\/p>\n<p style=\"font-size: 1.15rem; line-height: 1.9; margin-top: 1rem;\" data-i18n=\"pages.our-story.announcementPara2\">\u201cAt that same moment, the Conference Organizing Committee \u2014 which I chaired \u2014 was appointed to be the first Board of Directors of the Foundation. This was a recognition of our role, and trust in our ability to lead this newborn entity in its first steps.\u201d<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>          <!-- ==================== CHAPTER 3: THE FOUNDATION ==================== --><\/p>\n<div class=\"chapter-divider reveal-up\" style=\"display: flex; align-items: center; gap: 1.5rem; margin-bottom: 3rem;\">\n<div style=\"flex: 1; height: 2px; background: linear-gradient(to right, transparent, var(--brand-primary));\"><\/div>\n<div style=\"display: flex; align-items: center; gap: 1rem; padding: 1rem 2rem; background: var(--brand-ink); border-radius: 50px; color: white;\">\n              <i data-lucide=\"building\" style=\"width: 24px; height: 24px; color: var(--brand-secondary);\"><\/i><br>\n              <span style=\"font-weight: 600; font-size: 1.1rem;\" data-i18n=\"pages.our-story.chapter3\">Chapter 3: The Foundation<\/span>\n            <\/div>\n<div style=\"flex: 1; height: 2px; background: linear-gradient(to left, transparent, var(--brand-primary));\"><\/div>\n<\/div>\n<p>          <!-- Story Card 6 - Left aligned --><\/p>\n<div class=\"story-zigzag reveal-up\" style=\"display: grid; grid-template-columns: 1fr 350px; gap: 3rem; align-items: center; margin-bottom: 3rem;\">\n<div class=\"card\" style=\"padding: 2.5rem; border-left: 4px solid var(--brand-primary);\">\n<div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;\">\n<div style=\"width: 48px; height: 48px; background: var(--brand-ink); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                  <i data-lucide=\"file-text\" style=\"width: 24px; height: 24px; color: var(--brand-secondary);\"><\/i>\n                <\/div>\n<h3 style=\"font-size: 1.25rem; color: var(--brand-primary); margin: 0;\" data-i18n=\"pages.our-story.group55Title\">October 2000 \u2014 The Group of 55 Architects<\/h3>\n<\/div>\n<p style=\"font-size: 1.05rem; line-height: 1.9; color: var(--brand-ink);\" data-i18n=\"pages.our-story.group55Para\">\u201cThen came the next pivotal step: the meeting of the Group of 55 scientists and Arab officials in October 2000. They faithfully and sincerely established the Foundation\u2019s statute and drew up its framework of operation. To all of them, I extend my highest expressions of thanks and appreciation; for they are the ones who formulated the first building blocks of this edifice.\u201d<\/p>\n<\/div>\n<div style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.15);\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Pic6.jpg\" alt=\"Group of 55\" style=\"width: 100%; height: 280px; object-fit: cover;\">\n            <\/div>\n<\/div>\n<p>          <!-- Story Card 7 - Right aligned with Auto-Switching Images --><\/p>\n<div class=\"story-zigzag reveal-up\" style=\"display: grid; grid-template-columns: 350px 1fr; gap: 3rem; align-items: center; margin-bottom: 3rem;\">\n<div class=\"uae-slideshow\" style=\"position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 25px 80px rgba(0,0,0,0.2); height: 320px;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Picture15.png\" alt=\"UAE Support - Meeting 1\" class=\"slide active\" style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 1; transition: opacity 1s ease-in-out;\"><br>\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Picture14.png\" alt=\"UAE Support - Meeting 2\" class=\"slide\" style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1s ease-in-out;\"><br>\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Picture13.jpg\" alt=\"UAE Support - Meeting 3\" class=\"slide\" style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1s ease-in-out;\">\n<div style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgba(10, 77, 104, 0.4), transparent 50%); pointer-events: none;\"><\/div>\n<p>              <!-- Slide Indicators --><\/p>\n<div style=\"position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); display: flex; gap: 0.5rem; z-index: 2;\">\n                <span class=\"slide-dot active\" style=\"width: 8px; height: 8px; border-radius: 50%; background: var(--brand-secondary); transition: all 0.3s;\"><\/span><br>\n                <span class=\"slide-dot\" style=\"width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.5); transition: all 0.3s;\"><\/span><br>\n                <span class=\"slide-dot\" style=\"width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.5); transition: all 0.3s;\"><\/span>\n              <\/div>\n<\/div>\n<div class=\"bg-sky card\" style=\"padding: 2.5rem; border-right: 4px solid var(--brand-primary);\">\n<div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;\">\n<div style=\"width: 48px; height: 48px; background: var(--brand-ink); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                  <i data-lucide=\"landmark\" style=\"width: 24px; height: 24px; color: var(--brand-secondary);\"><\/i>\n                <\/div>\n<h3 style=\"font-size: 1.25rem; color: var(--brand-primary); margin: 0;\" data-i18n=\"pages.our-story.uaeTitle\">The UAE\u2019s Embrace<\/h3>\n<\/div>\n<p style=\"font-size: 1.05rem; line-height: 1.9; color: var(--brand-ink);\" data-i18n=\"pages.our-story.uaePara1\">\u201cThe UAE was not distant from this scientific movement; rather, it was at its heart. His Excellency Sheikh Nahyan bin Mubarak Al Nahyan \u2014 then Minister of Higher Education and President of UAE University \u2014 received the Group of 55, expressing his joy at the Foundation\u2019s birth, providing great moral support that strengthened our confidence that we were on the right path.\u201d<\/p>\n<p style=\"font-size: 1.05rem; line-height: 1.9; color: var(--brand-ink); margin-top: 1rem;\" data-i18n=\"pages.our-story.uaePara2\">\u201cThe encouragement and support of His Highness Sheikh Hamdan bin Zayed Al Nahyan \u2014 Minister of Foreign Affairs \u2014 also had a profound impact when he received the Foundation\u2019s Board of Directors, emphasizing the importance of the role it could play in serving the region.\u201d<\/p>\n<\/div>\n<\/div>\n<p>          <!-- Story Card 8 - Reflection (Full Width, Special Styling) --><\/p>\n<div class=\"reveal-up\" style=\"margin-bottom: 3rem;\">\n<div class=\"card\" style=\"padding: 3rem; background: linear-gradient(135deg, var(--brand-sky), white); border-radius: 20px; position: relative; overflow: hidden;\">\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(to right, var(--brand-primary), var(--brand-secondary));\"><\/div>\n<div style=\"display: flex; gap: 2.5rem; align-items: flex-start;\">\n<div style=\"flex-shrink: 0;\">\n<div style=\"width: 80px; height: 80px; background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                    <i data-lucide=\"heart\" style=\"width: 40px; height: 40px; color: white;\"><\/i>\n                  <\/div>\n<\/div>\n<div>\n<h3 style=\"font-size: 1.4rem; color: var(--brand-primary); margin-bottom: 1.5rem;\" data-i18n=\"pages.our-story.reflectionTitle\">Looking Back \u2014 A Dream Realized<\/h3>\n<p style=\"font-size: 1.1rem; line-height: 1.9; color: var(--brand-ink);\" data-i18n=\"pages.our-story.reflectionPara1\">\u201cThe road was not easy. We faced challenges of inexperience, the dispersion of scientists, the difficulty of bringing them together, and the need for a legal framework to protect our independence. But we overcame all of that by assembling an elite group of Arab scientists and officials, building networks of cooperation across the region, and with deep faith that this nation deserves an institution that carries its science and defends its scientific future.\u201d<\/p>\n<p style=\"font-size: 1.15rem; line-height: 1.9; color: var(--brand-ink); margin-top: 1.5rem; font-weight: 500;\" data-i18n=\"pages.our-story.reflectionPara2\">\u201cToday, when I recall that first moment\u2026 that dinner at the Fish Restaurant\u2026 I realize that the idea born at a simple dinner table has become a leading Arab institution, and a model to be followed in independent scientific work.\u201d<\/p>\n<p style=\"margin-top: 1.5rem; font-weight: 600; color: var(--brand-primary); font-size: 1.1rem;\" data-i18n=\"pages.our-story.reflectionAuthor\">\u2014 Dr. Abdalla Abdulaziz Alnajjar Alhammadi, Chairman of ASTF since 2000<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>          <!-- Key Facts Cards --><\/p>\n<div class=\"grid grid-3\" style=\"gap: 1.5rem; margin-top: 3rem;\">\n<div class=\"card reveal-up\" style=\"text-align: center; padding: 2rem; transition: transform 0.3s ease, box-shadow 0.3s ease;\" onmouseover=\"this.style.transform='translateY(-8px)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.15)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='';\">\n<div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem;\">\n                <i data-lucide=\"scroll-text\" style=\"width: 32px; height: 32px; color: white;\"><\/i>\n              <\/div>\n<h3 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\" data-i18n=\"pages.our-story.amiriDecree\">Amiri Decree<\/h3>\n<p class=\"subtle\" style=\"font-size: 0.9rem;\" data-i18n=\"pages.our-story.amiriDecreeDesc\">Formally established by Amiri Decree No. 8 of 2000, granting ASTF official status and independence.<\/p>\n<\/div>\n<div class=\"card reveal-up\" style=\"text-align: center; padding: 2rem; transition: transform 0.3s ease, box-shadow 0.3s ease;\" onmouseover=\"this.style.transform='translateY(-8px)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.15)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='';\">\n<div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem;\">\n                <i data-lucide=\"users\" style=\"width: 32px; height: 32px; color: white;\"><\/i>\n              <\/div>\n<h3 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\" data-i18n=\"pages.our-story.foundingScientists\">420 Founding Scientists<\/h3>\n<p class=\"subtle\" style=\"font-size: 0.9rem;\" data-i18n=\"pages.our-story.foundingScientistsDesc\">Distinguished researchers from across the Arab world united to form the foundation\u2019s initial membership.<\/p>\n<\/div>\n<div class=\"card reveal-up\" style=\"text-align: center; padding: 2rem; transition: transform 0.3s ease, box-shadow 0.3s ease;\" onmouseover=\"this.style.transform='translateY(-8px)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.15)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='';\">\n<div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem;\">\n                <i data-lucide=\"building-2\" style=\"width: 32px; height: 32px; color: white;\"><\/i>\n              <\/div>\n<h3 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\" data-i18n=\"pages.our-story.sharjahHQ\">Sharjah Headquarters<\/h3>\n<p class=\"subtle\" style=\"font-size: 0.9rem;\" data-i18n=\"pages.our-story.sharjahHQDesc\">Established in the Emirate of Sharjah, UAE, with a mandate to expand across Arab and international capitals.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<p>      <!-- Photo Gallery Section --><\/p>\n<section class=\"section\" id=\"gallery\" style=\"background: var(--brand-ink); padding: 4rem 0;\">\n<div class=\"container\" style=\"max-width: 72rem;\">\n<div style=\"text-align: center; margin-bottom: 3rem;\">\n<h2 style=\"font-size: clamp(1.9rem, 3.2vw, 2.4rem); color: white;\" data-i18n=\"pages.our-story.galleryTitle\">Moments That Define Us<\/h2>\n<p style=\"color: rgba(255,255,255,0.7); max-width: 36rem; margin: 0.75rem auto 0;\" data-i18n=\"pages.our-story.galleryDesc\">A visual journey through 25 years of conferences, initiatives, and scientific achievements.<\/p>\n<\/div>\n<p>          <!-- Masonry-style Photo Grid --><\/p>\n<div class=\"photo-gallery\" style=\"display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 200px; gap: 1rem;\">\n<div class=\"gallery-item reveal-up\" style=\"grid-row: span 2; border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/pic2.jpg\" alt=\"ASTF Event\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\">\n<div style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgba(0,0,0,0.6), transparent); opacity: 0; transition: opacity 0.3s ease;\" onmouseover=\"this.style.opacity='1'\" onmouseout=\"this.style.opacity='0'\"><\/div>\n<\/div>\n<div class=\"gallery-item reveal-up\" style=\"border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/home%20pic2.jpg\" alt=\"Conference\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\">\n            <\/div>\n<div class=\"gallery-item reveal-up\" style=\"border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/home%20pic5.jpg\" alt=\"Meeting\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\">\n            <\/div>\n<div class=\"gallery-item reveal-up\" style=\"grid-row: span 2; border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Pic8.jpg\" alt=\"Event\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\">\n            <\/div>\n<div class=\"gallery-item reveal-up\" style=\"border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/pic7.jpg\" alt=\"Gathering\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\">\n            <\/div>\n<div class=\"gallery-item reveal-up\" style=\"grid-column: span 2; border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Pic6.jpg\" alt=\"Scientists\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\">\n            <\/div>\n<div class=\"gallery-item reveal-up\" style=\"border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Pic9.jpg\" alt=\"Workshop\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\">\n            <\/div>\n<div class=\"gallery-item reveal-up\" style=\"border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/pic10.jpg\" alt=\"Achievement\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\">\n            <\/div>\n<\/div>\n<\/div>\n<\/section>\n<p>      <!-- Vision Section --><\/p>\n<section class=\"section\" id=\"vision\">\n<div class=\"container\" style=\"max-width: 64rem;\">\n<div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center;\">\n<div>\n<h2 style=\"font-size: clamp(1.9rem, 3.2vw, 2.4rem); margin-bottom: 1rem;\" data-i18n=\"pages.our-story.visionTitle\">The Vision That Drives Us<\/h2>\n<p style=\"font-size: 1.05rem; line-height: 1.8; color: var(--brand-ink);\" data-i18n=\"pages.our-story.visionPara1\">\n                From the very first day, our vision has been clear: to bridge the gap between Arab scientific potential and its realization. We saw countless brilliant minds scattered across the globe\u2014in universities, research centers, and industries\u2014often disconnected from their homeland and from each other.\n              <\/p>\n<p style=\"font-size: 1.05rem; line-height: 1.8; color: var(--brand-ink); margin-top: 1rem;\" data-i18n=\"pages.our-story.visionPara2\">\n                ASTF was created to be that bridge. Not merely a membership organization, but a living network that would amplify collective impact, transfer knowledge, and empower the next generation of Arab scientists and innovators.\n              <\/p>\n<\/div>\n<div class=\"card reveal-up\" style=\"background: linear-gradient(135deg, var(--brand-primary), #0d6a8a); color: white; padding: 2.5rem;\">\n<h3 style=\"font-size: 1.3rem; margin-bottom: 1.5rem; color: white;\" data-i18n=\"pages.our-story.coreBeliefs\">Our Core Beliefs<\/h3>\n<ul style=\"list-style: none; padding: 0; margin: 0;\">\n<li style=\"display: flex; gap: 0.75rem; margin-bottom: 1rem;\">\n                  <i data-lucide=\"check-circle\" style=\"width: 20px; height: 20px; color: var(--brand-secondary); flex-shrink: 0; margin-top: 2px;\"><\/i><br>\n                  <span data-i18n=\"pages.our-story.belief1\">Science knows no borders\u2014Arab talent spans the globe and must be connected.<\/span>\n                <\/li>\n<li style=\"display: flex; gap: 0.75rem; margin-bottom: 1rem;\">\n                  <i data-lucide=\"check-circle\" style=\"width: 20px; height: 20px; color: var(--brand-secondary); flex-shrink: 0; margin-top: 2px;\"><\/i><br>\n                  <span data-i18n=\"pages.our-story.belief2\">Research must serve society\u2014innovations must reach those who need them.<\/span>\n                <\/li>\n<li style=\"display: flex; gap: 0.75rem; margin-bottom: 1rem;\">\n                  <i data-lucide=\"check-circle\" style=\"width: 20px; height: 20px; color: var(--brand-secondary); flex-shrink: 0; margin-top: 2px;\"><\/i><br>\n                  <span data-i18n=\"pages.our-story.belief3\">Youth are the future\u2014empowering young researchers is our greatest investment.<\/span>\n                <\/li>\n<li style=\"display: flex; gap: 0.75rem;\">\n                  <i data-lucide=\"check-circle\" style=\"width: 20px; height: 20px; color: var(--brand-secondary); flex-shrink: 0; margin-top: 2px;\"><\/i><br>\n                  <span data-i18n=\"pages.our-story.belief4\">Collaboration multiplies impact\u2014together we achieve what none can alone.<\/span>\n                <\/li>\n<\/ul><\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"section\" id=\"impact\">\n<div class=\"container\" style=\"max-width: 64rem;\">\n<div style=\"text-align: center; margin-bottom: 3rem;\">\n<h2 style=\"font-size: clamp(1.9rem, 3.2vw, 2.4rem);\" data-i18n=\"pages.our-story.impactTitle\">Our Collective Impact<\/h2>\n<p class=\"subtle\" style=\"max-width: 36rem; margin: 0.75rem auto 0;\" data-i18n=\"pages.our-story.impactDesc\">Numbers tell a story, but behind each figure are lives transformed and futures shaped.<\/p>\n<\/div>\n<div class=\"grid grid-4\" style=\"gap: 1.5rem; margin-bottom: 3rem;\">\n<div class=\"card reveal-up\" style=\"text-align: center; padding: 2rem;\">\n<p style=\"font-size: 2.5rem; font-weight: 700; color: var(--brand-primary); margin: 0;\" data-years-since-founding=\"plus\">25+<\/p>\n<p class=\"subtle\" style=\"margin: 0.5rem 0 0;\" data-i18n=\"pages.our-story.stat1\">Years of Service<\/p>\n<\/div>\n<div class=\"card reveal-up\" style=\"text-align: center; padding: 2rem;\">\n<p style=\"font-size: 2.5rem; font-weight: 700; color: var(--brand-primary); margin: 0;\">70K+<\/p>\n<p class=\"subtle\" style=\"margin: 0.5rem 0 0;\" data-i18n=\"pages.our-story.stat2\">Network Members<\/p>\n<\/div>\n<div class=\"card reveal-up\" style=\"text-align: center; padding: 2rem;\">\n<p style=\"font-size: 2.5rem; font-weight: 700; color: var(--brand-primary); margin: 0;\">22<\/p>\n<p class=\"subtle\" style=\"margin: 0.5rem 0 0;\" data-i18n=\"pages.our-story.stat3\">Arab Countries<\/p>\n<\/div>\n<div class=\"card reveal-up\" style=\"text-align: center; padding: 2rem;\">\n<p style=\"font-size: 2.5rem; font-weight: 700; color: var(--brand-primary); margin: 0;\">100+<\/p>\n<p class=\"subtle\" style=\"margin: 0.5rem 0 0;\" data-i18n=\"pages.our-story.stat4\">Conferences &amp; Forums<\/p>\n<\/div>\n<\/div>\n<div class=\"card reveal-up\" style=\"background: linear-gradient(135deg, var(--brand-sky), white); padding: 2.5rem; border-left: 4px solid var(--brand-secondary);\">\n<p style=\"font-style: italic; font-size: 1.1rem; color: var(--brand-ink); line-height: 1.8;\" data-i18n=\"pages.our-story.impactQuote\">\n              \u201cOver these twenty-five years, I have witnessed something remarkable: the transformation of scattered individual efforts into a powerful collective movement. Every young researcher we mentor, every connection we facilitate, every innovation we support\u2014these are the building blocks of Arab scientific renaissance. The numbers are impressive, but what moves me most are the personal stories: the student who discovered her calling at one of our conferences, the researcher who found collaborators across borders, the entrepreneur whose idea became reality through our networks.\u201d\n            <\/p>\n<p style=\"margin-top: 1rem; font-weight: 600; color: var(--brand-primary);\" data-i18n=\"pages.our-story.impactAuthor\">\u2014 Dr. Abdalla Abdulaziz Alnajjar Alhammadi<\/p>\n<\/div>\n<\/div>\n<\/section>\n<p>      <!-- Looking Forward Section --><\/p>\n<section class=\"section\" id=\"future\" style=\"background: linear-gradient(135deg, var(--brand-primary), #0d6a8a); color: white;\">\n<div class=\"container\" style=\"max-width: 64rem; text-align: center;\">\n<h2 style=\"font-size: clamp(1.9rem, 3.2vw, 2.4rem); color: white;\" data-i18n=\"pages.our-story.futureTitle\">Looking to the Future<\/h2>\n<p style=\"max-width: 48rem; margin: 1rem auto 2rem; font-size: 1.1rem; opacity: 0.95;\" data-i18n=\"pages.our-story.futurePara\">\n            As we enter our next quarter century, our commitment only deepens. The challenges facing our region\u2014from climate change to healthcare, from food security to digital transformation\u2014demand bold scientific solutions. ASTF stands ready, with an expanded network, renewed partnerships, and an unwavering belief in Arab scientific potential.\n          <\/p>\n<div class=\"grid grid-3\" style=\"gap: 1.5rem; margin: 2.5rem 0;\">\n<div class=\"card reveal-up\" style=\"background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); padding: 2rem; color: white;\">\n              <i data-lucide=\"rocket\" style=\"width: 40px; height: 40px; color: var(--brand-secondary); margin-bottom: 1rem;\"><\/i>\n<h3 style=\"font-size: 1.1rem; margin-bottom: 0.5rem; color: white;\" data-i18n=\"pages.our-story.future1Title\">Innovation Hubs<\/h3>\n<p style=\"font-size: 0.9rem; opacity: 0.9;\" data-i18n=\"pages.our-story.future1Desc\">Expanding iHub centers across the Arab world to transform research into real-world solutions.<\/p>\n<\/div>\n<div class=\"card reveal-up\" style=\"background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); padding: 2rem; color: white;\">\n              <i data-lucide=\"globe-2\" style=\"width: 40px; height: 40px; color: var(--brand-secondary); margin-bottom: 1rem;\"><\/i>\n<h3 style=\"font-size: 1.1rem; margin-bottom: 0.5rem; color: white;\" data-i18n=\"pages.our-story.future2Title\">Global Partnerships<\/h3>\n<p style=\"font-size: 0.9rem; opacity: 0.9;\" data-i18n=\"pages.our-story.future2Desc\">Strengthening ties with international scientific bodies to amplify Arab research on the world stage.<\/p>\n<\/div>\n<div class=\"card reveal-up\" style=\"background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); padding: 2rem; color: white;\">\n              <i data-lucide=\"graduation-cap\" style=\"width: 40px; height: 40px; color: var(--brand-secondary); margin-bottom: 1rem;\"><\/i>\n<h3 style=\"font-size: 1.1rem; margin-bottom: 0.5rem; color: white;\" data-i18n=\"pages.our-story.future3Title\">Next Generation<\/h3>\n<p style=\"font-size: 0.9rem; opacity: 0.9;\" data-i18n=\"pages.our-story.future3Desc\">Investing in youth programs to ensure the continuity of Arab scientific excellence for generations.<\/p>\n<\/div>\n<\/div>\n<div style=\"margin-top: 2.5rem;\">\n            <a href=\"\/new\/membership\/\" class=\"btn btn-secondary\" style=\"margin-right: 1rem;\"><br>\n              <span data-i18n=\"pages.our-story.joinUs\">Join Our Journey<\/span><br>\n              <i data-lucide=\"arrow-right\" class=\"icon\" aria-hidden=\"true\"><\/i><br>\n            <\/a><br>\n            <a href=\"\/new\/about\/\" class=\"btn btn-outline\" style=\"border-color: white; color: white;\" data-i18n=\"pages.our-story.learnMore\">Learn More About ASTF<\/a>\n          <\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<\/body>","protected":false},"excerpt":{"rendered":"<p>25 Years of Excellence A Quarter Century of Building Bridges for Arab Science \u201cWhen we gathered in Sharjah in the year 2000, we were not merely founding an organization. We were planting seeds for a scientific renaissance that would connect Arab minds across continents and generations.\u201d Dr. Abdalla Abdulaziz Alnajjar Alhammadi, Chairman of ASTF since [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"pagelayer_contact_templates":[],"_pagelayer_content":"[pl_section el_id=\"astf-main\"][pl_col pagelayer-id=\"col1\" stretch=\"auto\" col_style=\"default\"][pl_raw_html]\n<!-- Hero Section - Enhanced with Background -->\n      <section class=\"section\" id=\"hero\" style=\"position: relative; min-height: 80vh; display: flex; align-items: center; overflow: hidden;\">\n        <!-- Background Image with Overlay -->\n        <div style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0;\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/home pic.jpg\" alt=\"\" style=\"width: 100%; height: 100%; object-fit: cover; opacity: 0.15;\" \/>\n          <div style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(135deg, rgba(10, 77, 104, 0.95), rgba(10, 77, 104, 0.8));\"><\/div>\n        <\/div>\n\n        <div class=\"container\" style=\"max-width: 72rem; position: relative; z-index: 1;\">\n          <div style=\"display: grid; grid-template-columns: 1fr minmax(0, 300px); gap: clamp(1.5rem, 4vw, 4rem); align-items: center;\">\n            <div style=\"color: white;\">\n              <div class=\"reveal-up\">\n                <span class=\"badge\" style=\"background: var(--brand-secondary); color: var(--brand-ink); font-size: 0.85rem; padding: 0.5rem 1rem; margin-bottom: 1.5rem; display: inline-block;\">\n                  <i data-lucide=\"award\" style=\"width: 16px; height: 16px; display: inline; vertical-align: middle; margin-right: 0.5rem;\"><\/i>\n                  <span><span data-years-since-founding=\"number\">25<\/span> Years of Excellence<\/span>\n                <\/span>\n              <\/div>\n              <h1 class=\"reveal-up\" style=\"font-size: clamp(2.4rem, 5vw, 3.5rem); font-weight: 700; line-height: 1.1; color: white; margin-bottom: 1.5rem;\" data-i18n=\"pages.our-story.heroTitle\">\n                A Quarter Century of Building Bridges for Arab Science\n              <\/h1>\n              <blockquote class=\"reveal-up\" style=\"margin: 2rem 0; padding: 1.5rem 2rem; background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border-radius: 12px; border-left: 4px solid var(--brand-secondary); font-style: italic; font-size: 1.2rem; color: rgba(255,255,255,0.95);\">\n                <p style=\"margin: 0;\" data-i18n=\"pages.our-story.heroQuote\">\"When we gathered in Sharjah in the year 2000, we were not merely founding an organization. We were planting seeds for a scientific renaissance that would connect Arab minds across continents and generations.\"<\/p>\n              <\/blockquote>\n              <p class=\"reveal-up\" style=\"margin-top: 1rem; font-weight: 600; color: var(--brand-secondary); font-size: 1.1rem;\" data-i18n=\"pages.our-story.quoteAuthor\">Dr. Abdalla Abdulaziz Alnajjar Alhammadi, Chairman of ASTF since 2000<\/p>\n            <\/div>\n            <div style=\"text-align: center;\" class=\"reveal-up\">\n              <!-- Animated Profile Ring -->\n              <div class=\"profile-ring\" style=\"position: relative; width: 260px; height: 260px; margin: 0 auto;\">\n                <div style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 3px solid var(--brand-secondary); animation: pulse-ring 2s ease-in-out infinite;\"><\/div>\n                <div style=\"position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border-radius: 50%; border: 2px solid rgba(224, 176, 0, 0.5);\"><\/div>\n                <div style=\"position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border-radius: 50%; overflow: hidden; border: 4px solid var(--brand-secondary); box-shadow: 0 20px 60px rgba(0,0,0,0.4);\">\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Dr abdalla alnajjar.jpg\" alt=\"Dr. Abdalla Abdulaziz Alnajjar Alhammadi\" style=\"width: 100%; height: 100%; object-fit: cover;\" \/>\n                <\/div>\n              <\/div>\n              <p style=\"margin-top: 1.5rem; font-size: 1rem; color: rgba(255,255,255,0.9);\" data-i18n=\"pages.our-story.presidentSince\">President of ASTF since 2000<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Scroll Indicator -->\n          <div class=\"reveal-up\" style=\"position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); text-align: center; color: white; opacity: 0.7;\">\n            <i data-lucide=\"chevrons-down\" style=\"width: 28px; height: 28px; animation: bounce 2s infinite;\"><\/i>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- Impact Stats Banner - Moved Up for Credibility -->\n      <section class=\"section\" id=\"impact-stats\" style=\"background: var(--brand-ink); padding: 3rem 0;\">\n        <div class=\"container\" style=\"max-width: 72rem;\">\n          <div class=\"grid grid-4\" style=\"gap: 2rem;\">\n            <div class=\"reveal-up\" style=\"text-align: center; color: white;\">\n              <p data-count=\"25\" data-suffix=\"+\" style=\"font-size: 3.5rem; font-weight: 700; color: var(--brand-secondary); margin: 0; line-height: 1;\">0<\/p>\n              <p style=\"font-size: 1rem; opacity: 0.8; margin-top: 0.5rem;\" data-i18n=\"pages.our-story.stat1\">Years of Service<\/p>\n            <\/div>\n            <div class=\"reveal-up\" style=\"text-align: center; color: white;\">\n              <p data-count=\"70000\" data-suffix=\"+\" data-format=\"comma\" style=\"font-size: 3.5rem; font-weight: 700; color: var(--brand-secondary); margin: 0; line-height: 1;\">0<\/p>\n              <p style=\"font-size: 1rem; opacity: 0.8; margin-top: 0.5rem;\" data-i18n=\"pages.our-story.stat2\">Network Members<\/p>\n            <\/div>\n            <div class=\"reveal-up\" style=\"text-align: center; color: white;\">\n              <p data-count=\"100\" data-suffix=\"+\" style=\"font-size: 3.5rem; font-weight: 700; color: var(--brand-secondary); margin: 0; line-height: 1;\">0<\/p>\n              <p style=\"font-size: 1rem; opacity: 0.8; margin-top: 0.5rem;\" data-i18n=\"pages.our-story.stat3\">Arab Countries<\/p>\n            <\/div>\n            <div class=\"reveal-up\" style=\"text-align: center; color: white;\">\n              <p data-count=\"100\" data-suffix=\"+\" style=\"font-size: 3.5rem; font-weight: 700; color: var(--brand-secondary); margin: 0; line-height: 1;\">0<\/p>\n              <p style=\"font-size: 1rem; opacity: 0.8; margin-top: 0.5rem;\" data-i18n=\"pages.our-story.stat4\">Conferences & Forums<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- Dr. Abdalla's Personal Account Section - With Chapter Dividers & Zigzag Layout -->\n      <section class=\"bg-light section\" id=\"beginning\" style=\"overflow: hidden;\">\n        <div class=\"container\" style=\"max-width: 72rem;\">\n          <div style=\"text-align: center; margin-bottom: 4rem;\">\n            <span class=\"badge\" style=\"background: var(--brand-secondary); color: white; font-size: 1rem; padding: 0.5rem 1.5rem;\">2000<\/span>\n            <h2 style=\"font-size: clamp(2rem, 4vw, 2.8rem); margin-top: 1.5rem;\" data-i18n=\"pages.our-story.storyTitle\">The Founding Story \u2014 As Told by Dr. Abdalla Abdulaziz Alnajjar Alhammadi<\/h2>\n            <p class=\"subtle\" style=\"max-width: 42rem; margin: 1rem auto 0; font-size: 1.1rem;\" data-i18n=\"pages.our-story.storySubtitle\">A personal account of how ASTF was born<\/p>\n          <\/div>\n\n          <!-- ==================== CHAPTER 1: THE CONFERENCE ==================== -->\n          <div class=\"chapter-divider reveal-up\" style=\"display: flex; align-items: center; gap: 1.5rem; margin-bottom: 3rem;\">\n            <div style=\"flex: 1; height: 2px; background: linear-gradient(to right, transparent, var(--brand-secondary));\"><\/div>\n            <div style=\"display: flex; align-items: center; gap: 1rem; padding: 1rem 2rem; background: var(--brand-primary); border-radius: 50px; color: white;\">\n              <i data-lucide=\"calendar-days\" style=\"width: 24px; height: 24px; color: var(--brand-secondary);\"><\/i>\n              <span style=\"font-weight: 600; font-size: 1.1rem;\" data-i18n=\"pages.our-story.chapter1\">Chapter 1: The Conference<\/span>\n            <\/div>\n            <div style=\"flex: 1; height: 2px; background: linear-gradient(to left, transparent, var(--brand-secondary));\"><\/div>\n          <\/div>\n\n          <!-- Story Card 1 - Left aligned (with image right) -->\n          <div class=\"story-zigzag reveal-up\" style=\"display: grid; grid-template-columns: 1fr 350px; gap: 3rem; align-items: center; margin-bottom: 3rem;\">\n            <div class=\"card\" style=\"padding: 2.5rem; border-left: 4px solid var(--brand-secondary);\">\n              <div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;\">\n                <div style=\"width: 48px; height: 48px; background: var(--brand-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                  <i data-lucide=\"calendar\" style=\"width: 24px; height: 24px; color: white;\"><\/i>\n                <\/div>\n                <h3 style=\"font-size: 1.25rem; color: var(--brand-primary); margin: 0;\" data-i18n=\"pages.our-story.day1Title\">April 24, 2000 \u2014 A Day That Changed History<\/h3>\n              <\/div>\n              <p style=\"font-size: 1.05rem; line-height: 1.9; color: var(--brand-ink);\" data-i18n=\"pages.our-story.day1Para\">\"I did not realize, as I entered the conference hall on the morning of April 24, 2000, that I was about to witness a moment that would change the future of science in the Arab world. The scene was magnificent; the conference hall was filled to capacity, with His Highness the Ruler of Sharjah and His Crown Prince in the forefront. It was a moment where feelings of pride mixed with awe, as if history itself stood among us watching what we would do. I felt we were not attending an ordinary conference, but standing at the threshold of something great being born... something like a renaissance.\"<\/p>\n            <\/div>\n            <div style=\"position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 25px 80px rgba(0,0,0,0.2);\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/pic 1.png\" alt=\"ASTF Founding Conference 2000\" style=\"width: 100%; height: 320px; object-fit: cover; transition: transform 0.5s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\" \/>\n              <div style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgba(10, 77, 104, 0.4), transparent 50%); pointer-events: none;\"><\/div>\n              <div style=\"position: absolute; bottom: 1rem; left: 1rem; right: 1rem; color: white; font-size: 0.85rem; font-weight: 500; text-shadow: 0 2px 4px rgba(0,0,0,0.5);\">\n                <span style=\"background: var(--brand-secondary); color: var(--brand-ink); padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem;\">April 2000<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Story Card 2 - Right aligned (with image left) -->\n          <div class=\"story-zigzag reveal-up\" style=\"display: grid; grid-template-columns: 350px 1fr; gap: 3rem; align-items: center; margin-bottom: 3rem;\">\n            <div style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.15);\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/home pic5.jpg\" alt=\"Scientists gathering\" style=\"width: 100%; height: 280px; object-fit: cover;\" \/>\n            <\/div>\n            <div class=\"bg-sky card\" style=\"padding: 2.5rem; border-right: 4px solid var(--brand-secondary);\">\n              <div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;\">\n                <div style=\"width: 48px; height: 48px; background: var(--brand-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                  <i data-lucide=\"users\" style=\"width: 24px; height: 24px; color: white;\"><\/i>\n                <\/div>\n                <h3 style=\"font-size: 1.25rem; color: var(--brand-primary); margin: 0;\" data-i18n=\"pages.our-story.gatheringTitle\">425 Scientists United by a Dream<\/h3>\n              <\/div>\n              <p style=\"font-size: 1.05rem; line-height: 1.9; color: var(--brand-ink);\" data-i18n=\"pages.our-story.gatheringPara\">\"The scene was truly magnificent: 425 scientists and researchers from the Arab world and diaspora, gathered under one roof. Each one carried an unquenchable passion and a sincere desire to see this nation in the place it deserves. Each one dreaming of being a building block to restore the great edifice of a nation that once led the world, carrying this hope with Arab blood flowing in their veins. They sat before me with eyes gleaming with ambition, as if each one came to place a small stone in the wall of the coming renaissance.\"<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Story Card 3 - Left aligned -->\n          <div class=\"story-zigzag reveal-up\" style=\"display: grid; grid-template-columns: 1fr 350px; gap: 3rem; align-items: center; margin-bottom: 4rem;\">\n            <div class=\"card\" style=\"padding: 2.5rem; border-left: 4px solid var(--brand-secondary);\">\n              <div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;\">\n                <div style=\"width: 48px; height: 48px; background: var(--brand-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                  <i data-lucide=\"lightbulb\" style=\"width: 24px; height: 24px; color: white;\"><\/i>\n                <\/div>\n                <h3 style=\"font-size: 1.25rem; color: var(--brand-primary); margin: 0;\" data-i18n=\"pages.our-story.dinnerTitle\">The Dinner That Changed Everything \u2014 April 25, 2000<\/h3>\n              <\/div>\n              <p style=\"font-size: 1.05rem; line-height: 1.9; color: var(--brand-ink);\" data-i18n=\"pages.our-story.dinnerPara1\">\"I was then Director of the Research Center at the University of Sharjah and Chairman of the Conference Organizing Committee. During the scientific sessions by day, and the friendly gatherings in the evening, I could see something taking shape... something bigger than a conference, deeper than mere exchange of scientific papers. A new spirit was being born among the scientists, a spirit that said: The time has come for something different... something lasting.\"<\/p>\n              <blockquote style=\"margin: 1.5rem 0 0; padding: 1.5rem; background: linear-gradient(135deg, var(--brand-primary), #0d6a8a); border-radius: 8px; color: white; font-size: 1.1rem; font-style: italic;\" data-i18n=\"pages.our-story.dinnerQuote\">\"Why don't we establish an entity that unites us? An independent entity, not subject to politics, party, or faction... an entity that works only for science and for this nation.\"<\/blockquote>\n            <\/div>\n            <div style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.15);\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Pic8.jpg\" alt=\"The historic dinner\" style=\"width: 100%; height: 280px; object-fit: cover;\" \/>\n            <\/div>\n          <\/div>\n\n          <!-- ==================== CHAPTER 2: THE BIRTH ==================== -->\n          <div class=\"chapter-divider reveal-up\" style=\"display: flex; align-items: center; gap: 1.5rem; margin-bottom: 3rem;\">\n            <div style=\"flex: 1; height: 2px; background: linear-gradient(to right, transparent, var(--brand-primary));\"><\/div>\n            <div style=\"display: flex; align-items: center; gap: 1rem; padding: 1rem 2rem; background: var(--brand-secondary); border-radius: 50px; color: var(--brand-ink);\">\n              <i data-lucide=\"sparkles\" style=\"width: 24px; height: 24px;\"><\/i>\n              <span style=\"font-weight: 600; font-size: 1.1rem;\" data-i18n=\"pages.our-story.chapter2\">Chapter 2: The Birth<\/span>\n            <\/div>\n            <div style=\"flex: 1; height: 2px; background: linear-gradient(to left, transparent, var(--brand-primary));\"><\/div>\n          <\/div>\n\n          <!-- Story Card 4 - Right aligned -->\n          <div class=\"story-zigzag reveal-up\" style=\"display: grid; grid-template-columns: 350px 1fr; gap: 3rem; align-items: center; margin-bottom: 3rem;\">\n            <div style=\"position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 25px 80px rgba(0,0,0,0.2);\">\n              <picture>\n                <source srcset=\"https:\/\/astf.net\/images\/\u062d\u0627\u0643\u0645-\u0627\u0644\u0634\u0627\u0631\u0642\u0629.webp\" type=\"image\/webp\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Dr. Sheikh Sultan Al Qassimi.jpg\" alt=\"His Highness Sheikh Dr. Sultan bin Muhammad Al Qasimi\" style=\"width: 100%; height: 320px; object-fit: cover; object-position: top; transition: transform 0.5s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\" \/>\n              <\/picture>\n              <div style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgba(10, 77, 104, 0.4), transparent 50%); pointer-events: none;\"><\/div>\n            <\/div>\n            <div class=\"card\" style=\"padding: 2.5rem; border-right: 4px solid var(--brand-primary);\">\n              <div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;\">\n                <div style=\"width: 48px; height: 48px; background: var(--brand-secondary); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                  <i data-lucide=\"crown\" style=\"width: 24px; height: 24px; color: var(--brand-ink);\"><\/i>\n                <\/div>\n                <h3 style=\"font-size: 1.25rem; color: var(--brand-primary); margin: 0;\" data-i18n=\"pages.our-story.sultanTitle\">The Vision of Sheikh Sultan \u2014 A Leader Who Believes in Science<\/h3>\n              <\/div>\n              <p style=\"font-size: 1.05rem; line-height: 1.9; color: var(--brand-ink);\" data-i18n=\"pages.our-story.sultanPara\">\"The idea reached His Highness Sheikh Dr. Sultan bin Mohammed Al-Qasimi, Supreme President of the University of Sharjah. As soon as he learned of our desire, he strongly supported it, as if he had been waiting for this voice to emerge from the scientists themselves. And that is not surprising for a man who combined agricultural engineering and history, merging the two sciences in a single vision that sees the future as much as it recalls the past. How could it be otherwise, for he is a man of history who understood through his knowledge the bright history of this nation, and that there is no life and no return to its glory except through science and scientists. His trust in scientists had a profound impact on the launch of this journey, and it is a favor that can never be forgotten.\"<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Story Card 5 - Full width highlight -->\n          <div class=\"reveal-up\" style=\"margin-bottom: 4rem;\">\n            <div class=\"card\" style=\"padding: 3rem; background: linear-gradient(135deg, var(--brand-secondary), #c9a000); color: var(--brand-ink); position: relative; overflow: hidden;\">\n              <div style=\"position: absolute; top: -20px; right: -20px; width: 150px; height: 150px; background: rgba(255,255,255,0.1); border-radius: 50%;\"><\/div>\n              <div style=\"position: absolute; bottom: -40px; left: -40px; width: 200px; height: 200px; background: rgba(255,255,255,0.1); border-radius: 50%;\"><\/div>\n              <div style=\"position: relative; z-index: 1;\">\n                <div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem;\">\n                  <div style=\"width: 56px; height: 56px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                    <i data-lucide=\"megaphone\" style=\"width: 28px; height: 28px; color: var(--brand-secondary);\"><\/i>\n                  <\/div>\n                  <h3 style=\"font-size: 1.4rem; color: var(--brand-ink); margin: 0;\" data-i18n=\"pages.our-story.announcementTitle\">April 26, 2000 \u2014 The Historic Announcement<\/h3>\n                <\/div>\n                <p style=\"font-size: 1.15rem; line-height: 1.9;\" data-i18n=\"pages.our-story.announcementPara1\">\"On the morning of April 26, we stood before the audience and announced the sole recommendation of the conference: The establishment of an independent Arab foundation to serve science and technology in the Arab world.\"<\/p>\n                <p style=\"font-size: 1.15rem; line-height: 1.9; margin-top: 1rem;\" data-i18n=\"pages.our-story.announcementPara2\">\"At that same moment, the Conference Organizing Committee \u2014 which I chaired \u2014 was appointed to be the first Board of Directors of the Foundation. This was a recognition of our role, and trust in our ability to lead this newborn entity in its first steps.\"<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- ==================== CHAPTER 3: THE FOUNDATION ==================== -->\n          <div class=\"chapter-divider reveal-up\" style=\"display: flex; align-items: center; gap: 1.5rem; margin-bottom: 3rem;\">\n            <div style=\"flex: 1; height: 2px; background: linear-gradient(to right, transparent, var(--brand-primary));\"><\/div>\n            <div style=\"display: flex; align-items: center; gap: 1rem; padding: 1rem 2rem; background: var(--brand-ink); border-radius: 50px; color: white;\">\n              <i data-lucide=\"building\" style=\"width: 24px; height: 24px; color: var(--brand-secondary);\"><\/i>\n              <span style=\"font-weight: 600; font-size: 1.1rem;\" data-i18n=\"pages.our-story.chapter3\">Chapter 3: The Foundation<\/span>\n            <\/div>\n            <div style=\"flex: 1; height: 2px; background: linear-gradient(to left, transparent, var(--brand-primary));\"><\/div>\n          <\/div>\n\n          <!-- Story Card 6 - Left aligned -->\n          <div class=\"story-zigzag reveal-up\" style=\"display: grid; grid-template-columns: 1fr 350px; gap: 3rem; align-items: center; margin-bottom: 3rem;\">\n            <div class=\"card\" style=\"padding: 2.5rem; border-left: 4px solid var(--brand-primary);\">\n              <div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;\">\n                <div style=\"width: 48px; height: 48px; background: var(--brand-ink); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                  <i data-lucide=\"file-text\" style=\"width: 24px; height: 24px; color: var(--brand-secondary);\"><\/i>\n                <\/div>\n                <h3 style=\"font-size: 1.25rem; color: var(--brand-primary); margin: 0;\" data-i18n=\"pages.our-story.group55Title\">October 2000 \u2014 The Group of 55 Architects<\/h3>\n              <\/div>\n              <p style=\"font-size: 1.05rem; line-height: 1.9; color: var(--brand-ink);\" data-i18n=\"pages.our-story.group55Para\">\"Then came the next pivotal step: the meeting of the Group of 55 scientists and Arab officials in October 2000. They faithfully and sincerely established the Foundation's statute and drew up its framework of operation. To all of them, I extend my highest expressions of thanks and appreciation; for they are the ones who formulated the first building blocks of this edifice.\"<\/p>\n            <\/div>\n            <div style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.15);\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Pic6.jpg\" alt=\"Group of 55\" style=\"width: 100%; height: 280px; object-fit: cover;\" \/>\n            <\/div>\n          <\/div>\n\n          <!-- Story Card 7 - Right aligned with Auto-Switching Images -->\n          <div class=\"story-zigzag reveal-up\" style=\"display: grid; grid-template-columns: 350px 1fr; gap: 3rem; align-items: center; margin-bottom: 3rem;\">\n            <div class=\"uae-slideshow\" style=\"position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 25px 80px rgba(0,0,0,0.2); height: 320px;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Picture15.png\" alt=\"UAE Support - Meeting 1\" class=\"slide active\" style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 1; transition: opacity 1s ease-in-out;\" \/>\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Picture14.png\" alt=\"UAE Support - Meeting 2\" class=\"slide\" style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1s ease-in-out;\" \/>\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Picture13.jpg\" alt=\"UAE Support - Meeting 3\" class=\"slide\" style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1s ease-in-out;\" \/>\n              <div style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgba(10, 77, 104, 0.4), transparent 50%); pointer-events: none;\"><\/div>\n              <!-- Slide Indicators -->\n              <div style=\"position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); display: flex; gap: 0.5rem; z-index: 2;\">\n                <span class=\"slide-dot active\" style=\"width: 8px; height: 8px; border-radius: 50%; background: var(--brand-secondary); transition: all 0.3s;\"><\/span>\n                <span class=\"slide-dot\" style=\"width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.5); transition: all 0.3s;\"><\/span>\n                <span class=\"slide-dot\" style=\"width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.5); transition: all 0.3s;\"><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"bg-sky card\" style=\"padding: 2.5rem; border-right: 4px solid var(--brand-primary);\">\n              <div style=\"display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;\">\n                <div style=\"width: 48px; height: 48px; background: var(--brand-ink); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                  <i data-lucide=\"landmark\" style=\"width: 24px; height: 24px; color: var(--brand-secondary);\"><\/i>\n                <\/div>\n                <h3 style=\"font-size: 1.25rem; color: var(--brand-primary); margin: 0;\" data-i18n=\"pages.our-story.uaeTitle\">The UAE's Embrace<\/h3>\n              <\/div>\n              <p style=\"font-size: 1.05rem; line-height: 1.9; color: var(--brand-ink);\" data-i18n=\"pages.our-story.uaePara1\">\"The UAE was not distant from this scientific movement; rather, it was at its heart. His Excellency Sheikh Nahyan bin Mubarak Al Nahyan \u2014 then Minister of Higher Education and President of UAE University \u2014 received the Group of 55, expressing his joy at the Foundation's birth, providing great moral support that strengthened our confidence that we were on the right path.\"<\/p>\n              <p style=\"font-size: 1.05rem; line-height: 1.9; color: var(--brand-ink); margin-top: 1rem;\" data-i18n=\"pages.our-story.uaePara2\">\"The encouragement and support of His Highness Sheikh Hamdan bin Zayed Al Nahyan \u2014 Minister of Foreign Affairs \u2014 also had a profound impact when he received the Foundation's Board of Directors, emphasizing the importance of the role it could play in serving the region.\"<\/p>\n            <\/div>\n          <\/div>\n\n          <!-- Story Card 8 - Reflection (Full Width, Special Styling) -->\n          <div class=\"reveal-up\" style=\"margin-bottom: 3rem;\">\n            <div class=\"card\" style=\"padding: 3rem; background: linear-gradient(135deg, var(--brand-sky), white); border-radius: 20px; position: relative; overflow: hidden;\">\n              <div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(to right, var(--brand-primary), var(--brand-secondary));\"><\/div>\n              <div style=\"display: flex; gap: 2.5rem; align-items: flex-start;\">\n                <div style=\"flex-shrink: 0;\">\n                  <div style=\"width: 80px; height: 80px; background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\n                    <i data-lucide=\"heart\" style=\"width: 40px; height: 40px; color: white;\"><\/i>\n                  <\/div>\n                <\/div>\n                <div>\n                  <h3 style=\"font-size: 1.4rem; color: var(--brand-primary); margin-bottom: 1.5rem;\" data-i18n=\"pages.our-story.reflectionTitle\">Looking Back \u2014 A Dream Realized<\/h3>\n                  <p style=\"font-size: 1.1rem; line-height: 1.9; color: var(--brand-ink);\" data-i18n=\"pages.our-story.reflectionPara1\">\"The road was not easy. We faced challenges of inexperience, the dispersion of scientists, the difficulty of bringing them together, and the need for a legal framework to protect our independence. But we overcame all of that by assembling an elite group of Arab scientists and officials, building networks of cooperation across the region, and with deep faith that this nation deserves an institution that carries its science and defends its scientific future.\"<\/p>\n                  <p style=\"font-size: 1.15rem; line-height: 1.9; color: var(--brand-ink); margin-top: 1.5rem; font-weight: 500;\" data-i18n=\"pages.our-story.reflectionPara2\">\"Today, when I recall that first moment... that dinner at the Fish Restaurant... I realize that the idea born at a simple dinner table has become a leading Arab institution, and a model to be followed in independent scientific work.\"<\/p>\n                  <p style=\"margin-top: 1.5rem; font-weight: 600; color: var(--brand-primary); font-size: 1.1rem;\" data-i18n=\"pages.our-story.reflectionAuthor\">\u2014 Dr. Abdalla Abdulaziz Alnajjar Alhammadi, Chairman of ASTF since 2000<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Key Facts Cards -->\n          <div class=\"grid grid-3\" style=\"gap: 1.5rem; margin-top: 3rem;\">\n            <div class=\"card reveal-up\" style=\"text-align: center; padding: 2rem; transition: transform 0.3s ease, box-shadow 0.3s ease;\" onmouseover=\"this.style.transform='translateY(-8px)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.15)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='';\">\n              <div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem;\">\n                <i data-lucide=\"scroll-text\" style=\"width: 32px; height: 32px; color: white;\"><\/i>\n              <\/div>\n              <h3 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\" data-i18n=\"pages.our-story.amiriDecree\">Amiri Decree<\/h3>\n              <p class=\"subtle\" style=\"font-size: 0.9rem;\" data-i18n=\"pages.our-story.amiriDecreeDesc\">Formally established by Amiri Decree No. 8 of 2000, granting ASTF official status and independence.<\/p>\n            <\/div>\n            <div class=\"card reveal-up\" style=\"text-align: center; padding: 2rem; transition: transform 0.3s ease, box-shadow 0.3s ease;\" onmouseover=\"this.style.transform='translateY(-8px)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.15)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='';\">\n              <div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem;\">\n                <i data-lucide=\"users\" style=\"width: 32px; height: 32px; color: white;\"><\/i>\n              <\/div>\n              <h3 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\" data-i18n=\"pages.our-story.foundingScientists\">420 Founding Scientists<\/h3>\n              <p class=\"subtle\" style=\"font-size: 0.9rem;\" data-i18n=\"pages.our-story.foundingScientistsDesc\">Distinguished researchers from across the Arab world united to form the foundation's initial membership.<\/p>\n            <\/div>\n            <div class=\"card reveal-up\" style=\"text-align: center; padding: 2rem; transition: transform 0.3s ease, box-shadow 0.3s ease;\" onmouseover=\"this.style.transform='translateY(-8px)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.15)';\" onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='';\">\n              <div style=\"width: 64px; height: 64px; background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem;\">\n                <i data-lucide=\"building-2\" style=\"width: 32px; height: 32px; color: white;\"><\/i>\n              <\/div>\n              <h3 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\" data-i18n=\"pages.our-story.sharjahHQ\">Sharjah Headquarters<\/h3>\n              <p class=\"subtle\" style=\"font-size: 0.9rem;\" data-i18n=\"pages.our-story.sharjahHQDesc\">Established in the Emirate of Sharjah, UAE, with a mandate to expand across Arab and international capitals.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- Photo Gallery Section -->\n      <section class=\"section\" id=\"gallery\" style=\"background: var(--brand-ink); padding: 4rem 0;\">\n        <div class=\"container\" style=\"max-width: 72rem;\">\n          <div style=\"text-align: center; margin-bottom: 3rem;\">\n            <h2 style=\"font-size: clamp(1.9rem, 3.2vw, 2.4rem); color: white;\" data-i18n=\"pages.our-story.galleryTitle\">Moments That Define Us<\/h2>\n            <p style=\"color: rgba(255,255,255,0.7); max-width: 36rem; margin: 0.75rem auto 0;\" data-i18n=\"pages.our-story.galleryDesc\">A visual journey through 25 years of conferences, initiatives, and scientific achievements.<\/p>\n          <\/div>\n\n          <!-- Masonry-style Photo Grid -->\n          <div class=\"photo-gallery\" style=\"display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 200px; gap: 1rem;\">\n            <div class=\"gallery-item reveal-up\" style=\"grid-row: span 2; border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/pic2.jpg\" alt=\"ASTF Event\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\" \/>\n              <div style=\"position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, rgba(0,0,0,0.6), transparent); opacity: 0; transition: opacity 0.3s ease;\" onmouseover=\"this.style.opacity='1'\" onmouseout=\"this.style.opacity='0'\"><\/div>\n            <\/div>\n            <div class=\"gallery-item reveal-up\" style=\"border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/home pic2.jpg\" alt=\"Conference\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\" \/>\n            <\/div>\n            <div class=\"gallery-item reveal-up\" style=\"border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/home pic5.jpg\" alt=\"Meeting\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\" \/>\n            <\/div>\n            <div class=\"gallery-item reveal-up\" style=\"grid-row: span 2; border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Pic8.jpg\" alt=\"Event\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\" \/>\n            <\/div>\n            <div class=\"gallery-item reveal-up\" style=\"border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/pic7.jpg\" alt=\"Gathering\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\" \/>\n            <\/div>\n            <div class=\"gallery-item reveal-up\" style=\"grid-column: span 2; border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Pic6.jpg\" alt=\"Scientists\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\" \/>\n            <\/div>\n            <div class=\"gallery-item reveal-up\" style=\"border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/Pic9.jpg\" alt=\"Workshop\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\" \/>\n            <\/div>\n            <div class=\"gallery-item reveal-up\" style=\"border-radius: 12px; overflow: hidden; position: relative;\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/astf.net\/images\/pic10.jpg\" alt=\"Achievement\" style=\"width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;\" onmouseover=\"this.style.transform='scale(1.05)'\" onmouseout=\"this.style.transform='scale(1)'\" \/>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- Vision Section -->\n      <section class=\"section\" id=\"vision\">\n        <div class=\"container\" style=\"max-width: 64rem;\">\n          <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center;\">\n            <div>\n              <h2 style=\"font-size: clamp(1.9rem, 3.2vw, 2.4rem); margin-bottom: 1rem;\" data-i18n=\"pages.our-story.visionTitle\">The Vision That Drives Us<\/h2>\n              <p style=\"font-size: 1.05rem; line-height: 1.8; color: var(--brand-ink);\" data-i18n=\"pages.our-story.visionPara1\">\n                From the very first day, our vision has been clear: to bridge the gap between Arab scientific potential and its realization. We saw countless brilliant minds scattered across the globe\u2014in universities, research centers, and industries\u2014often disconnected from their homeland and from each other.\n              <\/p>\n              <p style=\"font-size: 1.05rem; line-height: 1.8; color: var(--brand-ink); margin-top: 1rem;\" data-i18n=\"pages.our-story.visionPara2\">\n                ASTF was created to be that bridge. Not merely a membership organization, but a living network that would amplify collective impact, transfer knowledge, and empower the next generation of Arab scientists and innovators.\n              <\/p>\n            <\/div>\n            <div class=\"card reveal-up\" style=\"background: linear-gradient(135deg, var(--brand-primary), #0d6a8a); color: white; padding: 2.5rem;\">\n              <h3 style=\"font-size: 1.3rem; margin-bottom: 1.5rem; color: white;\" data-i18n=\"pages.our-story.coreBeliefs\">Our Core Beliefs<\/h3>\n              <ul style=\"list-style: none; padding: 0; margin: 0;\">\n                <li style=\"display: flex; gap: 0.75rem; margin-bottom: 1rem;\">\n                  <i data-lucide=\"check-circle\" style=\"width: 20px; height: 20px; color: var(--brand-secondary); flex-shrink: 0; margin-top: 2px;\"><\/i>\n                  <span data-i18n=\"pages.our-story.belief1\">Science knows no borders\u2014Arab talent spans the globe and must be connected.<\/span>\n                <\/li>\n                <li style=\"display: flex; gap: 0.75rem; margin-bottom: 1rem;\">\n                  <i data-lucide=\"check-circle\" style=\"width: 20px; height: 20px; color: var(--brand-secondary); flex-shrink: 0; margin-top: 2px;\"><\/i>\n                  <span data-i18n=\"pages.our-story.belief2\">Research must serve society\u2014innovations must reach those who need them.<\/span>\n                <\/li>\n                <li style=\"display: flex; gap: 0.75rem; margin-bottom: 1rem;\">\n                  <i data-lucide=\"check-circle\" style=\"width: 20px; height: 20px; color: var(--brand-secondary); flex-shrink: 0; margin-top: 2px;\"><\/i>\n                  <span data-i18n=\"pages.our-story.belief3\">Youth are the future\u2014empowering young researchers is our greatest investment.<\/span>\n                <\/li>\n                <li style=\"display: flex; gap: 0.75rem;\">\n                  <i data-lucide=\"check-circle\" style=\"width: 20px; height: 20px; color: var(--brand-secondary); flex-shrink: 0; margin-top: 2px;\"><\/i>\n                  <span data-i18n=\"pages.our-story.belief4\">Collaboration multiplies impact\u2014together we achieve what none can alone.<\/span>\n                <\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      \n<section class=\"section\" id=\"impact\">\n        <div class=\"container\" style=\"max-width: 64rem;\">\n          <div style=\"text-align: center; margin-bottom: 3rem;\">\n            <h2 style=\"font-size: clamp(1.9rem, 3.2vw, 2.4rem);\" data-i18n=\"pages.our-story.impactTitle\">Our Collective Impact<\/h2>\n            <p class=\"subtle\" style=\"max-width: 36rem; margin: 0.75rem auto 0;\" data-i18n=\"pages.our-story.impactDesc\">Numbers tell a story, but behind each figure are lives transformed and futures shaped.<\/p>\n          <\/div>\n\n          <div class=\"grid grid-4\" style=\"gap: 1.5rem; margin-bottom: 3rem;\">\n            <div class=\"card reveal-up\" style=\"text-align: center; padding: 2rem;\">\n              <p style=\"font-size: 2.5rem; font-weight: 700; color: var(--brand-primary); margin: 0;\" data-years-since-founding=\"plus\">25+<\/p>\n              <p class=\"subtle\" style=\"margin: 0.5rem 0 0;\" data-i18n=\"pages.our-story.stat1\">Years of Service<\/p>\n            <\/div>\n            <div class=\"card reveal-up\" style=\"text-align: center; padding: 2rem;\">\n              <p style=\"font-size: 2.5rem; font-weight: 700; color: var(--brand-primary); margin: 0;\">70K+<\/p>\n              <p class=\"subtle\" style=\"margin: 0.5rem 0 0;\" data-i18n=\"pages.our-story.stat2\">Network Members<\/p>\n            <\/div>\n            <div class=\"card reveal-up\" style=\"text-align: center; padding: 2rem;\">\n              <p style=\"font-size: 2.5rem; font-weight: 700; color: var(--brand-primary); margin: 0;\">22<\/p>\n              <p class=\"subtle\" style=\"margin: 0.5rem 0 0;\" data-i18n=\"pages.our-story.stat3\">Arab Countries<\/p>\n            <\/div>\n            <div class=\"card reveal-up\" style=\"text-align: center; padding: 2rem;\">\n              <p style=\"font-size: 2.5rem; font-weight: 700; color: var(--brand-primary); margin: 0;\">100+<\/p>\n              <p class=\"subtle\" style=\"margin: 0.5rem 0 0;\" data-i18n=\"pages.our-story.stat4\">Conferences & Forums<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"card reveal-up\" style=\"background: linear-gradient(135deg, var(--brand-sky), white); padding: 2.5rem; border-left: 4px solid var(--brand-secondary);\">\n            <p style=\"font-style: italic; font-size: 1.1rem; color: var(--brand-ink); line-height: 1.8;\" data-i18n=\"pages.our-story.impactQuote\">\n              \"Over these twenty-five years, I have witnessed something remarkable: the transformation of scattered individual efforts into a powerful collective movement. Every young researcher we mentor, every connection we facilitate, every innovation we support\u2014these are the building blocks of Arab scientific renaissance. The numbers are impressive, but what moves me most are the personal stories: the student who discovered her calling at one of our conferences, the researcher who found collaborators across borders, the entrepreneur whose idea became reality through our networks.\"\n            <\/p>\n            <p style=\"margin-top: 1rem; font-weight: 600; color: var(--brand-primary);\" data-i18n=\"pages.our-story.impactAuthor\">\u2014 Dr. Abdalla Abdulaziz Alnajjar Alhammadi<\/p>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- Looking Forward Section -->\n      <section class=\"section\" id=\"future\" style=\"background: linear-gradient(135deg, var(--brand-primary), #0d6a8a); color: white;\">\n        <div class=\"container\" style=\"max-width: 64rem; text-align: center;\">\n          <h2 style=\"font-size: clamp(1.9rem, 3.2vw, 2.4rem); color: white;\" data-i18n=\"pages.our-story.futureTitle\">Looking to the Future<\/h2>\n          <p style=\"max-width: 48rem; margin: 1rem auto 2rem; font-size: 1.1rem; opacity: 0.95;\" data-i18n=\"pages.our-story.futurePara\">\n            As we enter our next quarter century, our commitment only deepens. The challenges facing our region\u2014from climate change to healthcare, from food security to digital transformation\u2014demand bold scientific solutions. ASTF stands ready, with an expanded network, renewed partnerships, and an unwavering belief in Arab scientific potential.\n          <\/p>\n\n          <div class=\"grid grid-3\" style=\"gap: 1.5rem; margin: 2.5rem 0;\">\n            <div class=\"card reveal-up\" style=\"background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); padding: 2rem; color: white;\">\n              <i data-lucide=\"rocket\" style=\"width: 40px; height: 40px; color: var(--brand-secondary); margin-bottom: 1rem;\"><\/i>\n              <h3 style=\"font-size: 1.1rem; margin-bottom: 0.5rem; color: white;\" data-i18n=\"pages.our-story.future1Title\">Innovation Hubs<\/h3>\n              <p style=\"font-size: 0.9rem; opacity: 0.9;\" data-i18n=\"pages.our-story.future1Desc\">Expanding iHub centers across the Arab world to transform research into real-world solutions.<\/p>\n            <\/div>\n            <div class=\"card reveal-up\" style=\"background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); padding: 2rem; color: white;\">\n              <i data-lucide=\"globe-2\" style=\"width: 40px; height: 40px; color: var(--brand-secondary); margin-bottom: 1rem;\"><\/i>\n              <h3 style=\"font-size: 1.1rem; margin-bottom: 0.5rem; color: white;\" data-i18n=\"pages.our-story.future2Title\">Global Partnerships<\/h3>\n              <p style=\"font-size: 0.9rem; opacity: 0.9;\" data-i18n=\"pages.our-story.future2Desc\">Strengthening ties with international scientific bodies to amplify Arab research on the world stage.<\/p>\n            <\/div>\n            <div class=\"card reveal-up\" style=\"background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); padding: 2rem; color: white;\">\n              <i data-lucide=\"graduation-cap\" style=\"width: 40px; height: 40px; color: var(--brand-secondary); margin-bottom: 1rem;\"><\/i>\n              <h3 style=\"font-size: 1.1rem; margin-bottom: 0.5rem; color: white;\" data-i18n=\"pages.our-story.future3Title\">Next Generation<\/h3>\n              <p style=\"font-size: 0.9rem; opacity: 0.9;\" data-i18n=\"pages.our-story.future3Desc\">Investing in youth programs to ensure the continuity of Arab scientific excellence for generations.<\/p>\n            <\/div>\n          <\/div>\n\n          <div style=\"margin-top: 2.5rem;\">\n            <a href=\"\/new\/membership\/\" class=\"btn btn-secondary\" style=\"margin-right: 1rem;\">\n              <span data-i18n=\"pages.our-story.joinUs\">Join Our Journey<\/span>\n              <i data-lucide=\"arrow-right\" class=\"icon\" aria-hidden=\"true\"><\/i>\n            <\/a>\n            <a href=\"\/new\/about\/\" class=\"btn btn-outline\" style=\"border-color: white; color: white;\" data-i18n=\"pages.our-story.learnMore\">Learn More About ASTF<\/a>\n          <\/div>\n        <\/div>\n      <\/section>\n[\/pl_raw_html][\/pl_col][\/pl_section]","footnotes":""},"class_list":["post-112","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/astf.net\/new\/wp-json\/wp\/v2\/pages\/112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/astf.net\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/astf.net\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/astf.net\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/astf.net\/new\/wp-json\/wp\/v2\/comments?post=112"}],"version-history":[{"count":1,"href":"https:\/\/astf.net\/new\/wp-json\/wp\/v2\/pages\/112\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/astf.net\/new\/wp-json\/wp\/v2\/pages\/112\/revisions\/113"}],"wp:attachment":[{"href":"https:\/\/astf.net\/new\/wp-json\/wp\/v2\/media?parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}