:root {
      --bg-primary: #0D0018; --bg-secondary: #16002A; --bg-card: rgba(255,255,255,0.03); --bg-card-hover: rgba(139,92,246,0.08);
      --border: rgba(255,255,255,0.07); --border-hover: rgba(139,92,246,0.35);
      --text-primary: #FFFFFF; --text-secondary: #C4B5FD; --text-muted: #8B8B9E;
      --nav-bg: rgba(13,0,24,0.85); --nav-border: rgba(139,92,246,0.15);
    }
    .light-mode {
      --bg-primary: #F8F7FB; --bg-secondary: #EDE5FF; --bg-card: rgba(91,33,182,0.04); --bg-card-hover: rgba(139,92,246,0.08);
      --border: rgba(91,33,182,0.1); --border-hover: rgba(139,92,246,0.3);
      --text-primary: #1A1A1A; --text-secondary: #5B21B6; --text-muted: #9CA3AF;
      --nav-bg: rgba(248,247,251,0.85); --nav-border: rgba(91,33,182,0.1);
    }
    * { margin:0; padding:0; box-sizing:border-box; }
    html { scroll-behavior: smooth; scrollbar-gutter: stable; }
    body { font-family: 'Inter', sans-serif; background: var(--bg-primary); color: var(--text-primary); overflow-x: hidden; transition: background 0.4s, color 0.4s; }
    body.font-cairo { font-family: 'Cairo', sans-serif; }
    ::selection { background: #8B5CF6; color: #fff; }
    ::-webkit-scrollbar { width: 5px; }
    ::-webkit-scrollbar-track { background: var(--bg-secondary); }
    ::-webkit-scrollbar-thumb { background: #4C1D95; border-radius: 3px; }

    .dyn-bg { background: var(--bg-primary); }
    .dyn-bg2 { background: var(--bg-secondary); }
    .dyn-card {
      position: relative; overflow: hidden;
      background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
      border: 1px solid rgba(255,255,255,0.12);
      backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
      box-shadow: 0 8px 32px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.10);
      transition: transform 0.4s cubic-bezier(0.4,0,0.2,1), border-color 0.4s, box-shadow 0.4s, background 0.4s;
    }
    .dyn-card::before { content:''; position:absolute; top:0; left:-160%; width:60%; height:100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent); transform: skewX(-20deg); pointer-events:none; transition: left 0.9s ease; z-index:1; }
    .dyn-card:hover::before { left: 160%; }
    .dyn-card::after { content:''; position:absolute; top:0; left:12%; right:12%; height:1px; background: linear-gradient(90deg, transparent, rgba(139,92,246,0.6), rgba(245,183,0,0.5), transparent); opacity:0; transition: opacity 0.4s; pointer-events:none; }
    .dyn-card:hover { transform: translateY(-6px); border-color: rgba(245,183,0,0.45); background: linear-gradient(135deg, rgba(139,92,246,0.16), rgba(255,255,255,0.03)); box-shadow: 0 16px 44px rgba(0,0,0,0.35), 0 0 26px rgba(139,92,246,0.28), 0 0 50px rgba(245,183,0,0.12); }
    .dyn-card:hover::after { opacity: 1; }
    .dyn-card.glass-no-lift:hover { transform: scale(var(--tw-scale-x), var(--tw-scale-y)); background: var(--bg-card-hover); border-color: var(--border-hover); box-shadow: 0 4px 16px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.10); }
    .dyn-card.glass-no-lift::before, .dyn-card.glass-no-lift::after { display: none; }
    .light-mode .dyn-card { background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(248,247,251,0.65)); border-color: rgba(91,33,182,0.12); box-shadow: 0 8px 28px rgba(91,33,182,0.10), inset 0 1px 0 rgba(255,255,255,0.9); }
    .light-mode .dyn-card::before { background: linear-gradient(90deg, transparent, rgba(139,92,246,0.15), transparent); }
    .light-mode .dyn-card:hover { background: linear-gradient(135deg, #FFFFFF, #F0EBFF); border-color: rgba(245,183,0,0.55); box-shadow: 0 14px 36px rgba(91,33,182,0.16), 0 0 24px rgba(139,92,246,0.22), 0 0 44px rgba(245,183,0,0.12); }
    .light-mode .dyn-card.glass-no-lift:hover { background: var(--bg-card-hover); }

    .dyn-text { color: var(--text-primary); }
    .dyn-text2 { color: var(--text-secondary); }
    .dyn-text3 { color: var(--text-muted); }
    .dyn-nav { background: var(--nav-bg); border-bottom: 1px solid var(--nav-border); }

    .brand-gradient { background: linear-gradient(135deg, #3B0A5E 0%, #5B21B6 100%); }
    .gradient-text { background: linear-gradient(135deg, #8B5CF6, #5B21B6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .gradient-text-gold { background: linear-gradient(135deg, #F5B700, #FFD166); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .light-mode .gradient-text { background: linear-gradient(135deg, #5B21B6, #8B5CF6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .light-mode .gradient-text-gold { background: linear-gradient(135deg, #F5B700, #B87D00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

    .btn-gold { position: relative; overflow: hidden; }
    .btn-gold::after { content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent); transition: left 0.5s; }
    .btn-gold:hover::after { left: 100%; }

    .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.4,0,0.2,1); }
    .reveal.active { opacity: 1; transform: translateY(0); }

    .progress-bar { position: fixed; top: 0; left: 0; height: 3px; width: 0%; background: linear-gradient(90deg, #F5B700, #FFD166); z-index: 200; transition: width 0.1s linear; }
    .wa-pulse { animation: waPulse 2s ease-in-out infinite; }
    @keyframes waPulse { 0%{ box-shadow: 0 0 0 0 rgba(37,211,102,0.5); } 70%{ box-shadow: 0 0 0 15px rgba(37,211,102,0); } 100%{ box-shadow: 0 0 0 0 rgba(37,211,102,0); } }

    .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
    .faq-item.open .faq-answer { max-height: 500px; }
    .faq-item.open .faq-icon { transform: rotate(45deg); }
    .faq-icon { transition: transform 0.3s; }

    .mobile-menu { transform: translateX(100%); transition: transform 0.4s cubic-bezier(0.4,0,0.2,1); }
    [dir="rtl"] .mobile-menu { transform: translateX(-100%); }
    .mobile-menu.open { transform: translateX(0); }

    .lang-btn { font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 6px; transition: all 0.2s; cursor: pointer; }
    .lang-btn.active { background: rgba(139,92,246,0.25); color: #F5B700; }
    :not(.dark) .lang-btn.active { background: #5B21B6; color: #FFFFFF; }
    .lang-btn:not(.active) { color: #8B8B9E; }
    :not(.dark) .lang-btn:not(.active) { color: #9CA3AF; }

    .theme-toggle { width: 52px; height: 28px; border-radius: 14px; position: relative; cursor: pointer; transition: background 0.3s; }
    .theme-toggle .toggle-circle { width: 22px; height: 22px; border-radius: 50%; position: absolute; top: 3px; transition: all 0.3s; }
    .dark .theme-toggle { background: #4C1D95; }
    .dark .theme-toggle .toggle-circle { left: 27px; background: #F5B700; }
    :not(.dark) .theme-toggle { background: #8B5CF6; }
    :not(.dark) .theme-toggle .toggle-circle { left: 3px; background: #F8F7FB; }
    [dir="rtl"] .dark .theme-toggle .toggle-circle { left: 3px; }
    [dir="rtl"] :not(.dark) .theme-toggle .toggle-circle { left: 27px; }

    .tool-chip { transition: all 0.3s; }
    .tool-chip:hover { transform: translateY(-5px) scale(1.06); border-color: rgba(245,183,0,0.6); box-shadow: 0 10px 28px rgba(0,0,0,0.3), 0 0 24px rgba(139,92,246,0.3), 0 0 44px rgba(245,183,0,0.15); }

    .step-line { position: relative; }
    .step-num { position: relative; z-index: 2; }
    .step-line::before { content:''; position:absolute; top:0; bottom:0; width:2px; background: linear-gradient(180deg, #8B5CF6, #F5B700); opacity:0.3; }
    [dir="ltr"] .step-line::before { left: 19px; }
    [dir="rtl"] .step-line::before { right: 19px; }

    :not(.dark) input { background: rgba(91,33,182,0.04); border-color: rgba(91,33,182,0.15); }
    :not(.dark) input:focus { border-color: #F5B700; }

    .pay-chip { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; padding: 8px 12px; transition: all .25s; }
    .pay-chip:hover { transform: translateY(-2px); border-color: rgba(245,183,0,0.5); }
    .light-mode .pay-chip { background: rgba(91,33,182,0.05); border-color: rgba(91,33,182,0.15); }

    /* ===== SLIDESHOW ===== */
    .slider-shell { position: relative; overflow: hidden; border-radius: 1.25rem; border: 1px solid rgba(255,255,255,0.12); box-shadow: 0 20px 60px rgba(0,0,0,0.45), 0 0 44px rgba(139,92,246,0.18); background: #0D0018; }
    .slider-shell.shell-mobile { width: 100%; max-width: 640px; margin-inline: auto; aspect-ratio: 1/1; }
    .slider-shell.shell-desktop { display: none; }
    .slider-track { display: flex; transition: transform 0.7s cubic-bezier(0.4,0,0.2,1); height: 100%; }
    .slider-slide { min-width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
    .slider-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .slider-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 20; width: 44px; height: 44px; border-radius: 50%; background: rgba(13,0,24,0.55); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border: 1px solid rgba(255,255,255,0.2); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; opacity: 0; }
    .slider-shell:hover .slider-btn { opacity: 1; }
    .slider-btn:hover { background: #F5B700; color: #1A1A1A; border-color: #F5B700; transform: translateY(-50%) scale(1.08); }
    .slider-btn.prev { left: 14px; }
    .slider-btn.next { right: 14px; }
    .slider-dots { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 20; }
    .slider-dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.5); border: none; cursor: pointer; transition: all 0.3s; padding: 0; }
    .slider-dot.active { background: #F5B700; width: 26px; border-radius: 6px; }
    .light-mode .slider-btn { background: rgba(91,33,182,0.5); }
    .light-mode .slider-dot { background: rgba(91,33,182,0.4); }
    @media (max-width: 768px) { .slider-btn { width: 36px; height: 36px; opacity: 1; } .slider-dot { width: 8px; height: 8px; } .slider-dot.active { width: 20px; } }
    @media (min-width: 769px) { #slideshow { overflow-x: hidden; } .slider-shell.shell-mobile { display: none; } .slider-shell.shell-desktop { display: block; max-width: none; width: 100vw; margin-left: calc(50% - 50vw); aspect-ratio: 16/9; } .slider-slide img { width: 100%; height: 100%; object-fit: cover; } }

    #eqChatLauncher{position:fixed;bottom:22px;left:22px;z-index:150;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#3B0A5E);border:2px solid rgba(245,183,0,.65);box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 24px rgba(139,92,246,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s,box-shadow .3s;}
    #eqChatLauncher:hover{transform:scale(1.1);box-shadow:0 12px 36px rgba(0,0,0,.5),0 0 34px rgba(245,183,0,.3);}
    #eqChatLauncher .iconify{width:28px;height:28px;color:#fff;}
    #eqChatLauncher .eq-badge{position:absolute;top:-3px;right:-3px;width:15px;height:15px;border-radius:50%;background:#F5B700;border:2px solid #0D0018;}
    #eqChatWindow{position:fixed;bottom:92px;left:22px;z-index:150;width:min(372px,calc(100vw - 36px));height:min(560px,calc(100vh - 150px));display:none;flex-direction:column;border-radius:18px;overflow:hidden;background:linear-gradient(170deg,#1E1B4B 0%,#0D0018 100%);border:1px solid rgba(139,92,246,.45);box-shadow:0 26px 80px rgba(0,0,0,.6),0 0 44px rgba(139,92,246,.18);font-family:'Cairo','Inter',sans-serif;}
    #eqChatWindow.open{display:flex;animation:eqIn .3s ease;}
    @keyframes eqIn{from{opacity:0;transform:translateY(14px) scale(.97);}to{opacity:1;transform:none;}}
    #eqChatHeader{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#3B0A5E 0%,#5B21B6 100%);border-bottom:1px solid rgba(245,183,0,.25);}
    #eqChatHeader img{width:38px;height:38px;border-radius:11px;object-fit:cover;border:1px solid rgba(245,183,0,.55);}
    #eqChatHeaderTitles{flex:1;min-width:0;}
    #eqChatHeaderTitle{color:#fff;font-weight:800;font-size:14px;line-height:1.2;margin:0;}
    #eqChatHeaderSub{color:rgba(255,255,255,.8);font-size:10px;display:flex;align-items:center;gap:4px;margin:2px 0 0;}
    #eqChatHeaderSub .eq-dot{width:7px;height:7px;border-radius:50%;background:#25D366;display:inline-block;}
    #eqChatClose{margin-inline-start:auto;width:30px;height:30px;border-radius:9px;border:none;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s;}
    #eqChatClose:hover{background:rgba(255,255,255,.18);}
    #eqChatMessages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px;scrollbar-width:thin;}
    .eq-msg{max-width:84%;padding:9px 12px;border-radius:14px;font-size:13px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;animation:eqIn .25s ease;}
    .eq-msg.bot{align-self:flex-start;background:rgba(139,92,246,.16);border:1px solid rgba(139,92,246,.3);color:#F3EEFF;border-bottom-left-radius:4px;}
    .eq-msg.user{align-self:flex-end;background:linear-gradient(135deg,#F5B700,#E5A800);color:#1A1A1A;font-weight:600;border-bottom-right-radius:4px;}
    #eqChatQuick{display:flex;flex-wrap:wrap;gap:6px;padding:2px 12px 10px;}
    .eq-chip{border:1px solid rgba(245,183,0,.5);background:rgba(245,183,0,.08);color:#F5B700;font-size:11.5px;font-weight:700;padding:6px 11px;border-radius:999px;cursor:pointer;transition:all .2s;}
    .eq-chip:hover{background:rgba(245,183,0,.22);transform:translateY(-1px);}
    #eqChatForm{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid rgba(255,255,255,.09);}
    #eqChatInput{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:10px 13px;color:#fff;font-size:13px;outline:none;transition:border-color .2s;font-family:inherit;}
    #eqChatInput:focus{border-color:#7C3AED;}
    #eqChatInput::placeholder{color:rgba(255,255,255,.4);}
    #eqChatSend{width:44px;border-radius:11px;border:none;background:linear-gradient(135deg,#F5B700,#D49500);color:#1A1A1A;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;}
    #eqChatSend:hover{transform:scale(1.06);}
    #eqChatSend .iconify{width:18px;height:18px;}
    .eq-typing{display:inline-flex;gap:4px;align-items:center;padding:12px 14px;}
    .eq-typing span{width:6px;height:6px;border-radius:50%;background:#BE9FFF;animation:eqBlink 1.2s infinite;}
    .eq-typing span:nth-child(2){animation-delay:.2s;}
    .eq-typing span:nth-child(3){animation-delay:.4s;}
    @keyframes eqBlink{0%,80%,100%{opacity:.25;}40%{opacity:1;}}
    @media (max-width:640px){#eqChatLauncher{bottom:16px;left:16px;}#eqChatWindow{bottom:84px;left:16px;}}