---
title: README
emoji: 🎓
colorFrom: purple
colorTo: indigo
sdk: static
pinned: true
---
<style>
  :root {
    --tw-purple: #4f29b7;
    --tw-purple-deep: #2e1675;
    --tw-teal: #57e3d8;
    --tw-orange: #f4a664;
    --tw-violet: #a380ff;
    --tw-ink: #262626;
    --tw-mist: #ededed;
  }

  /* ====== Page atmosphere — same gradient family as the shared-task card ====== */
  body {
    background:
      radial-gradient(900px 480px at 5% 0%, rgba(244, 166, 100, 0.18), transparent 65%),
      radial-gradient(800px 560px at 95% 25%, rgba(163, 128, 255, 0.16), transparent 65%),
      radial-gradient(700px 460px at 50% 90%, rgba(87, 227, 216, 0.12), transparent 65%),
      #fbf8ff !important;
    background-attachment: fixed !important;
  }

  /* ====== Hero ====== */
  .tw-hero {
    position: relative;
    text-align: center;
    padding: 44px 28px 36px;
    border-radius: 24px;
    background:
      radial-gradient(700px 320px at 0% 0%, rgba(244, 166, 100, 0.22), transparent 70%),
      radial-gradient(600px 380px at 100% 100%, rgba(163, 128, 255, 0.20), transparent 70%),
      radial-gradient(500px 280px at 50% 110%, rgba(87, 227, 216, 0.14), transparent 70%),
      rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(79, 41, 183, 0.10);
    box-shadow: 0 18px 44px rgba(79, 41, 183, 0.08);
    margin-bottom: 22px;
  }
  img.hero-banner {
    max-width: 520px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 18px auto;
    filter: drop-shadow(0 14px 28px rgba(79, 41, 183, 0.18));
  }
  .tw-tagline {
    font-size: clamp(20px, 3vw, 28px);
    font-weight: 800;
    letter-spacing: -0.02em;
    background: linear-gradient(90deg, var(--tw-purple) 0%, var(--tw-violet) 60%, var(--tw-orange) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin: 4px 0 14px 0;
  }
  .tw-intro {
    max-width: 680px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.65;
    color: #3a2d54;
  }

  /* ====== Pill row ====== */
  .pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin: 18px 0 8px 0;
  }
  .pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(79, 41, 183, 0.18);
    color: var(--tw-purple);
  }
  .pill.orange {
    background: var(--tw-orange);
    border-color: var(--tw-orange);
    color: var(--tw-ink);
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

  /* ====== Section card (glass) ====== */
  .tw-card {
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(79, 41, 183, 0.10);
    border-radius: 22px;
    padding: 32px;
    margin: 22px 0;
    box-shadow: 0 14px 36px rgba(79, 41, 183, 0.06);
  }
  .tw-eyebrow {
    display: inline-block;
    padding: 5px 12px;
    background: rgba(79, 41, 183, 0.10);
    color: var(--tw-purple);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
  .tw-card h2 {
    font-size: clamp(24px, 2.6vw, 32px);
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 12px 0 8px 0;
    background: linear-gradient(90deg, var(--tw-purple) 0%, var(--tw-violet) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .tw-card > p:first-of-type {
    color: #4a3d6b;
    font-size: 15px;
    line-height: 1.6;
  }

  /* ====== Pillar / artifact tiles ====== */
  .tile {
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(79, 41, 183, 0.08);
    border-radius: 16px;
    padding: 22px;
    height: 100%;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .tile:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(79, 41, 183, 0.10);
  }
  .tile h3, .tile h4 {
    margin: 0 0 6px 0;
    color: var(--tw-purple-deep);
  }
  .tile p {
    margin: 0;
    color: #4a3d6b;
    font-size: 14px;
    line-height: 1.55;
  }

  /* ====== Featured announcement ====== */
  .announcement {
    position: relative;
    border: 1px solid rgba(244, 166, 100, 0.5);
    border-radius: 22px;
    padding: 32px;
    margin: 22px 0;
    background:
      radial-gradient(700px 320px at 0% 0%, rgba(244, 166, 100, 0.20), transparent 70%),
      radial-gradient(600px 380px at 100% 100%, rgba(163, 128, 255, 0.18), transparent 70%),
      rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(14px);
    box-shadow: 0 18px 44px rgba(244, 166, 100, 0.14);
  }
  .announcement h3 {
    margin: 14px 0 6px 0;
    font-size: clamp(22px, 3vw, 30px);
    font-weight: 800;
    letter-spacing: -0.02em;
    background: linear-gradient(90deg, var(--tw-orange) 0%, var(--tw-violet) 65%, var(--tw-purple) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .announcement .subtitle {
    margin: 0 0 14px 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--tw-purple-deep);
  }
  .announcement p {
    color: #3a2d54;
    line-height: 1.65;
  }
  .ar {
    direction: rtl;
    text-align: right;
  }
  .meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed rgba(79, 41, 183, 0.18);
    font-size: 13.5px;
    color: var(--tw-purple);
    font-weight: 600;
  }

  /* ====== Connect (contact tiles) ====== */
  .contact-tile {
    display: block;
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid rgba(79, 41, 183, 0.10);
    border-radius: 18px;
    padding: 24px;
    text-decoration: none !important;
    color: inherit;
    height: 100%;
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  }
  .contact-tile:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 36px rgba(79, 41, 183, 0.14);
    border-color: rgba(79, 41, 183, 0.28);
  }
  .contact-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--tw-purple) 0%, var(--tw-violet) 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    box-shadow: 0 8px 20px rgba(79, 41, 183, 0.25);
  }
  .contact-icon.orange {
    background: linear-gradient(135deg, var(--tw-orange) 0%, #ff8181 100%);
    box-shadow: 0 8px 20px rgba(244, 166, 100, 0.35);
  }
  .contact-icon.teal {
    background: linear-gradient(135deg, var(--tw-teal) 0%, #4d96ff 100%);
    box-shadow: 0 8px 20px rgba(87, 227, 216, 0.35);
  }
  .contact-icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
  }
  .contact-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--tw-purple);
    margin-bottom: 4px;
  }
  .contact-value {
    font-size: 15.5px;
    font-weight: 700;
    color: var(--tw-purple-deep);
    word-break: break-all;
  }
  .contact-sub {
    font-size: 13px;
    color: #5a4d7c;
    margin-top: 4px;
    line-height: 1.45;
  }

  /* ====== Footer ====== */
  .tw-footer {
    text-align: center;
    padding: 24px 0 12px;
    color: #5a4d7c;
    font-size: 13px;
  }
