:root{--primary:#0aa34f;--ink:#1b1f23;--muted:#5c6b62;--bg:#fff;--bg2:#f7fbf9}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Noto Kufi Arabic",Arial;background:var(--bg);color:var(--ink);line-height:1.65;direction:rtl}
.container{max-width:1180px;margin:auto;padding:0 18px}

/* Topbar */
.topbar{background:#fff;border-bottom:1px solid #edf3ef}
.topbar .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;color:var(--primary)}
.topbar nav a{color:#234;text-decoration:none;margin-inline:10px}
.topbar nav .cta{background:var(--primary);color:#fff;padding:8px 12px;border-radius:12px}

/* Cards, grids */
.card{background:var(--bg2);border:1px solid #e7efe9;border-radius:14px;padding:14px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.masonry{columns:3 260px;column-gap:12px}
.masonry img{width:100%;margin:0 0 12px;border-radius:12px;border:1px solid #e9f2ec}

/* Buttons */
.btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid var(--primary);color:var(--primary);text-decoration:none}
.btn.primary{background:var(--primary);color:#fff}

/* Footer */
.footer{background:#063;color:#eaffef;margin-top:30px}
.foot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px 0}

/* Responsive */
@media(max-width:900px){.grid3{grid-template-columns:1fr}}
.logo img{height:36px;vertical-align:middle;display:block}