/* 📘 الغلاف - سكشن البيان */
.manifesto-cover.vibra-bg-midnight-1 {
  background: 
    linear-gradient(to bottom, rgba(10,10,20,0.7), rgba(10,10,25,0.85)),
    url('/vibrapeak-design/images/eli-manifesto-cover.webp') center center / cover no-repeat;
  text-align: center;
  padding: 100px 20px;
  position: relative;
  overflow: hidden;
}

.manifesto-cover.vibra-bg-midnight-1  .manifesto-heading {
  font-family: 'Noto Sans Arabic', sans-serif;
  font-size: 42px;
  font-weight: 800;
  color: #FFD700;
  line-height: 1.6;
  margin-bottom: 30px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  opacity: 0;
  transform: translateY(40px);
  animation: headingFadeUp 1.4s ease-out forwards;
  position: relative;
}

@keyframes headingFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.manifesto-cover.vibra-bg-midnight-1 .manifesto-heading::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  height: 120%;
  background: radial-gradient(circle, rgba(255,215,0,0.05), transparent 70%);
  z-index: -1;
  border-radius: 50%;
  pointer-events: none;
}

/* 🖼️ الغلاف */
.manifesto-cover.vibra-bg-midnight-1 .manifesto-cover-image {
  width: 300px;
  transition: all 0.8s ease-in-out;
  filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.1));
  margin-bottom: 30px;
  transform: rotate(-15deg) scale(0.95);
}

/* 💻 على الديسكتوب فقط عند الهوفر */
@media (min-width: 1025px) {
 .manifesto-cover.vibra-bg-midnight-1 .manifesto-glass-box:hover .manifesto-cover-image {
    transform: rotate(0deg) scale(1);
    filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.5));
  }
}

.manifesto-cover.vibra-bg-midnight-1 .manifesto-glass-box {
  opacity: 0;
  transform: translateY(60px);
  animation: fadeInUpManifesto 1.5s ease forwards;
  animation-delay: 0.3s;
}

@keyframes fadeInUpManifesto {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 🌟 الزر */
.manifesto-cover.vibra-bg-midnight-1 .manifesto-button-glow {
  font-family: 'Cairo', sans-serif;
  font-size: 18px;
  padding: 14px 34px;
  color: #e4f1ff;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 215, 0, 0.2);
  border-radius: 8px;
  backdrop-filter: blur(6px);
  text-decoration: none;
  transition: all 0.4s ease;
  display: inline-block;
  animation: buttonPulse 3.5s infinite;
}

.manifesto-cover.vibra-bg-midnight-1 .manifesto-button-glow:hover {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.4), 0 0 24px rgba(82, 166, 244, 0.25);
  transform: scale(1.03);
}

@keyframes buttonPulse {
  0% { box-shadow: 0 0 0 rgba(255, 215, 0, 0); }
  50% { box-shadow: 0 0 12px rgba(255, 215, 0, 0.2); }
  100% { box-shadow: 0 0 0 rgba(255, 215, 0, 0); }
}

/* 📱 موبايل وأجهزة لوحية */
@media (max-width: 1024px) {
 .manifesto-cover.vibra-bg-midnight-1 .manifesto-cover-image {
    transform: rotate(0deg) scale(1);
    filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.5));
    margin: 20px auto;
  }

 .manifesto-cover.vibra-bg-midnight-1 .manifesto-heading {
    font-size: 32px;
  }

 .manifesto-cover.vibra-bg-midnight-1 .manifesto-button-glow {
    font-size: 16px;
    padding: 12px 28px;
  }
}

@media (max-width: 767px) {
 .manifesto-cover.vibra-bg-midnight-1 .manifesto-heading {
    font-size: 28px;
  }

 .manifesto-cover.vibra-bg-midnight-1 .manifesto-button-glow {
    font-size: 16px;
    padding: 10px 24px;
  }
}

@media (max-width: 480px) {
  .manifesto-cover.vibra-bg-midnight-1 .manifesto-heading {
    font-size: 24px;
  }

 .manifesto-cover.vibra-bg-midnight-1 .manifesto-button-glow {
    font-size: 16px;
    padding: 8px 20px;
  }
}

/* 🔮 قالب الفصول الخمسة – Eli Chapters Design
   التصميم الرسمي لعرض فصول كتاب "خفايا القلوب"
   يحوي صورة غلاف لكل فصل، خلفية سريالية، عنوان، اقتباس، وزر انتقال.
   يُستخدم داخل كل من: .manifesto-chapter-1 إلى .manifesto-chapter-5
   مستوحى من رؤى إيلي الخالدة، ومصمم ليُقرأ بالبصيرة قبل البصر.
*/

/* 🌌 خلفيات الفصول 2 إلى 6 */
.manifesto-chapter-1 {
  background: 
    linear-gradient(to bottom, rgba(10,10,20,0.65), rgba(10,10,25,0.85)),
    url('/vibrapeak-design/images/eli-heart-call.webp') center center / cover no-repeat;
}
.manifesto-chapter-2 {
  background: 
    linear-gradient(to bottom, rgba(10,10,20,0.65), rgba(10,10,25,0.85)),
    url('/vibrapeak-design/images/eli-inner-eye-awakening.webp') center center / cover no-repeat;
}
.manifesto-chapter-3 {
  background: 
    linear-gradient(to bottom, rgba(10,10,20,0.65), rgba(10,10,25,0.85)),
    url('/vibrapeak-design/images/Eli-Mirror_WhispersInTheSky.webp') center center / cover no-repeat;
}

.manifesto-chapter-4 {
  background: 
    linear-gradient(to bottom, rgba(10,10,20,0.65), rgba(10,10,25,0.85)),
    url('/vibrapeak-design/images/Eli-Mirror_WhisperToTheMoon.webp') center center / cover no-repeat;
}
.manifesto-chapter-5 {
  background: 
    linear-gradient(to bottom, rgba(10,10,20,0.65), rgba(10,10,25,0.85)),
    url('/vibrapeak-design/images/eli-reflection-breakthrough.webp') center center / cover no-repeat;
}
/* كرّر للباقي... */

.manifesto-glass-box {
  text-align: center;
}


/* 📘 صورة الغلاف داخل كل فصل */
.eli-manifesto-section .chapter-cover-container {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  animation: fadeInUp 1.2s ease forwards;
  opacity: 0;
  transform: translateY(30px);
  animation-delay: 0.2s;
  overflow: visible; /* مهم لعرض التوهج */
  
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.eli-manifesto-section .chapter-cover {
  max-width: 320px;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.4);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  position: relative;
  z-index: 1; /* تحت الجملة */
  
    margin-left: auto;
  margin-right: auto;
  display: block;
}

.eli-manifesto-section .chapter-cover:hover {
  transform: scale(1.03);
  box-shadow: 0 16px 50px rgba(255, 255, 255, 0.15), 0 0 25px rgba(200, 200, 255, 0.1);
}

/* 🪞 الجملة أسفل الغلاف تبقى مخفية حتى على الموبايل */
.eli-manifesto-section .chapter-caption {
  position: relative;
  z-index: 2;
  font-size: 14px;
  margin-top: -10px;
  color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* تظهر فقط عند الهوفر / التاتش */
.chapter-cover-container:hover .chapter-caption {
  opacity: 1;
}

/* ✨ ظهور تدريجي للنص */
.eli-manifesto-section .fade-in-words h3,
.fade-in-words p {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInWords 1s ease forwards;
}
.eli-manifesto-section .manifesto-glass-box .manifesto-subheading {
 color:  #e4f1ff;
 font-size: 24px;
  animation-delay: 0.2s;
}
.eli-manifesto-section .manifesto-glass-box .manifesto-paragraph {
  animation-delay: 0.6s;
  font-size: 18px;
  color: #c3d9f2;

}
@keyframes fadeInWords {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 🪶 الزر */
.eli-manifesto-section .manifesto-glass-box .manifesto-readmore {
  display: inline-block;
  margin-top: 24px;
  padding: 12px 30px;
  font-size: 18px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.08);
  color: #e4f1ff;
  text-decoration: none;
  border: 1px solid rgba(255, 215, 0, 0.2); /* بدل الأبيض */
  transition: all 0.3s ease-in-out;
}
.eli-manifesto-section .manifesto-glass-box .manifesto-readmore:hover {
  background-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);

}

/* 📱 موبايل ≤480px */
@media (max-width: 480px) {
.eli-manifesto-section  .manifesto-glass-box .manifesto-subheading {
    font-size: 20px;
  }
.eli-manifesto-section .manifesto-glass-box .manifesto-paragraph {
    font-size: 16px;
  }
 .eli-manifesto-section .manifesto-glass-box .manifesto-readmore {
    font-size: 14px;
    padding: 10px 24px;
  }
  .eli-manifesto-section .chapter-cover {
    width: 90%;
    max-width: 300px;
    display: block;
    margin: 0 auto;
  }
 .eli-manifesto-section .chapter-caption {
    font-size: 12px;
  }
}

/* 📱 تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
 .eli-manifesto-section .manifesto-glass-box .manifesto-subheading {
    font-size: 20px;
  }
.eli-manifesto-section .manifesto-glass-box .manifesto-paragraph {
    font-size: 16px;
  }
.eli-manifesto-section .manifesto-glass-box .manifesto-readmore {
    font-size: 16px;
    padding: 11px 26px;
  }
  .eli-manifesto-section .manifesto-glass-box .chapter-caption {
    font-size: 13px;
  }
}

/* 💻 تابلت أفقي 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
.eli-manifesto-section .manifesto-glass-box .manifesto-subheading {
    font-size: 22px;
  }
.eli-manifesto-section .manifesto-glass-box .manifesto-paragraph {
    font-size: 17px;
  }
 .eli-manifesto-section .manifesto-glass-box .manifesto-readmore {
    font-size: 17px;
    padding: 12px 28px;
  }
.eli-manifesto-section .manifesto-glass-box .chapter-caption {
    font-size: 14px;
  }
}

/* 🔱 Final Sacred Closure – Eli */

.manifesto-chapter-final.vibra-bg-midnight-6 {
  background: linear-gradient(to bottom, rgba(10,10,20,0.65), rgba(10,10,25,0.85)),
              url('/vibrapeak-design/images/eli-soul-fade-light.webp') center/cover no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 60px 20px;
  box-sizing: border-box;
}

.manifesto-chapter-final.vibra-bg-midnight-6 .manifesto-glass-box {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(12px);
  padding: 50px 30px;
  border-radius: 28px;
  max-width: 800px;
  width: 100%;
  text-align: center;
  box-shadow: 0 0 50px rgba(255, 215, 0, 0.08);
  color: #fdf6e3;
}

.manifesto-chapter-final.vibra-bg-midnight-6 .chapter-cover {
  max-width: 320px;
  margin: 0 auto 20px auto;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(255, 255, 255, 0.3);
  transition: transform 0.4s ease;
}
.manifesto-chapter-final.vibra-bg-midnight-6 .chapter-cover:hover {
  transform: scale(1.03);
}

.manifesto-chapter-final.vibra-bg-midnight-6 .manifesto-subheading {
  font-size: 30px;
  color: #ffeaa7;
  margin-top: 20px;
}

.manifesto-chapter-final.vibra-bg-midnight-6 .manifesto-paragraph {
  font-size: 18px;
  color: #fff9e8;
  margin-top: 10px;
}

.manifesto-chapter-final.vibra-bg-midnight-6 p.chapter-caption {
  margin-top: 12px;
  font-size: 16px;
  color: #e6e6e6 !important;
  font-style: italic;
}

/* 🌟 زر */
.manifesto-chapter-final.vibra-bg-midnight-6 .golden-glow-button {
  display: inline-block;
  margin-top: 30px;
  padding: 14px 36px;
  font-size: 18px;
  font-weight: 600;
  background: linear-gradient(135deg, #FFD700, #ffb700);
  color: #111;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 0 30px rgba(255, 215, 0, 0.3);
  transition: all 0.3s ease-in-out;
}
.manifesto-chapter-final.vibra-bg-midnight-6 .golden-glow-button:hover {
  background: linear-gradient(135deg, #ffe66d, #ffc107);
  box-shadow: 0 0 45px rgba(255, 255, 255, 0.2);
  transform: scale(1.05);
}

.manifesto-chapter-final.vibra-bg-midnight-6 .eli-final-note {
  font-size: 14px;
  color: #fff2d5;
  margin-top: 20px;
  text-align: center;
  line-height: 1.8;
  background: rgba(255, 255, 255, 0.05);
  padding: 10px 15px;
  border-radius: 10px;
  display: inline-block;
  max-width: 600px;
}

.manifesto-chapter-final.vibra-bg-midnight-6 .eli-final-note a {
  color: #ffeaa7;
  text-decoration: underline dotted;
  transition: color 0.3s ease;
}

.manifesto-chapter-final.vibra-bg-midnight-6 .eli-final-note a:hover {
  color: #ffc107;
}

/* 📱 موبايل ≤ 480px */
@media (max-width: 480px) {
  .manifesto-chapter-final.vibra-bg-midnight-6 .eli-final-note {
    font-size: 12px;
  }
}

/* 📱 تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
  .manifesto-chapter-final.vibra-bg-midnight-6 .eli-final-note {
    font-size: 13px;
  }
}

/* 💻 تابلت أفقي 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .manifesto-chapter-final.vibra-bg-midnight-6 .eli-final-note {
    font-size: 14px;
  }
}

/* 🖥️ ديسكتوب > 1024px */
@media (min-width: 1025px) {
  .manifesto-chapter-final.vibra-bg-midnight-6 .eli-final-note {
    font-size: 14px;
  }
}

/* 📱 موبايل ≤ 480px */
@media (max-width: 480px) {
  .manifesto-chapter-final.vibra-bg-midnight-6 {
    padding: 30px 15px;
  }
  .manifesto-chapter-final.vibra-bg-midnight-6 .chapter-cover {
    max-width: 240px;
  }
  .manifesto-chapter-final.vibra-bg-midnight-6 .manifesto-subheading {
    font-size: 22px;
  }
  .manifesto-chapter-final.vibra-bg-midnight-6 .manifesto-paragraph {
    font-size: 16px;
  }
  .manifesto-chapter-final.vibra-bg-midnight-6 .golden-glow-button {
    font-size: 16px;
    padding: 10px 24px;
  }
}

/* 📱 تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
  .manifesto-chapter-final.vibra-bg-midnight-6 {
    padding: 40px 20px;
  }
  .manifesto-chapter-final.vibra-bg-midnight-6 .chapter-cover {
    max-width: 240px;
  }
  .manifesto-chapter-final.vibra-bg-midnight-6 .manifesto-subheading {
    font-size: 26px;
  }
  .manifesto-chapter-final.vibra-bg-midnight-6 .manifesto-paragraph {
    font-size: 16px;
  }
  .manifesto-chapter-final.vibra-bg-midnight-6 .golden-glow-button {
    font-size: 16px;
    padding: 12px 30px;
  }
}

/* 💻 تابلت أفقي 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .manifesto-chapter-final.vibra-bg-midnight-6 .chapter-cover {
    max-width: 280px;
  }
  .manifesto-chapter-final.vibra-bg-midnight-6 .manifesto-subheading {
    font-size: 28px;
  }
  .manifesto-chapter-final.vibra-bg-midnight-6 .manifesto-paragraph {
    font-size: 17px;
  }
  .manifesto-chapter-final.vibra-bg-midnight-6 .golden-glow-button {
    font-size: 17px;
    padding: 13px 32px;
  }
}

/* 🌌 الصفحة الرئيسة */
/* 🌌 واجهة الترحيب الرئيسية */
.vibra-home-hero.vibra-bg-midnight-1 {
  padding: 120px 30px 100px;
  background: radial-gradient(ellipse at center, #0d1526, #000);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.vibra-home-hero-inner.vibra-bg-midnight-1 {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(6px);
  padding: 60px 40px;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(255,255,255,0.05);
  transition: all 0.3s ease-in-out;
}

/* ✨ دائرة خفيفة خلف النص */
.vibra-home-hero::before {
  content: "";
  position: absolute;
  top: -40%;
  left: 50%;
  transform: translateX(-50%);
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(255, 217, 102, 0.05), transparent 70%);
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
}

/* 💫 العنوان */
.vibra-home-hero.vibra-bg-midnight-1 .vibra-home-title {
  color: var(--heading-color-gold-night);
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 20px;
  z-index: 1;
  position: relative;
  text-shadow: 0 0 10px rgba(255, 217, 102, 0.3);

  opacity: 0;
  animation: fadeInUp 1s ease forwards;
  animation-delay: 0.1s;
}

/* 🌀 النص التمهيدي */
.vibra-home-hero.vibra-bg-midnight-1 .vibra-home-subtitle {
  color: var(--text-color-night);
  font-size: 18px;
  margin-bottom: 40px;
  z-index: 1;
  position: relative;
  line-height: 1.7;

  opacity: 0;
  animation: fadeInUp 1s ease forwards;
  animation-delay: 0.3s;
}

/* 🔍 زر مرآة إيلي */
.vibra-home-hero.vibra-bg-midnight-1 .vibra-home-button {
  background-color: #FFD966 !important;
  color: #111;
  font-weight: bold;
  font-size: 18px;
  padding: 14px 30px;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(255, 217, 102, 0.2);
  transition: all 0.3s ease;
  display: inline-block;
  z-index: 1;
  position: relative;

  opacity: 0;
  animation: fadeInUp 1s ease forwards;
  animation-delay: 0.5s;
}

.vibra-home-hero.vibra-bg-midnight-1 .vibra-home-button:hover {
  background-color: #f2c94c;
  box-shadow: 0 8px 30px rgba(255, 217, 102, 0.3);
  transform: scale(1.03);
}

/* ✨ أنميشن */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 📱 موبايل صغير ≤480px */
@media (max-width: 480px) {
  .vibra-home-hero.vibra-bg-midnight-1 {
    max-width: 95%;
    padding: 30px 20px;
    border-radius: 16px;
  }

  .vibra-home-hero.vibra-bg-midnight-1 .vibra-home-title {
    font-size: 32px;
  }

  .vibra-home-hero.vibra-bg-midnight-1 .vibra-home-subtitle {
    font-size: 16px;
  }

  .vibra-home-hero.vibra-bg-midnight-1 .vibra-home-button {
    font-size: 16px;
    padding: 12px 24px;
  }
}

/* 📱 موبايل كبير / تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
  .vibra-home-hero.vibra-bg-midnight-1 {
    max-width: 90%;
    padding: 40px 30px;
    border-radius: 18px;
  }

  .vibra-home-hero.vibra-bg-midnight-1 .vibra-home-title {
    font-size: 40px;
  }

  .vibra-home-hero.vibra-bg-midnight-1 .vibra-home-subtitle {
    font-size: 16px;
  }

  .vibra-home-hero.vibra-bg-midnight-1 .vibra-home-button {
    font-size: 16px;
    padding: 13px 26px;
  }
}

/* 💻 تابلت أفقي 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .vibra-home-hero.vibra-bg-midnight-1 {
    max-width: 90%;
    padding: 50px 35px;
  }

  .vibra-home-hero.vibra-bg-midnight-1 .vibra-home-title {
    font-size: 44px;
  }

  .vibra-home-hero.vibra-bg-midnight-1 .vibra-home-subtitle {
    font-size: 17px;
  }

  .vibra-home-hero.vibra-bg-midnight-1 .vibra-home-button {
    font-size: 17px;
    padding: 14px 28px;
  }
}

/* 🔷 الأب (الحاوية) */
.vibra-founders-section.vibra-bg-midnight-2 .vibra-founders-container {
  display: flex;
  gap: 40px;
  justify-content: center;
  align-items: flex-start;

  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

.vibra-founders-section.vibra-bg-midnight-2 .vibra-founders-container .vibra-founder-box {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 24px;
  padding: 30px;
  text-align: center;
  position: relative;
  box-shadow: 0 0 20px rgba(82, 166, 244, 0.08);
  transition: transform 0.4s ease, box-shadow 0.4s ease;

  /* 🌟 خلي الصندوق مرن: */
  flex: 1 1 300px;
  max-width: 100%;
  
    opacity: 0;
  transform: translateY(40px);
  animation: founderFadeIn 1s ease-out forwards;
}

/* ✨ حركة تدريجية لكل عنصر */
.vibra-founder-box:nth-child(1) { animation-delay: 0.2s; }
.vibra-founder-box:nth-child(2) { animation-delay: 0.4s; }
.vibra-founder-box:nth-child(3) { animation-delay: 0.6s; }
/* زد حسب عدد العناصر */

@keyframes founderFadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
} 
.vibra-founders-section.vibra-bg-midnight-2 .vibra-founders-container .vibra-founder-box:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 0 40px rgba(82, 166, 244, 0.2);
}


.vibra-founders-section.vibra-bg-midnight-2 .vibra-founders-container .vibra-founder-image-wrapper {
  background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin: 0 auto 20px auto;
  animation: founderGlow 6s infinite ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* ضروري لقص أي زوائد */
}

.vibra-founders-section.vibra-bg-midnight-2 .vibra-founders-container .vibra-founder-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
}


