:root{ --primary:#6C5CE7; --secondary:#00D1B2; --accent:#FFBA08; --bg:#0B1020; --surface:#121A2B; --text:#F1F5F9; --muted:#94A3B8; }
html[dir="rtl"] body{ font-family: "Tajawal","Cairo",system-ui,sans-serif; background: var(--bg); color: var(--text); }
.container{ max-width:1200px; margin-inline:auto; padding-inline:16px; }
.btn-primary{ background:var(--primary); color:#fff; border-radius:14px; padding:12px 20px; }
.card{ background:var(--surface); border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,.16); }
.grid{ display:grid; gap:16px; }
.grid-4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
@media (max-width:1024px){ .grid-4{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:768px){ .grid-4{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.e-nav-sticky{ position:sticky; top:0; z-index:100; backdrop-filter:blur(6px); background:rgba(11,16,32,.75); }
img[loading="lazy"]{ content-visibility:auto; }