/* --- Qurane Specific CSS --- */

        body { 
            font-family: 'Cairo', sans-serif; 
            scroll-behavior: smooth; 
        }
        
        /* نمط الزخرفة الإسلامية الكلاسيكي */
        .islamic-pattern {
            background-color: #f8fafc;
            background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2310b981' fill-opacity='0.035'%3E%3Cpath d='M40 38v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V4h-2v4h-4v2h4v4h2v-4h4V8h-4zM8 38v-4H6v4H2v2h4v4h2v-4h4v-2H8zM8 8V4H6v4H2v2h4v4h2v-4h4V8H8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }

        .islamic-pattern-dark {
            background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fbbf24' fill-opacity='0.03'%3E%3Cpath d='M40 38v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V4h-2v4h-4v2h4v4h2v-4h4V8h-4zM8 38v-4H6v4H2v2h4v4h2v-4h4v-2H8zM8 8V4H6v4H2v2h4v4h2v-4h4V8H8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }
        
        [x-cloak] { display: none !important; }
        
        .text-gradient {
            background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .text-gradient-emerald {
            background: linear-gradient(135deg, #34d399 0%, #10b981 50%, #047857 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        html, body {
            max-width: 100%;
            overflow-x: hidden;
        }

        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f8fafc; }
        ::-webkit-scrollbar-thumb { background: #10b981; border-radius: 9999px; }
        ::-webkit-scrollbar-thumb:hover { background: #059669; }

        /* تأثيرات الحركة الإسلامية المخصصة */
        .glow-hover:hover {
            box-shadow: 0 0 25px rgba(245, 158, 11, 0.4);
        }
        .glow-btn-emerald:hover {
            box-shadow: 0 0 25px rgba(16, 185, 129, 0.4);
        }

        /* أنيميشن تأرجح الفانوس الإسلامي */
        @keyframes lantern-swing {
            0% { transform: rotate(-6deg); }
            50% { transform: rotate(6deg); }
            100% { transform: rotate(-6deg); }
        }

        .lantern-animation {
            animation: lantern-swing 6s ease-in-out infinite;
            transform-origin: top center;
        }

        /* نبض توهج الفانوس */
        @keyframes gold-pulse {
            0%, 100% { filter: drop-shadow(0 0 8px rgba(245, 158, 11, 0.4)); }
            50% { filter: drop-shadow(0 0 22px rgba(245, 158, 11, 0.8)); }
        }

        .gold-pulse-effect {
            animation: gold-pulse 4s ease-in-out infinite;
        }