:root{
  --accent:#1F8FE0;
  --accent-dark:#0E5FA3;
  --accent-darker:#0A4677;
  --accent-soft:#EAF4FE;
  --accent-ring:rgba(31,143,224,.16);

  --bg:#FFFFFF;
  --bg-soft:#F6F8FA;
  --bg-card:#FFFFFF;
  --bg-input:#F1F3F5;

  --text:#0F1B2D;
  --text-secondary:#54606F;
  --text-muted:#96A0AB;

  --border:#E7EBEF;
  --border-strong:#D6DCE2;

  --shadow-sm:0 2px 12px rgba(15,27,45,.05);
  --shadow-md:0 16px 40px rgba(15,27,45,.08);
  --shadow-lg:0 32px 72px rgba(15,27,45,.13);
  --shadow-accent:0 14px 32px rgba(31,143,224,.30);

  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:26px;
  --radius-xl:34px;
  --radius-full:9999px;

  --font-display:'IBM Plex Sans Arabic','Tajawal','Cairo',sans-serif;
  --font-body:'IBM Plex Sans Arabic','Tajawal','Cairo',sans-serif;

  --ease:cubic-bezier(.16,1,.3,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --t:.32s var(--ease);
  --t-slow:.7s var(--ease);

  --glow-rgb:31,143,224;
}

[data-theme="dark"]{
  --accent:#4EB4F2;
  --accent-dark:#1F8FE0;
  --accent-darker:#EAF4FE;
  --accent-soft:rgba(31,143,224,.14);
  --accent-ring:rgba(78,180,242,.22);

  --bg:#08090C;
  --bg-soft:#101216;
  --bg-card:#15171C;
  --bg-input:#1C1F25;

  --text:#F3F5F7;
  --text-secondary:#A2AAB4;
  --text-muted:#666E79;

  --border:#22252B;
  --border-strong:#2E323A;

  --shadow-sm:0 2px 12px rgba(0,0,0,.4);
  --shadow-md:0 16px 40px rgba(0,0,0,.5);
  --shadow-lg:0 32px 72px rgba(0,0,0,.6);
  --shadow-accent:0 14px 32px rgba(31,143,224,.4);

  --glow-rgb:78,180,242;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
html,body{overflow-x:hidden;width:100%;position:relative;}
*{max-width:100%;}
img{max-width:100%;}
body{
  font-family:var(--font-body);background:var(--bg);color:var(--text);
  line-height:1.68;transition:background var(--t-slow),color var(--t-slow);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit;}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.16;color:var(--text);letter-spacing:normal;}
h1{font-size:clamp(2.3rem,5.4vw,3.9rem);font-weight:800;}
h2{font-size:clamp(1.8rem,3.7vw,2.65rem);font-weight:800;}
h3{font-size:1.12rem;font-weight:700;}
em{font-style:normal;color:var(--accent-dark);}
[data-theme="dark"] em{color:var(--accent);}
p{color:var(--text-secondary);}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px;}

html[lang="en"] body{font-family:'Inter',var(--font-body),sans-serif;}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] h4{font-family:'Poppins',var(--font-display),sans-serif;letter-spacing:-.015em;}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
}

.site-loader{
  position:fixed;inset:0;z-index:99999;
  display:flex;align-items:center;justify-content:center;
  background:#FFFFFF;
  transition:opacity .55s var(--ease),visibility .55s var(--ease);
}
.site-loader.loader-hide{opacity:0;visibility:hidden;pointer-events:none;}
.loader-logo-wrap{
  position:relative;width:112px;height:112px;
  display:flex;align-items:center;justify-content:center;
  border-radius:30px;
}
.loader-logo{
  width:86px;height:86px;object-fit:contain;
  position:relative;z-index:2;
  animation:loaderFlash 1.1s ease-in-out infinite, loaderPop .65s var(--ease-spring);
}
.loader-logo-wrap::before{
  content:'';position:absolute;inset:-16px;border-radius:34px;
  background:radial-gradient(circle,rgba(31,143,224,.32),transparent 70%);
  filter:blur(8px);
  animation:loaderGlow 1.1s ease-in-out infinite;
  z-index:1;
}
@keyframes loaderFlash{
  0%,100%{opacity:1;filter:drop-shadow(0 0 0 rgba(31,143,224,0));}
  50%{opacity:.4;filter:drop-shadow(0 0 20px rgba(31,143,224,.5));}
}
@keyframes loaderGlow{
  0%,100%{opacity:.32;transform:scale(1);}
  50%{opacity:.8;transform:scale(1.14);}
}
@keyframes loaderPop{
  0%{opacity:0;transform:scale(.72);}
  100%{opacity:1;transform:scale(1);}
}
@media (prefers-reduced-motion: reduce){
  .loader-logo,.loader-logo-wrap::before{animation:none;}
}

.section-container{max-width:1200px;margin:0 auto;padding:128px 20px;}
.section-header{text-align:center;margin-bottom:68px;max-width:660px;margin-inline:auto;}
.section-header h2{margin:16px 0 16px;}
.section-header p{font-size:1.05rem;}
.section-tag{
  display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);color:var(--accent-dark);
  padding:7px 18px;border-radius:var(--radius-full);font-size:.75rem;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent;
}
[data-theme="dark"] .section-tag{color:var(--accent);}

.reveal-up{opacity:0;transform:translateY(40px) scale(.99);filter:blur(6px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);}
.reveal-left{opacity:0;transform:translateX(-46px);transition:opacity .9s var(--ease),transform .9s var(--ease);}
.reveal-right{opacity:0;transform:translateX(46px);transition:opacity .9s var(--ease),transform .9s var(--ease);}
.reveal-up.visible,.reveal-left.visible,.reveal-right.visible{opacity:1;transform:none;filter:blur(0);}

.btn-primary{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;gap:9px;padding:15px 30px;
  background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);
  color:#fff;font-weight:700;font-size:.95rem;font-family:var(--font-display);
  border-radius:var(--radius-full);box-shadow:var(--shadow-accent);
  transition:transform .4s var(--ease-spring),box-shadow .4s var(--ease);white-space:nowrap;
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(31,143,224,.4);}
.btn-primary:active{transform:translateY(-1px) scale(.98);}
.btn-outline{
  display:inline-flex;align-items:center;gap:9px;padding:15px 30px;
  border:1.5px solid var(--border-strong);color:var(--text);font-weight:700;font-size:.95rem;font-family:var(--font-display);
  border-radius:var(--radius-full);background:var(--bg-card);transition:var(--t);white-space:nowrap;
}
.btn-outline:hover{border-color:var(--accent);color:var(--accent-dark);transform:translateY(-3px);box-shadow:var(--shadow-sm);}
[data-theme="dark"] .btn-outline:hover{color:var(--accent);}
.btn-lg{padding:17px 34px;font-size:1.02rem;}
.btn-white{background:#fff !important;color:var(--accent-dark) !important;box-shadow:0 12px 32px rgba(0,0,0,.2) !important;}
.btn-white:hover{background:var(--text) !important;color:#fff !important;}
.btn-enroll{
  display:inline-flex;align-items:center;gap:7px;padding:10px 21px;
  background:var(--accent-soft);color:var(--accent-dark);font-weight:700;font-size:.86rem;
  border-radius:var(--radius-full);transition:var(--t);
}
.btn-enroll:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-accent);}

