@font-face {
  font-family: "DIN Next LT Arabic";
  src: url("../assets/fonts/DINNextLTArabic-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "DIN Next LT Arabic";
  src: url("../assets/fonts/DINNextLTArabic-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root { color-scheme: light; --ink:#101826; --muted:#657080; --paper:#f4f2ed; --card:#fffdf8; --bronze:#a8663d; --line:rgba(168,102,61,.28); }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; font-family:"DIN Next LT Arabic",Arial,sans-serif; color:var(--ink); background:radial-gradient(circle at 15% 10%,#fff 0,transparent 38%),var(--paper); }
.download-page { width:min(100% - 32px,760px); min-height:100vh; margin:0 auto; padding:max(28px,env(safe-area-inset-top)) 0 max(28px,env(safe-area-inset-bottom)); display:grid; align-content:center; gap:24px; }
.download-brand { display:flex; align-items:center; justify-content:center; gap:12px; color:inherit; text-decoration:none; font-size:1.2rem; font-weight:700; }
.download-brand img { width:54px; height:auto; }
.download-card { padding:clamp(28px,7vw,58px); text-align:center; background:var(--card); border:1px solid var(--line); border-radius:28px; box-shadow:0 24px 80px rgba(16,24,38,.09); }
.download-kicker { margin:0 0 18px; color:var(--bronze); font-size:.72rem; font-weight:700; letter-spacing:.14em; }
h1 { margin:0; font-size:clamp(2rem,8vw,3.4rem); line-height:1.2; }
#download-message { margin:18px auto 0; max-width:520px; color:var(--muted); line-height:1.8; }
.download-actions { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:32px; }
.download-button { display:grid; gap:4px; padding:17px 20px; color:var(--ink); text-decoration:none; border:1px solid var(--line); border-radius:16px; background:#fff; }
.download-button--primary { color:#fff; background:var(--ink); border-color:var(--ink); }
.download-button span { font-size:.72rem; opacity:.7; }
.download-button strong { font-size:1rem; }
.download-button:focus-visible { outline:3px solid rgba(168,102,61,.35); outline-offset:3px; }
.download-help { margin:24px auto 0; color:var(--muted); font-size:.84rem; line-height:1.8; }
.download-help a { color:var(--bronze); font-weight:700; }
.download-meta { margin:10px 0 0; color:var(--muted); font-size:.74rem; }
@media (max-width:560px) { .download-actions { grid-template-columns:1fr; } .download-card { border-radius:22px; } }