</style>

<div class="tw-hero">

<img class="hero-banner" src="images/logo.png" alt="Tuwaiq Academy" />

<div class="tw-tagline">Education & research building national capability.</div>

<p class="tw-intro"><strong>Tuwaiq Academy</strong> (أكاديمية طويق) is a Saudi non-profit academy advancing <strong>technical talent</strong> and <strong>applied research</strong>. This Hub is where we share our <strong>open models, datasets, and Spaces</strong> with the global community.</p>

<div class="pill-row">
  <span class="pill">🎓 Education</span>
  <span class="pill">🔬 Research</span>
  <span class="pill">🌱 Capability Building</span>
  <span class="pill">🇸🇦 Riyadh · KSA</span>
</div>

</div>

<div class="tw-card">

<span class="tw-eyebrow">What we do</span>

<h2>Three pillars. One outcome — people who can build.</h2>

<div class="grid lg:grid-cols-3 gap-x-4 gap-y-4 p2">
  <div class="col-span-1 p2">
    <div class="tile">
      <h3>🎓 Education</h3>
      <p>Intensive bootcamps and technical tracks in AI, data, software, cybersecurity, and emerging tech — taking talent from <em>curious</em> to <em>capable</em>.</p>
    </div>
  </div>
  <div class="col-span-1 p2">
    <div class="tile">
      <h3>🔬 Research</h3>
      <p>Applied AI & data research with an Arabic-first lens — models, datasets, and benchmarks released openly to the community.</p>
    </div>
  </div>
  <div class="col-span-1 p2">
    <div class="tile">
      <h3>🌱 Capability</h3>
      <p>Long-term human capability for the Kingdom — through partnerships across industry, academia, and government.</p>
    </div>
  </div>
</div>

</div>

<div class="tw-card">

<span class="tw-eyebrow">On this Hub</span>

<h2>What you'll find here</h2>

