:root{--site-green:#8bcf4e;--site-ink:#15271b;--site-muted:#56635b;--site-light:#f3f8ed;--site-line:#dfe8d9}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}*{box-sizing:border-box}
.site-header{position:relative;z-index:50;width:100%;border:0;border-bottom:1px solid var(--site-line);border-radius:0;background:#fff;color:var(--site-ink);padding:0;margin:0;font-family:Tajawal,Arial,sans-serif;line-height:1.5}
.site-header-inner{max-width:1240px;width:calc(100% - 64px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px}
.site-logo{flex-shrink:0;display:block}.site-logo img{display:block;width:112px;height:52px;object-fit:contain}
.site-menu{display:flex;align-items:center;gap:23px}.site-menu a{color:#314439;text-decoration:none;font-size:16px;font-weight:600;white-space:nowrap;padding-block:12px}.site-menu a:hover{color:#416f21;text-decoration:underline;text-underline-offset:7px}
.site-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.site-language{appearance:auto;max-width:128px;background:#f4f8ef;border:1px solid #cfddc5;border-radius:10px;padding:9px 10px;color:#233a24;font:600 15px Tajawal,Arial,sans-serif;cursor:pointer;min-height:42px}.site-menu-toggle{display:none;align-items:center;justify-content:center;background:#fff;color:#203b26;border:1px solid #d7e2d0;border-radius:10px;width:42px;height:42px;padding:8px;cursor:pointer}
.site-header a:focus-visible,.site-header button:focus-visible,.site-language:focus-visible{outline:3px solid #527d2e;outline-offset:4px}
.site-footer{border-top:1px solid var(--site-line);padding:36px max(24px,calc((100vw - 1120px)/2));font:16px/1.8 Tajawal,Arial,sans-serif;color:var(--site-muted);background:#fff;display:flex;justify-content:space-between;gap:28px;align-items:center;flex-wrap:wrap;margin:0}.site-footer img{max-width:100px;height:auto}.site-footer nav{display:flex;flex-wrap:wrap;gap:20px}.site-footer a{color:#355b23}.site-footer p{margin:5px 0}.site-footer>p{font-size:13px}
.home-page{font:18px/1.85 Tajawal,Arial,sans-serif;color:var(--site-ink);background:white}.home-page a{text-underline-offset:5px}.home-page h1,.home-page h2,.home-page h3{font-family:Cairo,Arial,sans-serif}.layout{max-width:1120px;width:calc(100% - 64px);margin-inline:auto}.home-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:70px;align-items:center;padding-block:64px 76px}.home-page h1{font-size:clamp(36px,4vw,56px);line-height:1.45;letter-spacing:-.7px;margin:18px 0 22px}.home-page .eyebrow{color:#4f792d;font-size:14px;letter-spacing:.3px;font-weight:700}.home-intro{color:var(--site-muted);font-size:20px;max-width:570px;margin:0 0 26px}.home-visual{min-width:0;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;background:radial-gradient(ellipse,#edf7e2 0,transparent 70%);padding:22px 5px}.home-visual img{object-fit:contain;max-width:100%;width:350px;height:auto;max-height:470px}.visual-caption{font-size:13px;color:#65705f;text-align:center;margin-top:18px}
.store-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:24px 12px}.store-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;text-decoration:none;background:#172d1d;color:#fff;padding:12px 20px;border:1px solid #172d1d;border-radius:12px;font-size:16px;font-weight:700}.store-button:hover{background:#345828}.apk-link{display:inline-block;color:#536346;font-size:14px;padding:6px 0}.home-section{padding-block:66px}.home-tint{background:var(--site-light)}.home-page h2{font-size:32px;line-height:1.6;margin:8px 0 22px}.home-page h3{font-size:21px;line-height:1.6;margin:12px 0}.section-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:70px}.section-grid p{margin-top:8px;color:var(--site-muted)}.text-link{color:#3d6229;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.feature-card{border:1px solid var(--site-line);border-radius:20px;padding:28px;background:white}.feature-card p{color:var(--site-muted);margin:0}.feature-number{font:600 15px Cairo,sans-serif;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#f1f7ea;border-radius:12px;color:#527731}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-block:28px}.steps-grid p{color:var(--site-muted)}.step-number{color:#527731;font:700 24px Cairo,sans-serif}.compact-section{text-align:center}.compact-section .store-actions{justify-content:center}.contact-links{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.contact-links a{color:#2f5820;overflow-wrap:anywhere}.home-page a:focus-visible{outline:3px solid #5f8a3c;outline-offset:5px}
/* Shared Arabic typography and logical spacing. */
html[lang=ar] body{font-family:Tajawal,Tahoma,Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:Cairo,Tahoma,Arial,sans-serif}html[dir=rtl] .legal-page ul,html[dir=rtl] .legal-page ol{padding-inline-start:24px;margin-inline:0}html[dir=rtl] .legal-page .notice{border-left-width:1px;border-right:4px solid var(--accent)}.legal-page code,.legal-page a[href^="mailto:"],.legal-page a[href^="tel:"]{direction:ltr;unicode-bidi:isolate}.legal-page{overflow-wrap:anywhere}.legal-page .site-header{margin-bottom:20px}.legal-page .wrap{max-width:1000px}
/* Campaign data stays untouched; only the surrounding interface is localized. */
body.campaigns-page{display:block;width:100%;min-width:0;padding:0 0 40px!important}.campaigns-page .phone-shell{margin:28px auto;direction:inherit}.campaigns-page .site-header{box-shadow:none}.campaigns-page .site-menu a{font-size:16px}.campaigns-page .share-fab{bottom:24px;width:62px;height:62px}.campaigns-page .donation-help{background:#f2f8ec;border:1px solid #d4e4c6;border-radius:16px;padding:20px;margin-block:16px;line-height:1.8;font-size:16px}.help-links{display:flex;flex-wrap:wrap;gap:16px}.source-language-note{font-size:13px;color:#626d60;line-height:1.7}.campaigns-page [hidden]{display:none!important}.campaigns-page .search-wrap input{font-family:inherit}.campaigns-page .info-row{column-gap:8px}.campaigns-page .info-value{text-align:end;overflow-wrap:anywhere}.campaigns-page .desc-block{text-align:start}.campaigns-page .top-icon{flex-shrink:0}html[dir=ltr] .campaigns-page #detailBackBtn svg{transform:rotate(180deg)}.campaigns-page .info-label{font-size:15px}.campaigns-page .money-rail,.campaigns-page .donation-amount{font-variant-numeric:tabular-nums}.campaigns-page .help-links a{color:#345a20}
@media(max-width:1100px){.site-header-inner{width:calc(100% - 40px);min-height:82px;gap:16px}.site-menu-toggle{display:flex}.site-menu{display:none;position:absolute;top:100%;inset-inline:0;background:#fff;border-bottom:1px solid var(--site-line);padding:16px 24px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 14px 20px #1937170b}.site-menu.is-open{display:flex}.site-menu a{padding:13px 4px;white-space:normal;border-bottom:1px solid #edf2e8}.site-controls{margin-inline-start:auto}.home-hero{gap:35px}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.layout{width:calc(100% - 40px)}.home-hero{grid-template-columns:1fr;padding-block:38px 30px;gap:12px}.home-page h1{font-size:38px;line-height:1.5}.home-intro{font-size:19px}.home-visual img{width:270px;max-height:330px}.home-section{padding-block:42px}.section-grid,.feature-grid{grid-template-columns:1fr;gap:24px}.home-page h2{font-size:27px}.feature-card{padding:24px}.site-footer{align-items:flex-start;flex-direction:column;padding:28px 20px}.site-footer nav{gap:14px}.campaigns-page .phone-shell{margin:0 auto}.campaigns-page .site-header-inner{min-height:76px}.legal-page .wrap{padding-top:20px}.legal-page .site-header-inner{width:calc(100% - 32px)}}
@media(max-width:400px){.site-header-inner{width:calc(100% - 28px);gap:8px}.site-logo img{width:88px}.site-language{max-width:110px;font-size:14px}.site-controls{gap:6px}.steps-grid{grid-template-columns:1fr}.home-page h1{font-size:33px}.store-actions{flex-direction:column}.store-button{width:100%}.home-hero{padding-top:28px}.home-visual{padding-top:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header,.site-menu,.site-footer{display:none!important}}