.btn-ripple{position:relative;overflow:hidden;}
.ripple-el{position:absolute;border-radius:50%;background:rgba(255,255,255,.5);transform:scale(0);animation:rippleAnim .65s ease-out forwards;pointer-events:none;}
@keyframes rippleAnim{to{transform:scale(2.6);opacity:0;}}

/* ===== قواعد الـNavbar القديمة: لم تعد مستخدمة في index.html، وأُبقيت لأن auth.html ما زالت تعتمد عليها ===== */
.navbar{
  position:fixed;top:18px;left:50%;transform:translateX(-50%);
  width:calc(100% - 32px);max-width:1200px;z-index:1000;
  background:rgba(255,255,255,.55);
  backdrop-filter:blur(0px) saturate(140%);-webkit-backdrop-filter:blur(0px) saturate(140%);
  border:1px solid transparent;border-radius:var(--radius-full);
  transition:top .45s var(--ease),background .45s var(--ease),box-shadow .45s var(--ease),
    border-color .45s var(--ease),backdrop-filter .45s var(--ease);
}
[data-theme="dark"] .navbar{background:rgba(8,9,12,.55);}
.navbar.scrolled{
  top:12px;background:rgba(255,255,255,.78);
  backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);
  border-color:var(--border);box-shadow:var(--shadow-md);
}
[data-theme="dark"] .navbar.scrolled{background:rgba(21,23,28,.78);}
.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;height:72px;display:flex;align-items:center;gap:20px;}

.logo{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.logo-mark{width:58px;height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.logo-mark img{width:100%;height:100%;object-fit:contain;}
.logo-mark svg{width:58px;height:58px;}
.logo-text-wrap{display:flex;flex-direction:column;line-height:1;gap:4px;}
.logo-name{font-family:var(--font-display);font-size:1.34rem;font-weight:900;letter-spacing:-.02em;color:var(--text);direction:ltr;display:inline-block;}
.logo-name span{color:var(--accent);}
.logo-sub{display:inline-flex;align-items:center;gap:5px;font-size:.55rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);width:fit-content;}
.logo-sub::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--accent);flex-shrink:0;}

.nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center;}
.nav-link{position:relative;padding:10px 17px;font-size:.87rem;font-weight:600;color:var(--text-secondary);border-radius:var(--radius-full);transition:color .35s var(--ease);}
.nav-link::after{content:'';position:absolute;left:17px;right:17px;bottom:4px;height:2px;background:var(--accent);border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform .4s var(--ease-spring);}
.nav-link:hover{color:var(--text);}
.nav-link:hover::after{transform:scaleX(1);}
.nav-link.active{color:var(--accent-dark);}
.nav-link.active::after{transform:scaleX(1);}
[data-theme="dark"] .nav-link.active{color:var(--accent);}

.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;}

.dd{position:relative;}
.dd-trigger{
  width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);
  font-size:.85rem;transition:var(--t);position:relative;
}
.dd-trigger:hover{border-color:var(--accent);color:var(--accent-dark);box-shadow:0 0 0 4px var(--accent-ring);}
[data-theme="dark"] .dd-trigger:hover{color:var(--accent);}

.dd-trigger-theme{overflow:hidden;}
.dd-trigger-icon{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1) rotate(0deg);
  opacity:1;transition:opacity .4s var(--ease),transform .5s var(--ease-spring);
}
.dd-trigger-icon.icon-dark{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-90deg);}
[data-theme="dark"] .dd-trigger-icon.icon-light{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(90deg);}
[data-theme="dark"] .dd-trigger-icon.icon-dark{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg);}

.dd-trigger-lang{
  width:auto;height:35px;border-radius:var(--radius-full);padding:0 13px;gap:7px;
}
.dd-trigger-lang .lang-flag{font-size:.95rem;line-height:1;}
.dd-trigger-lang .lang-label{font-size:.78rem;font-weight:700;color:var(--text-secondary);white-space:nowrap;}
.dd-trigger-lang:hover .lang-label{color:var(--accent-dark);}
[data-theme="dark"] .dd-trigger-lang:hover .lang-label{color:var(--accent);}
.dd-trigger-lang .lang-chevron{font-size:.55rem;color:var(--text-muted);transition:transform .3s var(--ease);}
#langDD.open-state .dd-trigger-lang .lang-chevron{transform:rotate(180deg);}

.dd-menu{
  position:absolute;top:calc(100% + 13px);left:50%;transform:translateX(-50%) translateY(-10px) scale(.95);
  min-width:172px;background:rgba(255,255,255,.9);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);
  border:1px solid var(--border);border-radius:var(--radius-md);
  box-shadow:var(--shadow-lg);padding:8px;display:flex;flex-direction:column;gap:2px;
  opacity:0;pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease-spring);z-index:1100;
}
[data-theme="dark"] .dd-menu{background:rgba(21,23,28,.92);}
.dd-menu.open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1);}
.dd-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 13px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:var(--text-secondary);transition:var(--t);text-align:right;}
.dd-item i{width:16px;text-align:center;color:var(--text-muted);}
.dd-item:hover{background:var(--accent-soft);color:var(--accent-dark);}
[data-theme="dark"] .dd-item:hover{color:var(--accent);}
.dd-item:hover i{color:var(--accent);}
.dd-item.active{background:var(--accent-soft);color:var(--accent-dark);}
[data-theme="dark"] .dd-item.active{color:var(--accent);}
.dd-item.active i{color:var(--accent);}

.btn-signup{
  display:inline-flex;align-items:center;gap:7px;padding:6px 23px;font-size:.85rem;font-weight:700;
  font-family:var(--font-display);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;border-radius:var(--radius-full);
  
}
.btn-signup:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(31,143,224,.4);}

.hamburger{
  display:none;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:50%;background:var(--bg-input);border:1px solid var(--border);
  position:relative;z-index:1001;transition:background .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.hamburger:hover{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);}