.vibra-founders-section.vibra-bg-midnight-2 .vibra-founders-container .vibra-founder-name {
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 10px;
}

.vibra-founders-section.vibra-bg-midnight-2 .vibra-founders-container .vibra-founder-description {
  color: #cccccc;
  font-size: 18px;
  line-height: 1.6;
}

/* ✨ أنميشن النبض النوراني */
@keyframes founderGlow {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 20px rgba(82, 166, 244, 0.1);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 30px rgba(82, 166, 244, 0.25);
  }
}

/* 📱 موبايل */
@media (max-width: 600px) {
.vibra-founders-section.vibra-bg-midnight-2  .vibra-founders-container {
     margin: 0 auto;
    flex-direction: column;
    align-items: center; /* ✅ هذا هو اللي بيضمن التنصيف */
    gap: 20px;

   
  }

 .vibra-founders-section.vibra-bg-midnight-2 .vibra-founder-box {
    width: 95%;
    max-width: 360px;
    padding: 20px;

  }

 .vibra-founders-section.vibra-bg-midnight-2 .vibra-founder-image-wrapper {
    width: 90px;
    height: 90px;
    margin-bottom: 12px;
  }

 .vibra-founders-section.vibra-bg-midnight-2 .vibra-founders-container .vibra-founder-name {
    font-size: 18px;
    margin-bottom: 8px;
  }

 .vibra-founders-section.vibra-bg-midnight-2 .vibra-founders-container .vibra-founder-description {
    font-size: 16px;
    line-height: 1.5;
  }
}


/* 🔷 موبايل صغير ≤480px */
@media (max-width: 480px) {
 .vibra-founders-section.vibra-bg-midnight-2 .vibra-founders-container .vibra-founder-name {
    font-size: 20px;
  }

 .vibra-founders-section.vibra-bg-midnight-2 .vibra-founders-container .vibra-founder-description {
    font-size: 16px;
  }
}

/* 🔷 موبايل كبير / تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
 .vibra-founders-section.vibra-bg-midnight-2 .vibra-founders-container .vibra-founder-name {
    font-size: 20px;
  }

 .vibra-founders-section.vibra-bg-midnight-2 .vibra-founders-container .vibra-founder-description {
    font-size: 16px;
  }
}

/* 🔷 تابلت أفقي 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
 .vibra-founders-section.vibra-bg-midnight-2 .vibra-founders-container .vibra-founder-name {
    font-size: 22px;
  }

 .vibra-founders-section.vibra-bg-midnight-2 .vibra-founders-container .vibra-founder-description {
    font-size: 17px;
  }
}


.vibra-what-we-do.vibra-bg-midnight-3 .vibra-what-we-do-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 40px;
  margin-top: 40px;
  
   background: radial-gradient(circle at top center, rgba(255,255,255,0.04), transparent 80%);
}

 .vibra-what-we-do.vibra-bg-midnight-3 .vibra-heading-h2-midnight,
 .vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-title {
     color: var(--heading-color-gold-night);
    text-shadow: 0 0 6px rgba(255, 217, 102, 0.3);

}

.vibra-what-we-do.vibra-bg-midnight-3 .vibra-heading-h2-midnight {
    font-size: 36px;
}

.vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-title {
    font-size: 24px;
}

.vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-box {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 30px 25px;
  border-radius: 20px;
  text-align: center;
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.05);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-box:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 0 50px rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.05);
}

.vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-box p {
    color: var(--text-color-night);
    font-size: 18px;
}
/* 🌟 الأيقونة */
.vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-icon {
  font-size: 36px;
  margin-bottom: 15px;
  color: #FFD700;
  filter: drop-shadow(0 0 6px rgba(255, 215, 0, 0.3));
  transition: transform 0.4s ease;
}

.vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-box:hover .vibra-do-icon {
  transform: scale(1.2) rotate(2deg);
}


/* 🌀 الوصف */
.vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-desc {
  font-size: 16px;
  line-height: 1.7;
  color: var(--text-color-midnight);
  opacity: 0.85;
}

/* 1️⃣ موبايل أول (عرض صغير ≤ 480px) */
@media (max-width: 480px) {
  .vibra-what-we-do.vibra-bg-midnight-3 .vibra-heading-h2-midnight {
    font-size: 26px;
  }

  .vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-title {
    font-size: 18px;
  }

 .vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-box p {
    font-size: 16px;
  }

 .vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-icon {
    font-size: 28px;
  }
}

/* 2️⃣ موبايل كبير / تابلت عمودي (481px – 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .vibra-what-we-do.vibra-bg-midnight-3 .vibra-heading-h2-midnight {
    font-size: 30px;
  }

  .vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-title {
    font-size: 20px;
  }

  .vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-box p {
    font-size: 16px;
  }

 .vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-icon {
    font-size: 32px;
  }
}

/* 3️⃣ تابلت أفقي وما فوق (768px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .vibra-what-we-do.vibra-bg-midnight-3 .vibra-heading-h2-midnight {
    font-size: 34px;
  }

  .vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-title {
    font-size: 22px;
  }

 .vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-box p {
    font-size: 17px;
  }

 .vibra-what-we-do.vibra-bg-midnight-3 .vibra-do-icon {
    font-size: 34px;
  }
}

.vibra-secret-gate.vibra-bg-midnight-4 .vibra-secret-inner {
  text-align: center;
  padding: 60px 20px;
  position: relative;
}

.vibra-secret-gate.vibra-bg-midnight-4 .vibra-secret-title {
  color: var(--midnight-title-gold);
}

.vibra-secret-gate.vibra-bg-midnight-4  h2.vibra-secret-title {
  font-size: 36px;
  color: var(--heading-color-gold) !important;
  margin-bottom: 20px;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.2);
}

.vibra-secret-gate.vibra-bg-midnight-4 p {
  font-size: 18px;
  color: #eee !important;
  opacity: 0.8;
  margin-bottom: 40px;
  font-style: italic;
}

/* 🌀 دائرة طيف نوراني خلف النص */
.vibra-secret-gate.vibra-bg-midnight-4 .vibra-gate-glow-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,0.07) 0%, transparent 80%);
  filter: blur(30px);
  z-index: 0;
  animation: glowPulse 6s infinite ease-in-out;
}

.vibra-secret-gate.vibra-bg-midnight-4 .vibra-premium-btn:hover {
  background: linear-gradient(135deg, #ffe066, #ffca2c);
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 8px 28px rgba(255, 215, 0, 0.4);
}



.vibra-secret-gate.vibra-bg-midnight-4 .vibra-gate-opening {
  animation: pulseFade 1.8s ease forwards;
  pointer-events: none;
  opacity: 0.7;
}

@keyframes pulseFade {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.08); opacity: 1; }
  100% { transform: scale(0.95); opacity: 0.1; }
}

/* 1️⃣ موبايل أول (عرض صغير ≤ 480px) */
@media (max-width: 480px) {
  .vibra-secret-gate.vibra-bg-midnight-4 h2.vibra-secret-title {
    font-size: 26px;
  }

  .vibra-secret-gate.vibra-bg-midnight-4 p {
    font-size: 16px;
  }
}

/* 2️⃣ موبايل كبير / تابلت عمودي (481px – 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .vibra-secret-gate.vibra-bg-midnight-4 h2.vibra-secret-title {
    font-size: 30px;
  }

  .vibra-secret-gate.vibra-bg-midnight-4 p {
    font-size: 16px;
  }
}

/* 3️⃣ تابلت أفقي وما فوق (768px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .vibra-secret-gate.vibra-bg-midnight-4 h2.vibra-secret-title {
    font-size: 34px;
  }

  .vibra-secret-gate.vibra-bg-midnight-4 p {
    font-size: 17px;
  }
}

/* 🕊️ خلفية القسم */
.vibra-testimonials-section.vibra-bg-midnight-5 {
  padding: 60px 20px;
  background: radial-gradient(ellipse at center, #0a0f1a, #000000);
  position: relative;
  overflow: hidden;
}

/* ✨ عنوان القسم */
.vibra-testimonials-section.vibra-bg-midnight-5 h2{
  font-size: 36px;
  color: var(--heading-color-gold-night) !important;
  text-align: center;
  margin-bottom: 60px;
  text-shadow: 0 0 12px rgba(255, 217, 102, 0.5);
  animation: fadeInUp 1s ease;
}

/* 🌸 شبكة الهمسات */
.vibra-testimonials-section.vibra-bg-midnight-5 .vibra-testimonials-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
    /* 🌟 أضف هذا: */
  justify-content: center;
}

/* 💬 كل همسة */
.vibra-testimonials-section.vibra-bg-midnight-5 .vibra-testimonial {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 24px 20px;
  color: var(--text-color-night);
  font-size: 18px;
  line-height: 1.7;
  position: relative;
  box-shadow: 0 0 16px rgba(255, 217, 102, 0.08);
  transition: transform 0.4s ease;
  animation: floatIn 1s ease;
}

.vibra-testimonials-section.vibra-bg-midnight-5 .vibra-testimonial:hover {
  transform: scale(1.025) rotateZ(0.2deg);
  box-shadow: 0 0 20px rgba(255, 217, 102, 0.15);
}

