:root{
  --bg:#0b0c0f; --fg:#e7e9ee; --muted:#a7acb8;
  --primary:#6ee7b7; --card:#12141a; --border:#1f2330; --link:#0a84ff;
}

/* Reset */
*{box-sizing:border-box}
img{max-width:100%;height:auto;display:block} /* لا نلمس svg حتى لا تكبر */
body{
  margin:0; background:var(--bg); color:var(--fg);
  font-family:'Cairo',system-ui,Arial,sans-serif; line-height:1.6;
}

/* Containers */
.container{max-width:980px;margin-inline:auto;padding:20px}

/* Header */
.site-header{
  position:sticky;top:0;z-index:10;backdrop-filter:blur(8px);
  background:linear-gradient(180deg,rgba(0,0,0,.45),transparent);
  border-bottom:1px solid var(--border);
}
.header{display:flex;justify-content:space-between;align-items:center;padding-block:16px}
.brand{font-size:1.5rem;font-weight:800}
.header-actions{display:flex;gap:8px}
.pill-btn{
  padding:.5rem .9rem;border:1px solid var(--border);background:var(--card);
  color:var(--fg);border-radius:999px;cursor:pointer
}
.pill-btn.theme{width:44px;display:inline-flex;justify-content:center}

/* Hero */
.hero{text-align:center;padding-block:40px}
.hero-title{font-size:2.2rem;margin:0 0 .5rem}
.lead{color:var(--muted);margin:0}

/* Features */
.features h2{text-align:center;margin:0 0 12px}
.features .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature{
  background:var(--card);border:1px solid var(--border);
  border-radius:14px;padding:18px;text-align:center
}
@media (max-width:860px){.features .grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.features .grid{grid-template-columns:1fr}}

/* Footer */
.site-footer{border-top:1px solid var(--border);margin-top:40px;padding-top:16px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media (max-width:760px){.footer-grid{grid-template-columns:1fr}}
.footer-left{display:flex;align-items:center;gap:14px}
.footer-logo{width:40px;height:40px} /* شعار صغير ثابت */
.tagline{color:var(--muted);margin:0}
.footer-right{display:flex;flex-direction:column;gap:22px}

/* Store badge */
.store-badge{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 14px;border:1px solid var(--border);border-radius:12px;
  background:var(--card);text-decoration:none;color:var(--fg)
}
.store-badge .apple-mark{font-family:system-ui,-apple-system,'SF Pro',Arial; font-size:20px; line-height:1}
.store-badge .badge-text small{display:block;line-height:1;color:var(--muted)}
.store-badge .badge-text strong{line-height:1}

/* Important links */
.important-links{margin-top:20px}
.footer-pages-title{font-weight:700;margin-bottom:10px}
.footer-pages{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.footer-pages a{color:var(--link);text-decoration:none}
.footer-pages a:hover{text-decoration:underline}

/* Social icons */
.footer-social{display:flex;gap:18px;justify-content:center;margin-top:12px}
.icon{width:22px;height:22px;flex:0 0 22px} /* حجم ثابت */
.icon-link{color:var(--fg);opacity:.9}
.icon-link:hover{opacity:1}

/* Copy */
.footer-copy{margin-top:14px;color:var(--muted);font-size:.85rem;text-align:center}

/* RTL */
html[dir='rtl'] .header{flex-direction:row-reverse}
html[dir='rtl'] .footer-pages,.footer-pages-title{text-align:right}
html[dir='rtl'] .store-badge{align-self:flex-start}

/* Light theme (الافتراضي) */
body.light{
  --bg:#ffffff; --fg:#0b0c0f; --muted:#555;
  --card:#f5f5f5; --border:#ddd; --link:#0a84ff;
}