.hamburger span{
  position:absolute;left:50%;width:18px;height:2px;background:var(--text);border-radius:3px;
  transform-origin:center;transition:transform .35s var(--ease-spring),opacity .25s var(--ease),width .3s var(--ease),background .3s var(--ease);
}
.hamburger span:nth-child(1){transform:translate(-50%,-6px);}
.hamburger span:nth-child(2){transform:translate(-50%,0);width:13px;left:calc(50% + 2.5px);}
.hamburger span:nth-child(3){transform:translate(-50%,6px);}
.hamburger:hover span:nth-child(2){width:18px;left:50%;}
.hamburger.active{background:var(--accent);border-color:var(--accent);}
.hamburger.active span{background:#fff;}
.hamburger.active span:nth-child(1){transform:translate(-50%,0) rotate(45deg);}
.hamburger.active span:nth-child(2){opacity:0;width:0;}
.hamburger.active span:nth-child(3){transform:translate(-50%,0) rotate(-45deg);}

.mobile-menu{
  display:none;position:fixed;inset:0;background:var(--bg);
  z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:0;
  opacity:0;pointer-events:none;transition:opacity .45s var(--ease);overflow-y:auto;padding:40px 0;
}
.mobile-menu.open{display:flex;opacity:1;pointer-events:auto;}
.mobile-menu ul{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;width:100%;padding:0 32px;}
.mobile-menu .nav-link{display:block;text-align:center;padding:16px 24px;font-size:1.1rem;font-weight:700;width:100%;border-radius:var(--radius-lg);background:var(--bg-soft);}
.mobile-menu .nav-link::after{display:none;}
.mobile-row{display:flex;gap:10px;width:100%;max-width:340px;padding:0 32px;margin-bottom:14px;}
.chip{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 10px;border-radius:var(--radius-full);font-size:.82rem;font-weight:700;color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);transition:var(--t);}
.chip.active,.chip:hover{background:var(--accent-soft);color:var(--accent-dark);border-color:var(--accent);}

.mobile-settings{display:flex;flex-direction:column;gap:12px;width:100%;max-width:340px;padding:0 32px;}
.msetting-group{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .3s var(--ease);}
.msetting-group.open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);}
.msetting-trigger{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:16px 18px;font-size:.92rem;font-weight:700;color:var(--text);
}
.msetting-trigger-label{display:flex;align-items:center;gap:9px;}
.msetting-trigger-label i{color:var(--accent);width:16px;text-align:center;}
.msetting-trigger-value{margin-inline-start:auto;font-size:.82rem;font-weight:700;color:var(--accent-dark);background:var(--accent-soft);padding:4px 12px;border-radius:var(--radius-full);}
[data-theme="dark"] .msetting-trigger-value{color:var(--accent);}
.msetting-chevron{font-size:.7rem;color:var(--text-muted);transition:transform .3s var(--ease);flex-shrink:0;}
.msetting-group.open .msetting-chevron{transform:rotate(180deg);}
.msetting-options{max-height:0;overflow:hidden;transition:max-height .4s var(--ease);}
.msetting-group.open .msetting-options{max-height:200px;}
.msetting-option{
  display:flex;align-items:center;gap:10px;width:100%;padding:14px 18px;font-size:.88rem;font-weight:600;
  color:var(--text-secondary);border-top:1px solid var(--border);transition:var(--t);text-align:right;
}
.msetting-option i{width:16px;text-align:center;color:var(--text-muted);}
.msetting-option:hover{background:var(--accent-soft);color:var(--accent-dark);}
[data-theme="dark"] .msetting-option:hover{color:var(--accent);}
.msetting-option:hover i{color:var(--accent);}
.msetting-option.active{color:var(--accent-dark);font-weight:800;background:var(--accent-soft);}
[data-theme="dark"] .msetting-option.active{color:var(--accent);}
.msetting-option.active i{color:var(--accent);}

.mobile-menu-actions{display:flex;flex-direction:column;gap:12px;width:100%;padding:22px 32px 0;max-width:340px;}
.mobile-full{display:flex;align-items:center;justify-content:center;width:100%;padding:16px 24px;border-radius:var(--radius-full);font-weight:700;font-size:1rem;gap:9px;}
.mobile-full.login-m{border:2px solid var(--border-strong);color:var(--text);}
.mobile-full.signup-m{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;box-shadow:var(--shadow-accent);}
.mobile-close{position:absolute;top:20px;left:20px;width:42px;height:42px;border-radius:50%;background:var(--bg-input);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:var(--t);}
.mobile-close:hover{background:var(--accent);color:#fff;transform:rotate(90deg);}
.mobile-logo{margin-bottom:36px;display:flex;align-items:center;gap:10px;}

.hero{min-height:96vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:160px 20px 96px;text-align:center;}

.hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0;}

/* ============ توهج ضوئي مركزي (Ambient Glow) يحل محل الشبكة العصبية ============
   يمتد بشكل ناعم ومتلاشٍ من أسفل الـ Navbar إلى منتصف الـ Hero Section، بدون أي
   حركة أو تقنية مزدحمة — مجرد إحساس بعمق وإضاءة محيطة راقية. */
.hero-glow{
  position:absolute;
  top:-8%;
  left:50%;
  transform:translateX(-50%);
  width:min(1100px,92%);
  height:78%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 55% 42% at 50% 0%,
      rgba(var(--glow-rgb),.30) 0%,
      rgba(var(--glow-rgb),.16) 30%,
      rgba(var(--glow-rgb),.07) 55%,
      rgba(var(--glow-rgb),0) 78%);
  filter:blur(46px);
  opacity:.9;
  transition:opacity .6s var(--ease),background .6s var(--ease);
  animation:glowBreathe 9s ease-in-out infinite;
}
.hero-glow::after{
  content:'';
  position:absolute;
  top:6%;
  left:50%;
  transform:translateX(-50%);
  width:38%;
  height:34%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(var(--glow-rgb),.24) 0%, rgba(var(--glow-rgb),0) 72%);
  filter:blur(30px);
}
[data-theme="dark"] .hero-glow{opacity:.75;mix-blend-mode:screen;}
@keyframes glowBreathe{
  0%,100%{opacity:.85;}
  50%{opacity:1;}
}
@media(max-width:768px){
  .hero-glow{top:-4%;height:62%;filter:blur(34px);}
}
@media (prefers-reduced-motion: reduce){
  .hero-glow{animation:none;}
}