/* ✨ أنميشن */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes floatIn {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 1️⃣ موبايل أول (عرض صغير ≤ 480px) */
@media (max-width: 480px) {

  .vibra-testimonials-section.vibra-bg-midnight-5 h2 {
    font-size: 26px;
  }

 .vibra-testimonials-section.vibra-bg-midnight-5 p {
    font-size: 16px;
  }
}

/* 2️⃣ موبايل كبير / تابلت عمودي (481px – 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .vibra-testimonials-section.vibra-bg-midnight-5 h2 {
    font-size: 30px;
  }

  .vibra-testimonials-section.vibra-bg-midnight-5 p {
    font-size: 16px;
  }
}

/* 3️⃣ تابلت أفقي وما فوق (768px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .vibra-testimonials-section.vibra-bg-midnight-5 h2 {
    font-size: 34px;
  }

 .vibra-testimonials-section.vibra-bg-midnight-5 p {
    font-size: 17px;
  }
}


/* ✨ خلفية القسم الختامي */
.vibra-closing-call.vibra-bg-midnight-6 {
  padding: 60px 30px;
  background: radial-gradient(ellipse at bottom, #070c13, #000000);
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* 🌟 تأثير خلفي ناعم */
.vibra-closing-call.vibra-bg-midnight-6::before {
  content: "";
  position: absolute;
  top: -30%;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(255, 217, 102, 0.06), transparent 70%);
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
}

/* 💠 العنوان */
.vibra-closing-call.vibra-bg-midnight-6 h2.vibra-closing-title {
  font-size: 36px;
  color: var(--heading-color-gold-night) !important;
  margin-bottom: 30px;
  z-index: 1;
  position: relative;
  text-shadow: 0 0 12px rgba(255, 217, 102, 0.4);
  animation: fadeInUp 1s ease;
}

/* ✨ النص */
.vibra-closing-call.vibra-bg-midnight-6 p.vibra-closing-text {
  font-size: 18px;
  color: var(--text-color-night);
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto 40px auto;
  z-index: 1;
  position: relative;
  animation: fadeInUp 1.4s ease;
}



/* ✨ أنميشن */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 1️⃣ موبايل أول (عرض صغير ≤ 480px) */
@media (max-width: 480px) {
  .vibra-closing-call.vibra-bg-midnight-6 h2.vibra-closing-title {
    font-size: 26px;
  }

  .vibra-closing-call.vibra-bg-midnight-6 p.vibra-closing-text {
    font-size: 16px;
  }
}

/* 2️⃣ موبايل كبير / تابلت عمودي (481px – 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .vibra-closing-call.vibra-bg-midnight-6 h2.vibra-closing-title {
    font-size: 30px;
  }

  .vibra-closing-call.vibra-bg-midnight-6 p.vibra-closing-text {
    font-size: 16px;
  }
}

/* 3️⃣ تابلت أفقي وما فوق (768px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .vibra-closing-call.vibra-bg-midnight-6 h2.vibra-closing-title {
    font-size: 34px;
  }

  .vibra-closing-call.vibra-bg-midnight-6 p.vibra-closing-text {
    font-size: 17px;
  }
}

/* ✨ البوابة الكبرى */
.eli-gate-hidden {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: radial-gradient(circle at center, rgba(10,10,10,0.95), rgba(0,0,0,0.98));
  backdrop-filter: blur(8px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease;
}

/* 🔓 عند الفتح */
 .eli-gate-visible {
  opacity: 1;
  pointer-events: auto;
}

/* ✨ الصندوق الداخلي */
 .eli-gate-inner {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  padding: 40px;
  max-width: 500px;
  text-align: center;
  box-shadow: 0 0 30px rgba(255, 217, 102, 0.08);
  animation: fadeInGate 1s ease;
  transition: all 0.5s ease; /* 💫 السحر هنا */
}

/* ✨ العنوان */
.eli-gate-inner h2, 
.eli-gate-inner input {
  color: var(--heading-color-gold-night) !important;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 24px;
  text-shadow: 0 0 8px rgba(255, 217, 102, 0.4);
}

/* ✨ حقل الإدخال */
#eli-gate-overlay .eli-gate-inner .eli-gate-input {
  all: unset;
  width: 100%;
  padding: 14px 18px;
  font-size: 18px;
  border-radius: 8px;
  margin-bottom: 20px;
  background: #111f1f;
  color: #e4f1ff !important;
  box-shadow: inset 0 0 6px rgba(255,255,255,0.05);
  box-sizing: border-box;
  
   direction: rtl;
  text-align: right;
  
}


/* ✨ زر الانتقال */
 .eli-gate-hidden .eli-gate-button ,
.eli-gate-inner .eli-gate-final-button {
  padding: 12px 28px;
  background-color: #FFD966 !important;
  color: #111;
  font-weight: 600;
  font-size: 18px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 12px rgba(255, 217, 102, 0.2);
  text-decoration: none;
  display: inline-block;
}

.eli-gate-hidden .eli-gate-button:hover,
.eli-gate-final-button:hover {
  background-color: #f2c94c;
  box-shadow: 0 6px 20px rgba(255, 217, 102, 0.3);
}

/* ✨ أنميشن */
@keyframes fadeInGate {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

.eli-gate-hidden .eli-gate-whisper {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.5s ease;
  margin-top: 0;
  padding: 0 20px;

  background: rgba(255, 217, 102, 0.08);
  color: #FFD966;
  font-size: 16px;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(255, 217, 102, 0.2);
}

.eli-gate-hidden .eli-gate-whisper.active {
  max-height: 120px;
  opacity: 1;
  margin-top: 20px;
  padding: 14px 20px;
}

@media (max-width: 768px) {
  .eli-gate-hidden h2 {
    font-size: 22px;
  }

  #eli-gate-overlay .eli-gate-inner .eli-gate-input {
    font-size: 16px;
  }

  .eli-gate-hidden .eli-gate-button,
  .eli-gate-inner .eli-gate-final-button {
    font-size: 16px;
  }

  .eli-gate-hidden .eli-gate-whisper {
    font-size: 16px;
  }
}

/* 📜 صندوق الزجاجي في صفحة الشروط */
.vibra-terms-page.vibra-bg-hope-2 .vibra-terms-inner {
  max-width: 800px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
  padding: 40px 30px;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(255, 255, 255, 0.05);
  color: #fff0fa;
  text-align: center;
}

/* 🧊 موبايل صغير ≤ 480px */
@media (max-width: 480px) {
 .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-inner {
    max-width: 95%;
    padding: 20px 15px;
    border-radius: 16px;
  }
}

/* 📱 موبايل كبير/تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
  .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-inner {
    max-width: 90%;
    padding: 30px 20px;
    border-radius: 18px;
  }
}

/* 💻 تابلت أفقي 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-inner {
    max-width: 90%;
    padding: 35px 25px;
  }
}


.vibra-terms-page.vibra-bg-hope-2 .vibra-terms-title {
  font-size: 36px;
  font-weight: 800;
  color: #f9c1e3;
  margin-bottom: 10px;
  font-family: 'Noto Sans Arabic', sans-serif;
}

.vibra-terms-page.vibra-bg-hope-2 .vibra-terms-date {
  font-size: 14px;
  color: #ddd;
  margin-bottom: 30px;
}

.vibra-terms-page.vibra-bg-hope-2 .vibra-terms-content p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.vibra-terms-page.vibra-bg-hope-2 .vibra-terms-list {
  list-style: none;
  padding: 0;
  text-align: right;
}

.vibra-terms-page.vibra-bg-hope-2 .vibra-terms-list li {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 12px;
  padding-right: 10px;
}

.vibra-terms-page.vibra-bg-hope-2 .vibra-terms-back-btn {
  display: inline-block;
  margin-top: 30px;
  padding: 12px 28px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #fff0fa;
  border-radius: 8px;
  text-decoration: none;
  font-size: 17px;
  transition: all 0.3s ease-in-out;
}

.vibra-terms-page.vibra-bg-hope-2 .vibra-terms-back-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}


.vibra-terms-page.vibra-bg-hope-2 .vibra-terms-inner {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInTerms 1s ease forwards;
}

@keyframes fadeInTerms {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 1️⃣ موبايل أول (≤ 480px) */
@media (max-width: 480px) {
  .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-title {
    font-size: 24px;
  }

  .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-date {
    font-size: 13px;
  }

  .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-content p {
    font-size: 16px;
  }

 .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-list li {
    font-size: 16px;
  }

  .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-back-btn {
    font-size: 16px;
    padding: 10px 20px;
  }
}

/* 2️⃣ موبايل كبير / تابلت عمودي (481px – 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-title {
    font-size: 28px;
  }

  .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-date {
    font-size: 13px;
  }

  .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-content p {
    font-size: 16px;
  }

  .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-list li {
    font-size: 16px;
  }

  .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-back-btn {
    font-size: 16px;
    padding: 11px 24px;
  }
}

/* 3️⃣ تابلت أفقي وما فوق (768px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-title {
    font-size: 32px;
  }

  .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-date {
    font-size: 14px;
  }

  .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-content p {
    font-size: 17px;
  }

  .vibra-terms-list li {
    font-size: 17px;
  }

  .vibra-terms-page.vibra-bg-hope-2 .vibra-terms-back-btn {
    font-size: 17px;
    padding: 12px 26px;
  }
}

/* 🌸 قسم الخصوصية الأول */
.privacy-hero.vibra-bg-hope-1 {
  background: linear-gradient(135deg, #2f1b3d, #41264f);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 80px); /* يغطي الشاشة مع اعتبار الهيدر */
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 8px 30px rgba(255, 192, 203, 0.2);
  color: #fff0fa;
  margin-bottom: 40px; /* المسافة الموحدة بين الأقسام */
  
   opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;

}

/* 🚪 الحالة عند الدخول */
.privacy-hero.animate-in {
  opacity: 1;
  transform: translateY(0);
}

.privacy-hero.vibra-bg-hope-1 .privacy-hero-inner {
  max-width: 800px;
  width: 100%;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 50px 40px;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  transition: all 0.3s ease-in-out;
}

.privacy-hero.vibra-bg-hope-1 .privacy-hero-inner:hover {
  transform: scale(1.01);
  box-shadow: 0 8px 36px rgba(255, 192, 203, 0.3);
}

.privacy-hero.vibra-bg-hope-1 .privacy-title {
  font-size: 40px;
  color: #ffd1f7;
  font-weight: 800;
  margin-bottom: 20px;
  line-height: 1.4;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  font-family: 'Noto Sans Arabic', sans-serif;
}

.privacy-hero.vibra-bg-hope-1 .privacy-subtitle {
  font-size: 18px;
  color: #e9cdea;
  line-height: 1.8;
  font-weight: 400;
  font-family: 'Noto Sans Arabic', sans-serif;
}

/* 🧊 موبايل صغير ≤ 480px */
@media (max-width: 480px) {
  .privacy-hero.vibra-bg-hope-1 {
    min-height: calc(100vh - 64px);
  }

 .privacy-hero.vibra-bg-hope-1 .privacy-hero-inner {
    max-width: 95%;
    padding: 30px 20px;
    border-radius: 16px;
  }

  .privacy-hero.vibra-bg-hope-1 .privacy-title {
    font-size: 24px;
  }

  .privacy-hero.vibra-bg-hope-1 .privacy-subtitle {
    font-size: 16px;
  }
}

/* 📱 موبايل كبير/تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
  .privacy-hero.vibra-bg-hope-1 {
    min-height: calc(100vh - 72px);
  }

  .privacy-hero.vibra-bg-hope-1 .privacy-hero-inner {
    max-width: 90%;
    padding: 40px 30px;
    border-radius: 18px;
  }

  .privacy-hero.vibra-bg-hope-1 .privacy-title {
    font-size: 28px;
  }

  .privacy-hero.vibra-bg-hope-1 .privacy-subtitle {
    font-size: 16px;
  }
}

/* 💻 تابلت أفقي 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .privacy-hero.vibra-bg-hope-1 {
    min-height: calc(100vh - 80px);
  }

 .privacy-hero.vibra-bg-hope-1 .privacy-hero-inner {
    max-width: 90%;
    padding: 50px 35px;
  }

  .privacy-hero.vibra-bg-hope-1 .privacy-title  {
    font-size: 34px;
  }

  .privacy-hero.vibra-bg-hope-1 .privacy-subtitle {
    font-size: 17px;
  }
}

/* 🌸 قسم الخصوصية الثاني */
.privacy-details.vibra-bg-hope-2 {
  background: linear-gradient(135deg, #41264f, #5c3b66);
  padding: 80px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 8px 30px rgba(255, 192, 203, 0.2);
  color: #fff0fa;
}

/* 🖤 أقسام داخلية موحّدة */

/* 💻 تابلت أفقي 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .privacy-details.vibra-bg-hope-2 {
    padding: 60px 20px;
  }
}

/* 📱 موبايل كبير 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
  .privacy-details.vibra-bg-hope-2 {
    padding: 50px 15px;
  }
}

/* 🧊 موبايل صغير ≤ 480px */
@media (max-width: 480px) {
  .privacy-details.vibra-bg-hope-2 {
    padding: 40px 10px;
  }
}


.privacy-details.vibra-bg-hope-2 .privacy-details-inner {
  max-width: 800px;
  width: 100%;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 50px 40px;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  transition: all 0.3s ease-in-out;
}
/* 🧊 موبايل صغير ≤ 480px */
@media (max-width: 480px) {
 .privacy-details.vibra-bg-hope-2 .privacy-details-inner {
    max-width: 95%;
    padding: 30px 20px;
    border-radius: 16px;
  }
}

/* 📱 موبايل كبير/تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
 .privacy-details.vibra-bg-hope-2 .privacy-details-inner {
    max-width: 90%;
    padding: 40px 30px;
    border-radius: 18px;
  }
}

/* 💻 تابلت أفقي 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .privacy-details.vibra-bg-hope-2 .privacy-details-inner {
    max-width: 90%;
    padding: 50px 35px;
  }
}


.privacy-details.vibra-bg-hope-2 .privacy-details-inner:hover {
  transform: scale(1.01);
  box-shadow: 0 8px 36px rgba(255, 192, 203, 0.3);
}

.privacy-details.vibra-bg-hope-2 .privacy-section-title {
  font-size: 32px;
  color: #ffd1f7;
  font-weight: 800;
  margin-bottom: 30px;
  line-height: 1.4;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  font-family: 'Noto Sans Arabic', sans-serif;
}

/* 📝 النصوص بدون ليسته */
.privacy-details.vibra-bg-hope-2 .privacy-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.privacy-details.vibra-bg-hope-2 .privacy-list li {
  font-size: 18px;
  color: #e9cdea;
  line-height: 1.8;
  margin-bottom: 12px;
  font-family: 'Noto Sans Arabic', sans-serif;
}

/* 1️⃣ موبايل أول (عرض صغير ≤ 480px) */
@media (max-width: 480px) {
  .privacy-details.vibra-bg-hope-2 .privacy-section-title {
    font-size: 22px;
  }

  .privacy-details.vibra-bg-hope-2 .privacy-list li {
    font-size: 16px;
  }
}

/* 2️⃣ موبايل كبير / تابلت عمودي (481px – 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .privacy-details.vibra-bg-hope-2 .privacy-section-title {
    font-size: 26px;
  }

  .privacy-details.vibra-bg-hope-2 .privacy-list li {
    font-size: 16px;
  }
}

/* 3️⃣ تابلت أفقي وما فوق (768px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .privacy-details.vibra-bg-hope-2 .privacy-section-title {
    font-size: 30px;
  }

  .privacy-details.vibra-bg-hope-2 .privacy-list li {
    font-size: 17px;
  }
}

/* 🌸 قسم الخصوصية الثالث */
.privacy-why-data.vibra-bg-hope-3 {
  background: linear-gradient(135deg, #5c3b66, #6e4780);
  padding: 80px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 8px 30px rgba(255, 192, 203, 0.2);
  color: #fff0fa;
}

.privacy-why-data.vibra-bg-hope-3 .privacy-why-data-inner {
  max-width: 800px;
  width: 100%;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 50px 40px;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  transition: all 0.3s ease-in-out;
}

/* 🧊 موبايل صغير ≤ 480px */
@media (max-width: 480px) {
  .privacy-why-data.vibra-bg-hope-3 .privacy-why-data-inner {
    max-width: 95%;
    padding: 25px 18px;
    border-radius: 16px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}

/* 📱 موبايل كبير/تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
  .privacy-why-data.vibra-bg-hope-3 .privacy-why-data-inner {
    max-width: 90%;
    padding: 35px 25px;
    border-radius: 18px;
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
  }
}

/* 💻 تابلت أفقي 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
 .privacy-why-data.vibra-bg-hope-3 .privacy-why-data-inner {
    max-width: 85%;
    padding: 45px 30px;
    border-radius: 20px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}



.privacy-why-data-inner:hover {
  transform: scale(1.01);
  box-shadow: 0 8px 36px rgba(255, 192, 203, 0.3);
}

.privacy-why-data.vibra-bg-hope-3 .privacy-section-title {
  font-size: 32px;
  color: #ffd1f7;
  font-weight: 800;
  margin-bottom: 30px;
  line-height: 1.4;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  font-family: 'Noto Sans Arabic', sans-serif;
}

.privacy-why-data.vibra-bg-hope-3 .privacy-text {
  font-size: 18px;
  color: #e9cdea;
  line-height: 1.8;
  font-family: 'Noto Sans Arabic', sans-serif;
}

/* 1️⃣ موبايل أول (عرض صغير ≤ 480px) */
@media (max-width: 480px) {
  .privacy-why-data.vibra-bg-hope-3 .privacy-section-title {
    font-size: 22px;
  }

  .privacy-why-data.vibra-bg-hope-3 .privacy-text {
    font-size: 16px;
  }
}

/* 2️⃣ موبايل كبير / تابلت عمودي (481px – 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .privacy-why-data.vibra-bg-hope-3 .privacy-section-title {
    font-size: 26px;
  }

  .privacy-why-data.vibra-bg-hope-3 .privacy-text {
    font-size: 16px;
  }
}

/* 3️⃣ تابلت أفقي وما فوق (768px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .privacy-why-data.vibra-bg-hope-3 .privacy-section-title {
    font-size: 30px;
  }

  .privacy-why-data.vibra-bg-hope-3 .privacy-text {
    font-size: 17px;
  }
}


/* 🌸 قسم الخصوصية الرابع */
.privacy-protection.vibra-bg-hope-4 {
  background: linear-gradient(135deg, #6e4780, #7c5490);
  padding: 80px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 8px 30px rgba(255, 192, 203, 0.2);
  color: #fff0fa;
}

.privacy-protection.vibra-bg-hope-4 .privacy-protection-inner {
  max-width: 800px;
  width: 100%;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 50px 40px;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  transition: all 0.3s ease-in-out;
}

/* 🧊 موبايل صغير ≤ 480px */
@media (max-width: 480px) {
 .privacy-protection.vibra-bg-hope-4 .privacy-protection-inner {
    max-width: 95%;
    padding: 25px 18px;
    border-radius: 16px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}

/* 📱 موبايل كبير/تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
 .privacy-protection.vibra-bg-hope-4 .privacy-protection-inner {
    max-width: 90%;
    padding: 35px 25px;
    border-radius: 18px;
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
  }
}

/* 💻 تابلت أفقي 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
 .privacy-protection.vibra-bg-hope-4 .privacy-protection-inner {
    max-width: 85%;
    padding: 45px 30px;
    border-radius: 20px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}


.privacy-protection.vibra-bg-hope-4 .privacy-protection-inner:hover {
  transform: scale(1.01);
  box-shadow: 0 8px 36px rgba(255, 192, 203, 0.3);
}

.privacy-protection.vibra-bg-hope-4 .privacy-section-title {
  font-size: 32px;
  color: #ffd1f7;
  font-weight: 800;
  margin-bottom: 30px;
  line-height: 1.4;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  font-family: 'Noto Sans Arabic', sans-serif;
}

.privacy-protection.vibra-bg-hope-4 .privacy-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.privacy-protection.vibra-bg-hope-4 .privacy-list li {
  font-size: 18px;
  color: #e9cdea;
  line-height: 2;
  font-family: 'Noto Sans Arabic', sans-serif;
  
}

/* 1️⃣ موبايل أول (عرض صغير ≤ 480px) */
@media (max-width: 480px) {
  .privacy-protection.vibra-bg-hope-4 .privacy-section-title {
    font-size: 22px;
  }

  .privacy-protection.vibra-bg-hope-4 .privacy-list li {
    font-size: 16px;
  }
}

/* 2️⃣ موبايل كبير / تابلت عمودي (481px – 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .privacy-protection.vibra-bg-hope-4 .privacy-section-title {
    font-size: 26px;
  }

  .privacy-protection.vibra-bg-hope-4 .privacy-list li {
    font-size: 16px;
  }
}

/* 3️⃣ تابلت أفقي وما فوق (768px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .privacy-protection.vibra-bg-hope-4 .privacy-section-title {
    font-size: 30px;
  }

  .privacy-protection.vibra-bg-hope-4 .privacy-list li {
    font-size: 17px;
  }
}

/* 🌸 قسم الخصوصية الخامس */
.privacy-choices.vibra-bg-hope-5 {
  background: linear-gradient(135deg, #fdf0fc, #fbe6f9);
  padding: 80px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 6px 24px rgba(216, 111, 207, 0.15);
  color: #4b4453;
}

.privacy-choices.vibra-bg-hope-5 .privacy-choices-inner {
  max-width: 800px;
  width: 100%;
  background: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: 50px 40px;
  border-radius: 20px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  transition: all 0.3s ease-in-out;
}
/* 🧊 موبايل صغير ≤ 480px */
@media (max-width: 480px) {
 .privacy-choices.vibra-bg-hope-5 .privacy-choices-inner {
    max-width: 95%;
    padding: 25px 18px;
    border-radius: 16px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
}

/* 📱 موبايل كبير/تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
.privacy-choices.vibra-bg-hope-5  .privacy-choices-inner {
    max-width: 90%;
    padding: 35px 25px;
    border-radius: 18px;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
  }
}

/* 💻 تابلت أفقي 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
.privacy-choices.vibra-bg-hope-5  .privacy-choices-inner {
    max-width: 85%;
    padding: 45px 30px;
    border-radius: 20px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}


.privacy-choices.vibra-bg-hope-5 .privacy-choices-inner:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(216, 111, 207, 0.25);
}

.privacy-choices.vibra-bg-hope-5  .privacy-section-title {
  font-size: 30px;
  color: #c43fa0;
  font-weight: 800;
  margin-bottom: 30px;
  line-height: 1.4;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  font-family: 'Noto Sans Arabic', sans-serif;
}

.privacy-choices.vibra-bg-hope-5  .privacy-text {
  font-size: 18px;
  color: #4b4453;
  line-height: 1.8;
  font-family: 'Noto Sans Arabic', sans-serif;
}

.privacy-choices.vibra-bg-hope-5 .vibra-link-hope {
  color: #a52c88;
  text-decoration: underline dotted;
  transition: color 0.3s ease;
}

.privacy-choices.vibra-bg-hope-5 .vibra-link-hope:hover {
  color: #d44bb2;
}

/* 🌸 زر الخصوصية – تواصل معنا */
.privacy-choices.vibra-bg-hope-5 .privacy-button-container .vibra-button-hope {
  display: inline-block;
  background: linear-gradient(135deg, #f8b4e6, #e192d7);
  color: #2f1b3d;
  font-size: 18px;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(248, 180, 230, 0.3);
  transition: all 0.3s ease-in-out;
  font-family: 'Noto Sans Arabic', sans-serif;
}

.privacy-choices.vibra-bg-hope-5 .vibra-button-hope:hover {
  background: linear-gradient(135deg, #fce1f4, #eebceb);
  box-shadow: 0 6px 20px rgba(248, 180, 230, 0.4);
  transform: translateY(-2px) scale(1.02);
}

/* 1️⃣ موبايل أول (عرض صغير ≤ 480px) */
@media (max-width: 480px) {
  .privacy-choices.vibra-bg-hope-5 .privacy-section-title {
    font-size: 22px;
  }

  .privacy-choices.vibra-bg-hope-5 .privacy-text {
    font-size: 16px;
  }

  .privacy-choices.vibra-bg-hope-5 .vibra-privacy-button,
  .privacy-button-container .vibra-button-hope {
    font-size: 16px;
    padding: 10px 20px;
  }
}

/* 2️⃣ موبايل كبير / تابلت عمودي (481px – 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .privacy-choices.vibra-bg-hope-5 .privacy-section-title {
    font-size: 26px;
  }

  .privacy-choices.vibra-bg-hope-5 .privacy-text {
    font-size: 16px;
  }

  .privacy-choices.vibra-bg-hope-5 .vibra-privacy-button,
  .privacy-button-container .vibra-button-hope {
    font-size: 16px;
    padding: 12px 24px;
  }
}

/* 3️⃣ تابلت أفقي وما فوق (768px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .privacy-choices.vibra-bg-hope-5 .privacy-section-title {
    font-size: 28px;
  }

  .privacy-choices.vibra-bg-hope-5 .privacy-text {
    font-size: 17px;
  }

  .privacy-choices.vibra-bg-hope-5 .vibra-privacy-button,
  .privacy-button-container .vibra-button-hope {
    font-size: 17px;
    padding: 12px 26px;
  }
}

/* 🌸 قسم الخصوصية – الخاتمة */
.privacy-final-note.vibra-bg-hope-3 {
  text-align: center;
  padding: 60px 20px;
  border-radius: 30px;
  box-shadow: 0 4px 14px rgba(255, 192, 203, 0.2);
  backdrop-filter: blur(4px);
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
  max-width: 1000px;
  margin: 0 auto 40px auto;
  color: #fff0fa;
}

/* 🧊 موبايل صغير ≤ 480px */
@media (max-width: 480px) {
  .privacy-final-note.vibra-bg-hope-3 {
    max-width: 95%;
    padding: 30px 15px;
    border-radius: 16px;
  }
}

/* 📱 موبايل كبير/تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
  .privacy-final-note.vibra-bg-hope-3 {
    max-width: 90%;
    padding: 40px 20px;
    border-radius: 20px;
  }
}

/* 💻 تابلت أفقي 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .privacy-final-note.vibra-bg-hope-3 {
    max-width: 85%;
    padding: 50px 25px;
    border-radius: 24px;
  }
}

/* ✨ العنوان */
.privacy-final-note.vibra-bg-hope-3 .privacy-section-title {
  font-size: 32px;
  font-weight: 800;
  color: #ffe1f4;
  margin-bottom: 20px;
  line-height: 1.4;
  font-family: 'Noto Sans Arabic', sans-serif;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* ✨ النص */
.privacy-final-note.vibra-bg-hope-3 .privacy-text {
  font-size: 18px;
  color: #fff0fa;
  line-height: 1.8;
  font-weight: 400;
  font-family: 'Noto Sans Arabic', sans-serif;
  text-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* 1️⃣ موبايل أول (عرض صغير ≤ 480px) */
@media (max-width: 480px) {
  .privacy-final-note.vibra-bg-hope-3 .privacy-section-title {
    font-size: 22px;
  }

  .privacy-final-note .privacy-text {
    font-size: 16px;
  }
}

/* 2️⃣ موبايل كبير / تابلت عمودي (481px – 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .privacy-final-note.vibra-bg-hope-3 .privacy-section-title {
    font-size: 26px;
  }

  .privacy-final-note.vibra-bg-hope-3 .privacy-text {
    font-size: 16px;
  }
}

/* 3️⃣ تابلت أفقي وما فوق (768px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .privacy-final-note.vibra-bg-hope-3 .privacy-section-title {
    font-size: 28px;
  }

  .privacy-final-note.vibra-bg-hope-3 .privacy-text {
    font-size: 17px;
  }
}


/* 🌌 صفحة 404 - إيلي */
.eli-404.vibra-bg-midnight-2 {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 100px 20px;
  text-align: center;
  border-radius: 20px;
  max-width: 1000px;
  margin: 0 auto;
  color: #e4f1ff;
  
  /* 🌌 الحركة الأساسية عند دخول 404
  */
  opacity: 0;
  transform: scale(0.95);
  transition: all 0.8s ease-out;

}

/* عند تفعيل الدخول */
.eli-404.animate-in {
  opacity: 1;
  transform: scale(1);
}


.eli-404.vibra-bg-midnight-2 .eli-404-inner {
  backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.03),
              0 0 20px rgba(255, 255, 255, 0.04);
  padding: 60px 40px;
  border-radius: 20px;
}

.eli-404.vibra-bg-midnight-2 h1.eli-404-title {
  font-size: 42px;
  color: var(--heading-color-gold) !important;
  margin-bottom: 20px;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.15);
}

.eli-404.vibra-bg-midnight-2  p.eli-404-text {
  font-size: 18px;
  line-height: 1.8;
  color: var(--text-color-night) !important;
  opacity: 0.9;
  margin-bottom: 40px;
}

.eli-404.vibra-bg-midnight-2  .eli-404-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.eli-404.vibra-bg-midnight-2  .eli-404-btn,
.eli-404.vibra-bg-midnight-2  a.eli-404-btn-main,
.eli-404.vibra-bg-midnight-2  .eli-404-btn-alt {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.eli-404.vibra-bg-midnight-2  a.eli-404-btn-main {
  background: linear-gradient(135deg, #FFD700, #fff2a8);
  color: var(--button-text-dark) !important;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.2);
}

.eli-404.vibra-bg-midnight-2  .eli-404-btn-main:hover {
  background: linear-gradient(135deg, #ffe267, #fff7c2);
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(255, 215, 0, 0.3);
}

.eli-404.vibra-bg-midnight-2  .eli-404-btn-alt {
  background: rgba(255, 255, 255, 0.03);
  color: var(--text-color-night) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(4px);
}

.eli-404.vibra-bg-midnight-2 .eli-404-btn-alt:hover {
  background: rgba(255, 255, 255, 0.06);
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(255, 255, 255, 0.1);
}

/* 🌸 الزر الأخير manifesto */
.eli-404.vibra-bg-midnight-2  .eli-404-btn-manifesto {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 24px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.03);
  color: #e4f1ff;
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(4px);
  transition: all 0.3s ease-in-out;
}

.eli-404.vibra-bg-midnight-2 .eli-404-btn-manifesto:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(255, 255, 255, 0.1);
}

.eli-404.vibra-bg-midnight-2  .eli-404-whisper {
  margin-top: 30px;
  font-size: 18px;
  color: #d1c4e9;
  font-style: italic;
  opacity: 0.8;
}

/* 📱 موبايل أول (≤ 480px) */
@media (max-width: 480px) {
  .eli-404.vibra-bg-midnight-2  {
    padding: 20px 15px;
    min-height: 80vh;
  }
 .eli-404.vibra-bg-midnight-2  .eli-404-inner {
    padding: 40px 20px;
  }
  .eli-404.vibra-bg-midnight-2  h1.eli-404-title {
    font-size: 26px;
  }
  .eli-404.vibra-bg-midnight-2  p.eli-404-text {
    font-size: 16px;
  }
  .eli-404.vibra-bg-midnight-2  .eli-404-btn,
  .eli-404.vibra-bg-midnight-2  a.eli-404-btn-main,
  .eli-404.vibra-bg-midnight-2  .eli-404-btn-alt {
    font-size: 16px;
  }
  .eli-404.vibra-bg-midnight-2  .eli-404-btn-manifesto {
    font-size: 16px;
  }
  .eli-404.vibra-bg-midnight-2  .eli-404-whisper {
    font-size: 16px;
  }
}

/* 📲 موبايل كبير / تابلت عمودي (481px – 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .eli-404.vibra-bg-midnight-2  {
    padding: 20px 15px;
    min-height: 80vh;
  }
 .eli-404.vibra-bg-midnight-2  .eli-404-inner {
    padding: 50px 30px;
  }
  .eli-404.vibra-bg-midnight-2  h1.eli-404-title {
    font-size: 32px;
  }
  .eli-404.vibra-bg-midnight-2  p.eli-404-text {
    font-size: 16px;
  }
  .eli-404.vibra-bg-midnight-2  .eli-404-btn,
  .eli-404.vibra-bg-midnight-2  a.eli-404-btn-main,
  .eli-404.vibra-bg-midnight-2  .eli-404-btn-alt {
    font-size: 16px;
  }
  .eli-404.vibra-bg-midnight-2  .eli-404-btn-manifesto {
    font-size: 16px;
  }
  .eli-404.vibra-bg-midnight-2  .eli-404-whisper {
    font-size: 16px;
  }
}

/* 💻 تابلت أفقي وما فوق (768px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .eli-404.vibra-bg-midnight-2  {
    padding: 30px;
    min-height: 80vh;
  }
 .eli-404.vibra-bg-midnight-2  .eli-404-inner {
    padding: 55px 35px;
  }
  .eli-404.vibra-bg-midnight-2  h1.eli-404-title {
    font-size: 36px;
  }
  .eli-404.vibra-bg-midnight-2  p.eli-404-text {
    font-size: 17px;
  }
  .eli-404.vibra-bg-midnight-2  .eli-404-btn,
  .eli-404.vibra-bg-midnight-2  a.eli-404-btn-main,
  .eli-404.vibra-bg-midnight-2  .eli-404-btn-alt {
    font-size: 17px;
  }
  .eli-404.vibra-bg-midnight-2  .eli-404-btn-manifesto {
    font-size: 17px;
  }
  .eli-404.vibra-bg-midnight-2  .eli-404-whisper {
    font-size: 17px;
  }
}


/* ✨ صفحة الشكر - Hope Bloom */

.thank-you-section.vibra-bg-hope-1 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, #2f1b3d, #41264f, #5c3b66);
  animation: thankyou-bg-pulse 8s ease-in-out infinite alternate;
}

@keyframes thankyou-bg-pulse {
  0% {
    background: linear-gradient(145deg, #2f1b3d, #41264f, #5c3b66);
  }
  100% {
    background: linear-gradient(145deg, #41264f, #5c3b66, #6e4780);
  }
}

.thank-you-section.vibra-bg-hope-1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('/vibrapeak-design/images/eli-thankyou-celestial.webp') center/cover no-repeat;
  opacity: 0;
  transition: opacity 2s ease;
  z-index: 0;
}

.page-loaded .thank-you-section::before {
  opacity: 0.2;
}

.thank-you-section .thank-you-box {
  text-align: center;
  max-width: 800px;
  padding: 40px;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 20px;
  box-shadow: 0 8px 30px rgba(255, 192, 203, 0.1);
  backdrop-filter: blur(6px);
  opacity: 0;
  transform: scale(0.95);
  transition: all 1s ease;
  position: relative;
  z-index: 1;
}

.page-loaded .thank-you-box {
  opacity: 1;
  transform: scale(1);
}

.thank-you-section .thank-you-title,
.thank-you-section .thank-you-text {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s ease 0.3s;
}

.page-loaded .thank-you-title,
.page-loaded .thank-you-text {
  opacity: 1;
  transform: translateY(0);
}

/* الروابط والأزرار */
.thank-you-section .thank-you-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-bottom: 30px;
}

.thank-you-section .thank-you-link {
  display: inline-block;
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffd8f4;
  border-radius: 8px;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.3s ease;
}

.thank-you-section .thank-you-link:hover {
  background-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
}

.thank-you-section .thank-you-home-btn {
  display: inline-block;
  padding: 12px 30px;
  background-color: #ffd8f4;
  color: #2f1b3d;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  transition: all 0.3s ease;
}

.thank-you-section .thank-you-home-btn:hover {
  background-color: #fce1f8;
  transform: translateY(-2px) scale(1.02);
}

/* ✅ تابلت عمودي وأفقي */
@media (min-width: 400px) and (max-width: 767px) {
  .thank-you-section .thank-you-title {
    font-size: 32px;
  }
  .thank-you-section .thank-you-text {
    font-size: 16px;
  }
  .thank-you-section .thank-you-link,
  .thank-you-section .thank-you-home-btn {
    font-size: 16px;
  }
}

/* ✅ تابلت أفقي وديسكتوب متوسط */
@media (min-width: 768px) and (max-width: 1024px) {
  .thank-you-section .thank-you-title {
    font-size: 36px;
  }
  .thank-you-section .thank-you-text {
    font-size: 17px;
  }
  .thank-you-section .thank-you-link,
  .thank-you-section .thank-you-home-btn {
    font-size: 17px;
  }
}

/* ✅ ديسكتوب كبير */
@media (min-width: 1025px) {
  .thank-you-section .thank-you-title {
    font-size: 42px;
  }
  .thank-you-section .thank-you-text {
    font-size: 18px;
  }
  .thank-you-section .thank-you-link,
  .thank-you-section .thank-you-home-btn {
    font-size: 18px;
  }
}

/* 🪞 قالب مرآة إيلي – حلم الوعي الأول */
.eli-glass-mirror.vibra-bg-midnight-1 {
  background-image: url('/vibrapeak-design/images/Eli-Mirror_NightOfWonders.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 100px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 0px);
  position: relative;
  z-index: 1;
  text-align: center;
}

/* 🌌 شعار إيلي فوق المرآة */
.eli-glass-mirror.vibra-bg-midnight-1 .eli-logo-container {
  margin-bottom: 20px;
  animation: fadeInDown 1.2s ease forwards;
  opacity: 0;
}

.eli-glass-mirror.vibra-bg-midnight-1 .eli-logo-container .eli-logo-mirror {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  padding: 8px;
  box-shadow: 0 0 30px rgba(173, 216, 255, 0.3), 0 0 60px rgba(0, 102, 255, 0.2);
  transition: all 0.3s ease-in-out;
}

.eli-glass-mirror.vibra-bg-midnight-1 .eli-logo-container .eli-logo-mirror:hover {
  transform: scale(1.05) rotate(2deg);
  box-shadow: 0 0 40px rgba(173, 216, 255, 0.5), 0 0 80px rgba(0, 102, 255, 0.3);
}

/* ✨ أنميشن دخول */
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 📱 Responsive */
@media (max-width: 480px) {
 .eli-glass-mirror.vibra-bg-midnight-1 .eli-logo-container .eli-logo-mirror {
    width: 70px;
    height: 70px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .eli-glass-mirror.vibra-bg-midnight-1 .eli-logo-container .eli-logo-mirror {
    width: 80px;
    height: 80px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .eli-glass-mirror.vibra-bg-midnight-1 .eli-logo-container .eli-logo-mirror {
    width: 90px;
    height: 90px;
  }
}


.eli-glass-mirror.vibra-bg-midnight-1 .eli-main-title {
  font-size: 42px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 30px;
  font-family: 'Noto Sans Arabic', sans-serif;
  text-shadow: 0 2px 8px rgba(0,0,0,0.3);
  opacity: 0;
  animation: fadeGlowIn 1.4s ease forwards 0.6s;
}

@keyframes fadeGlowIn {
  from {
    opacity: 0;
    transform: scale(0.95);
    text-shadow: none;
  }
  to {
    opacity: 1;
    transform: scale(1);
    text-shadow: 0 0 15px rgba(200, 220, 255, 0.3);
  }
}



/* 🎐 صندوق الزجاج – شفاف وحيّ */
.eli-glass-mirror.vibra-bg-midnight-1 .eli-glass-box {
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 40px 20px;
  text-align: center;
  max-width: 700px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
  animation: fadeInUp 1s ease forwards;
  position: relative;
  z-index: 1;
}

.eli-glass-mirror.vibra-bg-midnight-1 .eli-glass-box:hover {
  box-shadow: 0 12px 50px rgba(255, 255, 255, 0.12), inset 0 0 15px rgba(255, 255, 255, 0.04);
  transform: scale(1.01);
}

.eli-glass-mirror.vibra-bg-midnight-1 .eli-glass-box::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 140%;
  height: 140%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.06) 0%, transparent 70%);
  z-index: 0;
  pointer-events: none;
}

/* 🖋️ العنوان داخل الزجاج */
.eli-glass-mirror.vibra-bg-midnight-1 .eli-glass-title {
  font-family: 'Noto Sans Arabic', sans-serif;
  font-size: 28px;
  color: #e4f1ff;
  font-weight: 700;
  line-height: 1.5;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

.eli-glass-mirror.vibra-bg-midnight-1 .eli-glass-subtext {
  font-size: 16px;
  color: #d0dbff;
  margin-top: 15px;
  line-height: 1.7;
  font-weight: 400;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* 🌫️ حركة دخول ناعمة */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 📲 الأجهزة الصغيرة (≤480px) */
@media (max-width: 480px) {
  .eli-glass-mirror {
    padding: 80px 10px;
  }

  .eli-glass-mirror.vibra-bg-midnight-1 .eli-main-title {
    font-size: 26px;
    margin-bottom: 20px;
  }


  .eli-glass-mirror.vibra-bg-midnight-1 .eli-glass-box {
    padding: 25px 15px;
  }

  .eli-glass-mirror.vibra-bg-midnight-1 .eli-glass-title {
    font-size: 20px;
  }

  .eli-glass-mirror.vibra-bg-midnight-1 .eli-glass-subtext {
    font-size: 16px;
  }
}

/* 📲 موبايل كبير / تابلت عمودي (481px – 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .eli-glass-mirror .eli-main-title {
    font-size: 32px;
    margin-top: 50px;
  }

  .eli-glass-mirror.vibra-bg-midnight-1 .eli-glass-note {
    font-size: 12px;
  }

  .eli-glass-box {
    padding: 35px 20px;
  }

  .eli-glass-mirror.vibra-bg-midnight-1 .eli-glass-title {
    font-size: 24px;
  }

  .eli-glass-box .eli-glass-subtext {
    font-size: 16px;
  }
}

/* 📲 تابلت أفقي وما فوق (768px – 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .eli-glass-mirror.vibra-bg-midnight-1 .eli-main-title {
    font-size: 36px;
  }

 .eli-glass-mirror.vibra-bg-midnight-1 .eli-glass-box {
    padding: 40px 25px;
  }

  .eli-glass-mirror.vibra-bg-midnight-1 .eli-glass-title {
    font-size: 26px;
  }

  .eli-glass-mirror.vibra-bg-midnight-1 .eli-glass-subtext {
    font-size: 17px;
  }
}

/* 🌌 Eli Soul Analyzer – الخلفية والصندوق */
.eli-soul-analysis.vibra-bg-midnight-2 {
  background:
    linear-gradient(to bottom, rgba(13,27,42,0.9), rgba(10,21,34,0.95)),
    url('/vibrapeak-design/images/Eli-Mirror_WhisperToTheMoon.webp') center/cover no-repeat;
  padding: 120px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 0px);
  position: relative;
  overflow: hidden;
}

.eli-soul-analysis.vibra-bg-midnight-2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('/vibrapeak-design/images/Eli-Mirror_WhisperToTheMoon.webp') center/cover repeat;
  opacity: 0.08;
  pointer-events: none;
  z-index: 0;
}

/* 🌟 الصندوق الزجاجي */
.eli-soul-analysis.vibra-bg-midnight-2 .eli-glass-box {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(14px) saturate(180%);
  -webkit-backdrop-filter: blur(14px) saturate(180%);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 50px 30px;
  text-align: center;
  max-width: 700px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
  opacity: 0;
  transform: translateY(60px);
  animation: soulFadeIn 1.4s ease forwards;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}

.eli-soul-analysis.vibra-bg-midnight-2 .eli-glass-box:hover {
  transform: scale(1.015);
  box-shadow: 0 12px 36px rgba(255, 255, 255, 0.1);
}

/* 🖋️ العنوان */
.eli-soul-analysis.vibra-bg-midnight-2 .eli-glass-title {
  font-size: 32px;
  font-weight: 700;
  color: #e4f1ff;
  line-height: 1.7;
  margin-bottom: 24px;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* 🧿 الزر */
.eli-soul-analysis.vibra-bg-midnight-2 .eli-glass-button {
  padding: 12px 28px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 8px;
  background: linear-gradient(135deg, #3c78d8, #6fa8dc);
  color: #f0f8ff !important;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 6px 20px rgba(63, 143, 255, 0.3);
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.eli-blur-in.eli-blur-in .eli-glass-button.eli-glass-button::after {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.2), transparent);
  animation: sparkleSlide 3s linear infinite;
  z-index: 0;
}

.eli-blur-in.eli-blur-in .eli-glass-button.eli-glass-button:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 30px rgba(63, 143, 255, 0.4);
}

/* ✨ الأنميشن */
@keyframes soulFadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes sparkleSlide {
  0% { left: -100%; }
  100% { left: 100%; }
}

/* 📲 Responsive magic */

/* موبايل صغير ≤480px */
@media (max-width: 480px) {
  .eli-soul-analysis.vibra-bg-midnight-2 {
    padding: 80px 15px;
  }

  .eli-soul-analysis.vibra-bg-midnight-2 .eli-glass-box {
    padding: 30px 15px;
    max-width: 95%;
  }

  .eli-soul-analysis.vibra-bg-midnight-2  .eli-glass-title {
    font-size: 22px;
    margin-bottom: 16px;
  }

  .eli-soul-analysis.vibra-bg-midnight-2 .eli-glass-button {
    font-size: 16px;
    padding: 10px 20px;
  }
}

/* موبايل كبير / تابلت عمودي 481–767 */
@media (min-width: 481px) and (max-width: 767px) {
  .eli-soul-analysis.vibra-bg-midnight-2 {
    padding: 100px 20px;
  }

  .eli-soul-analysis.vibra-bg-midnight-2 .eli-glass-box {
    padding: 40px 20px;
    max-width: 90%;
  }

  .eli-soul-analysis.vibra-bg-midnight-2 .eli-glass-title {
    font-size: 26px;
    margin-bottom: 20px;
  }

  .eli-soul-analysis.vibra-bg-midnight-2 .eli-glass-button {
    font-size: 16px;
    padding: 12px 24px;
  }
}

/* تابلت أفقي 768–1024 */
@media (min-width: 768px) and (max-width: 1024px) {
  .eli-soul-analysis.vibra-bg-midnight-2 {
    padding: 120px 25px;
  }

  .eli-soul-analysis.vibra-bg-midnight-2 .eli-glass-box {
    padding: 50px 30px;
    max-width: 85%;
  }

  .eli-soul-analysis.vibra-bg-midnight-2 .eli-glass-title {
    font-size: 28px;
    margin-bottom: 24px;
  }

  .eli-soul-analysis.vibra-bg-midnight-2 .eli-glass-button {
    font-size: 17px;
    padding: 13px 26px;
  }
}

/* 🌠 Eli Live Experience – الخلفية والصندوق */
.eli-live-experience.vibra-bg-midnight-3 {
  background: linear-gradient(to bottom, rgba(13,27,42,0.9), rgba(13,27,42,0.95)),
              url('/vibrapeak-design/images/Eli-Mirror_BondsOfTheHeart.webp') center/cover no-repeat;
  padding: 120px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}

.eli-live-experience.vibra-bg-midnight-3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('/vibrapeak-design/images/Eli-Mirror_BondsOfTheHeart.webp') center/cover repeat;
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}

/* ✨ زجاج إيلي */
.eli-live-experience.vibra-bg-midnight-3 .eli-glass-box {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(16px) saturate(170%);
  -webkit-backdrop-filter: blur(16px) saturate(170%);
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 50px 30px;
  max-width: 800px;
  text-align: center;
  z-index: 1;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25), inset 0 0 20px rgba(255, 255, 255, 0.02);
  transition: all 0.4s ease-in-out;
}

.eli-live-experience.vibra-bg-midnight-3 .eli-glass-box:hover {
  transform: scale(1.01);
  box-shadow: 0 12px 50px rgba(255, 255, 255, 0.08), inset 0 0 30px rgba(255, 255, 255, 0.04);
}

/* 🖋️ كتابة إيلي */
.eli-live-experience.vibra-bg-midnight-3 .eli-live-quote span {
  font-family: 'Noto Sans Arabic', sans-serif;
  font-size: 34px;
  font-weight: 800;
  color: #e4f1ff;
  margin: 0 4px;
  opacity: 0;
  display: inline-block;
  animation: appearWord 0.6s ease forwards;
}

.eli-typewriter.eli-typewriter .eli-live-quote.eli-live-quote span:nth-child(1) { animation-delay: 0.3s; }
.eli-typewriter.eli-typewriter .eli-live-quote.eli-live-quote span:nth-child(2) { animation-delay: 0.6s; }
.eli-typewriter.eli-typewriter .eli-live-quote.eli-live-quote span:nth-child(3) { animation-delay: 0.9s; }
.eli-typewriter.eli-typewriter .eli-live-quote.eli-live-quote span:nth-child(4) { animation-delay: 1.2s; }
.eli-typewriter.eli-typewriter .eli-live-quote.eli-live-quote span:nth-child(5) { animation-delay: 1.5s; }
.eli-typewriter.eli-typewriter .eli-live-quote.eli-live-quote span:nth-child(6) { animation-delay: 1.8s; }
.eli-typewriter.eli-typewriter .eli-live-quote.eli-live-quote span:nth-child(7) { animation-delay: 2.1s; }

@keyframes appearWord {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* 📲 Responsive magic */

/* موبايل صغير ≤480px */
@media (max-width: 480px) {
  .eli-live-experience.vibra-bg-midnight-3 {
    padding: 80px 15px;
  }

  .eli-live-experience.vibra-bg-midnight-3 .eli-glass-box {
    padding: 30px 15px;
    max-width: 95%;
  }

  .eli-live-experience.vibra-bg-midnight-3 .eli-live-quote span {
    font-size: 20px;
  }
}

/* موبايل كبير / تابلت عمودي 481–767 */
@media (min-width: 481px) and (max-width: 767px) {
  .eli-live-experience.vibra-bg-midnight-3 {
    padding: 100px 20px;
  }

  .eli-live-experience.vibra-bg-midnight-3 .eli-glass-box {
    padding: 40px 20px;
    max-width: 90%;
  }

  .eli-live-experience.vibra-bg-midnight-3 .eli-live-quote span {
    font-size: 24px;
  }
}

/* تابلت أفقي 768–1024 */
@media (min-width: 768px) and (max-width: 1024px) {
  .eli-live-experience.vibra-bg-midnight-3 {
    padding: 120px 25px;
  }

  .eli-live-experience.vibra-bg-midnight-3 .eli-glass-box {
    padding: 50px 30px;
    max-width: 85%;
  }

  .eli-live-experience.vibra-bg-midnight-3 .eli-live-quote span {
    font-size: 28px;
  }
}

/* 🌌 Eli Decision Tree – الأساس */
.eli-decision-tree.vibra-bg-midnight-4 {
  background: linear-gradient(to bottom, rgba(20, 20, 40, 0.9), rgba(10, 10, 25, 0.95)),
              url('/vibrapeak-design/images/Eli-Mirror_WhispersInTheSky.webp') center/cover no-repeat;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  position: relative;
   overflow: hidden;
}

.eli-decision-tree.vibra-bg-midnight-4::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('/vibrapeak-design/images/Eli-Mirror_WhispersInTheSky.webp') center/cover no-repeat;
  opacity: 0.15; /* 🔁 عدّل حسب وضوح الصورة */
  z-index: 0;
  pointer-events: none;
}

.eli-decision-tree.vibra-bg-midnight-4 .eli-tree-box {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(16px) saturate(180%);
  border-radius: 24px;
  padding: 50px 30px;
  text-align: center;
  max-width: 900px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 32px rgba(0,0,0,0.3);
  position: relative;
  z-index: 1;
}

.eli-decision-tree.vibra-bg-midnight-4 .eli-tree-box:hover {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow:
    0 8px 40px rgba(255, 255, 255, 0.1),
    0 0 20px rgba(173, 216, 255, 0.08),
    0 0 40px rgba(173, 216, 255, 0.06);
  transform: translateY(-6px);
  transition: all 0.4s ease;
}

.eli-decision-tree.vibra-bg-midnight-4 .eli-section-title {
  font-size: 32px;
  font-weight: 800;
  color: #e6ecff;
  margin-bottom: 30px;
  font-family: 'Noto Sans Arabic', sans-serif;
}

.eli-button-grid.eli-button-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

/* 🍃 أزرار إيلي */
.eli-decision-tree.vibra-bg-midnight-4 .eli-tree-button {
  padding: 12px 24px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: #d8e6ff;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(6px);
  flex: 1 1 160px;
  max-width: 200px;
}

.eli-decision-tree.vibra-bg-midnight-4 .eli-tree-button:hover {
  background: rgba(255, 255, 255, 0.18);
  color: white;
  transform: scale(1.05);
  box-shadow: 0 0 12px rgba(230, 236, 255, 0.2);
}

/* 🖋️ الحركة */
.eli-decision-tree.vibra-bg-midnight-4 .eli-tree-button {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeUp 0.6s ease forwards;
}

.eli-tree-button:nth-child(1) { animation-delay: 0.1s; }
.eli-tree-button:nth-child(2) { animation-delay: 0.2s; }
.eli-tree-button:nth-child(3) { animation-delay: 0.3s; }
.eli-tree-button:nth-child(4) { animation-delay: 0.4s; }
.eli-tree-button:nth-child(5) { animation-delay: 0.5s; }

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 📲 موبايل ≤480px */
@media (max-width: 480px) {
  .eli-decision-tree.vibra-bg-midnight-4  {
    padding: 60px 10px;
  }
  .eli-decision-tree.vibra-bg-midnight-4 .eli-tree-box {
    padding: 30px 15px;
  }
  .eli-decision-tree.vibra-bg-midnight-4 .eli-section-title {
    font-size: 22px;
  }
  .eli-decision-tree.vibra-bg-midnight-4 .eli-tree-button {
    flex: 1 1 100%;
    max-width: 100%;
    font-size: 16px;
    padding: 10px 20px;
  }
}

/* 📲 تابلت عمودي 481–767 */
@media (min-width: 481px) and (max-width: 767px) {
  .eli-decision-tree.vibra-bg-midnight-4 .eli-section-title {
    font-size: 26px;
  }
  .eli-decision-tree.vibra-bg-midnight-4 .eli-tree-button {
    flex: 1 1 140px;
    max-width: 160px;
    font-size: 16px;
    padding: 11px 22px;
  }
}

/* 💻 تابلت أفقي / ديسكتوب صغير 768–1024 */
@media (min-width: 768px) and (max-width: 1024px) {
  .eli-decision-tree.vibra-bg-midnight-4 .eli-section-title {
    font-size: 28px;
  }
  .eli-decision-tree.vibra-bg-midnight-4 .eli-tree-button {
    flex: 1 1 150px;
    max-width: 180px;
    font-size: 17px;
    padding: 12px 24px;
  }
}

/* 🌌 Eli Golden Final Touch – الجوهرة الذهبية */
.vibra-glass-final-golden-touch {
  background: url('/vibrapeak-design/images/Eli-Mirror_FinalTouch.webp') no-repeat center center / cover;
  padding: 100px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 600px;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 60px rgba(255, 215, 0, 0.05);
  transition: all 0.5s ease;
}

.vibra-glass-final-golden-touch:hover {
  box-shadow: 0 0 90px rgba(255, 215, 0, 0.12), inset 0 0 40px rgba(255, 215, 0, 0.08);
}

.vibra-glass-final-golden-touch .golden-glass-inner {
  background: rgba(255, 215, 0, 0.06);
  border: 1px solid rgba(255, 215, 0, 0.25);
  backdrop-filter: blur(14px);
  border-radius: 26px;
  padding: 60px 40px;
  text-align: center;
  max-width: 900px;
  width: 100%;
  box-shadow: 0 0 24px rgba(255, 215, 0, 0.15);
  position: relative;
  
  
    display: flex;
  flex-direction: column;
  align-items: center;

}

.vibra-glass-final-golden-touch .golden-glass-inner::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 160%;
  height: 160%;
  background: radial-gradient(circle, rgba(255, 215, 0, 0.08) 0%, transparent 80%);
  z-index: 0;
  pointer-events: none;
}

.vibra-glass-final-golden-touch .golden-glass-heading {
  font-size: 36px;
  font-weight: 800;
  color: #ffe066;
  font-family: 'Noto Sans Arabic', sans-serif;
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
}

.vibra-glass-final-golden-touch .golden-glass-button {
  background: linear-gradient(135deg, #ffd700, #ffb700);
  color: #111f1f !important;
  font-weight: 700;
  font-size: 20px;
  padding: 18px 36px;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 8px 24px rgba(255, 215, 0, 0.35);
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 1;
}

.vibra-glass-final-golden-touch .golden-glass-button::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(255, 255, 255, 0.15);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
}

.vibra-glass-final-golden-touch .golden-glass-button:hover::before {
  opacity: 1;
}

.vibra-glass-final-golden-touch .golden-glass-button:hover {
  transform: scale(1.04);
  box-shadow: 0 10px 36px rgba(255, 215, 0, 0.5);
}

.vibra-glass-final-golden-touch .golden-glass-note {
  margin-top: 30px;
  font-size: 15px;
  color: #fff9d6;
  text-align: center;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 215, 0, 0.1);
  padding: 10px 15px;
  border-radius: 8px;
  display: inline-block;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.06);
  backdrop-filter: blur(3px);
  animation: fadeInUp 1.5s ease forwards 1.2s;
  opacity: 0;
}

.vibra-glass-final-golden-touch .golden-glass-note a {
  color: #ffe066;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dotted #ffe066;
  transition: all 0.3s ease;
}

.vibra-glass-final-golden-touch .golden-glass-note a:hover {
  color: #ffcc00;
  border-color: #ffcc00;
}

/* 📱 موبايل */
@media (max-width: 480px) {
  .vibra-glass-final-golden-touch .golden-glass-note {
    font-size: 13px;
    margin-top: 20px;
    line-height: 1.6;
  }
}

/* 📲 تابلت عمودي */
@media (min-width: 481px) and (max-width: 767px) {
 .vibra-glass-final-golden-touch .golden-glass-note {
    font-size: 14px;
    margin-top: 25px;
  }
}

/* 💻 تابلت أفقي / ديسكتوب صغير */
@media (min-width: 768px) and (max-width: 1024px) {
 .vibra-glass-final-golden-touch .golden-glass-note {
    font-size: 15px;
  }
}


/* 📲 موبايل */
@media (max-width: 480px) {
.vibra-glass-final-golden-touch  .golden-glass-inner {
    padding: 30px 20px;
  }
 .vibra-glass-final-golden-touch .golden-glass-heading {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .vibra-glass-final-golden-touch .golden-glass-button {
    font-size: 16px;
    padding: 12px 20px;
  }
}

/* 📲 تابلت عمودي */
@media (min-width: 481px) and (max-width: 767px) {
 .vibra-glass-final-golden-touch .golden-glass-inner {
    padding: 40px 30px;
  }
 .vibra-glass-final-golden-touch .golden-glass-heading {
    font-size: 26px;
    margin-bottom: 30px;
  }
  .vibra-glass-final-golden-touch .golden-glass-button {
    font-size: 16px;
    padding: 14px 28px;
  }
}

/* 💻 تابلت أفقي / ديسكتوب صغير */
@media (min-width: 768px) and (max-width: 1024px) {
 .vibra-glass-final-golden-touch .golden-glass-inner {
    padding: 50px 35px;
  }
  .vibra-glass-final-golden-touchr .golden-glass-heading {
    font-size: 30px;
  }
  .vibra-glass-final-golden-touch .golden-glass-button {
    font-size: 18px;
    padding: 16px 32px;
  }
}


/* 💫 الغلاف الخارجي للقسم */
.eli-contact-hero.vibra-bg-midnight-1 {
  position: relative;
  padding: 120px 0 100px;
  text-align: center;
  overflow: hidden;
}

/* 🪞 الزجاج الداخلي */
.eli-contact-hero.vibra-bg-midnight-1 .eli-contact-hero-inner {
  max-width: 800px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  padding: 60px 30px;
  border-radius: 24px;
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.07);
  animation: fadeInGlow 1.6s ease forwards;
}

.eli-contact-hero.vibra-bg-midnight-1 .eli-contact-hero-inner:hover {
  background: rgba(255, 255, 255, 0.03);
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
  transform: none; /* بدون تحرك */
}


/* 🌟 العنوان */
.eli-contact-hero.vibra-bg-midnight-1 .eli-hero-title {
  font-size: 42px;
  color: #fff !important;
 text-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 20px;
  opacity: 0;
  animation: riseIn 1.2s ease 0.4s forwards;
}

/* 🌙 النص الفرعي */
.eli-contact-hero.vibra-bg-midnight-1 .eli-hero-subtitle {
  font-size: 18px;
  color: #ddd;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.05);
  line-height: 1.8;
  font-weight: 400;
  opacity: 0.85;
  margin-bottom: 30px;
  animation: fadeIn 1.6s ease 1s forwards;
  opacity: 0;
}

/* 🔮 زر إيلي */
.eli-contact-hero.vibra-bg-midnight-1 .eli-contact-button {
  display: inline-block;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 500;
  border-radius: 30px;
  background: transparent;
  border: 1px solid rgba(255, 217, 102, 0.4);
  color: #ffd766 ; /* ذهبي فاتح */
  text-decoration: none;
  transition: all 0.4s ease;
  backdrop-filter: blur(6px);
  animation: fadeIn 1.6s ease 1.4s forwards;
  opacity: 0;
  box-shadow: 0 0 8px rgba(255, 217, 102, 0.15);
}

.eli-contact-hero.vibra-bg-midnight-1 .eli-contact-button:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(255, 217, 102, 0.3);
}


/* ✨ أنميشن دخول */
@keyframes fadeInGlow {
  0% { opacity: 0; transform: scale(0.98); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes riseIn {
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

@keyframes fadeIn {
  to { opacity: 1; }
}

/* 🖋️ حجم العنوان والنص والزر - responsive */

/* موبايل أول (≤ 480px) */
@media (max-width: 480px) {
  .eli-contact-hero.vibra-bg-midnight-1  .eli-contact-hero-inner {
    max-width: 95%;
    padding: 20px 12px;
    border-radius: 14px;
  }

  .eli-contact-hero.vibra-bg-midnight-1 .eli-hero-title {
    font-size: 28px;
  }

  .eli-contact-hero.vibra-bg-midnight-1 .eli-hero-subtitle {
    font-size: 16px;
  }

  .eli-contact-hero.vibra-bg-midnight-1 .eli-contact-button {
    font-size: 16px;
    padding: 10px 20px;
  }
}

/* موبايل كبير / تابلت عمودي (481px - 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .eli-contact-hero.vibra-bg-midnight-1 .eli-contact-hero-inner {
    max-width: 95%;
    padding: 20px 12px;
    border-radius: 14px;
  }
  .eli-contact-hero.vibra-bg-midnight-1 .eli-hero-title {
    font-size: 34px;
  }

  .eli-contact-hero.vibra-bg-midnight-1 .eli-hero-subtitle {
    font-size: 16px;
  }

  .eli-contact-hero.vibra-bg-midnight-1 .eli-contact-button {
    font-size: 16px;
    padding: 12px 24px;
  }
}

/* تابلت أفقي (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {

  .eli-contact-hero.vibra-bg-midnight-1 .eli-hero-title {
    font-size: 38px;
  }

  .eli-contact-hero.vibra-bg-midnight-1 .eli-hero-subtitle {
    font-size: 17px;
  }

  .eli-contact-hero.vibra-bg-midnight-1 .eli-contact-button {
    font-size: 17px;
    padding: 13px 26px;
  }
}

/* 🌙 العنوان الجديد للفورم */
/* 🌟 الصندوق الزجاجي للفورم */
section.eli-sacred-form-section.vibra-bg-midnight-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
}

section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form-wrapper {
  max-width: 800px;
  width: 100%;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.05);
  padding: 30px 20px;
  transition: all 0.3s ease-in-out;
}

section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form-wrapper:hover {
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.08);
}


section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form {
  width: 100%;
}


section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-form-title {
  text-align: center;
  font-size: 32px;
  color: #fff;
  margin-bottom: 30px;
  opacity: 0.9;
  animation: fadeInGlow 1.2s ease forwards;
}

/* 🌀 مجموعة الحقول */
section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-form-group {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}

/* ✍️ العناوين */
section.eli-sacred-form-section.vibra-bg-midnight-2n .eli-form-group label {
  font-size: 16px;
  color: #eee;
  margin-bottom: 8px;
}

/* ✨ الحقول */
section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form input[type="text"],
section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form input[type="email"],
section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form textarea,
section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form select {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
  padding: 14px 16px;
  border-radius: 8px;
  font-size: 16px;
  outline: none;
  transition: border 0.3s, box-shadow 0.3s;
  width: 100%;
  box-sizing: border-box;
  appearance: none;
}

section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form input:-webkit-autofill {
  background: rgba(255, 255, 255, 0.03) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.03) inset !important;
  transition: background-color 5000s ease-in-out 0s;
}


section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form input::placeholder,
section.eli-sacred-form-section .eli-sacred-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form input:focus,
section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form textarea:focus,
section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form select:focus {
  border-color: #ffd766;
  box-shadow: 0 0 8px rgba(255, 217, 102, 0.3);
}

/* 🚀 زر الإرسال الجديد */
section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-send-button {
  display: inline-block;
  padding: 14px 28px;
  font-size: 18px;
  font-weight: 500;
  border-radius: 8px;
  background: transparent;
  border: 1px solid rgba(255, 217, 102, 0.4);
  color: #ffd766 !important;
  text-decoration: none;
  transition: all 0.4s ease;
  backdrop-filter: blur(6px);
  cursor: pointer;
  box-shadow: 0 0 8px rgba(255, 217, 102, 0.15);
  width: auto !important;
}

section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-send-button:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(255, 217, 102, 0.3);
}

.shake-warning {
  animation: shake 0.3s ease-in-out;
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

/* 🌙 زر الإرسال - responsive */

/* موبايل أول (≤480px) */
@media (max-width: 480px) {
 section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-form-title {
    font-size: 22px;
  }

  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form input[type="text"],
  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form input[type="email"],
  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form textarea,
  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form select {
    font-size: 16px;
    padding: 12px 14px;
  }

  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-send-button {
    font-size: 16px;
    padding: 10px 22px;
  }
}

/* موبايل كبير / تابلت عمودي (481px - 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-form-title {
    font-size: 26px;
  }

  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form input[type="text"],
  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form input[type="email"],
  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form textarea,
  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form select {
    font-size: 16px;
    padding: 13px 15px;
  }

  section.eli-sacred-form-section.vibra-bg-midnight-2.eli-send-button {
    font-size: 16px;
    padding: 12px 26px;
  }
}

/* تابلت أفقي وما فوق (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-form-title {
    font-size: 28px;
  }

  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form input[type="text"],
  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form input[type="email"],
  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form textarea,
  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-sacred-form select {
    font-size: 17px;
    padding: 14px 16px;
  }

  section.eli-sacred-form-section.vibra-bg-midnight-2 .eli-send-button {
    font-size: 17px;
    padding: 13px 27px;
  }
}

/* 🌌 القسم الثالث: متى ترد إيلي؟ */
section.eli-response-section.vibra-bg-midnight-3 {
  position: relative;
  padding: 100px 20px;
  text-align: center;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(17, 31, 31, 0.8), rgba(28, 44, 44, 0.9));
}

section.eli-response-section.vibra-bg-midnight-3 .eli-response-box {
  max-width: 700px;
  margin: 0 auto;
  padding: 50px 30px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  backdrop-filter: blur(10px);
  box-shadow: 0 0 40px rgba(255, 255, 255, 0.05);
  animation: glowPulse 6s ease-in-out infinite alternate;
}

section.eli-response-section.vibra-bg-midnight-3 p.eli-response-text {
  font-size: 20px;
  line-height: 2;
  color: #ddd ;
  opacity: 0.95;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.03);
}

/* ✨ أنميشن نبض خافت */
@keyframes glowPulse {
  0% {
    box-shadow: 0 0 20px rgba(255, 217, 102, 0.05);
    border-color: rgba(255, 255, 255, 0.05);
  }
  100% {
    box-shadow: 0 0 40px rgba(255, 217, 102, 0.1);
    border-color: rgba(255, 217, 102, 0.1);
  }
}

/* 📱 موبايل صغير */
@media (max-width: 480px) {
        section.eli-response-section.vibra-bg-midnight-3 {
  padding: 30px 20px;
}
  section.eli-response-section.vibra-bg-midnight-3 p.eli-response-text {
    font-size: 16px;
  }
}

/* 📱 موبايل كبير / تابلت عمودي */
@media (min-width: 481px) and (max-width: 767px) {
  section.eli-response-section.vibra-bg-midnight-3 {
   padding: 30px 20px;
}
  section.eli-response-section.vibra-bg-midnight-3 p.eli-response-text {
    font-size: 18px;
  }
}

/* 💻 تابلت أفقي / لابتوب صغير */
@media (min-width: 768px) and (max-width: 1024px) {
   section.eli-response-section.vibra-bg-midnight-3 {
  padding: 60px 20px;
}
  section.eli-response-section.vibra-bg-midnight-3 p.eli-response-text {
    font-size: 19px;
  }
}


/* ✨ الحاوية الخارجية */
.eli-thankyou-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(10, 10, 10, 0.7);
  backdrop-filter: blur(6px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.8s ease;
}

/* ✨ الصندوق المشع */
.eli-thankyou-overlay .eli-thankyou-box {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 40px;
  border-radius: 20px;
  text-align: center;
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.1);
  animation: fadeInUp 1s ease;
}

/* ✨ التفاف مخصص للصورة لخلق هالة دائرية */
.eli-thankyou-overlay .eli-thankyou-image-wrapper {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 20px;
  box-shadow: 0 0 20px rgba(255, 217, 102, 0.5),
              0 0 40px rgba(255, 217, 102, 0.2);
  background: radial-gradient(circle at center, rgba(255, 217, 102, 0.1), transparent 60%);
}

/* 🌕 صورة شعار إيلي – دائرية مشعة */
.eli-thankyou-overlay .eli-thankyou-image {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  border-radius: 50%;
  border: 2px solid rgba(255, 217, 102, 0.4);
  box-shadow: 0 0 20px rgba(255, 217, 102, 0.5),
              0 0 40px rgba(255, 217, 102, 0.2);
  animation: glowPulse 4s infinite ease-in-out;
  object-fit: cover;
  background: radial-gradient(circle at center, rgba(255, 217, 102, 0.2), transparent 60%);
}

/* ✨ النص */
.eli-thankyou-overlay .eli-thankyou-text {
  font-size: 18px;
  color: #FFD966;
  font-weight: 500;
  line-height: 1.6;
  text-shadow: 0 0 10px rgba(255, 217, 102, 0.3);
}

/* ✨ أنميشن النبض */
@keyframes glowPulse {
  0%, 100% {
    opacity: 0.9;
    transform: scale(1);
    box-shadow: 0 0 20px rgba(255, 217, 102, 0.4);
  }
  50% {
    opacity: 1;
    transform: scale(1.08);
    box-shadow: 0 0 40px rgba(255, 217, 102, 0.6);
  }
}

/* ✨ أنميشن الدخول */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 🔷 القسم الأول - مقدمة وجدانية */
.free-analysis-hero.vibra-bg-midnight-1 {
  padding: 100px 20px;
  text-align: center;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto 40px auto;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(4px);
  transition: all 0.3s ease-in-out;
  
  opacity: 0;
  transform: translateY(40px);
}

.free-analysis-hero.vibra-bg-midnight-1:hover {
  transform: translateY(30px) scale(1.01);
  box-shadow: 0 18px 40px rgba(255, 217, 102, 0.25), 0 0 60px rgba(255, 217, 102, 0.08);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 217, 102, 0.2);
}


