:root {
    --bg:          #0B1F3A;
    --bg-mid:      #0e2444;
    --bg-light:    #112952;
    --title:       #1E3A8A;
    --btn:         #E53935;
    --btn-hover:   #c62828;
    --hover:       #4FC3F7;
    --icon:        #43A047;
    --gold:        #F9A825;
    --white:       #ffffff;
    --white-dim:   rgba(255,255,255,0.85);
    --white-muted: rgba(255,255,255,0.55);
    --border:      rgba(255,255,255,0.09);
    --card-bg:     rgba(255,255,255,0.04);
    --transition:  0.35s cubic-bezier(0.4,0,0.2,1);
  }
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  html { scroll-behavior: smooth; }
  body { font-family: 'Cairo','Tajawal',sans-serif; background:var(--bg); color:var(--white); direction:rtl; overflow-x:hidden; line-height:1.7; }

  /* SVG ICON HELPER */
  .icon-svg { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
  .icon-svg svg { width:100%; height:100%; }

  /* NAVBAR */
  nav { position:fixed; top:0; right:0; left:0; z-index:1000; padding:0 5%; background:rgba(11,31,58,0.97); backdrop-filter:blur(20px); border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; height:76px; transition:var(--transition); }
  nav.scrolled { box-shadow:0 4px 40px rgba(0,0,0,0.45); }
  .nav-logo { display:flex; align-items:center; gap:14px; text-decoration:none; }
  .nav-logo img { height:52px; width:auto; object-fit:contain; }
  .logo-text { color:var(--white); font-weight:800; font-size:13px; line-height:1.4; }
  .logo-text span { color:var(--hover); }
  .nav-links { display:flex; gap:24px; list-style:none; }
  .nav-links a { color:var(--white-dim); text-decoration:none; font-size:14px; font-weight:600; transition:color var(--transition); white-space:nowrap; }
  .nav-links a:hover { color:var(--hover); }
  .nav-cta { background:var(--btn) !important; color:var(--white) !important; padding:10px 24px !important; border-radius:8px; font-weight:800 !important; }
  .nav-cta:hover { background:var(--btn-hover) !important; box-shadow:0 6px 20px rgba(229,57,53,0.4) !important; }
  .burger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:4px; }
  .burger span { width:26px; height:2px; background:var(--white); border-radius:2px; display:block; }
  .mobile-menu { display:none; position:fixed; inset:0; background:var(--bg); z-index:999; flex-direction:column; align-items:center; justify-content:center; gap:30px; }
  .mobile-menu.open { display:flex; }
  .mobile-menu a { color:var(--white); text-decoration:none; font-size:20px; font-weight:700; }
  .mobile-menu a:hover { color:var(--hover); }
  .mobile-close { position:absolute; top:20px; left:20px; background:none; border:none; color:var(--white); font-size:32px; cursor:pointer; }

  /* ── HERO SLIDER ── */
  .hero { position:relative; width:100%; height:100vh; min-height:600px; overflow:hidden; }
  .slide { position:absolute; inset:0; opacity:0; transition:opacity 1.3s ease; z-index:1; }
  .slide.active { opacity:1; z-index:2; }
  .slide-img { position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.07); transition:transform 8s ease; }
  .slide.active .slide-img { transform:scale(1); }
  .slide-overlay { position:absolute; inset:0; background:linear-gradient(300deg,rgba(11,31,58,0.88) 0%,rgba(11,31,58,0.5) 55%,rgba(11,31,58,0.12) 100%); }
  .slide-content { position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:flex-end; padding:0 5% 80px 6%; }
  .slide-text { max-width:680px; }
  .hero-badge { display:inline-flex; align-items:center; gap:10px; background:rgba(67,160,71,0.18); border:1px solid rgba(67,160,71,0.5); color:#a5d6a7; padding:8px 20px; border-radius:50px; font-size:13px; font-weight:700; margin-bottom:26px; opacity:0; transform:translateY(24px); transition:opacity 0.7s 0.1s ease,transform 0.7s 0.1s ease; }
  .slide.active .hero-badge { opacity:1; transform:none; }
  .badge-dot { width:8px; height:8px; border-radius:50%; background:#43A047; flex-shrink:0; animation:pulse 1.5s infinite; }
  .slide-text h1 { font-size:clamp(2.2rem,4.5vw,4rem); font-weight:900; line-height:1.18; margin-bottom:20px; color:var(--white); opacity:0; transform:translateY(32px); transition:opacity 0.85s 0.28s ease,transform 0.85s 0.28s ease; }
  .slide.active .slide-text h1 { opacity:1; transform:none; }
  .slide-text h1 .accent { color:var(--hover); }
  .slide-text p { font-size:clamp(1rem,1.8vw,1.13rem); color:rgba(255,255,255,0.72); max-width:560px; line-height:1.95; margin-bottom:36px; opacity:0; transform:translateY(26px); transition:opacity 0.85s 0.44s ease,transform 0.85s 0.44s ease; }
  .slide.active .slide-text p { opacity:1; transform:none; }
  .hero-btns { display:flex; gap:14px; flex-wrap:wrap; opacity:0; transform:translateY(20px); transition:opacity 0.8s 0.6s ease,transform 0.8s 0.6s ease; }
  .slide.active .hero-btns { opacity:1; transform:none; }
  .btn-primary { background:var(--btn); color:var(--white); padding:16px 40px; border-radius:10px; font-size:16px; font-weight:800; text-decoration:none; border:none; cursor:pointer; font-family:'Cairo',sans-serif; display:inline-block; transition:all var(--transition); }
  .btn-primary:hover { background:var(--btn-hover); transform:translateY(-3px); box-shadow:0 14px 32px rgba(229,57,53,0.45); }
  .btn-outline { background:transparent; border:2px solid rgba(79,195,247,0.45); color:var(--hover); padding:16px 40px; border-radius:10px; font-size:16px; font-weight:700; text-decoration:none; cursor:pointer; font-family:'Cairo',sans-serif; transition:all var(--transition); }
  .btn-outline:hover { border-color:var(--hover); background:rgba(79,195,247,0.1); }
  /* arrows & dots */
  .slider-ctrl { position:absolute; bottom:38px; left:50%; transform:translateX(-50%); z-index:10; display:flex; align-items:center; gap:14px; }
  .s-arr { width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.25); color:var(--white); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all var(--transition); backdrop-filter:blur(6px); }
  .s-arr:hover { background:var(--btn); border-color:var(--btn); }
  .s-arr svg { width:18px; height:18px; }
  .slider-dots { display:flex; gap:8px; align-items:center; }
  .sdot { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.35); cursor:pointer; transition:all 0.4s ease; border:none; padding:0; }
  .sdot.active { width:28px; border-radius:4px; background:var(--btn); }
  /* float stats */
  .hero-float { position:absolute; bottom:38px; right:5%; z-index:10; display:flex; gap:28px; }
  .hstat { text-align:center; }
  .hstat .n { font-size:1.8rem; font-weight:900; color:var(--hover); }
  .hstat .l { font-size:11px; color:rgba(255,255,255,0.6); font-weight:600; }
  /* progress */
  .slide-progress { position:absolute; top:0; left:0; right:0; height:3px; z-index:20; background:rgba(255,255,255,0.1); }
  .slide-progress-fill { height:100%; background:linear-gradient(90deg,var(--btn),var(--hover)); width:0; }
  .slide-progress-fill.go { width:100%; transition:width 5s linear; }
  @keyframes pulse { 0%,100%{opacity:1}50%{opacity:0.3} }
  @keyframes fadeSlide { from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none} }

  /* SECTION COMMON */
  section { padding:90px 5%; }
  .section-tag { display:inline-block; background:rgba(67,160,71,0.12); color:var(--icon); border-radius:6px; padding:5px 14px; font-size:13px; font-weight:700; margin-bottom:14px; }
  .section-tag.red { background:rgba(229,57,53,0.12); color:var(--btn); }
  .section-tag.blue { background:rgba(79,195,247,0.1); color:var(--hover); }
  .section-title { font-size:clamp(1.7rem,3.5vw,2.6rem); font-weight:900; margin-bottom:14px; line-height:1.25; color:var(--white); }
  .section-title.dark { color:var(--title); }
  .section-divider { width:56px; height:4px; background:var(--btn); border-radius:2px; margin-bottom:22px; }

  /* ABOUT */
  .about { background:#f0f5ff; }
  .about-inner { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
  .about-image { border-radius:20px; overflow:hidden; height:480px; position:relative; box-shadow:0 30px 80px rgba(11,31,58,0.22); }
  .about-image img { width:100%; height:100%; object-fit:cover; }
  .about-badge { position:absolute; bottom:24px; right:24px; background:var(--icon); color:var(--white); padding:12px 20px; border-radius:12px; font-weight:800; font-size:14px; box-shadow:0 8px 24px rgba(67,160,71,0.5); display:flex; align-items:center; gap:8px; }
  .about-text p { color:#4a5568; font-size:15px; margin-bottom:18px; line-height:1.9; }

  /* ABOUT IMAGE SLIDER */
  .about-slide.active img { transform:scale(1) !important; }

  /* ── WHY CONF REDESIGN ── */
  .why { background:var(--bg); padding:0; overflow:hidden; }
  .why-split { display:grid; grid-template-columns:1fr 1fr; min-height:620px; }

  /* photo side */
  .why-photo { position:relative; overflow:hidden; min-height:500px; }
  .why-photo-img {
    position:absolute; inset:0;
    background:url('https://ismconf.com/im/Screen%20Shot%202026-05-05%20at%2012.19.47%20AM.png') center/cover no-repeat;
    transform:scale(1.07); transition:transform 0.9s ease;
  }
  .why-photo:hover .why-photo-img { transform:scale(1); }
  .why-photo-overlay {
    position:absolute; inset:0;
    background:linear-gradient(270deg,rgba(11,31,58,0.92) 0%,rgba(11,31,58,0.4) 55%,rgba(11,31,58,0.08) 100%);
    transition:background 0.6s ease;
  }
  .why-photo:hover .why-photo-overlay {
    background:linear-gradient(270deg,rgba(11,31,58,0.82) 0%,rgba(11,31,58,0.25) 55%,rgba(11,31,58,0.05) 100%);
  }
  /* floating badge on photo */
  .why-photo-badge {
    position:absolute; top:36px; right:36px; z-index:3;
    background:rgba(11,31,58,0.82); backdrop-filter:blur(12px);
    border:1px solid rgba(79,195,247,0.3); border-radius:14px;
    padding:14px 20px; color:var(--white);
    transform:translateY(-12px); opacity:0; transition:all 0.7s 0.2s ease;
  }
  .why-photo.inview .why-photo-badge { transform:none; opacity:1; }
  .why-photo-badge .wn { font-size:2rem; font-weight:900; color:var(--hover); line-height:1; }
  .why-photo-badge .wl { font-size:12px; color:rgba(255,255,255,0.6); font-weight:600; }
  /* diagonal stripe decoration */
  .why-photo::after {
    content:'';
    position:absolute; top:0; left:-1px; bottom:0; width:80px; z-index:4;
    background:linear-gradient(to left, var(--bg) 0%, transparent 100%);
  }

  /* cards side */
  .why-cards-side {
    background:var(--bg); padding:72px 52px 72px 40px;
    display:flex; flex-direction:column; justify-content:center;
  }
  .why-cards-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:36px; }
  .why-card {
    background:rgba(255,255,255,0.04); border:1px solid var(--border);
    border-radius:14px; padding:24px 20px;
    transition:all 0.4s ease; position:relative; overflow:hidden;
    opacity:0; transform:translateY(28px);
  }
  .why-card.inview { opacity:1; transform:none; }
  .why-card::after {
    content:''; position:absolute; bottom:0; right:0;
    width:0; height:3px; background:linear-gradient(90deg,var(--btn),var(--hover));
    transition:width 0.4s ease; border-radius:2px;
  }
  .why-card:hover { border-color:rgba(79,195,247,0.3); transform:translateY(-4px); box-shadow:0 16px 40px rgba(0,0,0,0.3); }
  .why-card:hover::after { width:100%; }
  .why-icon-box {
    width:44px; height:44px; background:rgba(67,160,71,0.12);
    border-radius:10px; display:flex; align-items:center; justify-content:center;
    margin-bottom:14px; transition:all 0.3s ease;
  }
  .why-icon-box svg { width:22px; height:22px; color:var(--icon); transition:color 0.3s; }
  .why-card:hover .why-icon-box { background:var(--icon); }
  .why-card:hover .why-icon-box svg { color:var(--white); }
  .why-card h3 { font-size:15px; font-weight:800; margin-bottom:8px; color:var(--hover); }
  .why-card p { color:var(--white-muted); font-size:13px; line-height:1.7; }

  /* stagger delays */
  .why-card:nth-child(1){transition-delay:0.05s}
  .why-card:nth-child(2){transition-delay:0.12s}
  .why-card:nth-child(3){transition-delay:0.19s}
  .why-card:nth-child(4){transition-delay:0.26s}
  .why-card:nth-child(5){transition-delay:0.33s}
  .why-card:nth-child(6){transition-delay:0.40s}

  /* ── AUDIENCE REDESIGN ── */
  .audience { background:#f0f5ff; padding:0; overflow:hidden; }
  .audience-split { display:grid; grid-template-columns:1fr 1fr; min-height:620px; }

  /* cards side first (RTL — cards on right, image on left) */
  .audience-cards-side {
    background:#f0f5ff; padding:72px 40px 72px 52px;
    display:flex; flex-direction:column; justify-content:center; order:1;
  }
  .audience-photo { position:relative; overflow:hidden; min-height:500px; order:2; }
  .audience-photo-img {
    position:absolute; inset:0;
    background:url('https://ismconf.com/im/Screen%20Shot%202026-05-05%20at%2012.22.09%20AM.png') center/cover no-repeat;
    transform:scale(1.07); transition:transform 0.9s ease;
  }
  .audience-photo:hover .audience-photo-img { transform:scale(1); }
  .audience-photo-overlay {
    position:absolute; inset:0;
    background:linear-gradient(90deg,rgba(240,245,251,0.9) 0%,rgba(240,245,251,0.3) 50%,rgba(240,245,251,0.05) 100%);
  }
  /* left edge fade */
  .audience-photo::before {
    content:''; position:absolute; top:0; right:-1px; bottom:0; width:80px; z-index:4;
    background:linear-gradient(to right, #f0f5ff 0%, transparent 100%);
  }
  /* floating stat card on photo */
  .audience-float-card {
    position:absolute; bottom:40px; left:36px; z-index:5;
    background:var(--bg); border:1px solid rgba(79,195,247,0.3);
    border-radius:16px; padding:18px 24px; color:var(--white);
    box-shadow:0 20px 50px rgba(11,31,58,0.4);
    transform:translateY(16px); opacity:0; transition:all 0.7s 0.3s ease;
  }
  .audience-photo.inview .audience-float-card { transform:none; opacity:1; }
  .audience-float-card .af-num { font-size:2.4rem; font-weight:900; color:var(--btn); line-height:1; }
  .audience-float-card .af-lbl { font-size:12px; color:rgba(255,255,255,0.6); font-weight:600; margin-top:4px; }

  /* audience cards new style */
  .audience-grid-new { display:grid; grid-template-columns:1fr; gap:14px; margin-top:32px; }
  .audience-card-new {
    background:var(--bg); color:var(--white); border-radius:16px;
    padding:22px 24px; border:1px solid rgba(255,255,255,0.06);
    display:flex; align-items:flex-start; gap:18px;
    transition:all 0.4s ease; position:relative; overflow:hidden;
    opacity:0; transform:translateX(24px);
  }
  .audience-card-new.inview { opacity:1; transform:none; }
  .audience-card-new::before {
    content:''; position:absolute; inset:0;
    background:linear-gradient(135deg,rgba(79,195,247,0.04),transparent 60%);
    opacity:0; transition:opacity 0.3s;
  }
  .audience-card-new:hover { border-color:rgba(79,195,247,0.25); transform:translateX(-6px); box-shadow:0 12px 32px rgba(11,31,58,0.25); }
  .audience-card-new:hover::before { opacity:1; }
  .audience-icon-new {
    width:48px; height:48px; flex-shrink:0;
    background:rgba(79,195,247,0.1); border-radius:12px;
    display:flex; align-items:center; justify-content:center;
    transition:all 0.3s;
  }
  .audience-icon-new svg { width:24px; height:24px; color:var(--hover); }
  .audience-card-new:hover .audience-icon-new { background:var(--hover); }
  .audience-card-new:hover .audience-icon-new svg { color:var(--bg); }
  .audience-body h3 { font-size:16px; font-weight:800; color:var(--hover); margin-bottom:8px; }
  .audience-sub-new { list-style:none; }
  .audience-sub-new li { display:flex; align-items:center; gap:8px; font-size:13px; color:rgba(255,255,255,0.55); margin-bottom:4px; }
  .audience-sub-new li::before { content:''; width:5px; height:5px; border-radius:50%; background:var(--icon); flex-shrink:0; }

  /* stagger */
  .audience-card-new:nth-child(1){transition-delay:0.05s}
  .audience-card-new:nth-child(2){transition-delay:0.15s}
  .audience-card-new:nth-child(3){transition-delay:0.25s}
  .audience-card-new:nth-child(4){transition-delay:0.35s}

  /* responsive for both splits */
  @media(max-width:900px){
    .why-split,.audience-split{grid-template-columns:1fr;}
    .why-photo,.audience-photo{min-height:300px;order:0;}
    .why-photo::after,.audience-photo::before{display:none;}
    .why-cards-side,.audience-cards-side{padding:48px 24px;}
    .why-cards-grid{grid-template-columns:1fr;}
    .audience-cards-side{order:2;}
    .audience-photo{order:1;}
  }

  /* WHY CONF old grid — remove */
  .grid-6 { display:none; }

  /* AUDIENCE old grid — remove */
  .audience-grid { display:none; }

  /* WHY CONF */
  .why { background:var(--bg); }
  .grid-6 { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:48px; }
  .why-card { background:var(--card-bg); border:1px solid var(--border); border-radius:16px; padding:32px 26px; transition:all var(--transition); position:relative; overflow:hidden; }
  .why-card::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(79,195,247,0.05),transparent 60%); opacity:0; transition:var(--transition); }
  .why-card:hover { transform:translateY(-6px); border-color:rgba(79,195,247,0.3); box-shadow:0 20px 50px rgba(0,0,0,0.3); }
  .why-card:hover::before { opacity:1; }
  .why-icon-box { width:52px; height:52px; background:rgba(67,160,71,0.12); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; transition:var(--transition); }
  .why-icon-box svg { width:26px; height:26px; color:var(--icon); }
  .why-card:hover .why-icon-box { background:var(--icon); }
  .why-card:hover .why-icon-box svg { color:var(--white); }
  .why-card h3 { font-size:17px; font-weight:800; margin-bottom:10px; color:var(--hover); }
  .why-card p { color:var(--white-muted); font-size:14px; line-height:1.8; }

  /* STATS */
  .stats { background:var(--bg-mid); }
  .stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--border); border-radius:20px; overflow:hidden; margin-top:48px; border:1px solid var(--border); }
  .stat-item { background:var(--bg-mid); padding:48px 28px; text-align:center; transition:var(--transition); }
  .stat-item:hover { background:var(--bg-light); }
  .stat-num { font-size:clamp(2.4rem,4vw,3.3rem); font-weight:900; color:var(--gold); display:block; line-height:1; margin-bottom:12px; }
  .stat-label { color:var(--white-dim); font-size:15px; font-weight:600; }

  /* WHY KSA */
  .why-ksa { background:#f0f5ff; }
  .why-ksa-inner { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
  .why-ksa-img { border-radius:20px; overflow:hidden; height:500px; box-shadow:0 24px 60px rgba(11,31,58,0.18); }
  .why-ksa-img img { width:100%; height:100%; object-fit:cover; }
  .why-ksa-list { list-style:none; margin-top:28px; }
  .why-ksa-list li { display:flex; align-items:flex-start; gap:20px; padding:18px 0; border-bottom:1px solid #d1dcf0; font-size:16px; font-weight:600; color:var(--bg); }
  .why-ksa-list li:last-child { border-bottom:none; }
  .ksa-num { min-width:40px; height:40px; background:var(--btn); color:var(--white); display:flex; align-items:center; justify-content:center; border-radius:8px; font-weight:900; font-size:16px; flex-shrink:0; }

  /* ── OVERVIEW REDESIGN ── */
  .overview { background:var(--bg); padding:0; overflow:hidden; position:relative; }
  .overview-split { display:grid; grid-template-columns:1fr 1fr; min-height:580px; }

  /* Photo side */
  .overview-photo { position:relative; overflow:hidden; min-height:480px; }
  .overview-photo-img {
    position:absolute; inset:0;
    background:url('https://ismconf.com/wp-content/uploads/2025/09/slider-4-1.jpeg') center/cover no-repeat;
    transform:scale(1.06); transition:transform 1s ease;
  }
  .overview-photo:hover .overview-photo-img { transform:scale(1); }
  .overview-photo-overlay {
    position:absolute; inset:0;
    background:linear-gradient(270deg,rgba(11,31,58,0.95) 0%,rgba(11,31,58,0.5) 55%,rgba(11,31,58,0.08) 100%);
    transition:background 0.6s ease;
  }
  .overview-photo:hover .overview-photo-overlay {
    background:linear-gradient(270deg,rgba(11,31,58,0.8) 0%,rgba(11,31,58,0.3) 55%,rgba(11,31,58,0.05) 100%);
  }
  /* right edge fade */
  .overview-photo::after {
    content:''; position:absolute; top:0; left:-1px; bottom:0; width:90px; z-index:4;
    background:linear-gradient(to left, var(--bg) 0%, transparent 100%);
  }
  /* floating label on photo */
  .overview-photo-label {
    position:absolute; bottom:36px; right:32px; z-index:5;
    background:rgba(11,31,58,0.85); backdrop-filter:blur(14px);
    border:1px solid rgba(79,195,247,0.25); border-radius:14px;
    padding:16px 22px; color:var(--white);
    transform:translateY(12px); opacity:0; transition:all 0.7s 0.2s ease;
  }
  .overview-photo.inview .overview-photo-label { transform:none; opacity:1; }
  .overview-photo-label .oln { font-size:2rem; font-weight:900; color:var(--hover); line-height:1; }
  .overview-photo-label .oll { font-size:12px; color:rgba(255,255,255,0.6); font-weight:600; margin-top:4px; }

  /* animated scan line */
  .overview-scan {
    position:absolute; top:0; left:0; right:0; height:2px; z-index:3;
    background:linear-gradient(90deg, transparent, var(--hover), transparent);
    opacity:0; animation:scanLine 3s linear infinite;
  }
  @keyframes scanLine {
    0%   { top:0%;   opacity:0; }
    5%   { opacity:0.6; }
    95%  { opacity:0.6; }
    100% { top:100%; opacity:0; }
  }

  /* Content side */
  .overview-content-side {
    background:var(--bg); padding:72px 52px 72px 40px;
    display:flex; flex-direction:column; justify-content:center;
    position:relative; z-index:2;
  }
  .overview-content-side p { color:var(--white-muted); font-size:15px; line-height:2; }

  /* items list */
  .overview-items { display:flex; flex-direction:column; gap:12px; margin-top:32px; }
  .overview-item {
    display:flex; align-items:center; gap:16px;
    padding:14px 18px; background:rgba(255,255,255,0.03);
    border-radius:12px; border-right:3px solid var(--icon);
    transition:all 0.35s ease;
    opacity:0; transform:translateX(-16px);
  }
  .overview-item.inview { opacity:1; transform:none; }
  .overview-item:nth-child(1){transition-delay:0.04s}
  .overview-item:nth-child(2){transition-delay:0.11s}
  .overview-item:nth-child(3){transition-delay:0.18s}
  .overview-item:nth-child(4){transition-delay:0.25s}
  .overview-item:nth-child(5){transition-delay:0.32s}
  .overview-item:hover { background:rgba(79,195,247,0.06); border-right-color:var(--hover); transform:translateX(-4px); }
  .overview-item .oi { width:24px; height:24px; flex-shrink:0; color:var(--icon); transition:color 0.3s; }
  .overview-item:hover .oi { color:var(--hover); }
  .overview-item span { font-size:15px; font-weight:600; }

  /* hide old */
  .overview-inner { display:none; }
  .overview-visual { display:none; }

  /* OVERVIEW responsive */
  @media(max-width:900px){
    .overview-split { grid-template-columns:1fr; min-height:auto; }
    .overview-photo { height:260px; min-height:260px; order:-1; }
    .overview-photo::after { display:none; }
    .overview-photo-overlay { background:linear-gradient(to bottom,rgba(11,31,58,0.3) 0%,rgba(11,31,58,0.9) 100%) !important; }
    .overview-photo-label { bottom:14px; right:14px; padding:12px 16px; }
    .overview-photo-label .oln { font-size:1.5rem; }
    .overview-content-side { padding:32px 5% 48px; }
  }

  /* ── VISION MISSION REDESIGN ── */
  .vision-mission {
    position:relative; padding:110px 5%; overflow:hidden;
    background:var(--bg-mid);
  }
  /* full-bleed background image */
  .vision-mission::before {
    content:''; position:absolute; inset:0;
    background:url('https://ismconf.com/wp-content/uploads/2025/09/slider-4-1.jpeg') center/cover no-repeat;
    opacity:0.12; transform:scale(1.04);
    animation:vmKen 14s ease-in-out infinite alternate;
  }
  @keyframes vmKen { from{transform:scale(1.04)} to{transform:scale(1)} }
  /* dark gradient overlay */
  .vision-mission::after {
    content:''; position:absolute; inset:0;
    background:
      radial-gradient(ellipse at 20% 50%, rgba(229,57,53,0.07) 0%, transparent 60%),
      radial-gradient(ellipse at 80% 50%, rgba(79,195,247,0.06) 0%, transparent 60%),
      linear-gradient(to bottom, rgba(14,36,68,0.6) 0%, rgba(14,36,68,0.5) 100%);
  }
  .vm-inner { position:relative; z-index:2; }

  /* header */
  .vm-header { text-align:center; margin-bottom:56px; }
  .vm-header .section-tag { background:rgba(229,57,53,0.15); color:var(--btn); }
  .vm-header h2 { font-size:clamp(1.8rem,3.5vw,2.8rem); font-weight:900; }

  /* decorative line */
  .vm-line {
    width:80px; height:3px; margin:16px auto 0;
    background:linear-gradient(90deg,var(--btn),var(--hover));
    border-radius:2px;
  }

  /* cards */
  .vm-grid {
    display:grid; grid-template-columns:1fr 1fr; gap:28px;
    max-width:960px; margin:0 auto;
  }
  .vm-card {
    background:rgba(11,31,58,0.75);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,0.1);
    border-radius:24px; padding:48px 40px;
    position:relative; overflow:hidden;
    transition:all 0.45s ease;
    opacity:0; transform:translateY(32px);
  }
  .vm-card.inview { opacity:1; transform:none; }
  .vm-card:nth-child(1) { transition-delay:0.05s; }
  .vm-card:nth-child(2) { transition-delay:0.18s; }

  /* glowing top border on hover */
  .vm-card::before {
    content:''; position:absolute; top:0; right:0; left:0; height:3px;
    background:linear-gradient(90deg, var(--btn), var(--hover));
    transform:scaleX(0); transform-origin:right;
    transition:transform 0.5s ease; border-radius:24px 24px 0 0;
  }
  .vm-card:hover::before { transform:scaleX(1); }

  /* corner glow */
  .vm-card::after {
    content:''; position:absolute; top:-60px; right:-60px;
    width:180px; height:180px; border-radius:50%;
    background:radial-gradient(circle, rgba(79,195,247,0.1) 0%, transparent 70%);
    transition:opacity 0.4s; opacity:0;
  }
  .vm-card:hover::after { opacity:1; }

  .vm-card:hover {
    border-color:rgba(79,195,247,0.3);
    transform:translateY(-6px);
    box-shadow:0 24px 60px rgba(0,0,0,0.4);
    background:rgba(11,31,58,0.88);
  }

  .vm-icon-box {
    width:58px; height:58px;
    background:rgba(79,195,247,0.1); border:1px solid rgba(79,195,247,0.2);
    border-radius:16px; display:flex; align-items:center; justify-content:center;
    margin-bottom:24px; transition:all 0.35s ease;
  }
  .vm-icon-box svg { width:28px; height:28px; color:var(--hover); transition:color 0.3s; }
  .vm-card:hover .vm-icon-box { background:var(--hover); border-color:var(--hover); }
  .vm-card:hover .vm-icon-box svg { color:var(--bg); }

  .vm-card h3 {
    font-size:22px; font-weight:900; color:var(--hover);
    margin-bottom:16px; transition:color 0.3s;
  }
  .vm-card:hover h3 { color:var(--white); }
  .vm-card p { color:rgba(255,255,255,0.65); font-size:15px; line-height:1.95; }

  /* VM */
  .vision-mission { background:var(--bg-mid); }
  .vm-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:48px; }
  .vm-card { background:var(--card-bg); border:1px solid var(--border); border-radius:20px; padding:48px 40px; position:relative; overflow:hidden; transition:var(--transition); }
  .vm-card:hover { border-color:rgba(79,195,247,0.35); transform:translateY(-4px); }
  .vm-card::before { content:''; position:absolute; top:0; right:0; width:130px; height:130px; background:radial-gradient(circle,rgba(79,195,247,0.07),transparent 70%); }
  .vm-icon-box { width:56px; height:56px; background:rgba(79,195,247,0.1); border-radius:14px; display:flex; align-items:center; justify-content:center; margin-bottom:22px; }
  .vm-icon-box svg { width:28px; height:28px; color:var(--hover); }
  .vm-card h3 { font-size:22px; font-weight:900; color:var(--hover); margin-bottom:14px; }
  .vm-card p { color:var(--white-muted); font-size:15px; line-height:1.9; }

  /* PROGRAM */
  .program { background:var(--bg); }
  .program-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:48px; }
  .program-card { background:var(--bg-mid); border:1px solid var(--border); border-radius:16px; padding:28px 24px; display:flex; align-items:center; gap:18px; transition:all var(--transition); }
  .program-card:hover { border-color:var(--hover); transform:translateX(4px); box-shadow:0 8px 28px rgba(79,195,247,0.1); }
  .program-num { font-size:2rem; font-weight:900; color:rgba(79,195,247,0.15); line-height:1; flex-shrink:0; min-width:42px; transition:var(--transition); }
  .program-card:hover .program-num { color:var(--hover); }
  .program-card h3 { font-size:15px; font-weight:800; }

  /* ── PILLARS REDESIGN ── */
  .pillars { background:#f0f5ff; padding:0; overflow:hidden; }
  .pillars-wrap {
    display:grid; grid-template-columns:1fr 1fr;
    min-height:680px;
  }

  /* ── Photo side ── */
  .pillars-photo {
    position:relative; overflow:hidden; min-height:500px;
  }
  .pillars-photo-img {
    position:absolute; inset:0;
    background:url('https://ismconf.com/im/Screen%20Shot%202026-05-05%20at%2012.32.48%20AM.png') center/cover no-repeat;
    transform:scale(1.06); transition:transform 1s ease;
  }
  .pillars-photo:hover .pillars-photo-img { transform:scale(1); }
  .pillars-photo-overlay {
    position:absolute; inset:0;
    background:linear-gradient(90deg,rgba(240,245,251,0.0) 0%,rgba(240,245,251,0.3) 50%,rgba(240,245,251,0.97) 100%);
  }
  /* right edge fade to content bg */
  .pillars-photo::after {
    content:''; position:absolute; top:0; right:-2px; bottom:0; width:100px; z-index:4;
    background:linear-gradient(to right, #f0f5ff 0%, transparent 100%);
  }
  /* floating number bubble on photo */
  .pillars-float {
    position:absolute; bottom:48px; right:48px; z-index:5;
    display:flex; flex-direction:column; gap:12px;
  }
  .pillars-bubble {
    width:70px; height:70px; border-radius:50%;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    background:var(--bg); box-shadow:0 8px 28px rgba(11,31,58,0.35);
    border:2px solid rgba(79,195,247,0.2);
    transform:scale(0.6) translateY(20px); opacity:0;
    transition:all 0.5s ease;
  }
  .pillars-photo.inview .pillars-bubble:nth-child(1){transform:scale(1) translateY(0);opacity:1;transition-delay:0.05s}
  .pillars-photo.inview .pillars-bubble:nth-child(2){transform:scale(1) translateY(0);opacity:1;transition-delay:0.18s}
  .pillars-photo.inview .pillars-bubble:nth-child(3){transform:scale(1) translateY(0);opacity:1;transition-delay:0.31s}
  .pillars-bubble .bn { font-size:1.4rem; font-weight:900; color:var(--hover); line-height:1; }
  .pillars-bubble .bl { font-size:9px; font-weight:700; color:rgba(255,255,255,0.5); text-align:center; line-height:1.2; }

  /* ── Content side ── */
  .pillars-content {
    background:#f0f5ff; padding:72px 52px 72px 32px;
    display:flex; flex-direction:column; justify-content:center;
  }

  /* pillar cards — horizontal row with connecting line */
  .pillars-list { display:flex; flex-direction:column; gap:14px; margin-top:36px; }

  .pillar-row {
    display:flex; align-items:flex-start; gap:18px;
    background:var(--bg); border-radius:16px; padding:22px 24px;
    border:1px solid rgba(255,255,255,0.06);
    position:relative; overflow:hidden;
    opacity:0; transform:translateX(28px);
    transition:all 0.5s ease;
    cursor:default;
  }
  .pillar-row.inview { opacity:1; transform:none; }
  .pillar-row:nth-child(1){transition-delay:0.04s}
  .pillar-row:nth-child(2){transition-delay:0.12s}
  .pillar-row:nth-child(3){transition-delay:0.20s}
  .pillar-row:nth-child(4){transition-delay:0.28s}
  .pillar-row:nth-child(5){transition-delay:0.36s}

  /* left accent bar that grows on hover */
  .pillar-row::before {
    content:''; position:absolute; right:0; top:0; bottom:0;
    width:0; background:linear-gradient(to bottom, var(--btn), var(--hover));
    border-radius:0 16px 16px 0; transition:width 0.35s ease;
  }
  .pillar-row:hover::before { width:4px; }
  .pillar-row:hover {
    border-color:rgba(79,195,247,0.2);
    transform:translateX(-6px);
    box-shadow:0 12px 36px rgba(11,31,58,0.18);
  }

  /* number badge */
  .pillar-num-badge {
    width:42px; height:42px; flex-shrink:0; border-radius:10px;
    background:rgba(229,57,53,0.1); border:1px solid rgba(229,57,53,0.25);
    display:flex; align-items:center; justify-content:center;
    font-size:18px; font-weight:900; color:var(--btn);
    transition:all 0.3s;
  }
  .pillar-row:hover .pillar-num-badge { background:var(--btn); color:var(--white); border-color:var(--btn); }

  /* icon box */
  .pillar-icon-row {
    width:42px; height:42px; flex-shrink:0; border-radius:10px;
    background:rgba(79,195,247,0.1);
    display:flex; align-items:center; justify-content:center;
    transition:all 0.3s;
  }
  .pillar-icon-row svg { width:20px; height:20px; color:var(--hover); transition:color 0.3s; }
  .pillar-row:hover .pillar-icon-row { background:var(--hover); }
  .pillar-row:hover .pillar-icon-row svg { color:var(--bg); }

  .pillar-text h3 { font-size:15px; font-weight:800; color:var(--hover); margin-bottom:4px; transition:color 0.3s; }
  .pillar-row:hover .pillar-text h3 { color:var(--white); }
  .pillar-text p { font-size:13px; color:rgba(255,255,255,0.5); line-height:1.6; }

  /* hide old */
  .pillars-grid { display:none; }
  .pillar-card { display:none; }

  /* PILLARS */
  .pillars { background:#f0f5ff; }
  .pillars-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:18px; margin-top:48px; }
  .pillar-card { background:var(--bg); color:var(--white); border-radius:18px; padding:30px 18px; transition:all var(--transition); position:relative; overflow:hidden; border:1px solid transparent; }
  .pillar-card:hover { transform:translateY(-8px); box-shadow:0 24px 60px rgba(11,31,58,0.3); border-color:rgba(79,195,247,0.2); }
  .pillar-num-bg { font-size:3rem; font-weight:900; color:rgba(255,255,255,0.04); position:absolute; top:14px; left:14px; line-height:1; }
  .pillar-icon-box { width:48px; height:48px; background:rgba(79,195,247,0.1); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; position:relative; z-index:1; transition:var(--transition); }
  .pillar-icon-box svg { width:24px; height:24px; color:var(--hover); }
  .pillar-card:hover .pillar-icon-box { background:var(--hover); }
  .pillar-card:hover .pillar-icon-box svg { color:var(--bg); }
  .pillar-card h3 { font-size:14px; font-weight:800; color:var(--hover); margin-bottom:10px; }
  .pillar-card p { font-size:13px; color:var(--white-muted); line-height:1.7; }

  /* OFFERS */
  .offers { background:var(--bg-mid); }
  .offers-inner { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }
  .offers-list { list-style:none; margin-top:24px; }
  .offers-list li { display:flex; align-items:flex-start; gap:16px; padding:18px 0; border-bottom:1px solid var(--border); font-size:16px; font-weight:600; transition:var(--transition); }
  .offers-list li:hover { color:var(--hover); padding-right:6px; }
  .offers-list li:last-child { border-bottom:none; }
  .offer-num { width:34px; height:34px; flex-shrink:0; background:rgba(229,57,53,0.1); border:1px solid rgba(229,57,53,0.3); color:var(--btn); display:flex; align-items:center; justify-content:center; border-radius:8px; font-weight:900; font-size:14px; }
  .offers-visual { border-radius:20px; overflow:hidden; height:440px; }
  .offers-visual img { width:100%; height:100%; object-fit:cover; }

  /* ── TRACKS REDESIGN ── */
  .tracks { background:var(--bg-mid); padding:0; overflow:hidden; position:relative; }

  .tracks-split { display:grid; grid-template-columns:1fr 1fr; min-height:640px; }

  /* Photo side — full bleed on right */
  .tracks-photo {
    position:relative; overflow:hidden; min-height:500px;
  }
  .tracks-photo-img {
    position:absolute; inset:0;
    background:url('https://ismconf.com/im/Screen%20Shot%202026-05-05%20at%2012.27.13%20AM.png') center/cover no-repeat;
    transform:scale(1.06); transition:transform 1s ease;
  }
  .tracks-photo:hover .tracks-photo-img { transform:scale(1); }
  .tracks-photo-overlay {
    position:absolute; inset:0;
    background:linear-gradient(270deg,rgba(14,36,68,0.96) 0%,rgba(14,36,68,0.55) 50%,rgba(14,36,68,0.08) 100%);
  }
  /* right-edge fade to blend */
  .tracks-photo::after {
    content:''; position:absolute; top:0; left:-1px; bottom:0; width:90px; z-index:4;
    background:linear-gradient(to left, var(--bg-mid) 0%, transparent 100%);
  }

  /* Floating stat pill on photo */
  .tracks-pill {
    position:absolute; top:44px; right:36px; z-index:5;
    display:flex; flex-direction:column; gap:12px;
  }
  .tpill {
    background:rgba(11,31,58,0.88); backdrop-filter:blur(14px);
    border:1px solid rgba(79,195,247,0.25); border-radius:14px;
    padding:14px 20px; color:var(--white);
    transform:translateX(20px); opacity:0;
    transition:all 0.6s ease;
    display:flex; align-items:center; gap:14px;
  }
  .tracks-photo.inview .tpill:nth-child(1) { transform:none; opacity:1; transition-delay:0.1s; }
  .tracks-photo.inview .tpill:nth-child(2) { transform:none; opacity:1; transition-delay:0.25s; }
  .tracks-photo.inview .tpill:nth-child(3) { transform:none; opacity:1; transition-delay:0.4s; }
  .tpill-icon { width:36px; height:36px; background:rgba(229,57,53,0.15); border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
  .tpill-icon svg { width:18px; height:18px; color:var(--btn); }
  .tpill-text .tn { font-size:1.3rem; font-weight:900; color:var(--white); line-height:1; }
  .tpill-text .tl { font-size:11px; color:rgba(255,255,255,0.55); font-weight:600; margin-top:2px; }

  /* diagonal accent line on photo */
  .tracks-photo-line {
    position:absolute; bottom:60px; left:30px; right:30px; z-index:3;
    height:2px; background:linear-gradient(90deg, var(--btn), transparent);
    transform:scaleX(0); transform-origin:right;
    transition:transform 1s 0.4s ease;
  }
  .tracks-photo.inview .tracks-photo-line { transform:scaleX(1); }

  /* Content side */
  .tracks-content-side {
    padding:72px 40px 72px 52px;
    display:flex; flex-direction:column; justify-content:center;
    position:relative; z-index:2;
  }

  /* track cards — vertical timeline style */
  .tracks-list { display:flex; flex-direction:column; gap:0; margin-top:36px; position:relative; }
  .tracks-list::before {
    content:''; position:absolute; right:22px; top:0; bottom:0;
    width:2px; background:var(--border);
  }

  .track-item {
    display:flex; gap:20px; align-items:flex-start;
    padding:0 0 28px 0; position:relative;
    opacity:0; transform:translateX(-20px);
    transition:all 0.5s ease;
  }
  .track-item.inview { opacity:1; transform:none; }
  .track-item:last-child { padding-bottom:0; }
  .track-item:nth-child(1){transition-delay:0.05s}
  .track-item:nth-child(2){transition-delay:0.15s}
  .track-item:nth-child(3){transition-delay:0.25s}
  .track-item:nth-child(4){transition-delay:0.35s}

  /* timeline dot */
  .track-dot {
    width:44px; height:44px; flex-shrink:0;
    background:rgba(229,57,53,0.1); border:2px solid rgba(229,57,53,0.3);
    border-radius:50%; display:flex; align-items:center; justify-content:center;
    position:relative; z-index:2; transition:all 0.3s ease;
  }
  .track-dot svg { width:20px; height:20px; color:var(--btn); transition:color 0.3s; }
  .track-item:hover .track-dot { background:var(--btn); border-color:var(--btn); box-shadow:0 0 0 6px rgba(229,57,53,0.15); }
  .track-item:hover .track-dot svg { color:var(--white); }

  .track-body { flex:1; padding-top:8px; }
  .track-body h3 {
    font-size:16px; font-weight:800; color:var(--hover);
    margin-bottom:10px; transition:color 0.3s;
  }
  .track-item:hover .track-body h3 { color:var(--white); }
  .track-body ul { list-style:none; }
  .track-body ul li {
    display:flex; align-items:center; gap:8px;
    font-size:13px; color:rgba(255,255,255,0.5);
    margin-bottom:6px; line-height:1.5;
    transition:color 0.3s;
  }
  .track-body ul li::before {
    content:''; width:5px; height:5px; border-radius:50%;
    background:var(--icon); flex-shrink:0;
  }
  .track-item:hover .track-body ul li { color:rgba(255,255,255,0.75); }

  /* old tracks */
  .tracks-grid { display:none; }
  .track-card { display:none; }

  /* TRACKS */
  .tracks { background:var(--bg); }
  .tracks-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:48px; }
  .track-card { background:var(--bg-mid); border:1px solid var(--border); border-radius:16px; padding:28px 20px; transition:var(--transition); }
  .track-card:hover { border-color:rgba(79,195,247,0.3); transform:translateY(-4px); }
  .track-header { display:flex; align-items:center; gap:12px; margin-bottom:20px; padding-bottom:16px; border-bottom:2px solid var(--btn); }
  .track-icon { width:32px; height:32px; flex-shrink:0; }
  .track-icon svg { width:100%; height:100%; color:var(--hover); }
  .track-header h3 { font-size:13px; font-weight:800; line-height:1.4; color:var(--hover); }
  .track-items { list-style:none; }
  .track-items li { display:flex; align-items:flex-start; gap:10px; font-size:13px; color:var(--white-muted); margin-bottom:10px; line-height:1.6; }
  .track-items li::before { content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--icon); flex-shrink:0; margin-top:6px; }

  /* AUDIENCE */
  .audience { background:#f0f5ff; }
  .audience-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin-top:48px; }
  .audience-card { background:var(--bg); color:var(--white); border-radius:18px; padding:34px 28px; transition:all var(--transition); border:1px solid var(--border); }
  .audience-card:hover { transform:translateY(-4px); box-shadow:0 20px 50px rgba(11,31,58,0.3); border-color:rgba(79,195,247,0.2); }
  .audience-icon-box { width:52px; height:52px; background:rgba(79,195,247,0.1); border-radius:14px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
  .audience-icon-box svg { width:26px; height:26px; color:var(--hover); }
  .audience-card h3 { font-size:17px; font-weight:800; color:var(--hover); margin-bottom:14px; }
  .audience-sub { list-style:none; }
  .audience-sub li { display:flex; align-items:center; gap:10px; font-size:14px; color:var(--white-muted); margin-bottom:8px; }
  .audience-sub li::before { content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--icon); flex-shrink:0; }

  /* FORUM NUMBERS */
  .forum-nums { background:var(--bg-mid); }
  .fnums-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:48px; }
  .fnum-card { background:var(--card-bg); border:1px solid var(--border); border-radius:20px; padding:38px 26px; text-align:center; transition:all var(--transition); position:relative; overflow:hidden; }
  .fnum-card:hover { border-color:rgba(229,57,53,0.4); transform:translateY(-6px); }
  .fnum-card::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 50% 0%,rgba(229,57,53,0.07),transparent 70%); }
  .fnum-icon-box { width:52px; height:52px; background:rgba(229,57,53,0.1); border-radius:14px; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; position:relative; z-index:1; }
  .fnum-icon-box svg { width:26px; height:26px; color:var(--btn); }
  .fnum-num { font-size:3.2rem; font-weight:900; color:var(--btn); display:block; line-height:1; margin-bottom:14px; position:relative; z-index:1; }
  .fnum-label { color:var(--white-dim); font-size:14px; font-weight:600; line-height:1.6; position:relative; z-index:1; }

  /* CTA */
  .reg-cta { background:linear-gradient(135deg,#1E3A8A 0%,#0B1F3A 100%); text-align:center; padding:100px 5%; position:relative; overflow:hidden; }
  .reg-cta::before { content:''; position:absolute; inset:0; background:url('https://images.unsplash.com/photo-1612872087720-bb876e2e67d1?w=1400&q=80') center/cover; opacity:0.07; }
  .reg-cta::after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at center,rgba(79,195,247,0.07),transparent 70%); }
  .reg-cta-inner { position:relative; z-index:1; max-width:700px; margin:0 auto; }
  .reg-cta h2 { font-size:clamp(2rem,4vw,3rem); font-weight:900; margin-bottom:18px; }
  .reg-cta p { font-size:17px; color:rgba(255,255,255,0.8); margin-bottom:40px; }
  .btn-red { background:var(--btn); color:var(--white); padding:18px 52px; border-radius:10px; font-size:18px; font-weight:900; text-decoration:none; display:inline-block; transition:all var(--transition); box-shadow:0 8px 28px rgba(229,57,53,0.4); }
  .btn-red:hover { background:var(--btn-hover); transform:translateY(-3px); }

  /* FORM */
  .reg-form-section { background:var(--bg); }
  .form-container { max-width:860px; margin:0 auto; background:var(--white); border-radius:24px; padding:58px 48px; box-shadow:0 40px 100px rgba(0,0,0,0.4); }
  .form-title { color:var(--title); font-size:26px; font-weight:900; margin-bottom:8px; }
  .form-subtitle { color:#64748b; font-size:15px; margin-bottom:38px; }
  .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
  .form-group { display:flex; flex-direction:column; gap:8px; }
  .form-group.full { grid-column:1/-1; }
  .form-group label { font-size:14px; font-weight:700; color:var(--title); }
  .form-group label .req { color:var(--btn); }
  .form-group input,.form-group select,.form-group textarea { padding:14px 18px; border:2px solid #e2e8f0; border-radius:10px; font-family:'Cairo',sans-serif; font-size:14px; color:var(--bg); background:#f8fafc; transition:var(--transition); direction:rtl; outline:none; }
  .form-group input:focus,.form-group select:focus,.form-group textarea:focus { border-color:var(--title); background:var(--white); box-shadow:0 0 0 3px rgba(30,58,138,0.1); }
  .form-group textarea { resize:vertical; min-height:100px; }
  .radio-group { display:flex; flex-wrap:wrap; gap:10px; margin-top:4px; }
  .radio-label { display:flex; align-items:center; gap:8px; padding:10px 16px; border:2px solid #e2e8f0; border-radius:8px; cursor:pointer; font-size:14px; font-weight:600; color:#4a5568; transition:var(--transition); user-select:none; }
  .radio-label:hover { border-color:var(--title); color:var(--title); }
  .radio-label input { display:none; }
  .radio-label.active { border-color:var(--title); background:rgba(30,58,138,0.06); color:var(--title); }
  .rdot { width:14px; height:14px; border:2px solid #cbd5e0; border-radius:50%; transition:var(--transition); flex-shrink:0; }
  .radio-label.active .rdot { border-color:var(--title); background:var(--title); }
  .form-submit { width:100%; background:var(--btn); color:var(--white); border:none; padding:18px; border-radius:10px; font-size:18px; font-weight:800; font-family:'Cairo',sans-serif; cursor:pointer; margin-top:10px; transition:all var(--transition); }
  .form-submit:hover { background:var(--btn-hover); transform:translateY(-2px); box-shadow:0 12px 30px rgba(229,57,53,0.4); }
  .success-msg { display:none; background:#e8f5e9; color:#1b5e20; border:1px solid #a5d6a7; border-radius:10px; padding:20px 24px; font-size:16px; font-weight:700; text-align:center; margin-top:20px; }
  .success-msg.show { display:flex; align-items:center; justify-content:center; gap:12px; }
  .success-msg svg { width:24px; height:24px; color:#43A047; flex-shrink:0; }
  .wa-btn { display:flex; align-items:center; justify-content:center; gap:12px; background:#25D366; color:var(--white); padding:16px 32px; border-radius:10px; font-size:16px; font-weight:800; text-decoration:none; margin-top:14px; transition:all var(--transition); }
  .wa-btn:hover { background:#1fba5c; transform:translateY(-2px); }
  .wa-btn svg { width:24px; height:24px; flex-shrink:0; }

  /* FOOTER */
  footer { background:#060d1a; padding:68px 5% 26px; border-top:1px solid var(--border); }
  .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; margin-bottom:48px; }
  .footer-brand p { color:var(--white-muted); font-size:14px; line-height:1.9; margin:16px 0; }
  .footer-logo { display:flex; align-items:center; gap:14px; }
  .footer-logo img { height:50px; width:auto; object-fit:contain; }
  .footer-logo-text { color:var(--white); font-weight:800; font-size:13px; line-height:1.4; }
  .footer-logo-text span { color:var(--hover); }
  .footer-col h4 { font-size:16px; font-weight:800; margin-bottom:20px; position:relative; padding-bottom:12px; }
  .footer-col h4::after { content:''; position:absolute; bottom:0; right:0; width:30px; height:2px; background:var(--btn); }
  .footer-links { list-style:none; }
  .footer-links li { margin-bottom:10px; }
  .footer-links a { color:var(--white-muted); text-decoration:none; font-size:14px; transition:color var(--transition); }
  .footer-links a:hover { color:var(--hover); }
  .ci { display:flex; align-items:center; gap:10px; color:var(--white-muted); font-size:14px; margin-bottom:12px; }
  .ci svg { width:16px; height:16px; color:var(--hover); flex-shrink:0; }
  .socials { display:flex; gap:10px; margin-top:18px; }
  .sl { width:40px; height:40px; background:var(--card-bg); border:1px solid var(--border); border-radius:10px; display:flex; align-items:center; justify-content:center; text-decoration:none; transition:all var(--transition); }
  .sl svg { width:18px; height:18px; color:var(--white-dim); transition:color var(--transition); }
  .sl:hover { background:var(--hover); border-color:var(--hover); transform:translateY(-3px); }
  .sl:hover svg { color:var(--bg); }
  .footer-bottom { border-top:1px solid var(--border); padding-top:22px; display:flex; justify-content:space-between; align-items:center; color:var(--white-muted); font-size:13px; }

  /* REVEAL */
  .reveal { opacity:0; transform:translateY(36px); transition:opacity 0.65s ease,transform 0.65s ease; }
  .reveal.visible { opacity:1; transform:none; }

  /* ══════════════════════════════
     RESPONSIVE — FULL MOBILE FIX
  ══════════════════════════════ */

  /* ── Tablet 1100px ── */
  @media(max-width:1100px){
    .footer-grid{ grid-template-columns:1fr 1fr; }
    .fnums-grid{ grid-template-columns:repeat(2,1fr); }
    .stats-grid{ grid-template-columns:repeat(2,1fr); }
    .program-grid{ grid-template-columns:repeat(2,1fr); }
  }

  /* ── Mobile 900px ── */
  @media(max-width:900px){

    /* NAV */
    .nav-links{ display:none; }
    .burger{ display:flex; }

    /* HERO SLIDER */
    .hero{ height:100svh; min-height:560px; }
    .slide-content{ padding:0 5% 100px !important; justify-content:flex-start !important; }
    .slide-text{ max-width:100% !important; text-align:right !important; }
    .slide-text h1{ font-size:clamp(1.8rem,7vw,2.8rem) !important; }
    .slide-text p{ font-size:15px !important; max-width:100% !important; }
    .hero-btns{ justify-content:flex-start !important; }
    .hero-float{ display:none; }
    .slider-ctrl{ bottom:20px; }

    /* ABOUT */
    .about-inner{ grid-template-columns:1fr; gap:0; }
    .about-image{ height:280px; border-radius:0 !important; }
    .about-badge{ bottom:16px; right:16px; font-size:12px; padding:9px 14px; }
    .about-text{ padding:40px 5%; }

    /* WHY SPLIT */
    .why-split{ grid-template-columns:1fr; min-height:auto; }
    .why-photo{ height:260px; min-height:260px; order:-1 !important; }
    .why-photo-img{ background-position:center top; }
    .why-photo::after{ display:none; }
    .why-photo-overlay{
      background:linear-gradient(to bottom,rgba(11,31,58,0.3) 0%,rgba(11,31,58,0.85) 100%) !important;
    }
    .why-photo-badge{ top:16px; right:16px; padding:10px 14px; }
    .why-cards-side{ padding:40px 5%; }
    .why-cards-grid{ grid-template-columns:1fr; gap:12px; }
    .why-card{ padding:20px 18px; }

    /* STATS */
    .stats-grid{ grid-template-columns:repeat(2,1fr); }
    .stat-item{ padding:32px 16px; }
    .stat-num{ font-size:2.2rem; }

    /* WHY KSA */
    .why-ksa-inner{ grid-template-columns:1fr; gap:0; }
    .why-ksa-img{ height:260px; border-radius:0 !important; order:-1; }
    .why-ksa .section-title.dark,
    .why-ksa .section-tag,
    .why-ksa-list{ padding:0 5%; }
    .why-ksa-list{ margin-top:0; padding:0 5% 40px; }
    section.why-ksa{ padding:0; }

    /* OVERVIEW */
    .overview{ padding:60px 5%; }
    .overview-inner{ grid-template-columns:1fr; gap:32px; }
    .overview-visual{ padding:24px 20px; }

    /* VISION MISSION */
    .vm-grid{ grid-template-columns:1fr; gap:16px; }
    .vm-card{ padding:32px 24px; }

    /* PROGRAM */
    .program-grid{ grid-template-columns:1fr; gap:12px; }

    /* PILLARS */
    .pillars-wrap{ grid-template-columns:1fr; min-height:auto; }
    .pillars-photo{ height:260px; min-height:260px; order:-1 !important; }
    .pillars-photo-img{ background-position:center top; }
    .pillars-photo::after{ display:none; }
    .pillars-photo-overlay{
      background:linear-gradient(to bottom,rgba(240,245,251,0) 30%,rgba(240,245,251,0.98) 100%) !important;
    }
    .pillars-float{ right:16px; bottom:16px; flex-direction:row; gap:8px; }
    .pillars-bubble{ width:56px; height:56px; }
    .pillars-bubble .bn{ font-size:1.1rem; }
    .pillars-content{ padding:8px 5% 48px; }
    .pillars-list{ gap:10px; }
    .pillar-row{ padding:16px 16px; gap:12px; }
    .pillar-num-badge{ width:34px; height:34px; font-size:14px; }
    .pillar-icon-row{ width:34px; height:34px; }
    .pillar-icon-row svg{ width:16px; height:16px; }
    .pillar-text h3{ font-size:14px; }
    .pillar-text p{ font-size:12px; }

    /* OFFERS */
    .offers-inner{ grid-template-columns:1fr; gap:0; }
    .offers-visual{ height:220px; border-radius:0; order:-1; }
    .offers .section-tag,
    .offers .section-title,
    .offers .section-divider,
    .offers-list{ padding-right:0; }
    section.offers{ padding:0 0 60px; }
    .offers-inner > div:first-child{ padding:40px 5% 0; }

    /* TRACKS */
    .tracks-split{ grid-template-columns:1fr; min-height:auto; }
    .tracks-photo{ height:260px; min-height:260px; order:-1 !important; }
    .tracks-photo-img{ background-position:center top; }
    .tracks-photo::after{ display:none; }
    .tracks-photo-overlay{
      background:linear-gradient(to bottom,rgba(14,36,68,0.3) 0%,rgba(14,36,68,0.9) 100%) !important;
    }
    .tracks-pill{ top:12px; right:12px; flex-direction:row; gap:8px; }
    .tpill{ padding:8px 12px; }
    .tpill-text .tn{ font-size:1rem; }
    .tpill-text .tl{ font-size:10px; }
    .tracks-content-side{ padding:32px 5% 48px; }
    .tracks-list::before{ right:20px; }
    .track-dot{ width:36px; height:36px; }
    .track-dot svg{ width:16px; height:16px; }

    /* AUDIENCE */
    .audience-split{ grid-template-columns:1fr; min-height:auto; }
    .audience-photo{ height:260px; min-height:260px; order:-1 !important; }
    .audience-photo-img{ background-position:center top; }
    .audience-photo::before{ display:none; }
    .audience-photo-overlay{
      background:linear-gradient(to bottom,rgba(240,245,251,0) 30%,rgba(240,245,251,0.98) 100%) !important;
    }
    .audience-float-card{ bottom:16px; left:12px; padding:12px 16px; }
    .audience-float-card .af-num{ font-size:1.8rem; }
    .audience-cards-side{ order:2 !important; padding:8px 5% 48px; }
    .audience-grid-new{ gap:10px; }
    .audience-card-new{ padding:16px 16px; gap:12px; }
    .audience-icon-new{ width:38px; height:38px; }
    .audience-icon-new svg{ width:18px; height:18px; }
    .audience-body h3{ font-size:14px; }

    /* FORUM NUMBERS */
    .fnums-grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
    .fnum-card{ padding:28px 16px; }
    .fnum-num{ font-size:2.4rem; }

    /* FORM */
    .form-grid{ grid-template-columns:1fr; }
    .form-container{ padding:32px 18px; border-radius:16px; }

    /* FOOTER */
    .footer-grid{ grid-template-columns:1fr; gap:32px; }
    .footer-bottom{ flex-direction:column; gap:8px; text-align:center; }
  }

  /* ── Small Mobile 480px ── */
  @media(max-width:480px){

    section{ padding:48px 4%; }

    /* HERO */
    .slide-text h1{ font-size:clamp(1.6rem,8vw,2.2rem) !important; }
    .hero-btns .btn-primary,
    .hero-btns .btn-outline{ padding:13px 24px; font-size:14px; }
    .sdot{ width:7px; height:7px; }
    .sdot.active{ width:22px; }
    .s-arr{ width:36px; height:36px; }

    /* ABOUT */
    .about-image{ height:220px; }

    /* WHY photo */
    .why-photo,.tracks-photo,.pillars-photo,.audience-photo{ height:220px; min-height:220px; }

    /* STATS */
    .stats-grid{ grid-template-columns:1fr; }
    .stat-num{ font-size:2.8rem; }

    /* WHY KSA */
    .why-ksa-list li{ font-size:14px; gap:12px; }

    /* VM cards */
    .vm-card{ padding:28px 20px; }
    .vm-card h3{ font-size:18px; }

    /* PROGRAM */
    .program-card{ padding:20px 16px; gap:12px; }
    .program-num{ font-size:1.5rem; min-width:32px; }

    /* FNUMS */
    .fnums-grid{ grid-template-columns:1fr; }
    .fnum-num{ font-size:3rem; }

    /* TRACKS pills — hide on tiny screens */
    .tracks-pill{ display:none; }

    /* PILLARS bubbles — hide */
    .pillars-float{ display:none; }

    /* AUDIENCE float card — hide */
    .audience-float-card{ display:none; }

    /* WHY cards */
    .why-cards-grid{ grid-template-columns:1fr; }

    /* FOOTER */
    .footer-grid{ grid-template-columns:1fr; gap:28px; }
    .socials{ justify-content:flex-start; }

    /* FORM */
    .form-container{ padding:28px 16px; }
    .form-title{ font-size:20px; }
    .radio-group{ gap:7px; }
    .radio-label{ padding:9px 13px; font-size:13px; }
  }