/* الأساسيات والحركات */
        body { font-family: 'Cairo', sans-serif; scroll-behavior: smooth; }
        .hero-gradient { background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%); position: relative; }
        .hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .hover-lift:hover { transform: translateY(-10px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
        .blob { position: absolute; filter: blur(40px); z-index: 0; opacity: 0.4; animation: float 10s infinite ease-in-out; will-change: transform; }
        @keyframes float { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(20px, -20px); } }
        .float-wa { position: fixed; width: 60px; height: 60px; bottom: 90px; right: 20px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 2px 2px 10px rgba(0,0,0,0.3); z-index: 100; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
        .float-wa:hover { background-color: #128C7E; transform: scale(1.1); }
        #backToTop { display: none; position: fixed; bottom: 90px; left: 20px; z-index: 99; border: none; outline: none; background-color: #1e3a8a; color: white; cursor: pointer; padding: 15px; border-radius: 50%; font-size: 18px; box-shadow: 2px 2px 10px rgba(0,0,0,0.3); transition: 0.3s; }
        #backToTop:hover { background-color: #0f172a; }
        #preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 9999; display: flex; justify-content: center; align-items: center; transition: opacity 0.5s ease; }
        .loader-icon { font-size: 3rem; color: #1e3a8a; animation: pulse-blue 1.5s infinite; }
        @keyframes pulse-blue { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.2); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } }
        @media (min-width: 768px) { .float-wa { bottom: 40px; right: 40px; width: 70px; height: 70px; font-size: 40px; } #backToTop { bottom: 40px; left: 40px; } }
        
        /* ستايل حقوق المطور - ياسر خلف */
        .yk-developer-bar {
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
            border-top: 2px solid #25D366;
            padding: 15px 20px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            gap: 15px;
            position: relative;
            z-index: 9999;
            box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
            font-family: 'Cairo', sans-serif;
            direction: rtl;
        }
        .yk-text { color: #cbd5e1; font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 6px; }
        .yk-badge {
            display: inline-flex; align-items: center; gap: 8px;
            background: rgba(255, 255, 255, 0.08); padding: 8px 22px;
            border-radius: 50px; border: 1px solid rgba(255,255,255,0.1);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            color: #ffffff; font-weight: bold; text-decoration: none;
        }
        .yk-badge:hover {
            background: rgba(37, 211, 102, 0.15); border-color: #25D366;
            transform: translateY(-3px); box-shadow: 0 6px 15px rgba(37, 211, 102, 0.2);
            color: #ffffff;
        }
        .yk-badge i.fa-whatsapp { color: #25D366; font-size: 1.4rem; animation: ykPulse 2s infinite; }
        .yk-phone { opacity: 0.7; font-size: 0.9em; margin-right: 5px; border-right: 1px solid rgba(255,255,255,0.2); padding-right: 8px; }
        @keyframes ykPulse { 0% { transform: scale(1); } 50% { transform: scale(1.15); } 100% { transform: scale(1); } }
        @media (max-width: 600px) {
            .yk-developer-bar { flex-direction: column; gap: 12px; padding: 15px; border-top-width: 3px; }
            .yk-badge { width: 100%; justify-content: center; padding: 12px; font-size: 16px; }
        }

/* New PHP landing layers — original palette/CTA retained */
body{padding-bottom:0}.service-grid-card{transition:transform .2s,box-shadow .2s}.service-grid-card:hover{transform:translateY(-5px)}
.hero-gradient .blob{pointer-events:none}.skip-link{position:absolute;top:-100px;right:12px;background:#fff;color:#0f172a;padding:.75rem;z-index:99}.skip-link:focus{top:8px}
.phone-ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.nav-scroll{overflow-x:auto;scrollbar-width:thin}.mobile-actions{padding-bottom:env(safe-area-inset-bottom)}
input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #fb923c;outline-offset:3px}
details>summary{cursor:pointer}details[open] summary{color:#1d4ed8}.evidence-note{font-size:12px;color:#64748b}
@media(max-width:767px){body{padding-bottom:76px}.service-hero{padding-top:9rem;padding-bottom:5rem}.float-wa{bottom:88px;right:12px;width:48px;height:48px;font-size:28px}.site-nav-menu{display:none}}