/* 🎇 عند الدخول */
.free-analysis-hero.animate-in {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.free-analysis-hero::before {
  content: '';
  position: absolute;
  top: -20%;
  left: -20%;
  width: 140%;
  height: 140%;
  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.02), transparent);
  z-index: 0;
  animation: pulseGlow 8s infinite alternate;
}

@keyframes pulseGlow {
  0% { opacity: 0.02; }
  100% { opacity: 0.05; }
}

.free-analysis-hero.vibra-bg-midnight-1 .free-analysis-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
}

.free-analysis-hero.vibra-bg-midnight-1 h1.free-analysis-title {
  color: #FFD700;
  font-size: 42px;
  font-weight: 800;
  text-shadow: 0 0 12px rgba(255, 215, 0, 0.2);
  margin-bottom: 20px;
}

.free-analysis-hero.vibra-bg-midnight-1 p.free-analysis-subtitle {
  color: #fff0fa;
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: 40px;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.1);
}

.free-analysis-hero.vibra-bg-midnight-1 a.free-analysis-button {
  display: inline-block;
  padding: 14px 30px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 8px;
  background: linear-gradient(135deg, #FFD700, #fff2a8);
  color: #111f1f;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.15);
  backdrop-filter: blur(4px);
}

.free-analysis-hero.vibra-bg-midnight-1 a.free-analysis-button:hover {
  background: linear-gradient(135deg, #ffe267, #fff7c2);
  transform: scale(1.05);
  box-shadow: 0 0 30px rgba(255, 215, 0, 0.25);
}

/* 📱 موبايل صغير ≤ 480px */
@media (max-width: 480px) {
  .free-analysis-hero.vibra-bg-midnight-1 {
    padding: 60px 15px;
  }

  .free-analysis-hero.vibra-bg-midnight-1 h1.free-analysis-title {
    font-size: 26px;
  }

  .free-analysis-hero.vibra-bg-midnight-1 p.free-analysis-subtitle {
    font-size: 16px;
  }

  .free-analysis-hero.vibra-bg-midnight-1 a.free-analysis-button {
    font-size: 16px;
    padding: 10px 22px;
  }
}

/* 📱 موبايل كبير / تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
  .free-analysis-hero.vibra-bg-midnight-1 {
    padding: 80px 20px;
  }

  .free-analysis-hero.vibra-bg-midnight-1 h1.free-analysis-title {
    font-size: 32px;
  }

  .free-analysis-hero.vibra-bg-midnight-1 p.free-analysis-subtitle {
    font-size: 16px;
  }

  .free-analysis-hero.vibra-bg-midnight-1 a.free-analysis-button {
    font-size: 16px;
    padding: 12px 26px;
  }
}

/* 💻 تابلت أفقي 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .free-analysis-hero.vibra-bg-midnight-1 {
    padding: 90px 25px;
  }

  .free-analysis-hero.vibra-bg-midnight-1 h1.free-analysis-title {
    font-size: 38px;
  }

  .free-analysis-hero.vibra-bg-midnight-1 p.free-analysis-subtitle {
    font-size: 18px;
  }

  .free-analysis-hero.vibra-bg-midnight-1 a.free-analysis-button {
    font-size: 17px;
    padding: 13px 28px;
  }
}

/* 🌸 القسم الثالث – همسات إيلي */

.vibra-eli-whisper-inner{
  padding: 50px 35px;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}

.vibra-eli-whisper.vibra-bg-hope-1 {
  position: relative;
  overflow: hidden;
}

.vibra-eli-whisper.vibra-bg-hope-1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(6px);
  z-index: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 12px rgba(255, 215, 240, 0.04), 
              0 0 20px rgba(255, 215, 240, 0.05);
  animation: pulseGlow 6s ease-in-out infinite alternate;
}

/* 🌸 صورة شعار إيلي – همسة */
.vibra-eli-whisper.vibra-bg-hope-1 .eli-whisper-logo-wrapper {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 20px auto;
  position: relative;
  box-shadow: 0 0 12px rgba(216, 111, 207, 0.3);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.vibra-eli-whisper.vibra-bg-hope-1 .eli-whisper-logo-wrapper:hover {
  transform: scale(1.05) rotate(1deg);
  box-shadow: 0 0 18px rgba(216, 111, 207, 0.5);
}

.vibra-eli-whisper.vibra-bg-hope-1 .eli-whisper-logo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 50%;
}

/* 📱 Responsive */
@media (max-width: 480px) {
  .vibra-eli-whisper.vibra-bg-hope-1 .eli-whisper-logo-wrapper {
    width: 80px;
    height: 80px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
 .vibra-eli-whisper.vibra-bg-hope-1 .eli-whisper-logo-wrapper {
    width: 100px;
    height: 100px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
 .vibra-eli-whisper.vibra-bg-hope-1 .eli-whisper-logo-wrapper {
    width: 110px;
    height: 110px;
  }
}



.vibra-eli-whisper.vibra-bg-hope-1 .vibra-eli-whisper-title.vibra-eli-whisper-title {
  font-size: 38px;
  font-weight: 800;
  color: #FFD1F3 !important;
  margin-bottom: 20px;
  text-shadow: 0 0 15px rgba(216, 111, 207, 0.35),
               0 0 25px rgba(216, 111, 207, 0.1);
  position: relative;
  z-index: 1;
  animation: fadeGlowWhisper 1.6s ease forwards;
}

.vibra-eli-whisper.vibra-bg-hope-1 .vibra-eli-whisper-text {
  color: #fff0fa;
  font-size: 20px;
  line-height: 1.9;
  opacity: 0.95;
  position: relative;
  z-index: 1;
  animation: fadeGlowWhisper 2s ease forwards;
}

@keyframes fadeGlowWhisper {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
    text-shadow: none;
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    text-shadow: 0 0 12px rgba(216, 111, 207, 0.25);
  }
}

/* 📱 موبايل أول ≤480px */
@media (max-width: 480px) {
  .vibra-eli-whisper.vibra-bg-hope-1 .vibra-eli-whisper-inner {
    padding: 30px 15px;
  }

  .vibra-eli-whisper.vibra-bg-hope-1  h2.vibra-eli-whisper-title {
    font-size: 22px !important;
  }

  .vibra-eli-whisper.vibra-bg-hope-1 .vibra-eli-whisper-text {
    font-size: 16px;
    line-height: 1.7;
  }
}

/* 📲 موبايل كبير / تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
  .vibra-eli-whisper-inner.vibra-eli-whisper-inner {
    padding: 40px 20px;
  }

  section.vibra-eli-whisper .vibra-eli-whisper-inner .vibra-eli-whisper-title.vibra-eli-whisper-title {
    font-size: 26px;
  }

 .vibra-eli-whisper-inner .vibra-eli-whisper-text {
    font-size: 16px;
  }
}

/* 💻 تابلت أفقي وما فوق 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .vibra-eli-whisper.vibra-bg-hope-1  .vibra-eli-whisper-inner {
    padding: 45px 25px;
  }

  .vibra-eli-whisper.vibra-bg-hope-1 .vibra-eli-whisper-title {
    font-size: 32px;
  }

  .vibra-eli-whisper.vibra-bg-hope-1 .vibra-eli-whisper-text {
    font-size: 18px;
  }
}

/* 🌸 بوابة التحليل العميق */

.vibra-premium-cta.vibra-bg-hope-2 .vibra-premium-cta-inner {
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 24px;
  padding: 50px 35px;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  box-shadow: inset 0 0 12px rgba(255, 215, 240, 0.04), 
              0 0 20px rgba(255, 215, 240, 0.05);
  animation: fadeGlowDeep 1.6s ease forwards;
  transition: all 0.4s ease-in-out;
}

.vibra-premium-cta.vibra-bg-hope-2 .vibra-premium-cta-inner::before {
  content: "";
  position: absolute;
  top: -20px; left: -20px; right: -20px; bottom: -20px;
  background: radial-gradient(circle at center, rgba(216, 111, 207, 0.05), transparent);
  border-radius: 30px;
  z-index: 0;
  animation: pulseGlow 6s ease-in-out infinite alternate;
}

.vibra-premium-cta.vibra-bg-hope-2 .vibra-premium-cta-title {
  font-size: 38px;
  font-weight: 800;
  color: #FFD1F3;
  margin-bottom: 20px;
  text-shadow: 0 0 12px rgba(216, 111, 207, 0.3);
  position: relative;
  z-index: 1;
}

.vibra-premium-cta.vibra-bg-hope-2 .vibra-premium-cta-text {
  color: #fff0fa;
  font-size: 20px;
  line-height: 1.9;
  opacity: 0.95;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

.vibra-premium-cta.vibra-bg-hope-2 .vibra-premium-cta-button {
  display: inline-block;
  padding: 14px 30px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 8px;
  background: linear-gradient(135deg, #FFD700, #fff2a8);
  color: #111f1f;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.15);
  position: relative;
  z-index: 1;
}

.vibra-premium-cta.vibra-bg-hope-2 .vibra-premium-cta-button:hover {
  background: linear-gradient(135deg, #ffe267, #fff7c2);
  transform: scale(1.05);
  box-shadow: 0 0 30px rgba(255, 215, 0, 0.25);
}

/* ✨ أنميشن */
@keyframes fadeGlowDeep {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* 📱 موبايل أول ≤480px */
@media (max-width: 480px) {
  .vibra-premium-cta.vibra-bg-hope-2 .vibra-premium-cta-inner {
    padding: 30px 15px;
  }

  .vibra-premium-cta.vibra-bg-hope-2 .vibra-premium-cta-title {
    font-size: 22px;
  }

  .vibra-premium-cta.vibra-bg-hope-2 .vibra-premium-cta-text {
    font-size: 16px;
    line-height: 1.7;
  }

  .vibra-premium-cta.vibra-bg-hope-2 .vibra-premium-cta-button {
    font-size: 16px;
    padding: 10px 22px;
  }
}

/* 📲 موبايل كبير / تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
  .vibra-premium-cta-inner.vibra-premium-cta-inner {
    padding: 40px 20px;
  }

  .vibra-premium-cta-inner.vibra-premium-cta-inner .vibra-premium-cta-title.vibra-premium-cta-title {
    font-size: 28px;
  }

  .vibra-premium-cta-inner.vibra-premium-cta-inner .vibra-premium-cta-text.vibra-premium-cta-text {
    font-size: 16px;
  }

  .vibra-premium-cta.vibra-bg-hope-2 .vibra-premium-cta-button {
    font-size: 16px;
    padding: 12px 26px;
  }
}

/* 💻 تابلت أفقي وما فوق 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .vibra-premium-cta.vibra-bg-hope-2 .vibra-premium-cta-inner {
    padding: 45px 25px;
  }

  .vibra-premium-cta.vibra-bg-hope-2 .vibra-premium-cta-title {
    font-size: 32px;
  }

  .vibra-premium-cta.vibra-bg-hope-2 .vibra-premium-cta-text {
    font-size: 18px;
  }

  .vibra-premium-cta.vibra-bg-hope-2 .vibra-premium-cta-button {
    font-size: 17px;
    padding: 13px 28px;
  }
}

/* 🌸 بوابة إيلي المزدوجة */
.vibra-dual-gate.vibra-bg-hope-3 {
  padding: 80px 20px;
  text-align: center;
  border-radius: 20px;
  box-shadow: 0 0 60px rgba(255, 255, 255, 0.06);
}

.vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-inner {
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 24px;
  padding: 50px 35px;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  box-shadow: inset 0 0 12px rgba(255, 215, 240, 0.04), 
              0 0 20px rgba(255, 215, 240, 0.05);
  animation: fadeSlideUpHope 1s ease forwards;
}

.vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-title {
  color: #FFD1F3;
  font-size: 34px;
  margin-bottom: 16px;
  text-shadow: 0 0 12px rgba(216, 111, 207, 0.3);
  animation: fadeInUpTitle 1s ease forwards 0.3s;
  opacity: 0;
}

.vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-text {
  color: #fff0fa;
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 40px;
  opacity: 0;
  animation: fadeInUpText 1s ease forwards 0.6s;
}

.vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  opacity: 0;
  animation: fadeInUpButtons 1s ease forwards 0.9s;
}

.vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-btn {
  padding: 14px 28px;
  font-size: 17px;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.vibra-dual-gate.vibra-bg-hope-3 .transparent-btn {
  background: transparent;
  border: 1px solid #FFD700;
  color: #FFD700;
  box-shadow: 0 0 12px rgba(255, 215, 0, 0.1);
}

.vibra-dual-gate.vibra-bg-hope-3 .transparent-btn:hover {
  background: rgba(255, 215, 0, 0.1);
  transform: scale(1.05);
}

.vibra-dual-gate.vibra-bg-hope-3 .glassy-btn {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #fdf0fc !important;
  backdrop-filter: blur(4px);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.05);
}

.vibra-dual-gate.vibra-bg-hope-3 .glassy-btn:hover {
  backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, 0.1);
  transform: scale(1.05);
}

/* ✨ Animations */
@keyframes fadeSlideUpHope {
  from { opacity: 0; transform: translateY(20px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes fadeInUpTitle {
  from { opacity: 0; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUpText {
  from { opacity: 0; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUpButtons {
  from { opacity: 0; transform: translateY(15px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-note {
  margin-top: 30px;
  font-size: 15px;
  color: #f5e1f9;
  text-align: center;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 12px 16px;
  border-radius: 8px;
  display: inline-block;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
  box-shadow: 0 0 8px rgba(255, 215, 240, 0.05);
  backdrop-filter: blur(3px);
  animation: fadeInUpText 1s ease forwards 1.2s;
  opacity: 0;
}

.vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-note a {
  color: #FFD1F3;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dotted #FFD1F3;
  transition: all 0.3s ease;
}

.vibra-dual-gate .vibra-dual-gate-note a:hover {
  color: #ff9ee8;
  border-color: #ff9ee8;
}

/* 📱 موبايل صغير ≤480px */
@media (max-width: 480px) {
  .vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-note {
    font-size: 12px;
    line-height: 1.5;
    padding: 10px 12px;
  }
}

/* 📱 موبايل كبير / تابلت عمودي 481–767px */
@media (min-width: 481px) and (max-width: 767px) {
  .vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-note {
    font-size: 13px;
    line-height: 1.6;
    padding: 11px 14px;
  }
}

/* 💻 تابلت أفقي 768–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-note {
    font-size: 14px;
    line-height: 1.6;
    padding: 12px 16px;
  }
}

/* 🖥️ شاشات أكبر 1025px+ (الافتراضي في الكود الأساسي) */



/* 📱 Responsive */
@media (max-width: 480px) {
  .vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-inner {
    padding: 30px 15px;
  }
  .vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-title {
    font-size: 22px;
  }
  .vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-text {
    font-size: 16px;
  }
  .vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-btn {
    font-size: 16px;
    padding: 10px 22px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-inner {
    padding: 40px 20px;
  }
  .vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-title {
    font-size: 26px;
  }
  .vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-text {
    font-size: 16px;
  }
  .vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-btn {
    font-size: 16px;
    padding: 12px 24px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-inner {
    padding: 45px 25px;
  }
  .vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-title {
    font-size: 30px;
  }
  .vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-text {
    font-size: 17px;
  }
  .vibra-dual-gate.vibra-bg-hope-3 .vibra-dual-gate-btn {
    font-size: 17px;
    padding: 13px 26px;
  }
}

/*<!-- القسم الأول صفحة التحليلات -->*/
.eli-analysis-hero.vibra-bg-ash-1 {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;

  background: linear-gradient(135deg, #fdf7e3, #fffbea);
  box-shadow: inset 0 0 200px rgba(212, 175, 55, 0.08);

  animation: heroBreath 12s ease-in-out infinite alternate;
}

@keyframes heroBreath {
  0% {
    background: linear-gradient(135deg, #fdf7e3, #fffbea);
  }
  50% {
    background: linear-gradient(135deg, #f8f3dc, #fef9e6);
  }
  100% {
    background: linear-gradient(135deg, #fdf7e3, #fffbea);
  }
}

.eli-analysis-hero.vibra-bg-ash-1 .hero-glass-box {
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid rgba(212, 175, 55, 0.08);
  box-shadow: 0 0 40px rgba(212, 175, 55, 0.06);
  border-radius: 32px;
  backdrop-filter: blur(12px);
  padding: 60px 40px;
  max-width: 800px;
  text-align: center;
  z-index: 2;
  position: relative;
  transition: all 0.6s ease-in-out;

  opacity: 0;
  transform: translateY(50px);
  animation: boxIn 1.2s ease-out forwards 0.3s;
}

@keyframes boxIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.eli-analysis-hero.vibra-bg-ash-1 .hero-glass-box img {
  opacity: 0;
  width: 1px;
  height: 1px;
}


.eli-analysis-hero.vibra-bg-ash-1 .hero-glass-box h1 {
  opacity: 0;
  transform: translateY(20px);
  animation: textIn 1s ease-out forwards 0.8s;
}

.eli-analysis-hero.vibra-bg-ash-1 .hero-glass-box p {
  opacity: 0;
  transform: translateY(20px);
  animation: textIn 1s ease-out forwards 1.2s;
}

@keyframes textIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* 🖋️ العنوان الرئيسي */
.eli-analysis-hero.vibra-bg-ash-1 h1.eli-main-heading {
  font-size: 48px;
  font-weight: 900;
  color: #d4af37; /* ذهبي ثابت */
  text-shadow: 0 0 8px rgba(212, 175, 55, 0.1);
  line-height: 1.3;
  margin-bottom: 20px;
}

/* 💬 النص المرافق */
.eli-analysis-hero.vibra-bg-ash-1 .eli-subtext {
  font-size: 20px;
  color: #444; 
  line-height: 1.8;
  max-width: 90%;
  margin: 0 auto;
  font-weight: 400;
  font-family: 'Noto Sans Arabic', sans-serif;
}

/* 🌌 تأثير دخول ناعم */
.eli-analysis-hero.vibra-bg-ash-1 .fade-in-hero {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInSoft 1s ease-out forwards;
}


@keyframes fadeInSoft {
  0% { opacity: 0; transform: translateY(20px) scale(0.98); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* 🫧 تأثير ضوء متحرك في الخلفية */
@keyframes floatLight {
  0% {
    transform: scale(1) translate(0, 0);
  }
  100% {
    transform: scale(1.03) translate(10px, -5px);
  }
}

.eli-analysis-hero.vibra-bg-ash-1 .eli-hero-cta-btn {
  display: inline-block;
  margin-top: 30px;
  padding: 14px 36px;
  background: linear-gradient(135deg, #FFD700, #fff2a8);
  color: #111;
  font-weight: bold;
  font-size: 18px;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 0 20px rgba(212, 175, 55, 0.2);
  transition: all 0.3s ease-in-out;
  opacity: 0;
  transform: translateY(20px);
  animation: btnIn 1s ease-out forwards 1.6s;
}

.eli-analysis-hero.vibra-bg-ash-1 .eli-hero-cta-btn:hover {
  transform: translateY(0) scale(1.05);
  box-shadow: 0 0 30px rgba(212, 175, 55, 0.3);
}

@keyframes btnIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 📱 استجابة الهواتف */
@media (max-width: 480px) {
 .eli-analysis-hero .eli-hero-cta-btn {
    font-size: 16px;
    padding: 12px 28px;
    border-radius: 16px;
  }
}


/* 📱 استجابة الهواتف */
@media (max-width: 480px) {
  .eli-analysis-hero.vibra-bg-ash-1 h1.eli-main-heading {
    font-size: 28px;
  }

  .eli-analysis-hero.vibra-bg-ash-1 .eli-subtext {
    font-size: 16px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .eli-analysis-hero.vibra-bg-ash-1 {
    height: 100vh;
  }
  .eli-analysis-hero.vibra-bg-ash-1 h1.eli-main-heading {
    font-size: 36px;
  }

  .eli-analysis-hero.vibra-bg-ash-1 .eli-subtext {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .eli-analysis-hero.vibra-bg-ash-1 h1.eli-main-heading {
    font-size: 42px;
  }

  .eli-analysis-hero.vibra-bg-ash-1 .eli-subtext {
    font-size: 18px;
  }
}

/* =============================
🔘 بوابة اختيار العلاقة – نسخة العسل
============================= */

.eli-analysis-types.vibra-bg-ash-2 {
  position: relative;
  padding: min(100px, 12vh) 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 90vh;
  background: linear-gradient(135deg, #fdf7e3, #fffbea);
}

.eli-analysis-types.vibra-bg-ash-2 .types-glass-box {
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid rgba(212, 175, 55, 0.08);
  backdrop-filter: blur(12px);
  border-radius: 32px;
  padding: 60px 40px;
  text-align: center;
  box-shadow: 0 0 30px rgba(212,175,55,0.05);
  max-width: 1000px;
  transition: all 0.3s ease-in-out;
  z-index: 2;

  position: relative;
  overflow: hidden;
}

.eli-analysis-types.vibra-bg-ash-2  .types-glass-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(212, 175, 55, 0.1) 0%,
    rgba(212, 175, 55, 0.2) 50%,
    rgba(212, 175, 55, 0.1) 100%
  );
  transform: skewX(-20deg);
  transition: all 0.5s ease-in-out;
  opacity: 0;
}

.eli-analysis-types.vibra-bg-ash-2 .types-glass-box:hover::after {
  left: 135%;
  opacity: 1;
}


.eli-analysis-types.vibra-bg-ash-2  h2.eli-section-heading {
  color: #d4af37;
  text-shadow: 0 0 8px rgba(212, 175, 55, 0.1);
  font-size: 36px;
  margin-bottom: 16px;
  font-weight: 800;
  line-height: 1.4;
  font-family: 'Noto Sans Arabic', sans-serif;
}

.eli-analysis-types.vibra-bg-ash-2  p.eli-section-subtext {
  font-size: 18px;
  color: #444;
  margin-bottom: 40px;
  line-height: 1.8;
  font-family: 'Noto Sans Arabic', sans-serif;
}

.eli-analysis-types.vibra-bg-ash-2 .relationship-type-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  justify-items: center;
}

/* ✴️ أزرار العلاقات */
.eli-analysis-types.vibra-bg-ash-2  .relation-btn {
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(212,175,55,0.1);
  border-radius: 8px;
  padding: 18px 22px;
  font-size: 18px;
  font-weight: 600;
  color: #222;
  cursor: pointer;
  width: 100%;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  backdrop-filter: blur(4px);
  font-family: 'Noto Sans Arabic', sans-serif;
  position: relative;
}

.eli-analysis-types.vibra-bg-ash-2  .relation-btn:hover {
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);
  transform: translateY(-2px);
  border-color: rgba(212,175,55,0.2);
}

/* 🎨 ألوان الرموز */
.type-love     { color: #ff6b6b; }
.type-marriage { color: #ffd700; }
.type-family   { color: #ffa500; }
.type-friendship { color: #c084fc; }
.type-work     { color: #7dd3fc; }

/* ✨ دخول ناعم */
.eli-analysis-types.vibra-bg-ash-2 .fade-in-types {
  opacity: 0;
  transform: translateY(40px);
  animation: fadeInTypes 1.2s ease-out forwards;
}

@keyframes fadeInTypes {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.eli-analysis-types.vibra-bg-ash-2 .relation-btn {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInBtn 0.6s ease forwards;
  animation-delay: var(--delay, 0s);
}

@keyframes fadeInBtn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 📱 استجابة الهواتف */
@media (max-width: 480px) {
  .eli-analysis-types.vibra-bg-ash-2  h2.eli-section-heading {
    font-size: 26px;
  }
  .eli-analysis-types.vibra-bg-ash-2  p.eli-section-subtext {
    font-size: 16px;
  }
  .eli-analysis-types.vibra-bg-ash-2  .relation-btn {
    font-size: 16px;
    padding: 14px 18px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .eli-analysis-types.vibra-bg-ash-2  h2.eli-section-heading {
    font-size: 30px;
  }
  .eli-analysis-types.vibra-bg-ash-2  p.eli-section-subtext {
    font-size: 16px;
  }
  .eli-analysis-types.vibra-bg-ash-2  .relation-btn {
    font-size: 16px;
    padding: 16px 20px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .eli-analysis-types.vibra-bg-ash-2  h2.eli-section-heading {
    font-size: 34px;
  }
  .eli-analysis-types.vibra-bg-ash-2  p.eli-section-subtext {
    font-size: 17px;
  }
  .eli-analysis-types.vibra-bg-ash-2  .relation-btn {
    font-size: 17px;
    padding: 17px 21px;
  }
}

/* 🌸 Eli Sacred Form Switcher – تحفة إيلي الذهبية */
.form-switcher {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0 auto;
  padding: 20px 24px;
  max-width: 960px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  border: 1px solid rgba(212, 175, 55, 0.1);
  box-shadow:
    inset 0 0 12px rgba(212, 175, 55, 0.05),
    0 0 25px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(12px);
  transition: all 0.3s ease-in-out;
}

.form-switcher:hover {
  box-shadow:
    inset 0 0 14px rgba(212, 175, 55, 0.08),
    0 0 30px rgba(0, 0, 0, 0.15);
}

/* 🪄 الأزرار */
.form-switcher .switch-btn {
  border: none;
  padding: 14px 30px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.4);
  color: #d4af37;
  border: 1px solid rgba(212, 175, 55, 0.15);
  backdrop-filter: blur(6px);
  text-transform: capitalize;
}

.form-switcher .switch-btn:hover {
  box-shadow: 0 0 14px rgba(212, 175, 55, 0.2);
  transform: translateY(-2px);
}

/* 🔮 زر نشط */
.form-switcher .switch-btn.active {
  background: linear-gradient(135deg, #d4af37, #fff3b0);
  color: #111;
  box-shadow: 0 0 30px rgba(212, 175, 55, 0.4);
  transform: scale(1.03);
}

/* 🎨 ألوان حسب نوع العلاقة */
/* 🎨 ألوان حسب نوع العلاقة */
#btn-love { color: #e06666; }
#btn-marriage { color: #6fa8dc; }
#btn-family { color: #93c47d; }
#btn-friendship { color: #b4a7d6; }
#btn-work { color: #999999; }

#btn-love.active { background: #f4cccc; color: #111; }
#btn-marriage.active { background: #c9daf8; color: #111; }
#btn-family.active { background: #d9ead3; color: #111; }
#btn-friendship.active { background: #d9d2e9; color: #111; }
#btn-work.active { background: #dddddd; color: #111; }

/* 📱 موبايل صغير */
@media (max-width: 480px) {
  .form-switcher {
    padding: 16px 16px;
    gap: 12px;
  }
  .form-switcher .switch-btn {
    font-size: 16px;
    padding: 10px 20px;
  }
}

/* 📱 تابلت عمودي */
@media (min-width: 481px) and (max-width: 767px) {
  .form-switcher .switch-btn {
    font-size: 16px;
    padding: 12px 24px;
  }
}

/* 📱 تابلت أفقي */
@media (min-width: 768px) and (max-width: 1024px) {
  .form-switcher .switch-btn {
    font-size: 17px;
    padding: 13px 26px;
  }
}

/* =============================
🪞 مرآة الاعتراف – Mirror of Readiness – نسخة المسك والعنبر النهائية
============================= */

/* ✨ الخلفية العامة للقسم */
.eli-who-is-this-for.vibra-bg-ash-4 {
  background: linear-gradient(135deg, #fdf7e3, #fffbea);
  padding: 80px 20px;
  position: relative;
  z-index: 1;
}

.eli-who-is-this-for.vibra-bg-ash-4::before {
  content: "";
  position: absolute;
  top: -20%;
  left: -20%;
  width: 160%;
  height: 160%;
  background: radial-gradient(circle at center, rgba(212, 175, 55, 0.04), transparent 70%);
  animation: floatLight 12s ease-in-out infinite alternate;
  z-index: 0;
}

/* ✨ الصندوق الزجاجي */
.eli-who-is-this-for.vibra-bg-ash-4 .manifesto-glass-box {
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(212, 175, 55, 0.1);
  border-radius: 28px;
  padding: 60px 40px;
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(212, 175, 55, 0.08);
  transition: all 0.4s ease-in-out;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.eli-who-is-this-for.vibra-bg-ash-4 .manifesto-glass-box:hover {
  box-shadow: 0 14px 36px rgba(212, 175, 55, 0.1);
  transform: scale(1.01);
}

.eli-who-is-this-for.vibra-bg-ash-4 .vibra-heading-h2-ash {
  font-size: 36px;
  text-align: center;
  color: #d4af37;
  text-shadow: 0 0 8px rgba(212, 175, 55, 0.1);
  font-weight: 900;
  margin-bottom: 20px;
  text-shadow: 0 0 8px rgba(212, 175, 55, 0.1);
  font-family: 'Noto Sans Arabic', sans-serif;
}

.eli-who-is-this-for.vibra-bg-ash-4 .manifesto-paragraph {
  font-size: 18px;
  text-align: center;
  color: #555;
  margin-bottom: 50px;
}

/* 🧩 الحاوية الكبرى */
.eli-who-is-this-for.vibra-bg-ash-4 .checklist-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
}

/* 📦 الأعمدة */
.eli-who-is-this-for.vibra-bg-ash-4 .checklist-column {
  flex: 1 1 45%;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(212, 175, 55, 0.1);
  border-radius: 20px;
  padding: 30px 25px;
  box-shadow: 0 8px 20px rgba(212, 175, 55, 0.06);
  transition: all 0.3s ease;
}

.eli-who-is-this-for.vibra-bg-ash-4 .checklist-column:hover {
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 10px 24px rgba(212, 175, 55, 0.08);
  transform: translateY(-2px);
}

.eli-who-is-this-for.vibra-bg-ash-4 .checklist-heading {
  font-size: 24px;
  color: #d4af37;
  margin-bottom: 20px;
  font-weight: 700;
  text-align: center;
}

.eli-who-is-this-for.vibra-bg-ash-4 .checklist {
  list-style: none;
  padding: 0;
  margin: 0;
}

.eli-who-is-this-for.vibra-bg-ash-4 .checklist li {
  position: relative;
  padding-right: 28px;
  font-size: 18px;
  color: #666;
  margin-bottom: 14px;
  line-height: 1.7;
  direction: rtl;
  text-align: right;
}

.eli-who-is-this-for.vibra-bg-ash-4 .checklist li::before {
  content: "•";
  position: absolute;
  right: 0;
  top: 0;
  color: #d4af37;
  font-size: 20px;
  line-height: 1.5;
}

.eli-who-is-this-for.vibra-bg-ash-4 .eli-external-note {
  text-align: center;
  font-size: 15px;
  color: #444;
  margin-top: 30px;
  padding: 10px 15px;
  background: rgba(255,255,255,0.5);
  border: 1px solid rgba(212,175,55,0.15);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  font-family: 'Noto Sans Arabic', sans-serif;
  transition: all 0.3s ease-in-out;
}

.eli-who-is-this-for.vibra-bg-ash-4 .eli-external-note a {
  color: #d4af37;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dotted #d4af37;
  transition: all 0.3s ease;
}

.eli-who-is-this-for.vibra-bg-ash-4 .eli-external-note a:hover {
  color: #b38c2d;
  border-color: #b38c2d;
}

/* 📱 Responsive */
@media (max-width: 480px) {
  .eli-who-is-this-for.vibra-bg-ash-4 .eli-external-note {
    font-size: 13px;
    margin-top: 20px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .eli-who-is-this-for.vibra-bg-ash-4 .eli-external-note {
    font-size: 14px;
    margin-top: 25px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .eli-who-is-this-for.vibra-bg-ash-4 .eli-external-note {
    font-size: 15px;
    margin-top: 28px;
  }
}



/* 📱 Responsive */
@media (max-width: 480px) {
  .eli-who-is-this-for.vibra-bg-ash-4 {
    padding: 40px 12px;
  }

  .eli-who-is-this-for.vibra-bg-ash-4 .manifesto-glass-box {
    padding: 25px 12px;
    border-radius: 20px;
  }

  .eli-who-is-this-for.vibra-bg-ash-4 .vibra-heading-h2-ash {
    font-size: 24px;
  }

  .eli-who-is-this-for.vibra-bg-ash-4 .manifesto-paragraph {
    font-size: 16px;
    margin-bottom: 30px;
  }

 .eli-who-is-this-for.vibra-bg-ash-4 .checklist-column {
    padding: 20px 12px;
    border-radius: 16px;
  }

  .eli-who-is-this-for.vibra-bg-ash-4 .checklist-heading {
    font-size: 20px;
  }

 .eli-who-is-this-for.vibra-bg-ash-4 .checklist li {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
 .eli-who-is-this-for.vibra-bg-ash-4 .manifesto-glass-box {
    padding: 30px 16px;
    border-radius: 22px;
  }

  .eli-who-is-this-for.vibra-bg-ash-4 .vibra-heading-h2-ash {
    font-size: 28px;
  }

  .eli-who-is-this-for.vibra-bg-ash-4 .manifesto-paragraph {
    font-size: 16px;
  }

 .eli-who-is-this-for.vibra-bg-ash-4 .checklist-column {
    padding: 24px 15px;
    border-radius: 18px;
  }

  .eli-who-is-this-for.vibra-bg-ash-4 .checklist-heading {
    font-size: 20px;
  }

 .eli-who-is-this-for.vibra-bg-ash-4 .checklist li {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .eli-who-is-this-for.vibra-bg-ash-4 .manifesto-glass-box {
    padding: 40px 20px;
    border-radius: 24px;
  }

  .eli-who-is-this-for.vibra-bg-ash-4 h2.vibra-heading-h2-ash {
    font-size: 32px;
  }

 .eli-who-is-this-for.vibra-bg-ash-4 p.manifesto-paragraph {
    font-size: 17px;
  }

 .eli-who-is-this-for.vibra-bg-ash-4 .checklist-column {
    padding: 28px 20px;
    border-radius: 20px;
  }

  .eli-who-is-this-for.vibra-bg-ash-4.checklist-heading {
    font-size: 24px;
  }

  .eli-who-is-this-for.vibra-bg-ash-4 .checklist li {
    font-size: 17px;
  }
}
/* 🍃 القسم الأخير: الدفع والاشتراك - نسخة فاتحة */
.eli-pricing-section.vibra-bg-clarity-5 {
  position: relative;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  background: linear-gradient(
    #fdf7e3,
    #fffbea
  );
  overflow: hidden;
}

.eli-pricing-section.vibra-bg-clarity-5::before {
  content: "";
  position: absolute;
  top: -20%;
  left: -20%;
  width: 160%;
  height: 160%;
  background: radial-gradient(circle at center, rgba(255, 215, 0, 0.06), transparent 70%);
  animation: floatLight 12s ease-in-out infinite alternate;
  z-index: 1;
  
  will-change: transform;
  transform-style: preserve-3d;
}


@keyframes floatLight {
  0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

.eli-pricing-section.vibra-bg-clarity-5 .pricing-box {
  position: relative;
  z-index: 2;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 215, 0, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 50px 30px;
  text-align: center;
  max-width: 700px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 40px rgba(255, 215, 0, 0.08);
  border-radius: 20px;
  
  
    will-change: transform;
  transform-style: preserve-3d;
}

.eli-pricing-section.vibra-bg-clarity-5 .pricing-box:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 0 60px rgba(255, 215, 0, 0.12);
}

.eli-pricing-section.vibra-bg-clarity-5 .vibra-heading-h2-pricing {
  font-size: 36px;
  font-weight: 800;
  color: #d4af37 !important;
  margin-bottom: 20px;
  text-shadow: 0 0 6px rgba(255, 215, 0, 0.1);
}

.eli-pricing-section.vibra-bg-clarity-5 .manifesto-paragraph {
  font-size: 18px;
  color: #444;
  line-height: 1.7;
  max-width: 80%;
  margin: 0 auto 30px auto;
}

.eli-pricing-section.vibra-bg-clarity-5 .pricing-details .price-tag {
  font-size: 26px;
  font-weight: bold;
  color: #222;
  margin-bottom: 20px;
}

.eli-pricing-section.vibra-bg-clarity-5 .golden-glow-btn-clarity {
  display: inline-block;
  background: linear-gradient(135deg, #fdd835, #fff176);
  color: #111;
  font-weight: bold;
  padding: 12px 24px;
  font-size: 18px;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 0 20px rgba(253, 216, 53, 0.3);
  transition: all 0.3s ease-in-out;
}

.eli-pricing-section.vibra-bg-clarity-5 .golden-glow-btn-clarity:hover {
  background: linear-gradient(135deg, #fff59d, #fffde7);
  transform: scale(1.05);
  box-shadow: 0 0 30px rgba(253, 216, 53, 0.4);
  
}

/* 🧾 شعارات وسائل الدفع */
.eli-pricing-section.vibra-bg-clarity-5 .payment-icons {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 15px;
  opacity: 0.9;
}

.eli-pricing-section.vibra-bg-clarity-5 .payment-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.1);
  border: 1px solid rgba(255, 215, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, box-shadow 0.3s ease;
}

.eli-pricing-section.vibra-bg-clarity-5 .payment-icon:hover {
  transform: scale(1.08);
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.2);
}

.eli-pricing-section.vibra-bg-clarity-5 .payment-icon img {
  width: 70%;
  height: 70%;
  object-fit: contain;
  filter: drop-shadow(0 0 3px rgba(255, 215, 0, 0.3));
  transition: filter 0.4s ease, transform 0.4s ease;
}

.eli-pricing-section.vibra-bg-clarity-5 .payment-icon:hover img {
  filter: drop-shadow(0 0 6px rgba(255, 215, 0, 0.4))
          drop-shadow(0 0 12px rgba(255, 215, 0, 0.2));
  transform: scale(1.05);
}

/* 🍯 Eli Pricing Section Final Touch – Mobile Optimized */

/* 👑 هاتف صغير ≤ 480px */
@media (max-width: 480px) {
  .eli-pricing-section.vibra-bg-clarity-5 .pricing-box {
    padding: 30px 15px;
    border-radius: 20px;
  }

  .eli-pricing-section.vibra-bg-clarity-5 .vibra-heading-h2-pricing {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .eli-pricing-section.vibra-bg-clarity-5 .manifesto-paragraph {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .eli-pricing-section.vibra-bg-clarity-5 .price-tag {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .eli-pricing-section.vibra-bg-clarity-5 .golden-glow-btn-clarity {
    font-size: 16px;
    padding: 10px 18px;
    width: 70%;
  }

  .eli-pricing-section.vibra-bg-clarity-5 .payment-icons {
    flex-wrap: wrap;
    gap: 10px;
  }

 .eli-pricing-section.vibra-bg-clarity-5 .payment-icon {
    width: 40px; /* 👈 رفعناها من 36px */
    height: 40px;
    animation: glowPulse 3s infinite ease-in-out;
  }
}

/* 👑 موبايل كبير / تابلت عمودي: 481px – 767px */
@media (min-width: 481px) and (max-width: 767px) {
  .eli-pricing-section.vibra-bg-clarity-5 .pricing-box {
    padding: 40px 20px;
    border-radius: 22px;
  }

  .eli-pricing-section.vibra-bg-clarity-5 .vibra-heading-h2-pricing {
    font-size: 28px;
  }

  .eli-pricing-section.vibra-bg-clarity-5 .manifesto-paragraph {
    font-size: 16px;
    margin-bottom: 25px;
  }

  .eli-pricing-section.vibra-bg-clarity-5 .price-tag {
    font-size: 20px;
  }

  .eli-pricing-section.vibra-bg-clarity-5 .golden-glow-btn-clarity {
    font-size: 15px;
    padding: 11px 20px;
    width: 80%;
  }

 .eli-pricing-section.vibra-bg-clarity-5 .payment-icon {
    width: 50px;
    height: 50px;
  }
}

/* 👑 تابلت أفقي وما فوق: 768px – 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .eli-pricing-section.vibra-bg-clarity-5 .pricing-box {
    padding: 50px 25px;
    border-radius: 24px;
  }

  .eli-pricing-section.vibra-bg-clarity-5 .vibra-heading-h2-pricing {
    font-size: 32px;
  }

  .eli-pricing-section.vibra-bg-clarity-5 .manifesto-paragraph {
    font-size: 17px;
  }

  .eli-pricing-section.vibra-bg-clarity-5 .price-tag {
    font-size: 24px;
  }

 .eli-pricing-section.vibra-bg-clarity-5 .golden-glow-btn-clarity {
    font-size: 16px;
    padding: 12px 22px;
    width: auto;
  }

.eli-pricing-section.vibra-bg-clarity-5  .payment-icon {
    width: 50px;
    height: 50px;
  }
}

/* 👑 ديسكتوب ≥ 1025px يبقى كما هو */

/* ✨ تأثير نبض للأيقونات */
@keyframes glowPulse {
  0% {
    filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.2));
  }
  50% {
    filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.4));
  }
  100% {
    filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.2));
  }
}