.hero-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;}
.orb-a{width:580px;height:580px;background:radial-gradient(circle,rgba(31,143,224,.17),transparent 70%);top:-210px;right:-150px;animation:orbFloat 13s ease-in-out infinite;}
.orb-b{width:440px;height:440px;background:radial-gradient(circle,rgba(31,143,224,.11),transparent 70%);bottom:-170px;left:-130px;animation:orbFloat 16s ease-in-out infinite reverse;}
.orb-c{width:350px;height:350px;background:radial-gradient(circle,rgba(15,27,45,.045),transparent 70%);top:40%;left:50%;transform:translateX(-50%);animation:orbFloat 19s ease-in-out infinite;}
[data-theme="dark"] .orb-c{background:radial-gradient(circle,rgba(255,255,255,.05),transparent 70%);}
@keyframes orbFloat{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-32px) scale(1.06);}}
.hero-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);
  background-size:58px 58px;opacity:.5;
  mask-image:radial-gradient(circle at 50% 30%, black 0%, transparent 65%);
}
.pulse-line{position:absolute;top:52%;left:0;width:100%;height:90px;opacity:.4;}
.pulse-line path{fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1600;stroke-dashoffset:1600;animation:pulseDraw 7.5s ease-in-out infinite;}
@keyframes pulseDraw{
  0%{stroke-dashoffset:1600;}
  45%{stroke-dashoffset:0;}
  70%{stroke-dashoffset:0;opacity:.4;}
  100%{stroke-dashoffset:-1600;}
}

.hero-inner{position:relative;z-index:1;max-width:800px;display:flex;flex-direction:column;align-items:center;}
.hero-badge{
  display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);
  padding:9px 19px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;color:var(--accent-dark);
  margin-bottom:30px;box-shadow:var(--shadow-sm);
}
[data-theme="dark"] .hero-badge{background:rgba(21,23,28,.7);color:var(--accent);}
.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:dotPulse 2.2s ease-in-out infinite;flex-shrink:0;}
@keyframes dotPulse{0%,100%{box-shadow:0 0 0 0 rgba(31,143,224,.45);}50%{box-shadow:0 0 0 8px rgba(31,143,224,0);}}

.hero-title{margin-bottom:24px;}
.hero-title em{
  display:inline-block;background:linear-gradient(90deg,var(--accent-dark),var(--accent) 55%,var(--accent-dark));
  background-size:220%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:gradShift 6.5s ease infinite;
}
@keyframes gradShift{0%{background-position:0%;}50%{background-position:100%;}100%{background-position:0%;}}

.hero-desc{font-size:1.1rem;line-height:1.9;max-width:580px;margin-bottom:40px;color:var(--text-secondary);}

.hero-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:46px;}

.hero-trust{
  display:flex;align-items:center;gap:15px;background:rgba(255,255,255,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);
  padding:12px 22px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);
}
[data-theme="dark"] .hero-trust{background:rgba(21,23,28,.7);}
.trust-avatars{display:flex;}
.trust-avatars img{width:35px;height:35px;border-radius:50%;border:2px solid var(--bg-card);object-fit:cover;margin-left:-8px;}
.trust-avatars img:first-child{margin-left:0;}
.trust-stars{display:flex;gap:2px;color:var(--accent);font-size:.7rem;margin-bottom:3px;}
.trust-text p{font-size:.84rem;color:var(--text-secondary);}
.trust-text strong{color:var(--text);}

.hero-scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.55;z-index:1;}
.hero-scroll-hint span{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);}
.scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollPulse 2.2s ease-in-out infinite;}
@keyframes scrollPulse{0%,100%{opacity:.3;}50%{opacity:1;}}

.marquee-strip{background:var(--text);overflow:hidden;padding:14px 0;white-space:nowrap;}
[data-theme="dark"] .marquee-strip{background:#000;}
.marquee-track{display:inline-flex;gap:38px;animation:marqueeScroll 32s linear infinite;}
.marquee-strip:hover .marquee-track{animation-play-state:paused;}
.marquee-track span{display:inline-flex;align-items:center;gap:7px;font-size:.85rem;font-weight:600;color:rgba(255,255,255,.92);}
.marquee-track i{color:var(--accent);font-size:.78rem;}
@keyframes marqueeScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

.stats{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.stats-container{max-width:1200px;margin:0 auto;padding:82px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.stat-item{text-align:center;}
.stat-icon{width:54px;height:54px;margin:0 auto 17px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);display:grid;place-items:center;font-size:1.22rem;color:var(--accent);box-shadow:var(--shadow-sm);transition:transform .4s var(--ease-spring);}
.stat-item:hover .stat-icon{transform:translateY(-4px) scale(1.05);}
.stat-num{display:flex;align-items:baseline;justify-content:center;gap:2px;}
.stat-number{font-family:var(--font-display);font-size:2.7rem;font-weight:800;line-height:1;color:var(--text);}
.stat-suffix{font-size:1.55rem;font-weight:800;color:var(--accent);}
.stat-label{margin-top:9px;font-size:.87rem;color:var(--text-secondary);}

.why{background:var(--bg);}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.why-card{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:34px 28px;transition:transform .45s var(--ease-spring),box-shadow .45s var(--ease),border-color .45s var(--ease);
}
.why-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg);border-color:var(--border-strong);}
.why-icon{width:52px;height:52px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-dark);display:grid;place-items:center;font-size:1.22rem;margin-bottom:19px;transition:transform .55s var(--ease-spring),background .3s var(--ease),color .3s var(--ease);}
[data-theme="dark"] .why-icon{color:var(--accent);}
.why-card:hover .why-icon{background:var(--accent);color:#fff;transform:rotate(-6deg) scale(1.1);}
.why-card h3{margin-bottom:10px;}
.why-card p{font-size:.9rem;line-height:1.75;}

.courses{background:var(--bg-soft);}
.courses-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:26px;}
.course-card{
  background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);
  max-width:410px;width:100%;transition:transform .45s var(--ease-spring),box-shadow .45s var(--ease);display:flex;flex-direction:column;
}
.course-card:hover{transform:translateY(-9px);box-shadow:var(--shadow-lg);}
.course-img-wrap{position:relative;overflow:hidden;height:196px;}
.course-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);}
.course-card:hover .course-img-wrap img{transform:scale(1.07);}
.course-badge{position:absolute;top:14px;right:14px;padding:6px 14px;border-radius:var(--radius-full);font-size:.7rem;font-weight:800;letter-spacing:.05em;background:rgba(255,255,255,.94);color:var(--accent-dark);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);}
.course-body{padding:26px;display:flex;flex-direction:column;flex:1;}
.course-meta{font-size:.78rem;color:var(--text-muted);margin-bottom:11px;}
.course-meta i{color:var(--accent);}
.course-body h3{margin-bottom:11px;font-size:1.08rem;line-height:1.4;}
.course-body p{font-size:.89rem;flex:1;margin-bottom:22px;}
.course-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;}
.course-rating{font-size:.83rem;font-weight:700;color:var(--text);}
.course-rating i{color:var(--accent);}
.course-rating span{color:var(--text-muted);font-size:.78rem;font-weight:400;}
.courses-cta{text-align:center;margin-top:52px;}

