@font-face{font-family:DIN;src:url(../assets/DINNextLTArabic-Regular.ttf) format("truetype");font-display:swap;font-weight:400}@font-face{font-family:DIN;src:url(../assets/DINNextLTArabic-Bold.ttf) format("truetype");font-display:swap;font-weight:700}
:root{color-scheme:light;--ink:#173d35;--muted:#52665c;--gold:#9d742b;--line:#d6d9cc}*{box-sizing:border-box}html{background:#f3f0e6;color:var(--ink);font-family:DIN,Arial,sans-serif}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 50% 0%,#e1e7d7 0,transparent 60%)}a{color:inherit}header,footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px clamp(20px,6vw,88px)}header{border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;direction:ltr;font-weight:700}.brand img{object-fit:contain}.edition{font-size:15px;color:var(--muted)}main{max-width:1050px;margin:auto;padding:52px 24px 36px}.intro{text-align:center}.app-icon{width:100px;height:100px;object-fit:contain;border-radius:23px;box-shadow:0 12px 35px #173d3515}.eyebrow{font-size:18px;color:var(--gold);margin:24px 0 4px}h1{font-size:clamp(32px,5vw,52px);line-height:1.5;margin:0 0 8px}.lead{font-size:21px;line-height:1.8;margin:0;color:var(--muted)}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.platform{display:flex;flex-direction:column;padding:28px;background:#fffdf7;border:1px solid var(--line);border-radius:24px}.platform-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}h2{font:700 23px DIN,Arial;margin:0}.status{border:1px solid #d9c59d;background:#f7f0dd;border-radius:20px;padding:4px 12px;font-size:14px;color:#735521}.platform p{font-size:18px;line-height:1.8;color:var(--muted)}.button{margin-top:auto;display:flex;justify-content:space-between;align-items:center;min-height:54px;padding:12px 20px;border-radius:13px;background:var(--ink);color:#fffdf7;font-weight:700;text-decoration:none}.button:hover{background:#225648}.button:focus-visible,a:focus-visible{outline:3px solid #9d742b;outline-offset:4px}.pending{background:#e2e6dc;color:#5e6d62}.platform .note{font-size:14px;margin:12px 0 0}.features{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;margin-top:30px;color:var(--muted);font-size:16px}.features p{margin:4px}.support{text-align:center;color:var(--muted);font-size:15px;margin-top:32px}.support a{text-underline-offset:4px}footer{font-size:14px;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:700px){main{padding-top:32px}.downloads{grid-template-columns:1fr;gap:16px;margin-top:28px}.platform{padding:22px}.lead{font-size:19px}.eyebrow{font-size:17px}.features{flex-direction:column;align-items:center;gap:6px}footer{flex-wrap:wrap;padding:20px 24px}.edition{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.status.available{background:#e7eee3;border-color:#bdcfb4;color:#24513e}.join-steps{list-style:none;margin:0;padding:0;display:grid;gap:20px}.join-steps .button{margin:0;gap:12px;line-height:1.6}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--ink)}.button.secondary:hover{background:#e7eee3}