<div id="inst-article">
<!-- ═══ AI IMAGE PROMPTS (invisible to readers — for regenerating visuals in DALL-E/Midjourney)
1. HERO: "Premium flat-vector, 16:9, deep navy gradient sky with cream stars and a rising golden sun. A grand institution: central cream dome with crescent, a tall minaret on the left, and a modern glass wing with glowing amber windows on the right. Steps leading to an open gate. Gold and cream on deep navy, minimal, no text."
2. FIRST UNIVERSITY: "Flat-vector, warm cream background. A large outlined archway; inside it a circle of seven simple seated figures around a glowing amber oil lamp with soft halo. Old-world, warm, minimal, no text."
3. BRIDGE GAPS: "Flat-vector, cream background, 16:9. A wooden bridge deck crossing between two cliffs; most planks are solid amber, three planks are missing shown only as dashed outlines. A small figure stands at the edge of the first gap. On the right cliff, a distant minaret with a rising sun. Minimal, no text."
4. BLUEPRINT: "Blueprint-style flat-vector, deep navy background with faint grid lines. Cream line-art building plan: a central domed hall with an open book icon, connected by corridors to six rooms containing amber icons: speech bubble, Arabic letter, play screen, graduation cap, heart, helping hands. Architectural, minimal, no text."
5. TREE: "Minimal flat-vector night scene, 16:9, deep navy sky with stars and an amber crescent moon. A strong tree whose roots grow down into a half-buried open book; its canopy holds small amber badges: laptop, microphone, globe, graduation cap. Gold and cream on navy, hopeful, no text."
═══ -->
<style>
#inst-article{--in:#22334f;--id2:#0e1a2b;--ia:#f6b73c;--iad:#c98a12;--iink:#20293a;--iline:#e6dcc9;--imut:#7a7263;font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.85;color:var(--iink);max-width:780px;margin:0 auto;padding:6px 2px}
#inst-article p{margin:0 0 1.5em}
#inst-article .ie-deck{font-style:italic;color:#41506b;font-size:1.12em;border-left:4px solid var(--ia);padding:.4em 0 .4em 1.1em;margin:0 0 2em}
#inst-article h2{color:var(--in);font-size:1.85em;line-height:1.25;margin:2.1em 0 .9em}
#inst-article h3{color:var(--in);font-size:1.22em;margin:1.8em 0 .6em}
#inst-article .ie-kick{font-family:Verdana,Geneva,sans-serif;font-size:.66em;font-weight:bold;letter-spacing:.22em;text-transform:uppercase;color:var(--iad);margin:0 0 .4em}
#inst-article figure{margin:2.4em 0}
#inst-article figure svg{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 18px 44px -18px rgba(14,26,43,.28)}
#inst-article figcaption{font-family:Verdana,Geneva,sans-serif;font-size:.66em;letter-spacing:.08em;text-transform:uppercase;color:var(--imut);text-align:center;margin-top:.9em}
#inst-article .ie-hadith{background:#fff;border:1px solid var(--iline);border-left:5px solid var(--ia);border-radius:0 12px 12px 0;padding:1.1em 1.3em;font-style:italic;color:var(--in);margin:2em 0;box-shadow:0 8px 24px -14px rgba(14,26,43,.18)}
#inst-article .ie-big{text-align:center;font-style:italic;font-size:1.38em;line-height:1.5;color:var(--in);max-width:34em;margin:2.4em auto;padding:0 .5em}
#inst-article .ie-big::before,#inst-article .ie-big::after{content:"";display:block;width:54px;height:3px;background:var(--ia);margin:1.1em auto;border-radius:2px}
#inst-article .ie-card{background:#fff;border:1px solid var(--iline);border-radius:12px;padding:1.05em 1.3em;margin:0 0 .9em;box-shadow:0 8px 22px -16px rgba(14,26,43,.2)}
#inst-article .ie-card p{margin:0}
#inst-article .ie-card strong{color:var(--in)}
#inst-article .ie-card em{color:var(--imut);font-size:.92em}
#inst-article ul.ie-check{list-style:none;padding:0;margin:1.4em 0 2em}
#inst-article ul.ie-check li{padding-left:2em;position:relative;margin-bottom:.9em}
#inst-article ul.ie-check li::before{content:"✓";position:absolute;left:0;top:0;font-weight:bold;color:var(--iad)}
#inst-article .ie-letter{background:#fff;border-top:4px solid var(--ia);border-radius:0 0 14px 14px;box-shadow:0 12px 30px -18px rgba(14,26,43,.24);padding:1.25em 1.4em;margin:0 0 1.2em}
#inst-article .ie-letter h3{margin:0 0 .5em}
#inst-article .ie-letter p{margin:0}
#inst-article .ie-dua{text-align:center;font-style:italic;color:var(--in);font-size:1.05em;margin:2.2em 0}
</style>
<!-- ═══════════ HERO IMAGE ═══════════ -->
<figure>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" role="img" aria-label="An Islamic institution rising at dawn: a central dome with crescent, a minaret, and a modern glass wing with glowing windows">
<defs>
<linearGradient id="ie1bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#0e1a2b"/><stop offset="1" stop-color="#1d3050"/>
</linearGradient>
<radialGradient id="ie1sun" cx="0.5" cy="0.5" r="0.5">
<stop offset="0" stop-color="#f6b73c" stop-opacity="0.5"/>
<stop offset="1" stop-color="#f6b73c" stop-opacity="0"/>
</radialGradient>
<linearGradient id="ie1fade" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#0e1a2b" stop-opacity="0"/>
<stop offset="1" stop-color="#0e1a2b" stop-opacity="0.6"/>
</linearGradient>
</defs>
<rect width="1600" height="900" fill="url(#ie1bg)"/>
<g fill="#f4ead8">
<circle cx="190" cy="170" r="2.5" opacity="0.35"/><circle cx="400" cy="110" r="2" opacity="0.25"/>
<circle cx="640" cy="90" r="2" opacity="0.25"/><circle cx="920" cy="120" r="2.2" opacity="0.3"/>
<circle cx="1180" cy="90" r="2" opacity="0.25"/><circle cx="1440" cy="160" r="2.4" opacity="0.3"/>
<circle cx="130" cy="400" r="2" opacity="0.2"/><circle cx="330" cy="280" r="2.2" opacity="0.28"/>
<circle cx="1300" cy="300" r="2" opacity="0.25"/><circle cx="1540" cy="420" r="2" opacity="0.2"/>
</g>
<path d="M1090 200 L1094 214 L1108 218 L1094 222 L1090 236 L1086 222 L1072 218 L1086 214 Z" fill="#f6b73c" opacity="0.85"/>
<circle cx="720" cy="470" r="230" fill="url(#ie1sun)"/>
<circle cx="720" cy="470" r="62" fill="#f6b73c" opacity="0.9"/>
<ellipse cx="800" cy="712" rx="420" ry="16" fill="#000000" opacity="0.3"/>
<!-- Modern wing -->
<rect x="880" y="560" width="290" height="132" rx="6" fill="#1d3050" stroke="#f4ead8" stroke-width="2"/>
<g fill="#f6b73c">
<rect x="906" y="586" width="34" height="24" rx="3"/><rect x="956" y="586" width="34" height="24" rx="3"/>
<rect x="1006" y="586" width="34" height="24" rx="3"/><rect x="1056" y="586" width="34" height="24" rx="3"/>
<rect x="1106" y="586" width="34" height="24" rx="3" opacity="0.55"/>
<rect x="906" y="626" width="34" height="24" rx="3" opacity="0.55"/><rect x="956" y="626" width="34" height="24" rx="3"/>
<rect x="1006" y="626" width="34" height="24" rx="3" opacity="0.7"/><rect x="1056" y="626" width="34" height="24" rx="3"/>
<rect x="1106" y="626" width="34" height="24" rx="3"/>
</g>
<line x1="1015" y1="560" x2="1015" y2="524" stroke="#f4ead8" stroke-width="3"/>
<circle cx="1015" cy="520" r="4" fill="#f6b73c"/>
<!-- Central block -->
<rect x="600" y="520" width="240" height="172" fill="#22334f"/>
<path d="M686 692 L686 640 A34 34 0 0 1 754 640 L754 692 Z" fill="#f4ead8"/>
<path d="M630 620 L630 588 A22 22 0 0 1 674 588 L674 620 Z" fill="#f6b73c" opacity="0.85"/>
<path d="M766 620 L766 588 A22 22 0 0 1 810 588 L810 620 Z" fill="#f6b73c" opacity="0.85"/>
<!-- Dome -->
<path d="M600 520 A120 98 0 0 1 840 520 Z" fill="#f4ead8" stroke="#0e1a2b" stroke-width="4"/>
<line x1="720" y1="424" x2="720" y2="396" stroke="#f4ead8" stroke-width="4"/>
<path d="M726 372 A16 16 0 1 0 726 396 A12.5 12.5 0 1 1 726 372 Z" fill="#f6b73c"/>
<!-- Minaret -->
<rect x="520" y="430" width="26" height="262" fill="#22334f"/>
<rect x="512" y="470" width="42" height="10" rx="4" fill="#22334f"/>
<path d="M514 430 L526 396 L538 430 Z" fill="#22334f"/>
<circle cx="526" cy="390" r="5" fill="#f6b73c"/>
<rect x="527" y="540" width="12" height="18" rx="6" fill="#f6b73c"/>
<!-- Steps -->
<rect x="560" y="692" width="320" height="12" fill="#1d3050"/>
<rect x="530" y="704" width="380" height="12" fill="#22334f"/>
<g stroke="#f6b73c" stroke-width="3" stroke-linecap="round" opacity="0.4">
<line x1="700" y1="340" x2="660" y2="250"/><line x1="740" y1="340" x2="780" y2="250"/>
</g>
<rect y="716" width="1600" height="184" fill="url(#ie1fade)"/>
</svg>
<figcaption>The House of Knowledge, rebuilt</figcaption>
</figure>
<p class="ie-deck">An honest tour of the madrasas, jamias, and Islamic academies of our time — and a blueprint for the institution this generation is quietly asking for.</p>
<p>The ribbon is cut. The marble gleams. The new Islamic institution opens its gates with dua, dates, and photographs — and the community is genuinely proud, because it should be.</p>
<p>But walk past the reception hall, into the third classroom on the left, and you will find a ten-year-old learning exactly — and we mean <em>exactly</em> — the way his grandfather learned in 1965. Same chalk. Same repetition. Same silence when a question is asked twice.</p>
<p>We built better walls around an old room. And the room is the whole point.</p>
<p>This is not an accusation. It is a diagnosis. Because institutions are not buildings — they are <strong>factories of the future</strong>. Every imam, every scholar, every teacher the ummah will have in 2045 is sitting in one of today's classrooms right now. Show me the institution, and I will show you the next fifty years.</p>
<h2>The First University Had No Gate</h2>
<p>Before we audit anything, the history must be honored — because it is one of the proudest records in human education.</p>
<p>The first Islamic institution was a shaded arcade in Madinah: the <strong>Suffah</strong> — poor students, no fee structure, no timetable beyond prayer, and the Prophet ﷺ himself as the faculty. From that courtyard came the generation that carried the Quran to continents.</p>
<p>The tradition grew into institutions the world still studies. <strong>Al-Qarawiyyin</strong> in Fez, founded in 859 CE by a Muslim woman, <strong>Fatima al-Fihri</strong>, is recognized as the oldest continuously operating university on earth. <strong>Al-Azhar</strong> in Cairo has taught for over a thousand years. The <strong>Nizamiyya</strong> madrasas of Baghdad systematized sacred learning. And when colonial powers sought to sever Muslims from their tradition, it was the <strong>Darul Uloom network — beginning with Deoband in 1866</strong> — that kept the chains of scholarship alive at a time when states would not.</p>
<div class="ie-hadith">By most estimates, millions of students study in madrasas across the world today, and more of the Quran is memorized, guarded, and recited now than in any century before it. That is not a system in decline. That is a system carrying the heaviest load in human memory — mostly free of charge, mostly on donations, mostly in silence.</div>
<p>So no — the institution is not broken. But it is <em>incomplete</em>. And the gap between what it preserves and what the era demands is now wide enough that our graduates feel it in their own careers.</p>
<h2>A Tour of Today's Institutions</h2>
<p>General knowledge first. When Muslims say "Islamic institution," they usually mean one of six very different things:</p>
<div class="ie-card"><p><strong>The Maktab.</strong> The evening school of childhood — Noorani Qaida, salah, basic fiqh. The ummah's first classroom, and still its most widespread. <em>Strength: access. Gap: it ends before understanding begins.</em></p></div>
<div class="ie-card"><p><strong>The Madrasa / Darul Uloom.</strong> Often boarding, free or near-free. Hifz, then the Aalim course. <em>Strength: immersion, discipline, sanad continuity. Gap: formal education and the outside world often stop at the gate.</em></p></div>
<div class="ie-card"><p><strong>The Jamia.</strong> The larger darul uloom with specializations — ifta, tafsir, hadith. <em>Strength: scholarship depth. Gap: graduation still rarely comes with language fluency or a formal degree.</em></p></div>
<div class="ie-card"><p><strong>The Islamic School.</strong> National curriculum plus deen, usually urban and fee-based. <em>Strength: integration of both worlds. Gap: deen can become one subject among eight, not the spine of the day.</em></p></div>
<div class="ie-card"><p><strong>The Online Academy.</strong> The new arrival — Huffaz teaching Quran across time zones to diaspora children. <em>Strength: reach. Gap: quality control and tarbiyah are hard to deliver through a screen alone.</em></p></div>
<div class="ie-card"><p><strong>The Weekend School.</strong> The Western masjid's Sunday class. <em>Strength: it is often a child's only deen. Gap: a few hours a week cannot carry what the madrasa carried in a decade.</em></p></div>
<!-- ═══════════ IMAGE 2 ═══════════ -->
<figure>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" role="img" aria-label="Inside an archway, seven seated figures form a study circle around a glowing lamp">
<rect width="1200" height="800" fill="#faf5ec"/>
<g fill="#22334f">
<circle cx="150" cy="130" r="2.2" opacity="0.28"/><circle cx="1050" cy="120" r="2" opacity="0.25"/>
<circle cx="200" cy="700" r="2" opacity="0.2"/><circle cx="1010" cy="710" r="2.2" opacity="0.22"/>
<circle cx="600" cy="90" r="2" opacity="0.25"/>
</g>
<circle cx="600" cy="470" r="250" fill="#f3e9d8"/>
<path d="M400 660 L400 380 A200 200 0 0 1 800 380 L800 660 Z" fill="#ffffff" stroke="#22334f" stroke-width="6" stroke-linejoin="round"/>
<rect x="370" y="660" width="460" height="18" fill="#22334f"/>
<radialGradient id="ie2halo" cx="0.5" cy="0.5" r="0.5">
<stop offset="0" stop-color="#f6b73c" stop-opacity="0.45"/>
<stop offset="1" stop-color="#f6b73c" stop-opacity="0"/>
</radialGradient>
<circle cx="600" cy="545" r="110" fill="url(#ie2halo)"/>
<ellipse cx="600" cy="585" rx="26" ry="6" fill="#22334f"/>
<rect x="595" y="556" width="10" height="28" fill="#22334f"/>
<path d="M583 556 A17 10 0 0 1 617 556 Z" fill="#22334f"/>
<path d="M600 520 C609 533 609 543 600 548 C591 543 591 533 600 520 Z" fill="#f6b73c"/>
<path d="M600 530 C604 536 604 541 600 543 C596 541 596 536 600 530 Z" fill="#fdf8ef"/>
<g fill="#22334f">
<g><circle cx="450" cy="545" r="11"/><rect x="436" y="558" width="28" height="36" rx="11"/></g>
<g><circle cx="478" cy="500" r="11"/><rect x="464" y="513" width="28" height="36" rx="11"/></g>
<g><circle cx="538" cy="472" r="11"/><rect x="524" y="485" width="28" height="36" rx="11"/></g>
<g><circle cx="662" cy="472" r="11"/><rect x="648" y="485" width="28" height="36" rx="11"/></g>
<g><circle cx="722" cy="500" r="11"/><rect x="708" y="513" width="28" height="36" rx="11"/></g>
<g><circle cx="750" cy="545" r="11"/><rect x="736" y="558" width="28" height="36" rx="11"/></g>
</g>
<g><circle cx="600" cy="470" r="12" fill="#f6b73c"/><rect x="584" y="484" width="32" height="38" rx="12" fill="#22334f"/></g>
<path d="M500 640 L520 640 L515 668 L505 668 Z" fill="#f6b73c" opacity="0.7"/>
<path d="M690 644 L706 644 L712 668 L686 668 Z" fill="#f6b73c" opacity="0.7"/>
</svg>
<figcaption>The Suffah — no gate, no fee, no ceiling</figcaption>
</figure>
<h2>The Honest Audit: Five Silent Gaps</h2>
<p>The strengths are real and we have named them. Now the harder half — the gaps that almost no brochure mentions. None of these are sins. All of them are <em>silences</em>. And silences compound over decades.</p>
<div class="ie-card"><p><strong>1. The curriculum freeze.</strong> Texts preserved brilliantly, taught — in many places — to be repeated rather than understood. A student can recite a ruling but not explain it to the teenager who asks "but why?"</p></div>
<div class="ie-card"><p><strong>2. The credentials gap.</strong> A graduate with eight years of sacred sciences and no matric certificate is a scholar the paperwork world cannot recognize. University doors, visa doors, teaching-license doors — locked by a missing tenth-grade exam.</p></div>
<div class="ie-card"><p><strong>3. The language gap.</strong> Huffaz who cannot converse in the language of the Book they carry, and ulama who cannot speak to the diaspora youth who need them most.</p></div>
<div class="ie-card"><p><strong>4. The skills gap.</strong> The minbar is now a screen, but the timetable rarely says so. No digital literacy, no vocational floor, no plan for how a graduate will provide for a family with dignity.</p></div>
<div class="ie-card"><p><strong>5. The tarbiyah gap.</strong> Discipline without dialogue. Questions treated as insolence. No counseling, no safe adult to bring doubts to — so doubts go where all unanswered questions go now: online, to strangers.</p></div>
<p>Where these silences exist, a quiet migration begins. Parents — not because they love deen less, but because they must also feed families and answer their children's questions — drift toward alternatives. And the institution is left with either the poorest students or no students at all. Nobody wins that exchange.</p>
<div class="ie-big">A bridge does not collapse all at once. It loses one plank, then another — and the crossings quietly stop.</div>
<!-- ═══════════ IMAGE 3 ═══════════ -->
<figure>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 700" role="img" aria-label="A bridge with several missing planks spanning between two cliffs, a small figure standing at the first gap">
<defs>
<radialGradient id="ie3sun" cx="0.5" cy="0.5" r="0.5">
<stop offset="0" stop-color="#f6b73c" stop-opacity="0.4"/>
<stop offset="1" stop-color="#f6b73c" stop-opacity="0"/>
</radialGradient>
</defs>
<rect width="1600" height="700" fill="#faf5ec"/>
<g fill="#22334f">
<circle cx="240" cy="120" r="2.2" opacity="0.25"/><circle cx="700" cy="90" r="2" opacity="0.22"/>
<circle cx="1150" cy="110" r="2" opacity="0.22"/><circle cx="1500" cy="200" r="2.2" opacity="0.25"/>
</g>
<circle cx="1495" cy="360" r="150" fill="url(#ie3sun)"/>
<circle cx="1495" cy="360" r="46" fill="#f6b73c"/>
<rect x="0" y="420" width="180" height="150" fill="#22334f"/>
<path d="M60 420 A30 26 0 0 1 120 420 Z" fill="#f4ead8"/>
<rect x="1420" y="420" width="180" height="150" fill="#22334f"/>
<rect x="1500" y="330" width="12" height="90" fill="#22334f"/>
<circle cx="1506" cy="326" r="7" fill="#22334f"/>
<rect x="1505" y="352" width="4" height="10" rx="2" fill="#f6b73c"/>
<rect x="180" y="414" width="1240" height="8" fill="#22334f"/>
<g fill="#f6b73c">
<rect x="192" y="430" width="70" height="14"/><rect x="274" y="430" width="70" height="14"/>
<rect x="356" y="430" width="70" height="14"/><rect x="438" y="430" width="70" height="14"/>
<rect x="520" y="430" width="70" height="14"/>
<rect x="684" y="430" width="70" height="14"/><rect x="766" y="430" width="70" height="14"/>
<rect x="848" y="430" width="70" height="14"/>
<rect x="1012" y="430" width="70" height="14"/>
<rect x="1176" y="430" width="70" height="14"/><rect x="1258" y="430" width="70" height="14"/>
<rect x="1340" y="430" width="70" height="14"/>
</g>
<g fill="none" stroke="#c9b99b" stroke-width="2" stroke-dasharray="5 5">
<rect x="602" y="430" width="70" height="14"/>
<rect x="930" y="430" width="70" height="14"/>
<rect x="1094" y="430" width="70" height="14"/>
</g>
<rect x="380" y="540" width="26" height="30" fill="#22334f" opacity="0.35"/>
<rect x="980" y="540" width="26" height="30" fill="#22334f" opacity="0.35"/>
<g fill="#22334f">
<circle cx="600" cy="392" r="10"/>
<rect x="588" y="404" width="24" height="26" rx="9"/>
</g>
<ellipse cx="612" cy="452" rx="14" ry="4" fill="#000000" opacity="0.15"/>
</svg>
<figcaption>The gaps are silent — but the crossings stop</figcaption>
</figure>
<h2>The Institution We Actually Need</h2>
<p>Not a new sect. Not a western clone with Arabic calligraphy on the wall. What this era needs is an <strong>Integrated Islamic Institution</strong> — one heart, several rooms:</p>
<div class="ie-card"><p><strong>🕌 The Heart — Quran & Sunnah, unchanged.</strong> Hifz, tajweed, the Aalim course — taught for understanding, not just repetition. This is the non-negotiable center. Everything else orbits it.</p></div>
<div class="ie-card"><p><strong>🗣 The Arabic Room.</strong> Not just parsed grammar — <em>spoken</em> Arabic, so the tongue that memorizes can also understand and converse.</p></div>
<div class="ie-card"><p><strong>🌉 The English Room.</strong> Confident spoken English — the microphone of the era, and the actual job requirement of masjids from London to Sydney.</p></div>
<div class="ie-card"><p><strong>📜 The Formal Floor.</strong> Matric and intermediate as private candidates, with equivalency support (boards like Pakistan's IBCC already recognize madrasa sanads). The door-keeper credential, secured inside the same years.</p></div>
<div class="ie-card"><p><strong>💻 The Skills Lab.</strong> Digital literacy, basic vocational training — the new minbar, learned with the same seriousness as tajweed.</p></div>
<div class="ie-card"><p><strong>❤️ The Tarbiyah Room.</strong> Mentorship, counseling, and a standing rule: <em>questions are welcome here.</em> A doubt brought to a teacher is a fitnah prevented.</p></div>
<div class="ie-card"><p><strong>🚪 The Open Gate.</strong> Community service, dawah, and career guidance — so graduation is a launch, not a cliff edge.</p></div>
<p>And here is the part administrators need to hear: <strong>this is not more time — it is a smarter timetable.</strong> The same hours, integrated. Arabic is already on the schedule; it only needs to be spoken. English needs two hours a week. Matric needs private exam registration, not a new building. Institutions everywhere are already proving the model works — dual-curriculum academies, jamias affiliating with equivalency boards, online academies adding English and skills classes to Quran slots. The blueprint exists. What is scarce is not knowledge of the blueprint. It is the will to build it.</p>
<!-- ═══════════ IMAGE 4 ═══════════ -->
<figure>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" role="img" aria-label="A blueprint plan of an institution: a central domed hall with a book, connected to six rooms holding icons of speech, screen, cap, heart, and hands">
<rect width="1200" height="800" fill="#0e1a2b"/>
<g stroke="#1d3050" stroke-width="1" opacity="0.7">
<line x1="100" y1="0" x2="100" y2="800"/><line x1="300" y1="0" x2="300" y2="800"/>
<line x1="500" y1="0" x2="500" y2="800"/><line x1="700" y1="0" x2="700" y2="800"/>
<line x1="900" y1="0" x2="900" y2="800"/><line x1="1100" y1="0" x2="1100" y2="800"/>
<line x1="0" y1="133" x2="1200" y2="133"/><line x1="0" y1="266" x2="1200" y2="266"/>
<line x1="0" y1="400" x2="1200" y2="400"/><line x1="0" y1="533" x2="1200" y2="533"/>
<line x1="0" y1="666" x2="1200" y2="666"/>
</g>
<g fill="none" stroke="#f4ead8" stroke-width="3">
<circle cx="600" cy="400" r="95"/>
<circle cx="600" cy="400" r="70" stroke-dasharray="7 8" stroke-width="1.5"/>
<line x1="600" y1="250" x2="600" y2="180"/><line x1="600" y1="550" x2="600" y2="620"/>
<line x1="440" y1="400" x2="330" y2="400"/><line x1="760" y1="400" x2="870" y2="400"/>
<line x1="505" y1="295" x2="420" y2="240"/><line x1="695" y1="295" x2="780" y2="240"/>
<line x1="505" y1="505" x2="420" y2="560"/><line x1="695" y1="505" x2="780" y2="560"/>
</g>
<g fill="none" stroke="#f4ead8" stroke-width="2.5">
<rect x="130" y="150" width="240" height="150" rx="8"/>
<rect x="830" y="150" width="240" height="150" rx="8"/>
<rect x="130" y="500" width="240" height="150" rx="8"/>
<rect x="830" y="500" width="240" height="150" rx="8"/>
<rect x="60" y="345" width="220" height="110" rx="8"/>
<rect x="920" y="345" width="220" height="110" rx="8"/>
</g>
<path d="M565 382 C590 372 598 372 600 382 C602 372 610 372 635 382 L635 412 C610 406 602 406 600 414 C598 406 590 406 565 412 Z" fill="#f6b73c"/>
<g fill="#f6b73c">
<rect x="215" y="195" width="52" height="36" rx="9"/>
<path d="M228 231 L228 246 L244 231 Z"/>
<rect x="916" y="196" width="52" height="34" rx="6"/>
<path d="M936 205 L936 221 L952 213 Z"/>
<path d="M230 645 L268 660 L230 675 L192 660 Z"/>
<path d="M214 668 L214 682 C214 690 246 690 246 682 L246 668" fill="none" stroke="#f6b73c" stroke-width="5"/>
<rect x="378" y="378" width="46" height="32" rx="10"/>
<path d="M390 410 L390 424 L406 410 Z"/>
<g fill="none" stroke="#f6b73c" stroke-width="3.5">
<circle cx="1028" cy="390" r="26"/>
<ellipse cx="1028" cy="390" rx="12" ry="26"/>
<line x1="1002" y1="390" x2="1054" y2="390"/>
</g>
<path d="M978 562 C994 552 1006 558 1006 570 C1006 584 988 590 978 598 C968 590 950 584 950 570 C950 558 962 552 978 562 Z"/>
<path d="M1078 562 C1094 552 1106 558 1106 570 C1106 584 1088 590 1078 598 C1068 590 1050 584 1050 570 C1050 558 1062 552 1078 562 Z"/>
</g>
<path d="M1090 90 L1094 104 L1108 108 L1094 112 L1090 126 L1086 112 L1072 108 L1086 104 Z" fill="#f6b73c"/>
</svg>
<figcaption>One heart, several rooms — the integrated blueprint</figcaption>
</figure>
<h2>Ten Signs of a Serious Institution</h2>
<p>For parents standing at an admission desk right now — ask these before you pay the fee. The institution that answers them honestly is the one.</p>
<ul class="ie-check">
<li>Students are taught to <strong>understand</strong>, not only to repeat — ask a student to explain a lesson in his own words</li>
<li>A <strong>formal education track</strong> exists, with matric/inter and equivalency support</li>
<li><strong>Spoken Arabic</strong> and <strong>spoken English</strong> both appear on the real timetable</li>
<li><strong>Digital skills</strong> are taught, not dismissed</li>
<li><strong>Questions are welcome</strong> — and doubting students get mentors, not punishments</li>
<li>Teachers are <strong>qualified and paid like professionals</strong> — a starved faculty cannot raise scholars</li>
<li>The environment is <strong>safe and accountable</strong> — with real oversight, not just reputation</li>
<li><strong>Parents are partners</strong> — progress reported, not concealed</li>
<li><strong>Career guidance exists</strong> before the final year, not after it</li>
<li>You can <strong>point to the graduates</strong> — where are they, what are they doing, who do they serve</li>
</ul>
<h2>To the Three Keyholders</h2>
<div class="ie-letter">
<h3>To the donors</h3>
<p>Stop paying only for marble. A classroom with a leaking roof and a living curriculum outbuilds a palace with a dead one. Fund teachers' salaries, fund the English hour, fund the skills lab — build minds, and the marble will follow.</p>
</div>
<div class="ie-letter">
<h3>To the administrators</h3>
<p>The two-hour rule: add two hours a week — spoken English and digital skills — and in one decade your graduates will be unrecognizable, in the best way. You preserve the deen better than anyone. Let the era reach your students before they leave the gate.</p>
</div>
<div class="ie-letter">
<h3>To the parents</h3>
<p>You are not choosing a building. You are choosing the factory that will assemble your child's next twenty years. Carry the ten questions above. The institution that welcomes them is telling you something; the one that resents them is telling you more.</p>
</div>
<h2>What Must Never Change</h2>
<p>Let the record stay clear, as always. A spring that refuses a riverbed remains a swamp; a riverbed that forgets its spring dries into a ditch. The spring is the Quran and the Sunnah — pure, sufficient, never to be diluted. The riverbed is the institution — the channel that decides how far the water reaches.</p>
<p>What we need, therefore, is not new water. It is a new riverbed with the old spring at its head: the soul of the Suffah, the scholarship of Deoband, the openness of Qarawiyyin — with English on the tongue, the equivalency in the file, the tools of the era in the hand, and the Book still enthroned at the center of everything.</p>
<p class="ie-dua">May Allah grant the ummah institutions with the soul of the Suffah and the tools of the age — and make every classroom of them a door to Him. <strong>Ameen.</strong></p>
<!-- ═══════════ IMAGE 5 — CLOSING ═══════════ -->
<figure>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" role="img" aria-label="A tree whose roots grow into a half-buried open book, its canopy holding badges of a laptop, microphone, globe and graduation cap">
<defs>
<linearGradient id="ie5bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#101d31"/><stop offset="1" stop-color="#1d3050"/>
</linearGradient>
<radialGradient id="ie5halo" cx="0.5" cy="0.5" r="0.5">
<stop offset="0" stop-color="#f6b73c" stop-opacity="0.35"/>
<stop offset="1" stop-color="#f6b73c" stop-opacity="0"/>
</radialGradient>
<linearGradient id="ie5fade" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#101d31" stop-opacity="0"/>
<stop offset="1" stop-color="#101d31" stop-opacity="0.7"/>
</linearGradient>
</defs>
<rect width="1600" height="900" fill="url(#ie5bg)"/>
<g fill="#f4ead8">
<circle cx="200" cy="170" r="2.5" opacity="0.35"/><circle cx="430" cy="120" r="2" opacity="0.25"/>
<circle cx="680" cy="90" r="2" opacity="0.25"/><circle cx="1180" cy="120" r="2.2" opacity="0.3"/>
<circle cx="1420" cy="200" r="2" opacity="0.25"/><circle cx="180" cy="480" r="2" opacity="0.2"/>
<circle cx="1420" cy="520" r="2" opacity="0.2"/><circle cx="300" cy="300" r="2" opacity="0.25"/>
<circle cx="1300" cy="330" r="2.2" opacity="0.28"/>
</g>
<path d="M1310 130 L1330 190 L1390 210 L1330 230 L1310 290 L1290 230 L1230 210 L1290 190 Z" fill="#f6b73c" opacity="0.9"/>
<circle cx="800" cy="430" r="270" fill="url(#ie5halo)"/>
<g stroke="#22334f" stroke-width="7" stroke-linecap="round" fill="none">
<path d="M790 700 C760 720 720 724 690 716"/>
<path d="M800 702 C800 726 800 740 800 752"/>
<path d="M812 700 C842 720 882 724 912 716"/>
</g>
<path d="M800 618 C744 590 668 588 606 602 L606 686 C668 672 744 674 800 704 Z" fill="#f4ead8" stroke="#0b1524" stroke-width="4" stroke-linejoin="round"/>
<path d="M800 618 C856 590 932 588 994 602 L994 686 C932 672 856 674 800 704 Z" fill="#fdf8ef" stroke="#0b1524" stroke-width="4" stroke-linejoin="round"/>
<line x1="800" y1="618" x2="800" y2="704" stroke="#0b1524" stroke-width="4"/>
<g stroke="#0b1524" stroke-width="3" stroke-linecap="round" opacity="0.3" fill="none">
<path d="M636 626 C672 618 712 618 742 626"/>
<path d="M636 650 C672 642 712 642 742 650"/>
<path d="M858 626 C894 618 934 618 964 626"/>
<path d="M858 650 C894 642 934 642 964 650"/>
</g>
<path d="M770 690 C778 600 780 560 800 520 C820 560 822 600 830 690 Z" fill="#22334f"/>
<ellipse cx="800" cy="712" rx="230" ry="14" fill="#000000" opacity="0.28"/>
<g fill="#16283f" stroke="#f4ead8" stroke-width="2">
<circle cx="800" cy="380" r="150"/>
<circle cx="668" cy="430" r="86"/>
<circle cx="932" cy="430" r="86"/>
</g>
<g stroke="#22334f" stroke-width="6" stroke-linecap="round" fill="none">
<line x1="688" y1="352" x2="650" y2="330"/>
<line x1="800" y1="230" x2="800" y2="205"/>
<line x1="912" y1="352" x2="950" y2="330"/>
<line x1="1024" y1="430" x2="1050" y2="424"/>
</g>
<g fill="#f6b73c">
<circle cx="640" cy="330" r="32"/><circle cx="800" cy="212" r="32"/>
<circle cx="958" cy="322" r="32"/><circle cx="1058" cy="420" r="32"/>
</g>
<g fill="#0e1a2b">
<rect x="622" y="320" width="36" height="24" rx="4"/>
<path d="M618 346 L662 346 L666 352 L614 352 Z"/>
<rect x="788" y="200" width="24" height="20" rx="9"/>
<line x1="800" y1="220" x2="800" y2="228" stroke="#0e1a2b" stroke-width="4"/>
<path d="M793 228 L807 228 L809 234 L791 234 Z"/>
<g fill="none" stroke="#0e1a2b" stroke-width="3">
<circle cx="958" cy="322" r="15"/>
<ellipse cx="958" cy="322" rx="7" ry="15"/>
<line x1="943" y1="322" x2="973" y2="322"/>
</g>
<path d="M1058 400 L1090 413 L1058 426 L1026 413 Z"/>
<path d="M1043 419 L1043 433 C1043 441 1073 441 1073 433 L1073 419" fill="none" stroke="#0e1a2b" stroke-width="4"/>
</g>
<g fill="#f6b73c">
<circle cx="712" cy="322" r="8"/><circle cx="748" cy="410" r="8"/><circle cx="858" cy="318" r="8"/>
<circle cx="892" cy="408" r="8"/><circle cx="668" cy="452" r="7"/><circle cx="932" cy="458" r="7"/>
</g>
<rect y="720" width="1600" height="180" fill="url(#ie5fade)"/>
</svg>
<figcaption>Deep roots in the Book — branches reaching the era</figcaption>
</figure>
</div>