.process{background:var(--bg);}
.process-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;}
.process-step{
  position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:36px 24px;text-align:center;transition:transform .45s var(--ease-spring),box-shadow .45s var(--ease);
}
.process-step:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg);}
.step-connector{position:absolute;top:50%;left:calc(100% - 4px);width:34px;height:1.5px;background:var(--border-strong);z-index:1;}
.process-step:last-child .step-connector{display:none;}
.step-number{display:inline-block;font-size:.72rem;font-weight:800;color:var(--accent-dark);letter-spacing:.1em;background:var(--accent-soft);padding:4px 12px;border-radius:var(--radius-full);margin-bottom:17px;}
[data-theme="dark"] .step-number{color:var(--accent);}
.step-icon{width:62px;height:62px;background:var(--bg-soft);border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;font-size:1.32rem;color:var(--accent);margin:0 auto 17px;transition:var(--t);}
.process-step:hover .step-icon{background:var(--accent);color:#fff;border-color:var(--accent);}
.step-content h3,.process-step h3{margin-bottom:9px;}
.process-step p{font-size:.88rem;}

.benefits{background:var(--bg-soft);}
.benefits-container{max-width:1200px;margin:0 auto;padding:120px 20px;display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center;}
.benefits-content .section-tag{margin-bottom:15px;display:inline-block;}
.benefits-content h2{margin-bottom:15px;}
.benefits-content>p{margin-bottom:34px;}
.benefits-list{display:flex;flex-direction:column;gap:21px;}
.benefit-item{display:flex;gap:16px;align-items:flex-start;}
.benefit-icon{width:42px;height:42px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--accent);font-size:.92rem;flex-shrink:0;transition:var(--t);}
.benefit-item:hover .benefit-icon{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.09) rotate(-4deg);}
.benefit-item h4{font-family:var(--font-display);font-weight:700;font-size:.97rem;margin-bottom:4px;color:var(--text);}
.benefit-item p{font-size:.88rem;}
.benefits-cta-btn{margin-top:28px;}
.benefits-visual{position:relative;}
.benefits-img{width:100%;height:470px;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);}
.benefits-badge-float{
  position:absolute;bottom:-18px;right:-18px;background:rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);
  border-radius:var(--radius-md);padding:14px 19px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow-md);
}
[data-theme="dark"] .benefits-badge-float{background:rgba(21,23,28,.85);}
.benefits-badge-float i{font-size:1.42rem;color:var(--accent);}
.benefits-badge-float strong{display:block;font-size:.91rem;color:var(--text);}
.benefits-badge-float span{font-size:.73rem;color:var(--text-muted);}

.trainers{background:var(--bg);}
.trainers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px;max-width:880px;margin:0 auto;}
.trainer-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:transform .45s var(--ease-spring),box-shadow .45s var(--ease);}
.trainer-card:hover{transform:translateY(-9px);box-shadow:var(--shadow-lg);}
.trainer-img-wrap{position:relative;height:308px;overflow:hidden;}
.trainer-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .7s var(--ease);}
.trainer-card:hover .trainer-img-wrap img{transform:scale(1.06);}
.trainer-img-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,17,28,.76) 0%,rgba(10,17,28,.06) 55%,transparent 100%);}
.trainer-img-info{position:absolute;bottom:0;left:0;right:0;padding:23px 23px 0;z-index:2;}
.trainer-img-info h3{color:#fff;font-size:1.17rem;margin-bottom:4px;}
.trainer-title-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);color:#fff;padding:4px 13px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;margin-bottom:7px;}
.trainer-body{padding:23px 25px 27px;}
.trainer-desc{font-size:.88rem;line-height:1.72;margin-bottom:19px;}
.trainer-stats{display:flex;gap:17px;margin-bottom:19px;flex-wrap:wrap;}
.t-stat{display:flex;align-items:center;gap:6px;font-size:.81rem;font-weight:600;color:var(--text);}
.t-stat i{color:var(--accent);font-size:.8rem;}
.trainer-social{display:flex;gap:9px;}
.trainer-social a{width:35px;height:35px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;place-items:center;font-size:.82rem;color:var(--text-secondary);transition:var(--t);}
.trainer-social a:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px);}

/* ================= آراء وتجارب — بطاقات موحّدة الشكل، بدون صور ================= */
.testimonials{background:var(--bg-soft);padding-bottom:118px;}
.testi-wrapper{position:relative;width:100%;max-width:1320px;margin:0 auto;padding:0 0px;}
.testi-viewport{
  overflow:hidden;width:100%;
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
  mask-image:linear-gradient(to right, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.testi-rows{display:flex;flex-direction:column;gap:1.6rem;}
.testi-track{display:flex;width:max-content;gap:1.4rem;direction:ltr;will-change:transform;}
.testi-card{
  width:320px;flex-shrink:0;background:var(--bg-card);border-radius:var(--radius-lg);padding:1.7rem 1.6rem;
  height:270px;
  box-shadow:var(--shadow-sm);border:1px solid var(--border);display:flex;flex-direction:column;
  justify-content:space-between;direction:rtl;
  transition:transform .5s var(--ease-spring),box-shadow .5s var(--ease),border-color .5s var(--ease);
}
.testi-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-6px) scale(1.015);}
.testi-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}
.testi-card .stars{color:var(--accent);display:flex;gap:2px;font-size:.8rem;}
.testi-quote{font-size:1.5rem;color:var(--accent-soft);line-height:1;flex-shrink:0;}
[data-theme="dark"] .testi-quote{color:rgba(78,180,242,.16);}
.testi-card p{
  font-size:.87rem;color:var(--text-secondary);line-height:1.72;margin-bottom:1.2rem;
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;
}
.testi-author{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:14px;margin-top:auto;}
.testi-avatar{
  width:42px;height:42px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:1rem;font-weight:800;color:#fff;font-family:var(--font-display);
  background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);
  box-shadow:0 6px 14px rgba(31,143,224,.28);
}
.testi-author strong{display:block;font-size:.86rem;color:var(--text);}
.testi-author span{font-size:.73rem;color:var(--text-muted);}

