@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary:#e63946;--primary-hover:#c1121f;--primary-light:#ffeaec;--primary-gradient:linear-gradient(135deg, #e63946, #c1121f);--bg:#f8f9fc;--surface:#fff;--surface-alt:#f1f3f8;--border:#e2e6f0;--border-light:#eef0f5;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--success:#10b981;--success-light:#ecfdf5;--warning:#f59e0b;--warning-light:#fffbeb;--info:#3b82f6;--info-light:#eff6ff;--error:#ef4444;--error-light:#fef2f2;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 30px #0000001a, 0 4px 8px #0000000f;--shadow-xl:0 20px 60px #0000001f;--shadow-primary:0 8px 25px #e6394640;--font-arabic:"Cairo", "Arial", sans-serif;--font-latin:"Inter", sans-serif;--transition:all .2s ease;--transition-slow:all .35s cubic-bezier(.4, 0, .2, 1);--navbar-h:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;direction:rtl;font-size:16px}body{font-family:var(--font-arabic);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-alt)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.container{max-width:1280px;padding:0 var(--sp-5);margin:0 auto}@media (width<=768px){.container{padding:0 var(--sp-4)}}.page-content{padding-top:var(--navbar-h);min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.grid-auto{gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (width<=600px){.grid-auto{grid-template-columns:1fr}}.text-h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2}.text-h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.3}.text-h3{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700}.text-body{font-size:1rem;font-weight:400}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-primary-color{color:var(--primary)}.text-secondary-color{color:var(--text-secondary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-center{text-align:center}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--radius-lg);transition:var(--transition);white-space:nowrap;padding:10px 20px;font-size:.9rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #e6394659}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1.5px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--surface-alt);color:var(--text-primary)}.btn-sm{border-radius:var(--radius-md);padding:7px 14px;font-size:.82rem}.btn-lg{border-radius:var(--radius-xl);padding:14px 28px;font-size:1.05rem}.card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition-slow);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-3px)}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-info{background:var(--info-light);color:var(--info)}.badge-gray{background:var(--surface-alt);color:var(--text-secondary)}.input-field{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:100%;color:var(--text-primary);transition:var(--transition);padding:12px 16px;font-size:.95rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e639461a}.input-field::placeholder{color:var(--text-tertiary)}.input-wrapper{position:relative}.input-icon-start{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.input-icon-start~.input-field{padding-right:44px}.section{padding:var(--sp-12) 0}.section-sm{padding:var(--sp-8) 0}.section-header{margin-bottom:var(--sp-6);justify-content:space-between;align-items:center;display:flex}.section-title{color:var(--text-primary);align-items:center;gap:var(--sp-2);font-size:1.5rem;font-weight:800;display:flex}.section-title:before{content:"";background:var(--primary-gradient);border-radius:var(--radius-full);width:4px;height:24px;display:inline-block}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#f0f2f5 25%,#e8ecf2 50%,#f0f2f5 75%) 0 0/400% 100%;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0%}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--sp-4);background:#0f172a99;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;animation:.3s cubic-bezier(.4,0,.2,1) slide-up;overflow:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.h-scroll{gap:var(--sp-3);padding-bottom:var(--sp-2);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.h-scroll::-webkit-scrollbar{display:none}.star-rating{color:var(--warning);align-items:center;gap:3px;font-size:.85rem;font-weight:700;display:inline-flex}.download-banner{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-xl);padding:var(--sp-4) var(--sp-6);align-items:center;gap:var(--sp-4);box-shadow:var(--shadow-primary);display:flex}.chip{border-radius:var(--radius-full);align-items:center;gap:5px;padding:5px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.divider{background:var(--border-light);height:1px;margin:var(--sp-4) 0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.95)}70%{opacity:0;transform:scale(1.05)}to{opacity:0;transform:scale(.95)}}.animate-float{animation:3s ease-in-out infinite float}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}.ltr{direction:ltr}.page-loader{justify-content:center;align-items:center;gap:var(--sp-4);min-height:50vh;color:var(--text-secondary);flex-direction:column;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:var(--sp-16) var(--sp-4);text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;gap:var(--sp-4);flex-direction:column;display:flex}.empty-state-icon{opacity:.5;font-size:4rem}.empty-state-title{color:var(--text-primary);font-size:1.2rem;font-weight:700}@media (width<=1024px){.hide-tablet{display:none!important}}@media (width<=768px){.hide-mobile{display:none!important}.section{padding:var(--sp-8) 0}:root{--navbar-h:60px}}@media (width>=769px){.show-mobile-only{display:none!important}}