/* Embedding official SST Arabic font-face declarations so it resolves if available, else falls back beautifully */
        @font-face {
            font-family: 'SST Arabic';
            src: local('SST Arabic Medium'), local('SST-Arabic-Medium'), local('SST Arabic'),
                 url('https://fonts.cdnfonts.com/s/72228/SSTArabic-Medium.woff') format('woff');
            font-weight: 500;
            font-style: normal;
        }
        @font-face {
            font-family: 'SST Arabic';
            src: local('SST Arabic Bold'), local('SST-Arabic-Bold'),
                 url('https://fonts.cdnfonts.com/s/72228/SSTArabic-Bold.woff') format('woff');
            font-weight: 700;
            font-style: normal;
        }

        body {
           font-family: 'Cairo', sans-serif;
            background-color: #F4F7F6;
        }

        /* Smooth premium scrollbar to match the official design */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #F0F4F2;
        }
        ::-webkit-scrollbar-thumb {
            background: linear-gradient(to bottom, #004B3E, #C59B27);
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #C59B27;
        }

        /* Glassmorphism utility with gold tint border */
        .glass-premium {
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            border: 1px solid rgba(197, 155, 39, 0.15);
        }

        /* Stunning gold and emerald gradients */
        .gradient-emerald-royal {
            background: linear-gradient(135deg, #004B3E 0%, #002B23 100%);
        }
        .gradient-gold-metallic {
            background: linear-gradient(135deg, #DFB53F 0%, #C59B27 50%, #9E7A1B 100%);
        }
        .gradient-glow-soft {
            background: linear-gradient(180deg, rgba(240, 247, 245, 0.5) 0%, rgba(250, 246, 237, 0.3) 100%);
        }
        .gradient-card-overlay {
            background: linear-gradient(to top, rgba(0, 43, 35, 0.85) 0%, rgba(0, 75, 62, 0.4) 50%, transparent 100%);
        }

/* يمنع ظهور المحتوى قبل ما Alpine.js يخلّص التهيئة (Flash of Unstyled Content) */
[x-cloak] { display: none !important; }