:root{--color-primary:#15284b;--color-primary-dark:#0e1c36;--color-accent:#6d1d38;--color-secondary:#15284b;--color-secondary-dark:#0e1c36;--color-bg:#fff;--color-bg-soft:#fbf9f6;--color-bg-muted:#fbf4f6;--color-text:#1d1d1f;--color-text-muted:#6e6e73;--color-border:#e5e7eb;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#dc2626;--shadow-sm:0 4px 20px -2px rgba(21,40,75,.05);--shadow-md:0 4px 16px rgba(0,0,0,.08);--radius:12px;--radius-sm:8px;--max-width:1280px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y;-webkit-text-size-adjust:100%}body{font-family:Tajawal,Cairo,system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%;max-width:100%;touch-action:pan-x pan-y}[dir=ltr] body{font-family:Inter,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:64px 0}.section-title{font-size:28px;font-weight:800;text-align:center;margin-bottom:8px;color:var(--color-secondary)}.section-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:40px;font-size:16px}.fade-in{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid{display:grid;grid-gap:20px;gap:20px}.grid-3{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.grid-2{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}@media (max-width:768px){.container{padding:0 16px}.section{padding:40px 0}.section-title{font-size:22px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}.inline-flex{display:inline-flex}.items-center{align-items:center}.block{display:block}.shrink-0{flex-shrink:0}.w-3{width:12px}.w-3\.5{width:14px}.w-4{width:16px}.w-5{width:20px}.w-6{width:24px}.w-7{width:28px}.w-full{width:100%}.h-3{height:12px}.h-3\.5{height:14px}.h-4{height:16px}.h-5{height:20px}.h-6{height:24px}.h-7{height:28px}.h-full{height:100%}.gap-1{gap:4px}.gap-1\.5{gap:6px}.mt-1{margin-top:4px}.mb-1{margin-bottom:4px}.mb-4{margin-bottom:16px}.font-bold{font-weight:700}.text-accent{color:var(--color-accent)}.object-cover{object-fit:cover}.bg-white{background:#fff}.rounded-full{border-radius:9999px}.px-4{padding-left:16px;padding-right:16px}.py-1\.5{padding-top:6px;padding-bottom:6px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}