/* حركة تلقائية خفيفة للشريطين - كل شريط يتحرك بعكس اتجاه التاني */
.testi-track.dir-left{animation:testiScrollLeft 46s linear infinite;}
.testi-track.dir-right{animation:testiScrollRight 52s linear infinite;}
.testi-wrapper:hover .testi-track{animation-play-state:paused;}
@keyframes testiScrollLeft{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@keyframes testiScrollRight{
  from{transform:translateX(-50%);}
  to{transform:translateX(0);}
}
@media (prefers-reduced-motion: reduce){
  .testi-track.dir-left,.testi-track.dir-right{animation:none;}
}
@media(max-width:768px){
  .testi-card{width:270px;padding:1.4rem 1.3rem;height:250px;}
  .testi-card p{font-size:.85rem;-webkit-line-clamp:5;}
}

.faq{background:var(--bg);}
.faq-list{max-width:770px;margin:0 auto;display:flex;flex-direction:column;gap:11px;}
.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:var(--t);}
.faq-item.open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 23px;text-align:right;font-size:.96rem;font-weight:700;font-family:var(--font-display);color:var(--text);transition:var(--t);}
.faq-question:hover{color:var(--accent-dark);}
[data-theme="dark"] .faq-question:hover{color:var(--accent);}
.faq-icon{flex-shrink:0;width:27px;height:27px;background:var(--accent-soft);border-radius:50%;display:grid;place-items:center;color:var(--accent-dark);font-size:.66rem;transition:var(--t);}
[data-theme="dark"] .faq-icon{color:var(--accent);}
.faq-item.open .faq-icon{background:var(--accent);color:#fff;transform:rotate(45deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .45s var(--ease);}
.faq-answer-inner{padding:0 23px 21px;}
.faq-answer-inner p{font-size:.91rem;line-height:1.78;}

.cta-band{background:var(--bg);padding:0 20px 108px;}
.cta-band-container{
  max-width:880px;margin:0 auto;background:linear-gradient(135deg,var(--text) 0%,#182739 100%);border-radius:var(--radius-xl);
  padding:74px 54px;text-align:center;position:relative;overflow:hidden;
}
[data-theme="dark"] .cta-band-container{background:linear-gradient(135deg,var(--accent-dark) 0%,var(--accent-darker) 100%);}
.cta-band-container::before{
  content:'';position:absolute;width:500px;height:500px;background:rgba(31,143,224,.3);border-radius:50%;
  filter:blur(90px);top:-250px;left:50%;transform:translateX(-50%);pointer-events:none;
}
.cta-band-content{position:relative;z-index:1;}
.cta-band-container h2{color:#fff;margin-bottom:12px;}
.cta-band-container p{color:rgba(255,255,255,.8);max-width:520px;margin:0 auto 34px;}
.cta-band-btns{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;}

.footer{background:var(--bg-soft);border-top:1px solid var(--border);}
.footer-top{max-width:1220px;margin:0 auto;padding:80px 20px 54px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.4fr;gap:46px;text-align:center;}
.footer-brand .logo{margin-bottom:15px;justify-content:center;}
.footer-brand p{font-size:.88rem;max-width:280px;margin:16px auto;text-align:center;}
.social-links{display:flex;justify-content:center;align-items:center;gap:16px;margin:21px 0 0;flex-wrap:wrap;}
.social-links a{width:35px;height:35px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;place-items:center;font-size:.8rem;color:var(--text-secondary);transition:var(--t);}
.social-links a:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px);}
.footer-links-group h4,.footer-contact h4{font-family:var(--font-display);font-size:.8rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--text);margin-bottom:19px;}
.footer-links-group ul,.footer-contact ul{display:flex;flex-direction:column;gap:11px;align-items:center;}
.footer-links-group a{font-size:.88rem;color:var(--text-secondary);transition:var(--t);}
.footer-links-group a:hover{color:var(--accent-dark);}
[data-theme="dark"] .footer-links-group a:hover{color:var(--accent);}
.footer-contact ul li{display:flex;align-items:flex-start;gap:8px;font-size:.88rem;color:var(--text-secondary);}
.footer-contact ul li i{color:var(--accent);margin-top:2px;flex-shrink:0;width:13px;}
.footer-contact ul li a{color:var(--text-secondary);transition:var(--t);}
.footer-contact ul li a:hover{color:var(--accent-dark);}
[data-theme="dark"] .footer-contact ul li a:hover{color:var(--accent);}
.footer-bottom{max-width:1220px;margin:0 auto;padding:23px 20px;border-top:1px solid var(--border);text-align:center;}
.footer-bottom p{font-size:.82rem;color:var(--text-muted);}

.back-to-top{
  position:fixed;bottom:28px;right:28px;width:46px;height:46px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;
  border-radius:50%;display:grid;place-items:center;font-size:.9rem;box-shadow:var(--shadow-accent);
  opacity:0;pointer-events:none;transform:translateY(14px);transition:var(--t);z-index:999;
}
.back-to-top.show{opacity:1;pointer-events:auto;}
.back-to-top:hover{transform:translateY(-4px) scale(1.07);}

.footer-modal-overlay{position:fixed;inset:0;z-index:2000;background:rgba(8,10,14,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .35s var(--ease);}
.footer-modal-overlay.open{opacity:1;pointer-events:auto;}
.footer-modal-box{
  position:relative;width:100%;max-width:570px;max-height:82vh;overflow-y:auto;background:rgba(255,255,255,.92);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);
  border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:42px 36px 36px;
  transform:translateY(26px) scale(.97);opacity:0;transition:transform .4s var(--ease),opacity .4s var(--ease);
}
[data-theme="dark"] .footer-modal-box{background:rgba(21,23,28,.94);}
.footer-modal-overlay.open .footer-modal-box{transform:translateY(0) scale(1);opacity:1;}
.footer-modal-close{position:absolute;top:16px;left:16px;width:37px;height:37px;border-radius:50%;background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:var(--t);}
.footer-modal-close:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:rotate(90deg);}
.footer-modal-icon{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.38rem;margin-bottom:19px;box-shadow:var(--shadow-accent);}
.footer-modal-title{margin-bottom:17px;font-size:1.26rem;}
.footer-modal-body{font-size:.92rem;line-height:1.88;color:var(--text-secondary);}
.footer-modal-body p{margin-bottom:12px;font-size:.92rem;line-height:1.88;}
.footer-modal-body ul{display:flex;flex-direction:column;gap:10px;margin:6px 0 14px;}
.footer-modal-body ul li{display:flex;align-items:flex-start;gap:10px;background:var(--bg-soft);border-radius:var(--radius-sm);padding:12px 15px;font-size:.88rem;}
.footer-modal-body ul li i{color:var(--accent);margin-top:2px;flex-shrink:0;}
.footer-modal-body ul li strong{color:var(--text);}
.footer-modal-body h4{font-size:.95rem;color:var(--text);margin:18px 0 8px;}
.footer-modal-body h4:first-child{margin-top:0;}
.footer-modal-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent-dark);font-size:.76rem;font-weight:700;padding:4px 12px;border-radius:var(--radius-full);margin-bottom:14px;}
[data-theme="dark"] .footer-modal-badge{color:var(--accent);}
.footer-modal-actions{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap;}
.footer-modal-actions a{display:inline-flex;align-items:center;gap:8px;padding:12px 23px;border-radius:var(--radius-full);font-weight:700;font-size:.85rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;box-shadow:var(--shadow-accent);transition:var(--t);}
.footer-modal-actions a:hover{transform:translateY(-2px);}
.footer-modal-actions a.secondary{background:var(--bg-input);color:var(--text);box-shadow:none;border:1px solid var(--border);}
.footer-modal-actions a.secondary:hover{border-color:var(--accent);color:var(--accent-dark);}
[data-theme="dark"] .footer-modal-actions a.secondary:hover{color:var(--accent);}

