:root{ --primary-50: #fffbeb;--primary-100: #fef3c7;--primary-200: #fde68a;--primary-300: #fcd34d;--primary-400: #fbbf24;--primary-500: #f59e0b;--primary-600: #d97706;--primary-700: #b45309;--primary-800: #92400e;--primary-900: #78350f; --secondary-500: var(--primary-500);--secondary-600: var(--primary-600);--success-500: #10b981;--error-500: #ef4444;--warning-500: #f59e0b; --gray-50: #fafaf9;--gray-100: #f5f5f4;--gray-200: #e7e5e4;--gray-300: #d6d3d1;--gray-400: #a8a29e;--gray-500: #78716c;--gray-600: #57534e;--gray-700: #44403c;--gray-800: #292524;--gray-900: #1c1917; --bg-primary: #ffffff;--bg-secondary: #fafaf9; --bg-tertiary: #f5f5f4;--bg-card: #ffffff;--text-primary: #292524;--text-secondary: #57534e;--text-tertiary: #78716c;--text-inverse: #ffffff;--border-color: #e7e5e4;--border-hover: #d6d3d1;--border-700: #d97706;--border-600: #f59e0b;--border-500: #fbbf24;--border-400: #fcd34d; --gradient-primary: linear-gradient(135deg,#f59e0b 0%,#d97706 100%);--gradient-secondary: linear-gradient(135deg,#292524 0%,#44403c 100%);--gradient-hero: linear-gradient(135deg,#fffbeb 0%,#fdfbf7 100%);--gradient-accent: linear-gradient(135deg,#f59e0b 0%,#ef4444 100%); --shadow-sm: 0 1px 2px 0 rgba(28,25,23,0.05);--shadow-md: 0 4px 6px -1px rgba(28,25,23,0.05),0 2px 4px -2px rgba(28,25,23,0.03);--shadow-lg: 0 10px 15px -3px rgba(28,25,23,0.05),0 4px 6px -4px rgba(28,25,23,0.025);--shadow-xl: 0 20px 25px -5px rgba(28,25,23,0.05),0 8px 10px -6px rgba(28,25,23,0.025);--shadow-2xl: 0 25px 50px -12px rgba(28,25,23,0.1);--shadow-card: 0 8px 30px rgba(28,25,23,0.04); --radius-sm: 0.1875rem;--radius-md: 0.25rem;--radius-lg: 0.375rem;--radius-xl: 0.5rem;--radius-2xl: 0.625rem;--radius-full: 9999px; --transition-fast: 150ms cubic-bezier(0.4,0,0.2,1);--transition-normal: 250ms cubic-bezier(0.4,0,0.2,1);--transition-slow: 350ms cubic-bezier(0.4,0,0.2,1); --font-sans: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-arabic: 'Cairo','Inter',sans-serif; --container-max: 1400px;--header-height: 62px; --hover-bg: var(--primary-50);--hover-text: var(--primary-600);--active-text: var(--primary-600); --header-bg: rgba(61,57,51,0.9)} :root.dark-mode{--bg-primary: #050505;--bg-secondary: #181818; --bg-tertiary: #1f1f1f;--bg-card: #151515;  --gray-900: #0a0a0a;--header-bg: rgba(10,10,10,0.9);--text-primary: #e0e0e0; --text-secondary: #a0a0a0;--text-tertiary: #757575;--text-inverse: #121212;--border-color: #333333;--border-hover: #4a4a4a;--gradient-hero: linear-gradient(135deg,#292724 0%,#0a0a0a 100%);--shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.4);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.5),0 2px 4px -2px rgba(0,0,0,0.3);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.5),0 4px 6px -4px rgba(0,0,0,0.3);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.5),0 8px 10px -6px rgba(0,0,0,0.3);--shadow-card: 0 8px 30px rgba(0,0,0,0.4); --hover-bg: rgba(245,158,11,0.15); --hover-text: var(--primary-400); --active-text: var(--primary-400)} .auto-internal-link{color: var(--primary-500);text-decoration: none;transition: background var(--transition-fast),text-decoration-thickness var(--transition-fast)}.article-body .auto-internal-link{border-bottom: 0;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 5px;padding: 0 1px;border-radius: 3px}.article-body .auto-internal-link:hover,.article-body .auto-internal-link:focus-visible{background: var(--hover-bg);text-decoration-thickness: 2px} *,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0;-webkit-tap-highlight-color: transparent}html{-webkit-text-size-adjust: 100%;background-color: var(--bg-secondary); overflow-x: clip}body{font-family: var(--font-sans);background-color: var(--bg-secondary);color: var(--text-primary);line-height: 1.6;min-height: 100vh;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: relative;overflow-x: clip;max-width: 100%}body.rtl{font-family: var(--font-arabic);direction: rtl} .ad-slot-container{max-width: 100% !important;overflow: hidden !important;display: block !important;text-align: center !important;width: 100% !important;box-sizing: border-box !important;padding: 0 !important;contain: layout paint}.adsbygoogle{max-width: 100% !important;overflow: hidden !important;margin: 10px auto !important;display: block !important;width: 100% !important;box-sizing: border-box !important}.ad-slot-container iframe,.ad-slot-container ins{max-width: 100% !important} @media (max-width: 768px){.ad-slot-container ins.adsbygoogle[data-full-width-responsive="true"]{margin-left: 0 !important;margin-right: 0 !important;max-width: 100% !important}.ad-slot-container iframe,.ad-slot-container ins{max-width: 100% !important}} .article-card .google-auto-placed,.article-card-mini .google-auto-placed,.popular-item .google-auto-placed{display: none !important}  .main-content,.main-footer{overflow-x: clip !important;width: 100%}a{color: inherit;text-decoration: none}img{max-width: 100%;height: auto;display: block}button{font-family: inherit;cursor: pointer;border: none;background: none}ul,ol{list-style: none} .container{width: 100%;max-width: var(--container-max);margin: 0 auto;padding: 0 1.5rem}@media (max-width: 480px){.container{padding: 0 1rem}}.rtl-text{direction: rtl;text-align: right} .main-header{position: sticky;top: 0;z-index: 100;background: var(--header-bg);backdrop-filter: blur(20px);border-bottom: 1px solid var(--border-color);height: var(--header-height)}.header-content{display: flex;align-items: center;justify-content: space-between;height: var(--header-height);gap: 1rem} .header-left{display: flex;align-items: center;gap: 0.75rem; position: relative} .burger-btn-container{display: flex;align-items: center} .logo{display: flex;align-items: center;gap: 0.1rem;font-weight: 700;font-size: 1.5rem;color: #ffffff;transition: transform var(--transition-fast)}.logo:hover{transform: scale(1.02)}.logo-icon{font-size: 1.75rem}.logo-text{background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text} .main-nav{display: flex;align-items: center;gap: 0.5rem}.nav-link{padding: 0.625rem 1rem;border-radius: var(--radius-lg);font-weight: 500;font-size: 0.9375rem;color: #e7e5e4;transition: all var(--transition-normal);position: relative}.nav-link:hover{color: var(--hover-text)}.nav-link.active{color: var(--active-text)}.nav-link::after{content: '';position: absolute;bottom: 4px;left: 1rem;right: 1rem;height: 2px;background: var(--gradient-primary);border-radius: var(--radius-full);transform: scaleX(0);transform-origin: left;transition: transform var(--transition-normal)}.nav-link:hover::after,.nav-link.active::after{transform: scaleX(1)}.rtl .nav-link::after{transform-origin: right} .submenu-item-wrapper{position: relative}.nested-arrow{font-size: 0.875rem;opacity: 0.5;margin-left: auto;padding-left: 0.5rem}.rtl .nested-arrow{margin-left: 0;margin-right: auto;padding-left: 0;padding-right: 0.5rem;transform: rotate(180deg)} .nested-submenu{position: absolute;left: 100%;top: 0;min-width: 180px;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);opacity: 0;visibility: hidden;transform: translateX(-10px);transition: all var(--transition-normal);z-index: 51;padding: 0.5rem}.rtl .nested-submenu{left: auto;right: 100%;transform: translateX(10px)}.submenu-item-wrapper:hover .nested-submenu{opacity: 1;visibility: visible;transform: translateX(0)}.nested-link{display: block;padding: 0.5rem 1rem;border-radius: var(--radius-md);font-size: 0.8125rem;color: var(--text-secondary);transition: all var(--transition-fast);white-space: nowrap}.nested-link:hover{background: var(--hover-bg);color: var(--hover-text)} .header-actions{display: flex;align-items: center;gap: 0.75rem} .language-switcher{position: relative}.lang-toggle{display: flex;align-items: center;gap: 0.5rem;padding: 0.5rem 0.25rem;background: transparent;font-size: 0.875rem;font-weight: 500;color: #e7e5e4;transition: color var(--transition-fast)}.lang-toggle:hover{color: var(--primary-500)}.lang-dropdown{position: absolute;top: calc(100% + 0.5rem);right: 0;min-width: 140px;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all var(--transition-normal);z-index: 50}.rtl .lang-dropdown{right: auto;left: 0}.language-switcher:hover .lang-dropdown,.language-switcher.active .lang-dropdown{opacity: 1;visibility: visible;transform: translateY(0)}.lang-option{display: block;padding: 0.75rem 1rem;font-size: 0.875rem;color: var(--text-secondary);transition: all var(--transition-fast)}.lang-option:first-child{border-radius: var(--radius-lg) var(--radius-lg) 0 0}.lang-option:last-child{border-radius: 0 0 var(--radius-lg) var(--radius-lg)}.lang-option:hover{background: var(--hover-bg);color: var(--hover-text)}.lang-option.active{background: var(--hover-bg);color: var(--hover-text);font-weight: 600} .theme-toggle{display: flex;align-items: center;justify-content: center;background: transparent;border: none;padding: 4px;color: #e7e5e4;transition: color var(--transition-fast);cursor: pointer}.theme-toggle:hover{color: var(--primary-500)}.theme-toggle svg{display: block;transition: color var(--transition-fast)}.theme-toggle .moon-icon{display: none} .mobile-menu-toggle{display: none;width: 44px;height: 44px;flex-direction: column;align-items: center;justify-content: center;gap: 5px;background: transparent;border-radius: var(--radius-lg)}.mobile-menu-toggle span{width: 20px;height: 2px;background: var(--primary-500);border-radius: var(--radius-full);transition: all var(--transition-normal)} .mobile-nav{display: none;position: fixed;top: var(--header-height);left: 0;right: 0;background: var(--bg-card);border-bottom: 1px solid var(--border-color);box-shadow: var(--shadow-lg);padding: 1rem;z-index: 99;flex-direction: column;gap: 0.25rem}.mobile-nav.active{display: flex}.mobile-nav-link{padding: 0.875rem 1rem;border-radius: var(--radius-lg);font-weight: 500;color: var(--text-secondary);transition: all var(--transition-normal)}.mobile-nav-link:hover{background: var(--hover-bg);color: var(--hover-text)} .hero-section{position: relative;background: var(--gradient-hero);padding: 4rem 0;margin-bottom: 3rem;border-radius: var(--radius-2xl);overflow: hidden;text-align: center}.hero-content{position: relative;z-index: 2;color: var(--text-primary)}.hero-title{font-size: clamp(2rem,5vw,3rem);font-weight: 800;margin-bottom: 1rem;letter-spacing: -0.02em}.hero-subtitle{font-size: 1.125rem;opacity: 0.9;max-width: 600px;margin: 0 auto}.hero-decoration{position: absolute;inset: 0;overflow: hidden;pointer-events: none}.hero-shape{position: absolute;border-radius: 50%;background: var(--primary-500);opacity: 0.1;animation: float 6s ease-in-out infinite}.shape-1{width: 300px;height: 300px;top: -100px;right: -50px;animation-delay: 0s}.shape-2{width: 200px;height: 200px;bottom: -50px;left: 10%;animation-delay: 2s}.shape-3{width: 150px;height: 150px;top: 50%;left: 5%;animation-delay: 4s}@keyframes float{0%,100%{transform: translateY(0) rotate(0deg)}50%{transform: translateY(-20px) rotate(5deg)}} .articles-section{padding-bottom: 3rem}.section-header{display: flex;align-items: center;gap: 1.5rem;margin-bottom: 2rem}.section-title{font-size: 1.5rem;font-weight: 700;color: var(--text-primary);white-space: nowrap}.section-line{flex: 1;height: 2px;background: linear-gradient(90deg,var(--border-600) 0%,transparent 100%);border-radius: var(--radius-full)}.rtl .section-line{background: linear-gradient(-90deg,var(--border-600) 0%,transparent 100%)} .articles-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,340px),1fr));gap: 1.5rem;margin-bottom: 1.5rem} .recent-articles-list{display: flex;flex-direction: column;gap: 1rem;min-height: 250px;} .article-card{background: var(--bg-card);border-radius: var(--radius-xl);overflow: hidden;box-shadow: var(--shadow-sm);transition: all var(--transition-normal);border: 1px solid var(--border-color);height: 100%;display: flex;flex-direction: column}.article-card:hover{transform: translateY(-8px);box-shadow: var(--shadow-xl);border-color: var(--primary-400)}.article-image{position: relative;aspect-ratio: 16/10;overflow: hidden;background: var(--bg-tertiary)}.article-image img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-slow)}.article-card:hover .article-image img{transform: scale(1.1)}.article-category{position: absolute;top: 1rem;left: 1rem;padding: 0.4rem 0.8rem;background: rgba(30,30,30,0.85); backdrop-filter: blur(8px);color: #e0e0e0;font-size: 0.7rem;font-weight: 700;border-radius: var(--radius-sm);text-transform: uppercase;letter-spacing: 1px;z-index: 2}.rtl .article-category{left: auto;right: 1rem}.article-content{padding: 1.25rem;flex: 1;display: flex;flex-direction: column}.article-meta{margin-top: auto;padding-top: 1rem;border-top: 1px solid var(--border-700);display: flex;align-items: center;gap: 0.75rem;font-size: 0.75rem;color: var(--text-tertiary)} .article-card-mini .article-meta{margin-top: auto;padding-top: 1rem;border-top: 1px solid var(--border-color);opacity: 0.8;font-size: 0.75rem;display: flex;gap: 0.75rem;color: var(--text-tertiary)}.article-title{font-size: 1.15rem;font-weight: 700;line-height: 1.5;margin-bottom: 0.85rem}.article-title a{color: var(--text-primary);transition: color var(--transition-fast)}.article-title a:hover{color: var(--primary-600)}.dark-mode .article-title a:hover{color: var(--hover-text)}.article-excerpt{font-size: 0.9rem;color: var(--text-secondary);line-height: 1.7;margin-bottom: 1.25rem;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.read-more{margin-top: auto;display: inline-flex;align-items: center;gap: 0.5rem;font-size: 0.8125rem;font-weight: 700;color: var(--primary-600);text-transform: uppercase;letter-spacing: 0.5px}.read-more .arrow{transition: transform var(--transition-normal)}.read-more:hover .arrow{transform: translateX(4px)}.rtl .read-more:hover .arrow{transform: translateX(-4px)} .empty-state{text-align: center;padding: 4rem 2rem;background: var(--bg-card);border-radius: var(--radius-xl);border: 2px dashed var(--border-color)}.empty-icon{font-size: 4rem;margin-bottom: 1rem}.empty-state h3{font-size: 1.25rem;color: var(--text-primary);margin-bottom: 0.5rem}.empty-state p{color: var(--text-secondary);margin-bottom: 1.5rem} .pagination{display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin-top: 3rem;padding-top: 2rem;border-top: 1px solid var(--border-color)}.page-link{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.25rem;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-lg);font-weight: 500;font-size: 0.875rem;color: var(--text-secondary);transition: all var(--transition-normal)}.page-link:hover{background: var(--primary-50);border-color: var(--primary-200);color: var(--primary-600)}.page-link.number{padding: 0.75rem 1rem}.page-link.active{background: var(--gradient-primary);border-color: transparent;color: white}.page-link.active:hover{background: var(--gradient-primary);color: white}.page-numbers{display: flex;gap: 0.25rem} .breadcrumbs{margin-bottom: 20px;font-size: 0.95rem;color: var(--text-secondary);display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.breadcrumb-item{display: inline-flex;align-items: center}.breadcrumb-separator{margin: 0 5px;opacity: 0.5;font-size: 0.8em}.breadcrumb-link{color: var(--text-secondary);text-decoration: none;transition: color 0.2s}.breadcrumb-link:hover{color: var(--primary-color,var(--primary-600))}.breadcrumb-current{color: var(--text-primary,#292524);font-weight: 500;opacity: 0.8} .article-sidebar{position: sticky;top: calc(var(--header-height) + 2rem)}.sidebar-widget{background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-xl);padding: 1.5rem;margin-bottom: 1.5rem} .toc-header h2{font-size: 1.1rem;font-weight: 700;margin-bottom: 0;color: var(--text-primary)}.widget-title{font-size: 1.125rem;font-weight: 700;margin-bottom: 1rem;color: var(--text-primary)}.recent-article-item{display: flex;gap: 1rem;padding: 1rem 0;margin: 0;border-bottom: 1px solid var(--border-color);transition: background var(--transition-normal)}.recent-article-item:last-child{border-bottom: none}.recent-article-item:hover .recent-article-info h4,.recent-article-item:hover .recent-article-info .recent-article-title{color: var(--primary-600)}.dark-mode .recent-article-item:hover .recent-article-info h4,.dark-mode .recent-article-item:hover .recent-article-info .recent-article-title{color: var(--hover-text)}.recent-article-thumb{width: 70px;height: 50px;border-radius: var(--radius-md);object-fit: cover;flex-shrink: 0}.recent-article-thumb.placeholder{display: flex;align-items: center;justify-content: center;background: var(--bg-tertiary);font-size: 1.25rem}.recent-article-info h4{font-size: 0.875rem;font-weight: 600;color: var(--text-primary);line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.recent-article-date{font-size: 0.75rem;color: var(--text-tertiary)}.categories-list{display: flex;flex-direction: column;gap: 0.5rem;padding: 0;margin: 0;list-style: none}.categories-list li a{display: block;padding: 0.625rem 1rem;color: var(--text-secondary);border-radius: var(--radius-md);transition: all var(--transition-normal)}.categories-list li a:hover{color: var(--primary-600)} .category-header{background: var(--gradient-secondary);padding: 3rem 0;margin-bottom: 2rem;border-radius: var(--radius-xl);text-align: center;color: white}.category-label{font-size: 0.875rem;text-transform: uppercase;letter-spacing: 1px;opacity: 0.8;display: block;margin-bottom: 0.5rem}.category-title{font-size: 2rem;font-weight: 700;margin-bottom: 0.5rem}.category-count{opacity: 0.9} .main-footer{background: var(--gray-900);color: var(--gray-300);padding: 4rem 0 0;margin-top: 4rem}.footer-content{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 2rem;padding-bottom: 3rem;border-bottom: 1px solid var(--gray-800)}.footer-title{font-size: 1.5rem;font-weight: 700;color: white;margin-bottom: 1rem;background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.footer-desc{font-size: 0.9375rem;line-height: 1.6;margin-bottom: 2rem} .footer-brand-alt{font-size: 0.95rem;font-weight: 600;margin: 0.25rem 0 1rem;opacity: 0.85;letter-spacing: 0.2px}.footer-section h4{font-size: 1rem;font-weight: 600;color: white;margin-bottom: 1rem}.footer-links{display: flex;flex-direction: column;gap: 0.5rem}.footer-links a{font-size: 0.9375rem;color: var(--gray-400);transition: color var(--transition-fast)}.footer-links a:hover{color: var(--primary-400)}.footer-bottom{padding: 1.5rem 0;text-align: center;font-size: 0.875rem;color: var(--gray-500)}.footer-legal-links{display: flex;justify-content: center;gap: 1.5rem;margin-top: 1rem;margin-bottom: 0.5rem;flex-wrap: wrap}.footer-legal-links a,.footer-legal-links button{color: var(--gray-400);transition: color var(--transition-fast);background: none;border: none;padding: 0;cursor: pointer;font: inherit}.footer-legal-links a:hover,.footer-legal-links button:hover{color: var(--primary-400)} .btn-primary{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.875rem 1.75rem;background: var(--gradient-primary);color: white;font-weight: 600;font-size: 0.9375rem;border-radius: var(--radius-lg);transition: all var(--transition-normal);border: none;cursor: pointer}.btn-primary:hover{transform: translateY(-2px);box-shadow: 0 10px 25px rgba(245,158,11,0.35)}.btn-secondary{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.875rem 1.75rem;background: var(--bg-card);color: var(--text-primary);font-weight: 500;font-size: 0.9375rem;border-radius: var(--radius-lg);border: 1px solid var(--border-color);transition: all var(--transition-normal);cursor: pointer}.btn-secondary:hover{background: var(--bg-tertiary);border-color: var(--border-hover)} .mobile-only{display: none} @media (max-width: 1200px){.main-nav{display: none}.mobile-menu-toggle{display: flex}.mobile-only{display: block}}@media (max-width: 768px){.hero-section{padding: 3rem 1rem;margin-bottom: 2rem}.hero-title{font-size: 1.75rem}.articles-grid{grid-template-columns: 1fr}.single-article .article-title{font-size: 1.5rem}.article-body{font-size: calc(1.35rem * var(--article-font-scale,1))}.article-share{flex-direction: column;text-align: center}.footer-content{grid-template-columns: 1fr;text-align: center}.pagination{flex-wrap: wrap}}@media (max-width: 480px){.article-content{padding: 1rem}.breadcrumbs{font-size: 0.8rem;gap: 4px}.single-article .article-title{font-size: 1.4rem}.single-article .article-meta{font-size: 0.9rem;gap: 0.4rem 0.8rem}} .nav-item-wrapper{position: relative}.nav-item-wrapper .nav-link{display: flex;align-items: center;gap: 0.375rem}.dropdown-arrow{font-size: 0.625rem;margin-left: 0.25rem;transition: transform var(--transition-normal);opacity: 0.6}.rtl .dropdown-arrow{margin-left: 0;margin-right: 0.25rem}.nav-item-wrapper:hover .dropdown-arrow{transform: rotate(180deg)}.submenu-dropdown{position: absolute;top: 100%;left: 0;min-width: 200px;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);padding: 0.5rem;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all var(--transition-normal);z-index: 60}.rtl .submenu-dropdown{left: auto;right: 0}.nav-item-wrapper:hover .submenu-dropdown{opacity: 1;visibility: visible;transform: translateY(0)}.submenu-link{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;padding: 0.75rem 1rem;color: var(--text-secondary);border-radius: var(--radius-md);font-size: 0.9rem;transition: all var(--transition-fast);white-space: nowrap}.submenu-link:hover{color: var(--primary-600)} .burger-menu-toggle{display: flex;width: 44px;height: 44px;flex-direction: column;align-items: center;justify-content: center;gap: 5px;background: transparent;border-radius: var(--radius-lg);cursor: pointer;transition: all var(--transition-normal)}.burger-menu-toggle span{width: 20px;height: 2px;background: #d7d7d7;border-radius: var(--radius-full);transition: all var(--transition-normal)} .burger-menu-toggle:hover span{background: var(--primary-600);filter: brightness(1.1)}.burger-menu-toggle.active span:nth-child(1){transform: rotate(45deg) translate(5px,5px)}.burger-menu-toggle.active span:nth-child(2){opacity: 0}.burger-menu-toggle.active span:nth-child(3){transform: rotate(-45deg) translate(5px,-5px)}.burger-menu{position: fixed;top: 0;left: 0;width: 320px;height: 100vh;z-index: 200;transform: translateX(-100%);transition: transform var(--transition-normal);will-change: transform}.rtl .burger-menu{left: auto;right: 0;transform: translateX(100%)}.burger-menu.active{transform: translateX(0)}.rtl .burger-menu.active{transform: translateX(0)}.burger-menu-content{position: relative;z-index: 2;width: 100%;height: 100%;background: var(--bg-card);box-shadow: var(--shadow-2xl);display: flex;flex-direction: column;overflow-y: auto}.burger-menu-header{display: flex;align-items: center;justify-content: space-between;padding: 1.25rem 1.5rem;border-bottom: 1px solid var(--border-color)}.burger-menu-title{font-size: 1.125rem;font-weight: 600;color: var(--text-primary)}.burger-menu-close{width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;background: transparent;border-radius: var(--radius-md);color: #cbcbcb;font-size: 1.25rem;cursor: pointer;transition: all var(--transition-fast)}.burger-menu-close:hover{color: var(--primary-600)}.burger-nav{flex: 1;padding: 1rem;padding-bottom: 110px; overflow-y: auto}.burger-section{margin-bottom: 1.5rem}.burger-section-title{display: block;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;color: var(--text-tertiary);padding: 0.5rem 1rem;margin-bottom: 0.5rem}.burger-nav-link{display: flex;align-items: center;gap: 0.75rem;padding: 0.875rem 1rem;color: var(--text-secondary);border-radius: var(--radius-lg);font-weight: 500;transition: all var(--transition-fast)}.burger-nav-link:hover{color: var(--primary-600)}.dark-mode .burger-nav-link:hover{color: var(--hover-text)}.burger-submenu{padding-left: 2rem;font-size: 0.9rem;color: var(--text-tertiary)}.rtl .burger-submenu{padding-left: 1rem;padding-right: 2rem}.burger-menu-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 1;opacity: 0;visibility: hidden;transition: opacity 250ms ease,visibility 250ms ease}.burger-menu.active .burger-menu-overlay{opacity: 1;visibility: visible} .news-ticker{background: transparent;border-bottom: 1px solid var(--border-color);height: 44px;display: flex;align-items: center;position: relative;z-index: 90}.ticker-container{display: flex;align-items: center;justify-content: space-between;gap: 1rem;overflow: hidden}.ticker-left{display: flex;align-items: center;gap: 0.75rem;flex: 1;min-width: 0}.ticker-icon{display: flex;align-items: center;justify-content: center;font-size: 1.2rem;flex-shrink: 0;line-height: 1}.ticker-wrapper{flex: 1;min-width: 0;position: relative;display: flex;align-items: center}.ticker-title{font-size: 0.9rem;font-weight: 600;color: var(--text-primary);text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: color 0.2s;display: inline-block;max-width: 100%}.ticker-title:hover{color: var(--primary-600)} .ticker-title::after{content: '';display: inline-block;width: 2px;height: 1em;background-color: var(--primary-500);margin-inline-start: 4px;vertical-align: middle;animation: ticker-blink 0.8s infinite}@keyframes ticker-blink{0%,100%{opacity: 1}50%{opacity: 0}}.ticker-nav{display: flex;align-items: center;gap: 0.4rem;flex-shrink: 0}.ticker-nav-btn{width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;border-radius: var(--radius-md);background: var(--gray-100);color: var(--text-secondary);transition: all 0.2s;cursor: pointer;border: none}.ticker-nav-btn svg{width: 16px;height: 16px}.dark-mode .ticker-nav-btn{background: rgba(255,255,255,0.05)}.ticker-nav-btn:hover{background: var(--primary-500);color: white}.rtl .ticker-nav-btn svg{transform: rotate(180deg)} @media (max-width: 768px){.news-ticker{height: 48px}.ticker-container{padding: 0 1rem}.ticker-title{font-size: 0.85rem} .ticker-wrapper{margin-inline-end: 0.5rem}} .main-content{padding-top: 2rem}  .home-container{display: grid;grid-template-columns: 1fr 340px;gap: 2.5rem;margin-top: 1rem;position: relative;z-index: 10;max-width: var(--container-max);margin-left: auto;margin-right: auto;justify-content: center}.articles-grid-3{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,255px),1fr));gap: 1.5rem;justify-content: center}.articles-grid-3-mini{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr));gap: 1.5rem;justify-content: center} .article-card-mini{background: var(--bg-card);border-radius: var(--radius-xl);overflow: hidden;border: 1px solid var(--border-color);transition: all 0.3s ease;display: flex;flex-direction: column;height: 100%;box-shadow: var(--shadow-sm)}.article-card-mini:hover{transform: translateY(-8px);border-color: var(--primary-400);box-shadow: var(--shadow-xl)}.article-card-mini .article-content{padding: 1.25rem;flex: 1;display: flex;flex-direction: column}.article-card-mini .article-title{font-size: 1rem;font-weight: 700;line-height: 1.5;margin-bottom: 0.75rem}.article-card-mini .article-meta{margin-top: auto;padding-top: 1rem;border-top: 1px solid var(--border-color);font-size: 0.75rem;display: flex;gap: 0.75rem}.main-content-layout{display: flex;flex-direction: column;gap: 4rem;min-width: 0;width: 100%; align-items: stretch} .home-sidebar{display: flex;flex-direction: column;gap: 2rem;width: 100%}.sidebar-block{background: var(--bg-card);border-radius: var(--radius-xl);padding: 1.75rem;border: 1px solid var(--border-color);box-shadow: var(--shadow-sm);height: fit-content}.sidebar-title{font-size: 1.15rem;font-weight: 700; display: block;color: var(--text-primary)}.popular-list{display: flex;flex-direction: column;gap: 1.5rem}.popular-item{display: flex;gap: 1.25rem;align-items: flex-start;padding-bottom: 1.25rem;border-bottom: 1px solid var(--border-500)}.popular-item:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0}.popular-thumb{width: 60px;height: 60px;border-radius: 4px;object-fit: cover;flex-shrink: 0;box-shadow: var(--shadow-sm);border: 1px solid var(--border-color)}.rank-number{font-size: 1.75rem;font-weight: 900;color: var(--primary-200);line-height: 1;flex-shrink: 0;min-width: 1.5rem;text-align: center}.popular-info h4{font-size: 0.95rem;font-weight: 600;line-height: 1.5;margin-bottom: 0.4rem}.popular-info h4 a{color: var(--text-primary);transition: color 0.2s}.popular-info h4 a:hover{color: var(--primary-600)}.dark-mode .popular-info h4 a:hover{color: var(--hover-text)}.popular-views{font-size: 0.8rem;color: var(--text-tertiary);display: flex;align-items: center;gap: 0.4rem} .newsletter-premium{position: relative;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-2xl);overflow: hidden;isolation: isolate;transition: all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow: var(--shadow-sm)}.newsletter-premium:hover{box-shadow: var(--shadow-lg);border-color: var(--primary-300)}.dark-mode .newsletter-premium:hover{border-color: var(--primary-500)} .newsletter-glow{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at 100% 0%,rgba(245,158,11,0.15) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(217,119,6,0.15) 0%,transparent 50%);z-index: -1;pointer-events: none;opacity: 0.8;transition: opacity 0.4s ease}.dark-mode .newsletter-glow{background: radial-gradient(circle at 100% 0%,rgba(245,158,11,0.25) 0%,transparent 60%),radial-gradient(circle at 0% 100%,rgba(217,119,6,0.25) 0%,transparent 60%)}.newsletter-premium:hover .newsletter-glow{opacity: 1} .newsletter-sidebar{padding: 2rem 1.5rem;text-align: center}.newsletter-sidebar .newsletter-header{margin-bottom: 1.5rem}.newsletter-sidebar .newsletter-icon{display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;background: var(--primary-100);color: var(--primary-600);border-radius: var(--radius-xl);margin-bottom: 1rem}.dark-mode .newsletter-sidebar .newsletter-icon{background: rgba(245,158,11,0.2);color: var(--primary-400)}.newsletter-sidebar .newsletter-title{font-size: 1.25rem;font-weight: 800;color: var(--text-primary);margin-bottom: 0.5rem;line-height: 1.4}.newsletter-sidebar .newsletter-subtitle{font-size: 0.9rem;color: var(--text-secondary);line-height: 1.6}.newsletter-sidebar .input-group{display: flex;flex-direction: column;gap: 0.75rem} .newsletter-inline{padding: 2.5rem;margin: 3rem 0}.newsletter-inline .newsletter-content{display: flex;align-items: center;gap: 3rem;width: 100%}.newsletter-inline .newsletter-header{flex: 1;display: flex;align-items: flex-start;gap: 1.25rem}.newsletter-inline .newsletter-icon{display: inline-flex;align-items: center;justify-content: center;width: 56px;height: 56px;background: var(--primary-100);color: var(--primary-600);border-radius: var(--radius-xl);flex-shrink: 0}.dark-mode .newsletter-inline .newsletter-icon{background: var(--hover-bg);color: var(--primary-400)}.newsletter-inline .newsletter-text{flex: 1}.newsletter-inline .newsletter-title{font-size: 1.5rem;font-weight: 800;color: var(--text-primary);margin-bottom: 0.5rem;line-height: 1.3}.newsletter-inline .newsletter-subtitle{font-size: 0.95rem;color: var(--text-secondary);line-height: 1.6}.newsletter-inline .newsletter-premium-form{flex: 1;max-width: 400px;width: 100%}.newsletter-inline .input-group{display: flex;gap: 0.5rem;background: var(--bg-primary);padding: 0.35rem;border-radius: var(--radius-xl);border: 1px solid var(--border-color);box-shadow: inset 0 2px 4px rgba(0,0,0,0.02)}.dark-mode .newsletter-inline .input-group{box-shadow: inset 0 2px 4px rgba(0,0,0,0.2)}.newsletter-inline .newsletter-input{flex: 1;background: transparent;border: none;padding: 0.75rem 1rem}.newsletter-inline .btn-subscribe{flex-shrink: 0;padding: 0.75rem 1.5rem} .newsletter-premium-form{position: relative;z-index: 2}.newsletter-input{width: 100%;padding: 0.85rem 1.25rem;border-radius: var(--radius-lg);border: 1px solid var(--border-color);background: var(--bg-primary);color: var(--text-primary);font-size: 0.95rem;transition: all 0.2s ease;outline: none;font-family: inherit}.newsletter-input:focus{border-color: var(--primary-500);box-shadow: 0 0 0 3px rgba(245,158,11,0.1)}.btn-subscribe{background: var(--gradient-primary);color: white;font-weight: 700;font-size: 0.95rem;border: none;padding: 0.85rem;border-radius: var(--radius-lg);cursor: pointer;transition: all 0.2s cubic-bezier(0.4,0,0.2,1);position: relative;overflow: hidden;display: flex;justify-content: center;align-items: center}.btn-subscribe:hover:not(:disabled){transform: translateY(-2px);box-shadow: 0 4px 12px rgba(245,158,11,0.3)}.btn-subscribe:active:not(:disabled){transform: translateY(0)}.btn-subscribe:disabled{opacity: 0.7;cursor: not-allowed}.btn-loader{width: 20px;height: 20px;border: 2px solid rgba(255,255,255,0.3);border-radius: 50%;border-top-color: white;animation: spin 0.8s linear infinite;position: absolute}.newsletter-msg{margin-top: 0.75rem;font-size: 0.875rem;font-weight: 500;text-align: center}.newsletter-msg.success{color: #10b981}.newsletter-msg.error{color: #ef4444}.dark-mode .newsletter-msg.success{color: #34d399}.dark-mode .newsletter-msg.error{color: #f87171}@keyframes spin{100%{transform: rotate(360deg)}} @media (max-width: 900px){.newsletter-inline{padding: 2rem;text-align: left}.newsletter-inline .newsletter-content{flex-direction: column;gap: 1.5rem;align-items: stretch}.rtl .newsletter-inline{text-align: right}.newsletter-inline .newsletter-header{flex-direction: column;align-items: flex-start;gap: 1rem}.newsletter-inline .newsletter-premium-form{max-width: 100%}}@media (max-width: 500px){.newsletter-inline .input-group{flex-direction: column;background: transparent;padding: 0;border: none;box-shadow: none;gap: 0.75rem}.newsletter-inline .newsletter-input{border: 1px solid var(--border-color);background: var(--bg-primary)}.newsletter-inline .btn-subscribe{width: 100%}.newsletter-sidebar{padding: 1.5rem}} .contact-premium{position: relative;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-2xl);overflow: hidden;isolation: isolate;transition: all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow: var(--shadow-sm);padding: 2.5rem;margin-top: 2rem}.contact-premium:hover{box-shadow: var(--shadow-lg);border-color: var(--primary-300)}.dark-mode .contact-premium:hover{border-color: var(--primary-500)}.contact-glow{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at 100% 0%,rgba(245,158,11,0.1) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(217,119,6,0.1) 0%,transparent 50%);z-index: -1;pointer-events: none;opacity: 0.8}.contact-premium-form{display: grid;grid-template-columns: 1fr 1fr;gap: 1.5rem;position: relative;z-index: 2}.contact-form-group{display: flex;flex-direction: column;gap: 0.5rem}.contact-form-group.full-width{grid-column: 1 / -1}.contact-label{font-size: 0.95rem;font-weight: 600;color: var(--text-primary)}.contact-input,.contact-textarea{width: 100%;padding: 0.85rem 1.25rem;border-radius: var(--radius-lg);border: 1px solid var(--border-color);background: var(--bg-primary);color: var(--text-primary);font-size: 0.95rem;transition: all 0.2s ease;outline: none;font-family: inherit}.contact-textarea{resize: vertical;min-height: 150px;line-height: 1.6}.contact-input:focus,.contact-textarea:focus{border-color: var(--primary-500);box-shadow: 0 0 0 3px rgba(245,158,11,0.1)}.contact-submit-btn{grid-column: 1 / -1;background: var(--gradient-primary);color: white;font-weight: 700;font-size: 1.05rem;border: none;padding: 1rem;border-radius: var(--radius-lg);cursor: pointer;transition: all 0.2s cubic-bezier(0.4,0,0.2,1);position: relative;overflow: hidden;display: inline-flex;justify-content: center;align-items: center;margin-top: 0.5rem}.contact-submit-btn:hover:not(:disabled){transform: translateY(-2px);box-shadow: 0 4px 12px rgba(245,158,11,0.3)}.contact-submit-btn:active:not(:disabled){transform: translateY(0)}.contact-submit-btn:disabled{opacity: 0.7;cursor: not-allowed} .contact-bait{display: none !important;position: absolute;left: -9999px}.contact-msg{grid-column: 1 / -1;margin-top: 1rem;padding: 1rem;border-radius: var(--radius-md);font-size: 0.95rem;font-weight: 500;text-align: center;display: none}.contact-msg.success{display: block;background: rgba(16,185,129,0.1);color: #10b981;border: 1px solid rgba(16,185,129,0.2)}.contact-msg.error{display: block;background: rgba(239,68,68,0.1);color: #ef4444;border: 1px solid rgba(239,68,68,0.2)}.dark-mode .contact-msg.success{color: #34d399}.dark-mode .contact-msg.error{color: #f87171}@media (max-width: 600px){.contact-premium{padding: 1.5rem}.contact-premium-form{grid-template-columns: 1fr;gap: 1.25rem}.contact-form-group{grid-column: 1 / -1}} @media (max-width: 1024px){.home-container{grid-template-columns: minmax(0,1000px);margin-top: 0;justify-content: center}.home-sidebar{display: flex;flex-direction: column;gap: 1.5rem}}@media (max-width: 900px){.articles-grid-3{grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr))}}@media (max-width: 600px){.articles-grid-3,.articles-grid-3-mini{grid-template-columns: 1fr}.sidebar-block{padding: 1.5rem;text-align: center}.sidebar-title{text-align: center}.categories-list{align-items: center}.popular-list{align-items: center}.popular-item{gap: 0.75rem;justify-content: center;text-align: left;}.rtl .popular-item{text-align: right}.rank-number{font-size: 1.5rem;min-width: 1.2rem}.tech-card{text-align: center}.newsletter-form{align-items: center}.newsletter-form input{width: 100%;text-align: center}.newsletter-form .btn-primary{width: 100%}}  .dark-mode .theme-toggle .sun-icon{display: none}.dark-mode .theme-toggle .moon-icon{display: block}.dark-mode .article-card:hover{border-color: var(--primary-400)}.dark-mode .form-input,.dark-mode .form-select,.dark-mode .form-textarea{background: var(--bg-tertiary);border-color: var(--border-color);color: var(--text-primary)}.dark-mode .btn-secondary{background: var(--bg-tertiary);border-color: var(--border-color);color: var(--text-primary)}.dark-mode .nav-link:hover,.dark-mode .nav-link.active{color: var(--hover-text)}.dark-mode .submenu-link:hover{color: var(--hover-text)}.dark-mode .article-body a{color: var(--primary-400) !important}.dark-mode .article-body a:hover{color: var(--hover-text) !important}.dark-mode .categories-list li a:hover{color: var(--hover-text)}.dark-mode .lang-dropdown{background: var(--bg-card);border-color: var(--border-color)}.dark-mode .page-link{background: var(--bg-card);border-color: var(--border-color)}.dark-mode .sidebar-widget{background: var(--bg-card);border-color: var(--border-color)}.dark-mode .mobile-nav{background: var(--bg-card)} ::-webkit-scrollbar{width: 6px;height: 6px}::-webkit-scrollbar-track{background: transparent}::-webkit-scrollbar-thumb{background: var(--gray-300);border-radius: var(--radius-full)}::-webkit-scrollbar-thumb:hover{background: var(--gray-400)} .dark-mode ::-webkit-scrollbar-track{background: transparent}.dark-mode ::-webkit-scrollbar-thumb{background: rgba(255,255,255,0.18);border-radius: var(--radius-full)}.dark-mode ::-webkit-scrollbar-thumb:hover{background: rgba(255,255,255,0.3)} ::selection{background: rgba(245,158,11,0.2);color: var(--text-primary)}.dark-mode ::selection{background: rgba(245,158,11,0.3);color: #fff} .knowledge-tooltip{position: absolute;z-index: 1000;max-width: 350px;top: 0;left: 0;width: 100%;background: rgba(255,255,255,0.95);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid var(--border-color);border-radius: var(--radius-xl);box-shadow: var(--shadow-xl);padding: 0;opacity: 0;transform: translateY(10px) scale(0.95);transition: opacity 0.2s ease,transform 0.2s ease;visibility: hidden;overflow: hidden;font-family: var(--font-sans);direction: rtl;} body:not(.rtl) .knowledge-tooltip{direction: ltr}.knowledge-tooltip.active{opacity: 1;transform: translateY(0) scale(1);visibility: visible}.knowledge-tooltip-header{padding: 0.75rem 1rem;background: var(--bg-secondary);border-bottom: 1px solid var(--border-color);display: flex;align-items: center;justify-content: space-between}.knowledge-term{font-weight: 700;color: var(--primary-600);font-size: 0.95rem}.knowledge-close{cursor: pointer;color: var(--text-tertiary);font-size: 1.25rem;line-height: 1}.knowledge-close:hover{color: var(--error-500)}.knowledge-results{padding: 0.5rem;display: flex;flex-direction: column;gap: 0.5rem}.knowledge-item{display: flex;align-items: center;gap: 0.75rem;padding: 0.5rem;border-radius: var(--radius-lg);transition: background 0.2s ease;text-decoration: none;color: inherit}.knowledge-item:hover{background: none}.knowledge-item:hover .knowledge-item-title{color: var(--primary-600)}.knowledge-item img{width: 40px;height: 40px;border-radius: var(--radius-md);object-fit: cover;flex-shrink: 0}.knowledge-item-content{flex: 1;min-width: 0}.knowledge-item-title{font-size: 0.85rem;font-weight: 600;color: var(--text-primary);margin-bottom: 0.1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.knowledge-item-title:hover{color: var(--primary-600)}.knowledge-loading{padding: 1.5rem;text-align: center;color: var(--text-tertiary);font-size: 0.9rem;display: flex;align-items: center;justify-content: center;gap: 0.5rem}.knowledge-spinner{width: 16px;height: 16px;border: 2px solid var(--primary-200);border-top-color: var(--primary-600);border-radius: 50%;animation: spin 1s linear infinite} .dark-mode .knowledge-tooltip{background: color-mix(in srgb,var(--bg-card) 95%,transparent);border-color: var(--border-color)}.dark-mode .knowledge-tooltip-header{background: color-mix(in srgb,var(--bg-primary) 50%,transparent);border-color: var(--border-color)}.dark-mode .knowledge-item:hover{background: none}.dark-mode .knowledge-item:hover .knowledge-item-title{color: var(--hover-text)}.dark-mode .knowledge-item-title{color: var(--text-primary)}@keyframes spin{to{transform: rotate(360deg)}} div[aria-label="Privacy and cookie settings"],div[title="Privacy and cookie settings"],div.fc-consent-revocation,.google-revocation-link-placeholder{display: none !important;opacity: 0 !important;visibility: hidden !important;pointer-events: none !important;z-index: -99999 !important;height: 0 !important;width: 0 !important;position: fixed !important;bottom: -500px !important} #fc-consent-revocation{display: none !important}  .search-toggle{display: flex;align-items: center;justify-content: center;background: transparent;color: #e7e5e4;transition: color var(--transition-fast);cursor: pointer}.search-toggle:hover{color: var(--primary-500)}@media (max-width: 768px){.search-toggle{display: none}} .search-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(17,24,39,0.95); backdrop-filter: blur(8px);z-index: 2000;display: flex;align-items: flex-start;justify-content: center;padding-top: 15vh;opacity: 0;visibility: hidden;transition: all 0.3s cubic-bezier(0.16,1,0.3,1)}.search-overlay.active{opacity: 1;visibility: visible}.search-overlay-close{position: absolute;top: 2rem;right: 2rem;background: none;border: none;color: #9ca3af;cursor: pointer;transition: all 0.2s;padding: 0.5rem;border-radius: 50%}.rtl .search-overlay-close{right: auto;left: 2rem}.search-overlay-close:hover{color: #fff;background: rgba(255,255,255,0.1);transform: rotate(90deg)}.search-overlay-content{width: 100%;max-width: 800px;padding: 0 1.5rem;transform: translateY(20px);opacity: 0;transition: all 0.4s cubic-bezier(0.16,1,0.3,1) 0.1s}.search-overlay.active .search-overlay-content{transform: translateY(0);opacity: 1} .search-overlay-form{width: 100%}.search-input-wrapper{position: relative;display: flex;align-items: center;width: 100%;background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: var(--radius-2xl);padding: 0.5rem;transition: all 0.3s}.search-input-wrapper:focus-within{background: var(--bg-primary);border-color: var(--primary-400);box-shadow: 0 0 0 4px rgba(245,158,11,0.15)}.search-input-icon{color: var(--text-secondary);margin-left: 1.5rem;margin-right: 1rem}.search-input-wrapper input{flex: 1;background: transparent;border: none;color: var(--text-primary);font-size: 1rem;padding: 1rem 0;outline: none}.search-input-wrapper input::placeholder{color: var(--text-tertiary)}.search-overlay-submit{background: var(--gradient-primary);color: #fff;border: none;padding: 0.5rem 1rem;border-radius: var(--radius-xl);font-size: 1.125rem;font-weight: 600;display: flex;align-items: center;gap: 0.5rem;cursor: pointer; margin-right: 0.5rem}.rtl .search-overlay-submit{margin-right: 0;margin-left: 0.5rem}.search-overlay-submit:hover{ box-shadow: 0 4px 15px rgba(245,158,11,0.4)} .search-suggestions{margin-top: 3rem;text-align: center}.search-suggestions h4{color: var(--text-secondary);font-size: 0.875rem;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 1.5rem}.suggestion-tags{display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem}.suggestion-tags a{color: var(--text-primary);background: var(--bg-primary);border: 1px solid var(--border-color);padding: 0.6rem 1.25rem;border-radius: var(--radius-full);font-size: 0.95rem;transition: all 0.2s}.suggestion-tags a:hover{background: var(--primary-600);border-color: var(--primary-500);color: white;transform: translateY(-2px)} @media (max-width: 768px){.search-overlay{padding-top: 4rem}.search-input-wrapper{flex-direction: column;background: transparent;border: none;padding: 0;gap: 1rem}.search-input-wrapper input{width: 100%;background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.2);border-radius: var(--radius-2xl);font-size: 1.25rem;padding: 1rem 1.5rem !important;font-family: var(--font-arabic);text-align: center}.search-overlay-submit{width: 100%;justify-content: center;padding: 1rem;font-size: 1.1rem;font-family: var(--font-arabic);margin: 0 !important;border-radius: var(--radius-xl)}.search-input-icon{display: none}} .view-icon{display: inline-block;vertical-align: middle;margin-right: 4px;opacity: 0.8}.rtl .view-icon{margin-right: 0;margin-left: 4px} code:not(pre code){background-color: var(--primary-50,#fffbeb);color: var(--primary-700,#b45309);padding: 0.15em 0.4em;border-radius: 0.25rem;font-family: Consolas,Monaco,"Courier New",monospace;font-size: 0.85em;font-weight: 500;word-break: break-word;border: 1px solid var(--primary-100,#fef3c7)}.dark-mode code:not(pre code){background-color: var(--hover-bg);color: var(--primary-400);border-color: rgba(245,158,11,0.2)} @media (max-width: 992px){.article-sidebar-col .ad-slot-container.ad-slot-sidebar{display: none !important}}@media (max-width: 768px){.main-header{position: fixed;top: 0;left: 0;right: 0;width: 100%}body{padding-top: var(--header-height);padding-bottom: 70px}.main-footer{padding-bottom: 90px}.ticker-content,.rtl .ticker-content{animation-duration: 15s !important} @media (max-width: 490px){.header-content,.header-left,.header-actions{gap: 0.4rem}.lang-toggle{padding: 0.4rem 0.5rem;font-weight: 600;font-size: 0.75rem;display: flex;align-items: center;gap: 4px}.lang-icon{display: inline-block;font-size: 0.9rem}.lang-text{display: inline-block}.theme-toggle,.burger-menu-toggle{width: 36px;height: 36px}.logo-text{display: none}.logo-img{width: 130px;height: 28px;object-fit: contain}}} @media (max-width: 768px){.mobile-bottom-nav{position: fixed;bottom: calc(1rem + env(safe-area-inset-bottom));left: 1rem;right: 1rem;width: auto;height: 65px;background: color-mix(in srgb,var(--bg-card) 85%,transparent);border: 1px solid var(--border-color);border-radius: 100px;display: flex;justify-content: space-around;align-items: center;z-index: 999;box-shadow: 0 10px 30px rgba(0,0,0,0.15);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);transition: transform 0.3s ease}.bottom-nav-item{display: flex;flex-direction: column;align-items: center;justify-content: center;text-decoration: none;color: var(--text-secondary);font-size: 0.7rem;width: 100%;height: 100%;gap: 4px;transition: all 0.2s;border: none;background: none;cursor: pointer}#mobile-menu-trigger .icon{color: var(--primary-500)}.bottom-nav-item .icon{display: flex;align-items: center;justify-content: center;margin-bottom: 2px}.bottom-nav-item .icon svg{width: 22px;height: 22px;display: block}.dark-mode .sun-icon-mobile{display: block !important}.dark-mode .theme-moon{display: none !important}.bottom-nav-item.active,.bottom-nav-item:hover{color: var(--primary-500)}.bottom-nav-item.active .icon{transform: translateY(-2px)}.share-buttons{gap: 0.5rem}}@media (min-width: 769px){.mobile-bottom-nav{display: none}} .scroll-to-top{position: fixed;bottom: 105px;right: 20px;width: 45px;height: 45px;background: var(--gradient-primary);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: var(--shadow-lg);opacity: 0;visibility: hidden;transform: translateY(20px);transition: all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);z-index: 998;border: none}.scroll-to-top.active{opacity: 1;visibility: visible;transform: translateY(0)}.scroll-to-top:hover{transform: translateY(-5px) scale(1.05);box-shadow: 0 10px 20px rgba(245,158,11,0.3)}.scroll-to-top:active{transform: scale(0.95)}.rtl .scroll-to-top{right: auto;left: 20px}@media (min-width: 769px){.scroll-to-top{bottom: 30px;width: 50px;height: 50px}} .reading-progress-container{position: fixed;top: 0;left: 0;width: 100%;height: 4px;background: transparent;z-index: 1001;pointer-events: none}.reading-progress-bar{height: 100%;background: var(--gradient-primary);width: 100%;transform: scaleX(0);transform-origin: left;transition: transform 0.1s linear;box-shadow: 0 0 10px rgba(245,158,11,0.5);will-change: transform}body.rtl .reading-progress-bar{transform-origin: right} .logo-img{width: 178px;height: 38px;object-fit: contain}.footer-logo-container{display: flex;align-items: center;gap: 6px;margin-bottom: 1rem}.footer-logo-img{height: 40px;width: auto} :root{scrollbar-width: thin;scrollbar-color: var(--gray-300,#d1d5db) transparent}.dark-mode{scrollbar-color: rgba(255,255,255,0.18) transparent} .categories-container{max-width: 1200px;margin: 40px auto;padding: 0 20px}.page-header{text-align: center;margin-bottom: 40px}.page-title{font-size: 2.5rem;font-weight: 800;margin-bottom: 10px;color: var(--text-primary)}.categories-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,350px),1fr));gap: 30px}.category-card{background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 6px;padding: 25px;transition: transform 0.3s ease,box-shadow 0.3s ease;display: flex;flex-direction: column}.category-card:hover{transform: translateY(-5px);box-shadow: var(--shadow-lg);border-color: var(--primary-400)}.card-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid var(--border-color)}.main-cat-title{font-size: 1.5rem;font-weight: 700;color: var(--text-primary);text-decoration: none;transition: color 0.2s}.main-cat-title:hover{color: var(--primary-400)}.count-badge{background: var(--hover-bg);color: var(--primary-600);padding: 4px 10px;border-radius: 5px;font-size: 0.85rem;font-weight: 600}.sub-categories-list{list-style: none;padding: 0;margin: 0}.sub-cat-item{margin-bottom: 12px}.sub-cat-link{display: flex;justify-content: space-between;align-items: center;color: var(--text-secondary);text-decoration: none;padding: 8px 12px;background: var(--bg-tertiary);border-radius: 4px;transition: all 0.2s}.sub-cat-link:hover{background: var(--hover-bg);color: var(--primary-400)}.nested-cats{margin-inline-start: 20px;border-inline-start: 1px solid var(--border-color);padding-inline-start: 15px;margin-top: 8px}.no-cats{color: var(--text-tertiary);font-style: italic;text-align: center;padding: 20px} .category-header-content{display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: var(--container-max);gap: 3rem;padding-inline: 4rem}.category-info-side{flex: 1;min-width: 0}.category-desc-side{flex: 2;background: rgba(0,0,0,0.3);padding: 24px;border-radius: 5px;backdrop-filter: blur(4px);border: 1px solid rgba(255,255,255,0.1);font-size: 1.05rem;line-height: 1.7;color: rgba(255,255,255,0.95);display: flex;align-items: center}.category-desc-text{margin: 0}.news-header-content{display: flex;justify-content: center;align-items: center;width: 100%;max-width: var(--container-max);gap: 3rem;padding-inline: 4rem;text-align: center}.news-info-side{flex: 1;min-width: 0}.news-title{font-size: clamp(2rem,5vw,3.5rem);font-weight: 800;margin-bottom: 0.5rem;line-height: 1.2;text-wrap: balance}@media (max-width: 900px){.category-header-content,.news-header-content{flex-direction: column;text-align: center;gap: 1.5rem;padding-inline: 1.5rem}.category-desc-side{width: 100%}} .breadcrumb-container{max-width: var(--container-max);margin: 1.5rem auto 1rem;padding: 0 1rem;display: flex;align-items: center;flex-wrap: wrap;gap: 0.5rem;font-size: 0.95rem;color: var(--text-secondary)}.breadcrumb-container a{color: var(--text-secondary);text-decoration: none;transition: color 0.2s ease}.breadcrumb-container a:hover{color: var(--primary-500)}.breadcrumb-container .breadcrumb-separator{opacity: 0.6;font-size: 0.85rem}.breadcrumb-container .breadcrumb-current{color: var(--text-primary);font-weight: 600} .subcategories-section{margin-bottom: 2rem;padding: 1.5rem;background: rgba(255,255,255,0.05);border-radius: 6px;border: 1px solid rgba(255,255,255,0.1)}.subcategories-title{font-size: 1.25rem;margin-bottom: 1rem;font-weight: 600;color: var(--text-primary);display: flex;align-items: center;gap: 0.5rem}.subcategories-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: 1rem}.subcategory-card{display: flex;align-items: center;gap: 0.75rem;padding: 1rem;background: var(--bg-tertiary);border-radius: 5px;text-decoration: none;color: var(--text-primary);transition: all 0.3s ease;border: 1px solid transparent}.subcategory-card:hover{transform: translateY(-3px);background: var(--hover-bg);border-color: var(--primary-500);box-shadow: 0 4px 12px rgba(0,0,0,0.1)}.subcategory-icon{font-size: 1.5rem;opacity: 0.8}.subcategory-name{font-weight: 500}.subcategory-count{margin-inline-start: auto;font-size: 0.8rem;background: rgba(0,0,0,0.1);padding: 2px 8px;border-radius: 4px;opacity: 0.7}.dark-mode .subcategory-count{background: rgba(255,255,255,0.1)} .main-search-form-page{display: flex;max-width: 800px;margin: 0 auto;position: relative;box-shadow: var(--shadow-md);border-radius: var(--radius-full);background: var(--bg-card);border: 1px solid var(--border-color);overflow: hidden;transition: all 0.3s}.main-search-form-page:focus-within{border-color: var(--primary-400);box-shadow: 0 0 0 4px rgba(99,102,241,0.2)}.search-input-page{flex: 1;width: 100%;padding: 1.25rem 2rem;border: none;font-size: 1.15rem;background: transparent;color: var(--text-primary);outline: none}.dark-mode .search-input-page{color: #f1f5f9}.dark-mode .search-input-page::placeholder{color: #94a3b8}.search-btn-page{display: flex;align-items: center;justify-content: center;background: var(--gradient-primary);color: white;border: none;padding: 0 2rem;cursor: pointer;transition: opacity 0.2s}.search-btn-page:hover{opacity: 0.9}@media (max-width: 768px){.search-input-page{padding: 1rem 1.25rem;font-size: 1rem}.search-btn-page{padding: 0 1.5rem}}.search-highlight{background-color: rgba(255,224,102,0.4);color: inherit;padding: 0 0.1em;border-radius: 2px;border-bottom: 1px solid #fbcb00}.dark-mode .search-highlight{background-color: rgba(244,179,0,0.3);border-bottom-color: #f4b300;color: #fff}  .article-topics{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem;margin: 2rem 0 1rem;padding-top: 1.25rem;border-top: 1px solid var(--border-color)}.article-topics-label{font-size: 0.95rem;font-weight: 700;color: var(--text-secondary)} .article-body .article-topic-chip,.article-topic-chip{display: inline-flex;align-items: center;min-height: 34px;padding: 0.35rem 0.8rem;background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-full);color: var(--text-secondary);font-size: 0.875rem;font-weight: 600;text-decoration: none;transition: background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.article-body .article-topic-chip:hover,.article-body .article-topic-chip:focus-visible,.article-topic-chip:hover,.article-topic-chip:focus-visible{background: var(--hover-bg);border-color: var(--border-500);color: var(--hover-text);text-decoration: none}.dark-mode .article-topic-chip{background: var(--bg-tertiary)}.dark-mode .article-body .article-topic-chip{color: var(--text-secondary) !important}.dark-mode .article-body .article-topic-chip:hover,.dark-mode .article-body .article-topic-chip:focus-visible{color: var(--hover-text) !important}.topic-breadcrumb{display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem;margin-bottom: 0.5rem;font-size: 0.9rem;color: var(--text-tertiary)}.topic-breadcrumb a{color: inherit;text-decoration: none}.topic-breadcrumb a:hover,.topic-breadcrumb a:focus-visible{color: var(--hover-text)}@media (max-width: 640px){ .article-body .article-topic-chip,.article-topic-chip{min-height: 44px;padding: 0.55rem 1rem}}  .resume-bar{position: fixed;inset-inline: 1rem;bottom: calc(1rem + env(safe-area-inset-bottom));z-index: 998;display: none;align-items: center;justify-content: space-between;gap: 0.75rem;max-width: 640px;margin: 0 auto;padding: 0.75rem 1rem;border: 1px solid var(--border-color);border-radius: 14px;background: var(--bg-card);box-shadow: 0 10px 30px rgba(0,0,0,0.15)}.resume-bar:not([hidden]){display: flex} @media (max-width: 768px){.resume-bar{bottom: calc(5.5rem + env(safe-area-inset-bottom))}}.resume-text{flex: 1;min-width: 0;font-size: 0.9rem;color: var(--text-secondary)}.resume-actions{display: flex;gap: 0.5rem;flex-shrink: 0}.resume-btn{min-height: 44px;padding: 0 1rem;border: 1px solid var(--border-color);border-radius: 10px;background: var(--bg-card);color: var(--text-secondary);font-family: inherit;font-size: 0.9rem;font-weight: 600;cursor: pointer;transition: background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.resume-btn:hover,.resume-btn:focus-visible{background: var(--hover-bg);color: var(--hover-text);border-color: var(--primary-500)}.resume-btn.resume-primary{background: var(--primary-500);border-color: var(--primary-500);color: #fff}.resume-btn.resume-primary:hover,.resume-btn.resume-primary:focus-visible{background: var(--primary-600);border-color: var(--primary-600);color: #fff} .lightbox{position: fixed;inset: 0;z-index: 10000;display: flex;align-items: center;justify-content: center;padding: 2rem 1rem;background: rgba(0,0,0,0.9)}.lightbox img{max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: contain;border-radius: 4px}.lightbox-close{position: absolute;top: 1rem;inset-inline-end: 1rem;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(255,255,255,0.4);border-radius: 50%;background: rgba(0,0,0,0.5);color: #fff;font-size: 1.5rem;line-height: 1;cursor: pointer}.lightbox-close:hover,.lightbox-close:focus-visible{background: rgba(255,255,255,0.2)} .article-body img.is-zoomable,.article-featured-image img.is-zoomable{cursor: zoom-in} @media print{ .main-header,.main-footer,.mobile-bottom-nav,.burger-menu,.burger-menu-overlay,.search-overlay,.article-sidebar-col,.article-share,.article-rail,.audio-player,.toc-toggle,.reading-progress-container,.resume-bar,.scroll-to-top,.ad-slot-container,.adsbygoogle,.read-also,.article-topics,.newsletter-premium,.article-reactions,.lightbox{display: none !important}:root{--text-primary: #000;--text-secondary: #222;--text-tertiary: #444;--border-color: #ccc}body{background: #fff !important;color: #000 !important;font-size: 12pt;padding: 0 !important}.container,.main-content,.article-main-col,.article-layout-container{max-width: 100% !important;width: 100% !important;display: block !important;margin: 0 !important;padding: 0 !important}.article-body{ font-size: 12pt !important;color: #000 !important}.article-title{font-size: 20pt} .article-body p a[href^="http"]::after,.article-body li a[href^="http"]::after{content: " (" attr(href) ")";font-size: 9pt;word-break: break-all}.article-body img,.article-featured-image img{max-width: 100% !important;page-break-inside: avoid;break-inside: avoid}.article-body h2,.article-body h3{page-break-after: avoid;break-after: avoid}.article-body pre,.article-body table,.article-toc{page-break-inside: avoid;break-inside: avoid}a{text-decoration: underline}}