
    <style>
        body {
            font-family: 'Cairo', sans-serif;
            background-color: #050511;
            color: #ffffff;
            /* صورة الخلفية الجديدة */
            background-image: 
                url('https://i.postimg.cc/15BwvYrC/imgi%2015%20148da3e2124e23db4adc8eba55130682.png'),
                radial-gradient(circle at 10% 20%, rgba(188, 19, 254, 0.15) 0%, transparent 40%),
                radial-gradient(circle at 90% 80%, rgba(0, 243, 255, 0.15) 0%, transparent 40%);
            background-attachment: fixed;
            background-size: cover;
            background-position: center;
            background-blend-mode: overlay;
        }

        /* Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #050511; }
        ::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, #bc13fe, #00f3ff); border-radius: 10px; }

        /* Glassmorphism Classes */
        .glass-panel {
            background: rgba(20, 20, 35, 0.6);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.05);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        }

        .glass-nav {
            background: rgba(5, 5, 17, 0.8);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

        /* Animations */
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-15px); }
        }
        .animate-float { animation: float 6s ease-in-out infinite; }
        .animate-float-delayed { animation: float 6s ease-in-out infinite 3s; }

        @keyframes glow {
            0%, 100% { box-shadow: 0 0 5px #00f3ff, 0 0 10px #00f3ff; }
            50% { box-shadow: 0 0 20px #bc13fe, 0 0 30px #bc13fe; }
        }
        
        .neon-text {
            text-shadow: 0 0 10px rgba(0, 243, 255, 0.5);
        }

        .card-hover:hover {
            transform: translateY(-5px) scale(1.02);
            border-color: #00f3ff;
            box-shadow: 0 0 20px rgba(0, 243, 255, 0.2);
        }

        /* Whatsapp Pulse */
        .whatsapp-pulse {
            animation: pulse-green 2s infinite;
        }
        @keyframes pulse-green {
            0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
            70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
            100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
        }

        /* Social Proof Popup Animation */
        .social-popup-enter {
            animation: slideInLeft 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
        }
        .social-popup-exit {
            animation: slideOutLeft 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
        }
        @keyframes slideInLeft {
            0% { transform: translateX(-100px); opacity: 0; }
            100% { transform: translateX(0); opacity: 1; }
        }
        @keyframes slideOutLeft {
            0% { transform: translateX(0); opacity: 1; }
            100% { transform: translateX(-100px); opacity: 0; }
        }
    </style>