@media(max-width:1100px){
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .stats-container{grid-template-columns:repeat(2,1fr);gap:32px;}
  .footer-top{grid-template-columns:1fr 1fr 1fr;}
  .footer-brand{grid-column:1/-1;}
  .process-timeline{grid-template-columns:repeat(2,1fr);}
  .step-connector{display:none;}
}
@media(max-width:992px){
  .nav-links,.nav-actions{display:none !important;}
  .hamburger{display:flex !important;}
  .nav-container{justify-content:space-between;}
}
@media(max-width:900px){
  .benefits-container{grid-template-columns:1fr;gap:46px;}
  .trainers-grid{grid-template-columns:1fr;max-width:480px;}
}
@media(max-width:768px){
  .section-container{padding:80px 16px;}
  .why-grid{grid-template-columns:1fr;}
  .courses-grid{grid-template-columns:1fr;}
  .stats-container{grid-template-columns:1fr 1fr;padding:58px 16px;}
  .process-timeline{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;gap:28px;}
  .cta-band-container{padding:50px 24px;}
  .hero{padding-top:136px;}
  .hero-cta{flex-direction:column;width:100%;}
  .hero-cta a{width:100%;justify-content:center;}
  .testi-wrapper{padding:0 16px;}
  .navbar{border-radius:var(--radius-xl);}
  .logo-name{font-size:1.13rem;}
  .logo-mark{width:48px;height:48px;}
}
@media(max-width:480px){
  .stat-number{font-size:2.15rem;}
  .navbar{top:8px;width:calc(100% - 16px);}
  .logo-mark{width:44px;height:44px;}
}

.course-card[data-course-link]{cursor:pointer;}

/* =====================================================================
   MedSky Floating Navbar (.msn)
   Navbar عائم بأسماء Classes جديدة — لا يتعارض مع قواعد الـNavbar القديمة أعلاه.
   ===================================================================== */
.msn,.msn-sheet{
  --msn-hover:rgba(15,27,45,.05);
  --msn-line:rgba(15,27,45,.08);
  --msn-active-bg:rgba(31,143,224,.09);
  --msn-ease:cubic-bezier(.16,1,.3,1);
}
[data-theme="dark"] .msn,[data-theme="dark"] .msn-sheet{
  --msn-hover:rgba(255,255,255,.07);
  --msn-line:rgba(255,255,255,.09);
  --msn-active-bg:rgba(78,180,242,.12);
}

.msn{
  --msn-h:64px;
  position:fixed;top:14px;inset-inline:0;margin-inline:auto;
  width:min(1120px,calc(100% - 32px));z-index:1000;
  border-radius:20px;
  background:rgba(255,255,255,.62);
  -webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);
  border:1px solid var(--msn-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 30px rgba(15,27,45,.06);
  transition:top .3s var(--msn-ease),background .3s ease,box-shadow .3s ease,border-color .3s ease;
}
[data-theme="dark"] .msn{
  background:rgba(9,10,13,.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 34px rgba(0,0,0,.5);
}
.msn.scrolled{
  --msn-h:56px;top:10px;
  background:rgba(255,255,255,.84);
  -webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 12px 36px rgba(15,27,45,.09);
}
[data-theme="dark"] .msn.scrolled{
  background:rgba(5,6,8,.84);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 40px rgba(0,0,0,.6);
}

.msn-bar{
  display:flex;align-items:center;gap:6px;
  height:var(--msn-h);padding-inline:16px 12px;
  transition:height .3s var(--msn-ease);
}

/* Logo */
.msn-logo{display:flex;flex-shrink:0;width:38px;height:38px;margin-inline-end:10px;transition:transform .35s var(--msn-ease);}
.msn-logo:hover{transform:scale(1.06);}
.msn-logo img{width:100%;height:100%;object-fit:contain;}

/* Links */
.msn-links{display:flex;align-items:center;gap:2px;}
.msn-link{
  position:relative;padding:10px 14px;border-radius:12px;
  font-size:.875rem;font-weight:500;line-height:1;white-space:nowrap;
  color:var(--text-secondary);
  transition:color .2s ease,background .2s ease;
}
html[lang="en"] .msn-link{letter-spacing:.01em;}
.msn-link::after{
  content:'';position:absolute;bottom:3px;inset-inline:0;margin-inline:auto;
  width:16px;height:2px;border-radius:2px;background:var(--accent);
  transform:scaleX(0);opacity:0;
  transition:transform .3s var(--msn-ease),opacity .2s ease;
}
.msn-link:hover{color:var(--text);background:var(--msn-hover);}
.msn-link:hover::after{transform:scaleX(.5);opacity:.55;}
.msn-link[aria-current="page"]{color:var(--accent-dark);background:var(--msn-active-bg);}
[data-theme="dark"] .msn-link[aria-current="page"]{color:var(--accent);}
.msn-link[aria-current="page"]::after{transform:scaleX(1);opacity:1;}

/* Tools (language / theme / login / CTA) */
.msn-tools{display:flex;align-items:center;gap:2px;margin-inline-start:auto;}
.msn-icon{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:12px;color:var(--text-secondary);
  transition:color .2s ease,background .2s ease;
}
.msn-icon:hover,.msn-lang.open .msn-icon{color:var(--text);background:var(--msn-hover);}
.msn-icon svg,.msn-login svg,.msn-close svg{
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}

/* Theme icon swap (sun ⇄ moon) */
.msn-swap{position:relative;display:block;width:18px;height:18px;}
.msn-swap svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .3s ease,transform .45s var(--msn-ease);}
.msn-swap .ic-moon{opacity:0;transform:rotate(-70deg) scale(.5);}
[data-theme="dark"] .msn-swap .ic-sun{opacity:0;transform:rotate(70deg) scale(.5);}
[data-theme="dark"] .msn-swap .ic-moon{opacity:1;transform:none;}

.msn-sep{width:1px;height:18px;margin-inline:8px 4px;background:var(--msn-line);}

