/* =========================================================================
   AI Academy — Diploma Programs Landing · MODERN (v7.1 — LIGHT)
   Style: light vibrant canvas + soft colorful aurora + glass white cards +
   bento grid. Fully isolated under .aiacademy-diploma-modern so it never
   leaks into the WordPress theme / Elementor / Astra header & footer, and
   never collides with the classic template (.aiacademy-diploma-app).

   IMPORTANT (v7.1): the aurora background is position:absolute INSIDE this
   wrapper, NOT position:fixed across the viewport. This guarantees the site
   header (rendered above the wrapper) is never overlapped or distorted.
   ========================================================================= */

/* ============ 1. TOKENS — LIGHT & VIBRANT ============ */
.aiacademy-diploma-modern{
  --bg:#EEF5F8;
  --bg-2:#E4F0F4;
  --surface:#FFFFFF;
  --surface-2:#F7FBFD;
  --stroke:rgba(2,66,85,.10);
  --stroke-strong:rgba(2,66,85,.18);

  --primary:#024255;
  --secondary:#01889F;
  --accent:#03A7BC;
  --light-blue:#58CBDA;

  --gold:#FBA213;
  --gold-light:#FAD41E;

  --violet:#7C5CFF;
  --magenta:#FF4D9D;
  --mint:#2E9584;
  --sky:#3B82F6;

  --text:#15333D;
  --text-soft:#3F5C66;
  --text-muted:#6E8993;

  --radius-sm:14px;
  --radius-md:22px;
  --radius-lg:28px;
  --radius-pill:100px;

  --shadow-soft:0 4px 14px rgba(2,66,85,.06);
  --shadow-card:0 12px 30px rgba(2,66,85,.09);
  --shadow-lift:0 24px 50px rgba(2,66,85,.14);
  --shadow-gold:0 16px 38px rgba(251,162,19,.32);

  --gradient-gold:linear-gradient(135deg,#FBA213,#FAD41E);
  --gradient-cyan:linear-gradient(135deg,#01889F,#03A7BC);
  --gradient-violet:linear-gradient(135deg,#7C5CFF,#9B7AFF);
  --gradient-text:linear-gradient(110deg,#01889F 0%,#03A7BC 40%,#7C5CFF 100%);
  --gradient-num:linear-gradient(135deg,#01889F,#7C5CFF);

  --font-display:'Cairo','IBM Plex Sans Arabic',sans-serif;
  --font-body:'Cairo','IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif;
  --container:1240px;

  font-family:var(--font-body) !important;
  color:var(--text) !important;
  background:var(--bg);
  line-height:1.8;
  position:relative;
  isolation:isolate;          /* keep aurora behind, never above header */
  overflow-x:hidden;
}

/* ============ 2. HARD ISOLATION / RESET ============ */
.aiacademy-diploma-modern,
.aiacademy-diploma-modern *,
.aiacademy-diploma-modern *::before,
.aiacademy-diploma-modern *::after{ box-sizing:border-box; }
.aiacademy-diploma-modern *{ margin:0; padding:0; }

.aiacademy-diploma-modern img,
.aiacademy-diploma-modern svg{ display:block; max-width:100%; }
.aiacademy-diploma-modern a{ color:inherit; text-decoration:none; }
.aiacademy-diploma-modern ul,
.aiacademy-diploma-modern ol{ list-style:none; }
.aiacademy-diploma-modern button,
.aiacademy-diploma-modern input,
.aiacademy-diploma-modern textarea{ font:inherit; }
.aiacademy-diploma-modern button{ cursor:pointer; border:0; background:none; color:inherit; }

.aiacademy-diploma-modern p{ color:var(--text-soft); }

.aiacademy-diploma-modern h1,
.aiacademy-diploma-modern h2,
.aiacademy-diploma-modern h3,
.aiacademy-diploma-modern h4{
  font-family:var(--font-display);
  font-weight:700;
  line-height:1.45;
  color:var(--primary);
  text-wrap:balance;
}

.aiacademy-diploma-modern ::selection{ background:var(--gold); color:#fff; }
.aiacademy-diploma-modern :focus-visible{ outline:3px solid var(--accent); outline-offset:3px; border-radius:8px; }
.aiacademy-diploma-modern{ scrollbar-color:var(--accent) transparent; }

/* ============ 3. AURORA BACKGROUND — CONFINED TO WRAPPER ============ */
/* position:absolute (not fixed) so it only fills this landing wrapper and
   can never overlap the theme header above it. */
.aiacademy-diploma-modern .am-aurora{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  background:
    radial-gradient(90% 50% at 50% 0%, #E4F0F4 0%, transparent 60%),
    var(--bg);
}
.aiacademy-diploma-modern .am-aurora-blob{
  position:absolute;
  border-radius:50%;
  filter:blur(95px);
  opacity:.16;
  will-change:transform;
}
/* Blobs are intentionally pushed to the page EDGES (negative insets) and kept
   low-opacity so they stay a faint decorative tint in the margins — they must
   never wash the centered content (cards / FAQ) with color. */
.aiacademy-diploma-modern .am-blob-1{
  width:34vw; height:34vw; max-width:480px; max-height:480px;
  background:radial-gradient(circle at 30% 30%, #03A7BC, transparent 65%);
  top:-6%; inset-inline-start:-10%;
  animation:am-drift-a 26s ease-in-out infinite;
}
.aiacademy-diploma-modern .am-blob-2{
  width:30vw; height:30vw; max-width:440px; max-height:440px;
  background:radial-gradient(circle at 60% 40%, #7C5CFF, transparent 66%);
  top:22%; inset-inline-end:-12%;
  opacity:.12;
  animation:am-drift-b 30s ease-in-out infinite;
}
.aiacademy-diploma-modern .am-blob-3{
  width:30vw; height:30vw; max-width:440px; max-height:440px;
  background:radial-gradient(circle at 50% 50%, #FBA213, transparent 68%);
  top:50%; inset-inline-start:-12%;
  opacity:.12;
  animation:am-drift-c 34s ease-in-out infinite;
}
.aiacademy-diploma-modern .am-blob-4{
  width:26vw; height:26vw; max-width:380px; max-height:380px;
  background:radial-gradient(circle at 50% 50%, #FF4D9D, transparent 68%);
  bottom:-6%; inset-inline-end:-8%;
  opacity:.10;
  animation:am-drift-a 38s ease-in-out infinite reverse;
}
.aiacademy-diploma-modern .am-aurora-grid{
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(2,66,85,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(2,66,85,.035) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(70% 50% at 50% 18%, #000 0%, transparent 80%);
}

@keyframes am-drift-a{ 0%,100%{ transform:translate(0,0);} 50%{ transform:translate(2%,3%);} }
@keyframes am-drift-b{ 0%,100%{ transform:translate(0,0);} 50%{ transform:translate(-2%,2%);} }
@keyframes am-drift-c{ 0%,100%{ transform:translate(0,0);} 50%{ transform:translate(-2%,-3%);} }

/* ============ 4. LAYOUT HELPERS ============ */
.aiacademy-diploma-modern .am-main{ position:relative; z-index:1; }
.aiacademy-diploma-modern .am-container{
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
  padding-inline:clamp(1.15rem,4vw,3rem);
}
.aiacademy-diploma-modern .am-container-narrow{ max-width:880px; }
.aiacademy-diploma-modern .am-section{ padding-block:clamp(4rem,7vw,6.5rem); }
.aiacademy-diploma-modern section[id]{ scroll-margin-top:90px; }

.aiacademy-diploma-modern .am-section-head{ max-width:660px; margin-inline:auto; text-align:center; margin-bottom:clamp(2.5rem,5vw,3.5rem); }
.aiacademy-diploma-modern .am-section-head p{ margin-top:.85rem; font-size:clamp(1rem,.3vw + .95rem,1.1rem); }

.aiacademy-diploma-modern .am-eyebrow{
  display:inline-flex; align-items:center; gap:.55rem;
  font-weight:700; font-size:.8rem; letter-spacing:.06em;
  color:var(--secondary);
  background:rgba(1,136,159,.10);
  border:1px solid rgba(1,136,159,.22);
  padding:.45rem 1rem; border-radius:var(--radius-pill);
}
.aiacademy-diploma-modern .am-eyebrow::before{
  content:''; width:6px; height:6px; border-radius:50%;
  background:var(--gold); flex-shrink:0;
  box-shadow:0 0 0 3px rgba(251,162,19,.25);
}

.aiacademy-diploma-modern h2{ font-size:clamp(1.7rem,2.2vw + 1rem,2.55rem); }
.aiacademy-diploma-modern h3{ font-size:clamp(1.08rem,.6vw + 1rem,1.3rem); }

.aiacademy-diploma-modern .am-grad-text{
  background:var(--gradient-text);
  background-size:200% auto;
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
  animation:am-shimmer 7s linear infinite;
}
@keyframes am-shimmer{ to{ background-position:200% center; } }

/* ============ 5. GLASS / CARD PRIMITIVE — WHITE ============ */
.aiacademy-diploma-modern .am-glass{
  position:relative;
  background:var(--surface);
  border:1px solid var(--stroke);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
  overflow:hidden;
}
/* subtle top sheen */
.aiacademy-diploma-modern .am-glass::before{
  content:''; position:absolute; inset:0 0 auto 0; height:60%;
  background:linear-gradient(180deg, rgba(255,255,255,.65), transparent);
  pointer-events:none; opacity:.6;
}
.aiacademy-diploma-modern .am-glass-strong{ background:var(--surface); border-color:var(--stroke-strong); }

/* ============ 6. BUTTONS ============ */
.aiacademy-diploma-modern .am-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
  padding:1rem 2.1rem;
  border-radius:var(--radius-pill);
  font-weight:700; font-size:1rem;
  white-space:nowrap;
  transition:transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
.aiacademy-diploma-modern .am-btn svg{ width:18px; height:18px; flex-shrink:0; }

.aiacademy-diploma-modern .am-btn-gold{
  background:var(--gradient-gold);
  color:#3D2600;
  box-shadow:var(--shadow-gold);
}
.aiacademy-diploma-modern .am-btn-gold:hover{ transform:translateY(-3px); box-shadow:0 24px 50px rgba(251,162,19,.45); }

.aiacademy-diploma-modern .am-btn-primary{
  background:var(--gradient-cyan);
  color:#fff;
  box-shadow:0 14px 30px rgba(1,136,159,.38);
}
.aiacademy-diploma-modern .am-btn-primary:hover{ transform:translateY(-3px); box-shadow:0 22px 44px rgba(3,167,188,.5); }

.aiacademy-diploma-modern .am-btn-glass{
  background:#fff;
  border:1.5px solid var(--stroke-strong);
  color:var(--primary);
  box-shadow:var(--shadow-soft);
}
.aiacademy-diploma-modern .am-btn-glass:hover{ border-color:var(--accent); color:var(--accent); transform:translateY(-3px); box-shadow:var(--shadow-card); }

/* ============ 7. CHIPS / ICON BADGES (colorful) ============ */
.aiacademy-diploma-modern .am-chip{
  display:inline-flex; align-items:center; gap:.5rem;
  font-weight:600; font-size:.92rem;
  background:#fff;
  border:1px solid var(--stroke);
  padding:.5rem 1rem;
  border-radius:var(--radius-pill);
  box-shadow:var(--shadow-soft);
}
.aiacademy-diploma-modern .am-chip-eyebrow{ color:var(--secondary); border-color:rgba(1,136,159,.22); background:rgba(1,136,159,.06); }
.aiacademy-diploma-modern .am-chip svg{ width:18px; height:18px; color:var(--gold); }

.aiacademy-diploma-modern .am-icon-badge{
  width:54px; height:54px;
  border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
  background:rgba(3,167,188,.12);
  border:1px solid rgba(3,167,188,.22);
  color:var(--secondary);
}
.aiacademy-diploma-modern .am-icon-badge svg{ width:26px; height:26px; }
.aiacademy-diploma-modern .am-icon-lg{ width:66px; height:66px; border-radius:20px; }

/* Vibrant color cycling for bento icon tiles */
.aiacademy-diploma-modern .am-icon-gold{ background:rgba(251,162,19,.14); border-color:rgba(251,162,19,.3); color:var(--gold); }
.aiacademy-diploma-modern .am-icon-cyan{ background:rgba(124,92,255,.14); border-color:rgba(124,92,255,.3); color:var(--violet); }

/* ============ 8. HERO ============ */
.aiacademy-diploma-modern .am-hero{
  position:relative;
  padding-block:clamp(3rem,7vw,6rem) clamp(2rem,4vw,3rem);
}
.aiacademy-diploma-modern .am-hero-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(2rem,4vw,4rem);
  align-items:center;
}
.aiacademy-diploma-modern .am-hero-title{
  font-size:clamp(2.2rem,4.2vw + .6rem,3.8rem);
  margin-block:.5rem 1.1rem;
  letter-spacing:-.01em;
}
.aiacademy-diploma-modern .am-lead{
  font-size:clamp(1.05rem,.4vw + 1rem,1.2rem);
  color:var(--text-soft);
  max-width:36ch;
}
.aiacademy-diploma-modern .am-hero-badges{
  display:flex; flex-wrap:wrap; gap:.55rem;
  margin-block:1.6rem 1.8rem;
}
.aiacademy-diploma-modern .am-hero-badges li{
  display:inline-flex; align-items:center; gap:.45rem;
  font-size:.9rem; font-weight:600;
  color:var(--text-soft);
  background:#fff;
  border:1px solid var(--stroke);
  padding:.45rem .85rem; border-radius:var(--radius-pill);
  box-shadow:var(--shadow-soft);
}
.aiacademy-diploma-modern .am-hero-badges svg{ width:17px; height:17px; color:var(--accent); }
.aiacademy-diploma-modern .am-hero-ctas{ display:flex; flex-wrap:wrap; gap:.85rem; }

/* hero visual: certificate card + float chips */
.aiacademy-diploma-modern .am-hero-visual{ position:relative; }
.aiacademy-diploma-modern .am-cert-card{
  padding:1.8rem;
  background:linear-gradient(160deg,#FFFFFF 0%,#F2FAFC 100%);
}
.aiacademy-diploma-modern .am-cert-top{ display:flex; align-items:center; gap:.7rem; color:var(--secondary); font-weight:600; font-size:.95rem; }
.aiacademy-diploma-modern .am-logo-mark{ width:42px; height:42px; filter:drop-shadow(0 6px 14px rgba(251,162,19,.35)); }
.aiacademy-diploma-modern .am-cert-card h3{ margin-top:1.1rem; font-size:1.45rem; }
.aiacademy-diploma-modern .am-cert-body-text{ margin-top:.6rem; font-size:.97rem; }
.aiacademy-diploma-modern .am-cert-sign{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  margin-top:1.4rem; padding-top:1.1rem;
  border-top:1px dashed var(--stroke-strong);
}
.aiacademy-diploma-modern .am-cert-sign strong{ display:block; color:var(--primary); }
.aiacademy-diploma-modern .am-cert-sign span{ color:var(--text-muted); font-size:.85rem; }
.aiacademy-diploma-modern .am-cert-sig{ color:var(--accent); }
.aiacademy-diploma-modern .am-cert-seal{
  position:absolute; top:1.4rem; inset-inline-end:1.4rem;
  width:42px; height:42px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--gradient-gold); color:#fff;
  box-shadow:0 8px 18px rgba(251,162,19,.5);
}
.aiacademy-diploma-modern .am-cert-seal svg{ width:22px; height:22px; }

.aiacademy-diploma-modern .am-float-chip{
  position:absolute;
  display:inline-flex; align-items:center; gap:.5rem;
  font-weight:700; font-size:.92rem; color:var(--primary);
  background:#fff;
  border:1px solid var(--stroke);
  padding:.6rem .95rem; border-radius:var(--radius-pill);
  box-shadow:var(--shadow-lift);
}
.aiacademy-diploma-modern .am-float-chip svg{ width:18px; height:18px; color:var(--accent); }
.aiacademy-diploma-modern .am-chip-1{ top:-16px; inset-inline-start:-12px; animation:am-float 6s ease-in-out infinite; }
.aiacademy-diploma-modern .am-chip-2{ bottom:-16px; inset-inline-end:-10px; animation:am-float 7.5s ease-in-out infinite .6s; }
@keyframes am-float{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-12px);} }

/* ============ 9. TRUST STRIP ============ */
.aiacademy-diploma-modern .am-trust{ margin-top:-1.5rem; margin-bottom:clamp(1.5rem,3vw,2.5rem); position:relative; z-index:2; }
.aiacademy-diploma-modern .am-trust-card{
  display:grid; grid-template-columns:repeat(4,1fr);
  padding:1.4rem;
}
.aiacademy-diploma-modern .am-trust-item{ text-align:center; padding:.4rem; position:relative; }
.aiacademy-diploma-modern .am-trust-item:not(:last-child)::after{
  content:''; position:absolute; inset-inline-start:0; top:18%; bottom:18%;
  width:1px; background:var(--stroke);
}
.aiacademy-diploma-modern .am-num{
  font-family:var(--font-display);
  font-size:clamp(1.6rem,1vw + 1.3rem,2.2rem); font-weight:700;
  background:var(--gradient-num);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.aiacademy-diploma-modern .am-label{ color:var(--text-muted); font-size:.9rem; margin-top:.2rem; }

/* ============ 10. BENTO BASE ============ */
.aiacademy-diploma-modern .am-bento{ display:grid; gap:1.15rem; }

/* WHY — 6 tiles, one large (span 2) + one wide (span 2) */
.aiacademy-diploma-modern .am-why-grid{ grid-template-columns:repeat(3,1fr); }
.aiacademy-diploma-modern .am-feature{
  padding:1.7rem;
  display:flex; flex-direction:column; gap:.5rem;
  transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease, border-color .35s ease;
}
.aiacademy-diploma-modern .am-feature:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lift); border-color:var(--stroke-strong); }
.aiacademy-diploma-modern .am-feature h3{ margin-top:1.1rem; }
.aiacademy-diploma-modern .am-feature p{ font-size:.95rem; }
/* featured = span 2 columns (no row span → no empty gap) */
.aiacademy-diploma-modern .am-feature-lg{
  grid-column:span 2;
  background:linear-gradient(150deg,#FFFFFF 0%, #FFF6E5 100%);
  border-color:rgba(251,162,19,.3);
  flex-direction:row; align-items:center; gap:1.5rem;
}
.aiacademy-diploma-modern .am-feature-lg h3{ font-size:1.35rem; margin-top:0; }
.aiacademy-diploma-modern .am-feature-lg .am-icon-badge{ width:72px; height:72px; }
.aiacademy-diploma-modern .am-feature-wide{ grid-column:span 2; }

/* per-tile accent color for WHY icons (vibrant variety) */
.aiacademy-diploma-modern .am-why-grid .am-feature:nth-child(2) .am-icon-badge{ background:rgba(124,92,255,.14); border-color:rgba(124,92,255,.3); color:var(--violet); }
.aiacademy-diploma-modern .am-why-grid .am-feature:nth-child(3) .am-icon-badge{ background:rgba(46,149,132,.14); border-color:rgba(46,149,132,.3); color:var(--mint); }
.aiacademy-diploma-modern .am-why-grid .am-feature:nth-child(4) .am-icon-badge{ background:rgba(251,162,19,.14); border-color:rgba(251,162,19,.3); color:var(--gold); }
.aiacademy-diploma-modern .am-why-grid .am-feature:nth-child(5) .am-icon-badge{ background:rgba(255,77,157,.14); border-color:rgba(255,77,157,.3); color:var(--magenta); }
.aiacademy-diploma-modern .am-why-grid .am-feature:nth-child(6) .am-icon-badge{ background:rgba(59,130,246,.14); border-color:rgba(59,130,246,.3); color:var(--sky); }

/* DIPLOMAS — 9 tiles, first featured (span 2) */
.aiacademy-diploma-modern .am-diploma-grid{ grid-template-columns:repeat(4,1fr); }
.aiacademy-diploma-modern .am-diploma{
  padding:1.5rem;
  display:flex; flex-direction:column; gap:.6rem;
  transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease, border-color .35s ease;
}
.aiacademy-diploma-modern .am-diploma:hover{
  transform:translateY(-8px);
  box-shadow:var(--shadow-lift);
  border-color:rgba(3,167,188,.4);
}
.aiacademy-diploma-modern .am-diploma h3{ font-size:1.16rem; }
.aiacademy-diploma-modern .am-diploma p{ font-size:.93rem; flex-grow:1; }
.aiacademy-diploma-modern .am-diploma-featured{
  grid-column:span 2;
  background:linear-gradient(140deg,#FFFFFF 0%, #E7F7FB 100%);
  border-color:rgba(3,167,188,.3);
}
.aiacademy-diploma-modern .am-diploma-featured h3{ font-size:1.7rem; }
.aiacademy-diploma-modern .am-diploma-featured p{ font-size:1rem; max-width:42ch; }

.aiacademy-diploma-modern .am-tag{
  align-self:flex-start;
  font-size:.74rem; font-weight:700; letter-spacing:.04em;
  color:var(--secondary);
  background:rgba(1,136,159,.10);
  border:1px solid rgba(1,136,159,.22);
  padding:.28rem .7rem; border-radius:var(--radius-pill);
}
.aiacademy-diploma-modern .am-diploma-featured .am-tag{
  color:#3D2600; background:var(--gradient-gold); border:0;
}

/* colorful per-card icon accents */
.aiacademy-diploma-modern .am-diploma-grid .am-diploma:nth-child(2) .am-icon-badge{ background:rgba(46,149,132,.14); border-color:rgba(46,149,132,.3); color:var(--mint); }
.aiacademy-diploma-modern .am-diploma-grid .am-diploma:nth-child(3) .am-icon-badge{ background:rgba(124,92,255,.14); border-color:rgba(124,92,255,.3); color:var(--violet); }
.aiacademy-diploma-modern .am-diploma-grid .am-diploma:nth-child(4) .am-icon-badge{ background:rgba(251,162,19,.14); border-color:rgba(251,162,19,.3); color:var(--gold); }
.aiacademy-diploma-modern .am-diploma-grid .am-diploma:nth-child(5) .am-icon-badge{ background:rgba(255,77,157,.14); border-color:rgba(255,77,157,.3); color:var(--magenta); }
.aiacademy-diploma-modern .am-diploma-grid .am-diploma:nth-child(7) .am-icon-badge{ background:rgba(59,130,246,.14); border-color:rgba(59,130,246,.3); color:var(--sky); }
.aiacademy-diploma-modern .am-diploma-grid .am-diploma:nth-child(8) .am-icon-badge{ background:rgba(124,92,255,.14); border-color:rgba(124,92,255,.3); color:var(--violet); }

.aiacademy-diploma-modern .am-link{
  display:inline-flex; align-items:center; gap:.35rem;
  font-weight:700; color:var(--accent);
  margin-top:.3rem;
  transition:gap .25s ease, color .25s ease;
}
.aiacademy-diploma-modern .am-link svg{ width:18px; height:18px; }
.aiacademy-diploma-modern .am-link:hover{ color:var(--primary); }
.aiacademy-diploma-modern .am-link:hover svg{ transform:translateX(-4px); } /* RTL arrow */

.aiacademy-diploma-modern .am-diploma-cta{
  margin-top:1.6rem;
  display:flex; align-items:center; justify-content:space-between; gap:1.2rem; flex-wrap:wrap;
  padding:1.8rem;
  background:linear-gradient(135deg,#FFF6E5 0%, #FFFFFF 100%);
  border-color:rgba(251,162,19,.3);
}
.aiacademy-diploma-modern .am-diploma-cta h3{ font-size:1.35rem; }
.aiacademy-diploma-modern .am-diploma-cta p{ margin-top:.2rem; }

/* Section-level CTA rows — must always keep breathing room below the card
   grid above them. The .am-why-cta rule previously went missing, which made
   the "احجز مقعدك الآن" button touch the last feature card. */
.aiacademy-diploma-modern .am-why-cta{
  text-align:center;
  margin-top:clamp(2rem,4vw,2.8rem);
}

/* ============ 10b. DEGREE SHORTCUT BUTTONS ============ */
/* Wide secondary diploma tile — fills the 4-col bento row together with the
   featured tile so the grid never shows an empty cell. */
.aiacademy-diploma-modern .am-diploma-wide{
  grid-column:span 2;
  background:linear-gradient(140deg,#FFFFFF 0%, #F3F0FF 100%);
  border-color:rgba(124,92,255,.28);
}

.aiacademy-diploma-modern .am-degrees{ margin-top:1.7rem; }
.aiacademy-diploma-modern .am-degrees-title{
  text-align:center; margin-bottom:1.1rem;
  font-family:var(--font-display); font-weight:600;
  color:var(--text-soft); font-size:1.05rem;
}
.aiacademy-diploma-modern .am-degree-btns{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1rem;
}
.aiacademy-diploma-modern .am-degree-btn{
  display:flex; align-items:center; justify-content:center; gap:.55rem;
  padding:1.15rem 1rem;
  border-radius:var(--radius-md);
  border:1.5px solid;
  font-family:var(--font-display); font-weight:700; font-size:1.02rem;
  transition:transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease, color .3s ease, background .3s ease, border-color .3s ease;
}
.aiacademy-diploma-modern .am-degree-btn svg{ width:22px; height:22px; flex-shrink:0; }

.aiacademy-diploma-modern .am-degree-gold{ background:rgba(251,162,19,.10); border-color:rgba(251,162,19,.4); color:#A86A00; }
.aiacademy-diploma-modern .am-degree-cyan{ background:rgba(1,136,159,.08); border-color:rgba(1,136,159,.35); color:var(--secondary); }
.aiacademy-diploma-modern .am-degree-violet{ background:rgba(124,92,255,.08); border-color:rgba(124,92,255,.35); color:var(--violet); }
.aiacademy-diploma-modern .am-degree-mint{ background:rgba(46,149,132,.08); border-color:rgba(46,149,132,.35); color:var(--mint); }

.aiacademy-diploma-modern .am-degree-gold:hover{ background:var(--gradient-gold); border-color:transparent; color:#fff; transform:translateY(-3px); box-shadow:var(--shadow-gold); }
.aiacademy-diploma-modern .am-degree-cyan:hover{ background:var(--gradient-cyan); border-color:transparent; color:#fff; transform:translateY(-3px); box-shadow:0 16px 34px rgba(1,136,159,.4); }
.aiacademy-diploma-modern .am-degree-violet:hover{ background:var(--gradient-violet); border-color:transparent; color:#fff; transform:translateY(-3px); box-shadow:0 16px 34px rgba(124,92,255,.4); }
.aiacademy-diploma-modern .am-degree-mint:hover{ background:linear-gradient(135deg,#2E9584,#3DBBA5); border-color:transparent; color:#fff; transform:translateY(-3px); box-shadow:0 16px 34px rgba(46,149,132,.4); }

/* ============ 11. TESTIMONIALS ============ */
.aiacademy-diploma-modern .am-test-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1.15rem; }
.aiacademy-diploma-modern .am-test-card{
  padding:1.7rem;
  transition:transform .35s ease, box-shadow .35s ease;
}
.aiacademy-diploma-modern .am-test-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-lift); }
.aiacademy-diploma-modern .am-stars{ display:flex; gap:.18rem; color:var(--gold); margin-bottom:.9rem; }
.aiacademy-diploma-modern .am-stars svg{ width:20px; height:20px; }
.aiacademy-diploma-modern .am-test-quote{ font-size:1.04rem; color:var(--text); line-height:1.7; }
.aiacademy-diploma-modern .am-test-person{ display:flex; align-items:center; gap:.85rem; margin-top:1.2rem; }
.aiacademy-diploma-modern .am-avatar{
  width:46px; height:46px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:.95rem; color:#3D2600;
  background:var(--gradient-gold);
  box-shadow:0 8px 16px rgba(251,162,19,.35);
}
.aiacademy-diploma-modern .am-test-person strong{ display:block; color:var(--primary); font-size:.98rem; }
.aiacademy-diploma-modern .am-role{ color:var(--text-muted); font-size:.85rem; }

/* ============ 12. STEPS TIMELINE ============ */
.aiacademy-diploma-modern .am-steps-track{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1.1rem;
  position:relative;
}
.aiacademy-diploma-modern .am-step{ padding:1.6rem; text-align:center; }
.aiacademy-diploma-modern .am-step-num{
  width:54px; height:54px; margin:0 auto 1rem;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:700; font-size:1.3rem;
  color:#fff;
  background:var(--gradient-cyan);
  border:3px solid #fff;
  box-shadow:0 0 0 2px rgba(3,167,188,.25), 0 10px 22px rgba(1,136,159,.35);
}
.aiacademy-diploma-modern .am-step:nth-child(even) .am-step-num{ background:var(--gradient-violet); box-shadow:0 0 0 2px rgba(124,92,255,.25), 0 10px 22px rgba(124,92,255,.35); }
.aiacademy-diploma-modern .am-step h3{ font-size:1.1rem; margin-bottom:.35rem; }
.aiacademy-diploma-modern .am-step p{ font-size:.92rem; }
.aiacademy-diploma-modern .am-steps-cta{ text-align:center; margin-top:2.4rem; }

/* ============ 13. FAQ — LIGHT & COLORFUL ============ */
.aiacademy-diploma-modern .am-faq-list{ display:flex; flex-direction:column; gap:.7rem; }
.aiacademy-diploma-modern .am-faq-item{
  transition:border-color .3s ease, box-shadow .3s ease;
}
.aiacademy-diploma-modern .am-faq-item[data-open="true"]{
  border-color:rgba(3,167,188,.4);
  box-shadow:var(--shadow-lift);
}
.aiacademy-diploma-modern .am-faq-question{
  width:100%;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1.3rem 1.5rem;
  margin:0;
  font-family:var(--font-display); font-weight:600; font-size:1.08rem;
  color:var(--primary) !important;
  text-align:start;
  text-decoration:none;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0;
  box-shadow:none !important;
  outline:0;
  appearance:none;
  -webkit-appearance:none;
  -webkit-tap-highlight-color:transparent;
  cursor:pointer;
}
.aiacademy-diploma-modern .am-faq-question:hover,
.aiacademy-diploma-modern .am-faq-question:focus,
.aiacademy-diploma-modern .am-faq-question:active,
.aiacademy-diploma-modern .am-faq-question:focus-visible{
  background:transparent !important;
  background-image:none !important;
  color:var(--primary) !important;
  border:0 !important;
  box-shadow:none !important;
  outline:none;
}
.aiacademy-diploma-modern .am-faq-question span{
  color:inherit;
}
.aiacademy-diploma-modern .am-faq-icon{
  flex-shrink:0; width:34px; height:34px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(1,136,159,.12);
  border:1px solid rgba(1,136,159,.25);
  transition:transform .35s cubic-bezier(.22,1,.36,1), background .3s ease;
}
.aiacademy-diploma-modern .am-faq-icon svg{ width:16px; height:16px; color:var(--secondary); transition:color .3s ease; }
.aiacademy-diploma-modern .am-faq-item[data-open="true"] .am-faq-icon{
  transform:rotate(135deg);
  background:var(--gradient-gold);
  border-color:transparent;
}
.aiacademy-diploma-modern .am-faq-item[data-open="true"] .am-faq-icon svg{ color:#fff; }
.aiacademy-diploma-modern .am-faq-answer{
  display:grid; grid-template-rows:0fr;
  transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1);
}
.aiacademy-diploma-modern .am-faq-item[data-open="true"] .am-faq-answer{ grid-template-rows:1fr; }
.aiacademy-diploma-modern .am-faq-answer-inner{ overflow:hidden; }
.aiacademy-diploma-modern .am-faq-answer-inner p{
  padding:0 1.5rem 1.4rem;
  color:var(--text-soft);
}

/* ============ 14. FINAL CTA ============ */
.aiacademy-diploma-modern .am-final-cta{ padding-block:clamp(2.5rem,5vw,4rem); }
.aiacademy-diploma-modern .am-final-card{
  max-width:880px; margin-inline:auto;
  text-align:center; padding:clamp(2.2rem,4vw,3.4rem);
  background:linear-gradient(150deg,#024255 0%,#01889F 60%,#7C5CFF 130%);
  border:0;
  color:#fff;
}
.aiacademy-diploma-modern .am-final-card::before{ display:none; }
.aiacademy-diploma-modern .am-final-card h2,
.aiacademy-diploma-modern .am-final-card h3{ color:#fff; }
.aiacademy-diploma-modern .am-final-card > p{ color:rgba(255,255,255,.85); }
.aiacademy-diploma-modern .am-final-badge{
  display:inline-flex; align-items:center; gap:.5rem;
  font-weight:700; font-size:.85rem; color:#fff;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.3);
  padding:.45rem 1rem; border-radius:var(--radius-pill);
  backdrop-filter:blur(6px);
}
.aiacademy-diploma-modern .am-final-badge svg{ width:17px; height:17px; color:var(--gold-light); }
.aiacademy-diploma-modern .am-final-card h2{ margin:.9rem 0 .5rem; font-size:clamp(1.8rem,3vw,2.6rem); }
.aiacademy-diploma-modern .am-final-cta-ctas{ display:flex; flex-wrap:wrap; gap:.85rem; justify-content:center; margin-top:1.8rem; }
.aiacademy-diploma-modern .am-final-card .am-btn-glass{ background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.4); color:#fff; }
.aiacademy-diploma-modern .am-final-card .am-btn-glass:hover{ background:rgba(255,255,255,.24); color:#fff; }

/* ============ 15. REVEAL ON SCROLL ============ */
.aiacademy-diploma-modern.js-reveal-enabled .am-reveal{ opacity:0; transform:translateY(26px); transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); }
.aiacademy-diploma-modern.js-reveal-enabled .am-reveal.in-view{ opacity:1; transform:translateY(0); }
.aiacademy-diploma-modern .am-stagger > *:nth-child(1){ transition-delay:.04s; }
.aiacademy-diploma-modern .am-stagger > *:nth-child(2){ transition-delay:.09s; }
.aiacademy-diploma-modern .am-stagger > *:nth-child(3){ transition-delay:.14s; }
.aiacademy-diploma-modern .am-stagger > *:nth-child(4){ transition-delay:.19s; }
.aiacademy-diploma-modern .am-stagger > *:nth-child(5){ transition-delay:.24s; }
.aiacademy-diploma-modern .am-stagger > *:nth-child(6){ transition-delay:.29s; }
.aiacademy-diploma-modern .am-stagger > *:nth-child(7){ transition-delay:.34s; }
.aiacademy-diploma-modern .am-stagger > *:nth-child(8){ transition-delay:.39s; }
.aiacademy-diploma-modern .am-stagger > *:nth-child(9){ transition-delay:.44s; }

/* ============ 16. PARALLAX ============ */
.aiacademy-diploma-modern .am-parallax{ transition:transform .2s ease-out; will-change:transform; }

/* ============ 17. RESPONSIVE — tablet ============ */
@media (max-width:980px){
  .aiacademy-diploma-modern .am-hero-grid{ grid-template-columns:1fr; }
  .aiacademy-diploma-modern .am-hero-visual{ order:-1; max-width:460px; margin-inline:auto; }
  .aiacademy-diploma-modern .am-why-grid{ grid-template-columns:repeat(2,1fr); }
  .aiacademy-diploma-modern .am-feature-lg{ grid-column:span 2; flex-direction:row; }
  .aiacademy-diploma-modern .am-feature-wide{ grid-column:span 2; }
  .aiacademy-diploma-modern .am-diploma-grid{ grid-template-columns:repeat(3,1fr); }
  .aiacademy-diploma-modern .am-diploma-featured{ grid-column:span 3; }
  .aiacademy-diploma-modern .am-diploma-wide{ grid-column:span 3; }
  .aiacademy-diploma-modern .am-degree-btns{ grid-template-columns:repeat(2,1fr); }
  .aiacademy-diploma-modern .am-test-grid{ grid-template-columns:1fr; }
  .aiacademy-diploma-modern .am-steps-track{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width:720px){
  .aiacademy-diploma-modern .am-trust-card{ grid-template-columns:repeat(2,1fr); gap:.6rem; }
  .aiacademy-diploma-modern .am-trust-item:nth-child(2)::after{ display:none; }
  .aiacademy-diploma-modern .am-why-grid,
  .aiacademy-diploma-modern .am-diploma-grid{ grid-template-columns:1fr; }
  .aiacademy-diploma-modern .am-feature-lg{ grid-column:auto; flex-direction:column; }
  .aiacademy-diploma-modern .am-feature-wide,
  .aiacademy-diploma-modern .am-diploma-featured,
  .aiacademy-diploma-modern .am-diploma-wide{ grid-column:auto; }
  .aiacademy-diploma-modern .am-degree-btns{ grid-template-columns:1fr; }
  .aiacademy-diploma-modern .am-steps-track{ grid-template-columns:1fr; }
  .aiacademy-diploma-modern .am-btn{ width:100%; }
  .aiacademy-diploma-modern .am-hero-ctas,
  .aiacademy-diploma-modern .am-final-cta-ctas{ flex-direction:column; }
  .aiacademy-diploma-modern .am-diploma-cta{ flex-direction:column; align-items:flex-start; }
  .aiacademy-diploma-modern .am-float-chip{ display:none; }
}

/* ============ 18. MOBILE SAFETY (lesson from V6.1) ============ */
@media (max-width:640px){
  .aiacademy-diploma-modern .am-reveal{ opacity:1 !important; transform:none !important; }
}

/* ============ 19. REDUCED MOTION ============ */
@media (prefers-reduced-motion:reduce){
  .aiacademy-diploma-modern .am-aurora-blob,
  .aiacademy-diploma-modern .am-float-chip,
  .aiacademy-diploma-modern .am-grad-text{ animation:none !important; }
  .aiacademy-diploma-modern .am-reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
  .aiacademy-diploma-modern *{ scroll-behavior:auto !important; }
}


/* WordPress/Astra/Elementor button-theme isolation for FAQ */
.aiacademy-diploma-modern .am-faq-item{
  background:#FFFFFF !important;
  background-image:none !important;
  color:var(--primary);
}
.aiacademy-diploma-modern .am-faq-item::before,
.aiacademy-diploma-modern .am-faq-item::after{
  pointer-events:none;
}
.aiacademy-diploma-modern .am-faq-answer,
.aiacademy-diploma-modern .am-faq-answer-inner{
  background:transparent !important;
}
.aiacademy-diploma-modern .am-faq-answer-inner p{
  color:var(--text-soft) !important;
}

/* The orange/gold accent belongs ONLY to the small open-state icon,
   not to the FAQ row itself. */
.aiacademy-diploma-modern .am-faq-item[data-open="true"] .am-faq-icon{
  background:var(--gradient-gold) !important;
}