#tech-track {
                /* عرض المحتوى يجب أن يكون كافياً لاحتواء العناصر المكررة */
                width: max-content;
                /* مدة الحركة (40s) تحدد السرعة. كلما زاد الرقم، قلت السرعة */
                animation: marqueeScroll 45s linear infinite;
            }
            /* توقف الحركة عند مرور الماوس */
            
            #tech-track:hover {
                animation-play-state: paused;
            }
            
            @keyframes marqueeScroll {
                from {
                    transform: translateX(0);
                }
                /* يتحرك بمقدار -50% لأننا قمنا بتكرار المحتوى مرتين */
                to {
                    transform: translateX(-50%);
                }
            }
            
            body {
                font-family: 'Cairo', sans-serif;
            }
            /* تدرج لوني ناعم للخلفية */
            
            .main-gradient {
                background: radial-gradient(circle at 50% 0%, rgba(0, 180, 240, 0.08) 0%, rgba(255, 255, 255, 0) 50%);
            }
            
            .glass-nav {
                background: rgba(255, 255, 255, 0.95);
                backdrop-filter: blur(20px);
                border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            }
            /* تأثير الصورة العائمة */
            
            .float-img {
                animation: float 6s ease-in-out infinite;
            }
            
            @keyframes float {
                0% {
                    transform: translateY(0px);
                }
                50% {
                    transform: translateY(-20px);
                }
                100% {
                    transform: translateY(0px);
                }
            }
            
            .gradient-text {
                background: linear-gradient(135deg, #0054a6 0%, #00b4f0 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }
            /* تحسين السكرول */
            
             ::-webkit-scrollbar {
                width: 8px;
            }
            
             ::-webkit-scrollbar-track {
                background: #f1f1f1;
            }
            
             ::-webkit-scrollbar-thumb {
                background: #cbd5e1;
                border-radius: 4px;
            }
            
             ::-webkit-scrollbar-thumb:hover {
                background: #0085d0;
            }
            /* القائمة */
            
            #mobile-menu {
                transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                max-height: 0;
                opacity: 0;
                overflow: hidden;
            }
            
            #mobile-menu.active {
                max-height: 500px;
                opacity: 1;
                margin-top: 1rem;
            }