/* Login: نص هادئ فقط */
.msn-login{
  display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;
  font-size:.8125rem;font-weight:400;line-height:1;white-space:nowrap;color:var(--text-secondary);
  transition:color .2s ease;
}
.msn-login svg{width:15px;height:15px;stroke-width:1.7;opacity:.8;}
.msn-login:hover{color:var(--text);}

/* CTA الرئيسي (كما في الموقع: ابدأ مجاناً) بحجم مضغوط */
.msn-cta{
  margin-inline-start:6px;padding:10px 16px;border-radius:12px;
  font-size:.8125rem;font-weight:600;line-height:1;white-space:nowrap;color:#fff;
  background:linear-gradient(135deg,#1F8FE0,#0E5FA3);
  box-shadow:0 4px 12px rgba(31,143,224,.22);
  transition:transform .3s var(--msn-ease),box-shadow .3s ease;
}
.msn-cta:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(31,143,224,.3);}

/* Language dropdown */
.msn-lang{position:relative;}
.msn-menu{
  position:absolute;top:calc(100% + 12px);inset-inline-end:0;min-width:160px;padding:6px;
  display:flex;flex-direction:column;gap:2px;border-radius:16px;
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);
  border:1px solid var(--msn-line);box-shadow:0 18px 44px rgba(15,27,45,.12);
  opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transform-origin:top;
  transition:opacity .2s ease,transform .28s var(--msn-ease),visibility 0s .28s;
}
[data-theme="dark"] .msn-menu{background:rgba(14,15,19,.96);box-shadow:0 18px 44px rgba(0,0,0,.6);}
.msn-lang.open .msn-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s;}
.msn-menu button{
  display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;
  padding:10px 12px;border-radius:10px;text-align:start;
  font-size:.84rem;font-weight:500;color:var(--text-secondary);
  transition:background .2s ease,color .2s ease;
}
.msn-menu button:hover{background:var(--msn-hover);color:var(--text);}
.msn-menu button.active{color:var(--text);}
.msn-menu button.active::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);}

/* Burger (موبايل / تابلت) */
.msn-burger{
  display:none;position:relative;width:40px;height:40px;margin-inline-start:auto;
  border-radius:12px;color:var(--text);transition:background .2s ease;
}
.msn-burger:hover{background:var(--msn-hover);}
.msn-burger span{
  position:absolute;left:50%;top:50%;width:18px;height:1.8px;border-radius:2px;background:currentColor;
  transition:transform .35s var(--msn-ease);
}
.msn-burger span:nth-child(1){transform:translate(-50%,-4px);}
.msn-burger span:nth-child(2){transform:translate(-50%,4px);}
.msn-burger.active span:nth-child(1){transform:translate(-50%,0) rotate(45deg);}
.msn-burger.active span:nth-child(2){transform:translate(-50%,0) rotate(-45deg);}

/* Mobile sheet */
.msn-sheet{
  position:fixed;inset:0;z-index:1001;
  visibility:hidden;opacity:0;pointer-events:none;
  transition:opacity .25s ease,visibility 0s .3s;
}
.msn-sheet.open{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;}
.msn-backdrop{position:absolute;inset:0;background:rgba(10,14,22,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.msn-panel{
  position:absolute;top:10px;inset-inline:0;margin-inline:auto;width:calc(100% - 24px);
  max-height:calc(100dvh - 20px);overflow-y:auto;padding:10px 12px 16px;border-radius:22px;
  background:rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);
  border:1px solid var(--msn-line);box-shadow:0 24px 60px rgba(15,27,45,.18);
  transform:translateY(-10px) scale(.98);transform-origin:top;
  transition:transform .4s var(--msn-ease);
}
[data-theme="dark"] .msn-panel{background:rgba(9,10,13,.92);box-shadow:0 24px 60px rgba(0,0,0,.65);}
.msn-sheet.open .msn-panel{transform:none;}

.msn-panel-head{display:flex;align-items:center;justify-content:space-between;height:48px;padding-inline:4px;}
.msn-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:var(--text);transition:background .2s ease;}
.msn-close:hover{background:var(--msn-hover);}

.msn-mlinks{display:flex;flex-direction:column;gap:2px;margin:6px 0 10px;padding:0;}
.msn-mlink{
  display:flex;align-items:center;justify-content:space-between;padding:14px 14px;border-radius:14px;
  font-size:1rem;font-weight:500;color:var(--text);transition:background .2s ease,color .2s ease;
}
.msn-mlink:hover{background:var(--msn-hover);}
.msn-mlink[aria-current="page"]{background:var(--msn-active-bg);color:var(--accent-dark);}
[data-theme="dark"] .msn-mlink[aria-current="page"]{color:var(--accent);}
.msn-mlink[aria-current="page"]::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);}

.msn-mrow{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 14px;border-top:1px solid var(--msn-line);
  font-size:.9rem;font-weight:500;color:var(--text-secondary);
}
button.msn-mrow{width:100%;text-align:start;}
.msn-mrow .msn-row-end{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;color:var(--text);}
.msn-seg{display:inline-flex;padding:3px;border-radius:12px;background:var(--msn-hover);}
.msn-seg button{padding:7px 14px;border-radius:9px;font-size:.82rem;font-weight:500;color:var(--text-secondary);transition:background .2s ease,color .2s ease;}
.msn-seg button.active{background:var(--bg-card);color:var(--text);box-shadow:0 1px 4px rgba(15,27,45,.12);}

.msn-mactions{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:14px 4px 0;border-top:1px solid var(--msn-line);}
.msn-mactions .msn-cta{margin:0;padding:14px 16px;text-align:center;font-size:.92rem;border-radius:14px;}
.msn-mactions .msn-login{justify-content:center;padding:12px;font-size:.875rem;}

/* Responsive */
@media(max-width:1080px){
  .msn-link{padding:10px 10px;}
  .msn-bar{padding-inline:12px 10px;}
}
@media(max-width:960px){
  .msn{top:10px;width:calc(100% - 24px);border-radius:18px;}
  .msn-links,.msn-tools{display:none;}
  .msn-burger{display:inline-block;}
}
@media(max-width:480px){
  .msn{width:calc(100% - 16px);}
  .msn-panel{width:calc(100% - 16px);}
}
@media (prefers-reduced-motion: reduce){
  .msn,.msn *,.msn-sheet,.msn-sheet *{transition-duration:.001ms !important;}
}

/* حالات الفتح كما يضبطها index.js */
.msn-menu.open{opacity:1;visibility:visible;transform:none;transition-delay:0s;}
.msn-lang.open-state .msn-icon{color:var(--text);background:var(--msn-hover);}