<div class="grid lg:grid-cols-4 gap-x-4 gap-y-4 p2">
  <div class="col-span-1 p2">
    <div class="tile">
      <h4>🧠 Models</h4>
      <p>Open-weights from our research tracks and capstones.</p>
    </div>
  </div>
  <div class="col-span-1 p2">
    <div class="tile">
      <h4>📚 Datasets</h4>
      <p>Curated & original data with strong Arabic focus.</p>
    </div>
  </div>
  <div class="col-span-1 p2">
    <div class="tile">
      <h4>🛠️ Spaces</h4>
      <p>Interactive demos from trainees and researchers.</p>
    </div>
  </div>
  <div class="col-span-1 p2">
    <div class="tile">
      <h4>🧪 Benchmarks</h4>
      <p>Evaluation suites for Arabic-speaking AI.</p>
    </div>
  </div>
</div>

</div>

<div class="tw-card">

<span class="tw-eyebrow">Get in touch</span>

<h2>Connect with Tuwaiq</h2>

<style>
  .contact-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
  }

  @media (max-width: 1024px) {
    .contact-grid {
      grid-template-columns: 1fr;
    }
  }

  .contact-tile {
    display: block;
    height: 100%;
    padding: 22px;
    text-decoration: none;
    color: #111827;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    transition: all 0.25s ease;
  }

  .contact-tile:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
    border-color: #d1d5db;
  }

  .contact-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: #eef2ff;
    color: #4f46e5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
  }

  .contact-icon.orange {
    background: #fff7ed;
    color: #ea580c;
  }

  .contact-icon.teal {
    background: #ecfdf5;
    color: #059669;
  }

  .contact-icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
    display: block;
  }

  .contact-label {
    font-size: 13px;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
  }

  .contact-value {
    font-size: 18px;
    font-weight: 800;
    color: #111827;
    margin-bottom: 8px;
    word-break: break-word;
  }

  .contact-sub {
    font-size: 14px;
    line-height: 1.5;
    color: #6b7280;
  }
</style>

<div class="contact-grid">
  <div>
    <a class="contact-tile" href="https://tuwaiq.edu.sa" target="_blank" rel="noopener noreferrer">
      <div class="contact-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true">
          <path d="M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7zm-209 0H18.6C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6H344.3c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352H135.3zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4z"/>
        </svg>
      </div>
      <div class="contact-label">Website</div>
      <div class="contact-value">tuwaiq.edu.sa</div>
      <div class="contact-sub">Programs, bootcamps, and academy news</div>
    </a>
  </div>

  <div>
    <a class="contact-tile" href="mailto:trdc@tuwaiq.edu.sa">
      <div class="contact-icon orange">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true">
          <path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176v208c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/>
        </svg>
      </div>
      <div class="contact-label">Email — TRDC</div>
      <div class="contact-value">trdc@tuwaiq.edu.sa</div>
      <div class="contact-sub">Research and partnership inquiries</div>
    </a>
  </div>

  <div>
    <a class="contact-tile" href="https://www.linkedin.com/school/tuwaiqacademy/" target="_blank" rel="noopener noreferrer">
      <div class="contact-icon teal">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true">
          <path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5c0 21.3-17.2 38.5-38.5 38.5zM384.3 416h-66.4V312c0-24.8-.5-56.7-34.5-56.7c-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5c67.2 0 79.7 44.3 79.7 101.9V416z"/>
        </svg>
      </div>
      <div class="contact-label">LinkedIn</div>
      <div class="contact-value">/school/tuwaiqacademy</div>
      <div class="contact-sub">Latest from Tuwaiq Academy</div>
    </a>
  </div>
</div>

</div>

<div class="announcement">

<span class="pill orange">📍 Budapest · Oct 2026 · NEW</span>

<h3>AISA-ArabicFC</h3>

<p class="subtitle">Arabic Function Calling for Agentic AI Systems</p>

<p><strong>TRDC</strong> has been chosen to host an international Arabic AI competition — a shared task advancing function-calling capabilities for agentic AI in Arabic.</p>

<p class="ar" lang="ar">اختيرت <strong>أكاديمية طويق</strong> لاستضافة مهمة مشتركة في مؤتمر ArabicNLP 2026  — مهمّة مشتركة لتطوير قدرات استدعاء الدوال في الأنظمة الذكية .</p>

<div class="meta-row">
  <span>📍 Budapest, Hungary</span>
  <span>🗓 October 2026</span>
  <span>🎓 ArabicNLP @ EMNLP</span>
  <span>🏛 Hosted by TRDC · Tuwaiq Academy</span>
</div>

</div>

<div class="tw-footer">

📍 Riyadh · Kingdom of Saudi Arabia · Made with 💜 by <strong>Tuwaiq Academy</strong>

</div>