:root{--blue:#0a3d5c;--blue-2:#0f5a86;--teal:#12806f;--gold:#d4af37;--bg:#f4f7f8;--card:#fff;--text:#1c2b33;--muted:#5b6b73;--radius:18px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Cairo,system-ui,-apple-system,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}img{display:block}.page{flex-direction:column;min-height:100vh;display:flex}.nav{background:var(--blue);color:#fff;z-index:10;justify-content:space-between;align-items:center;padding:16px clamp(16px,5vw,60px);display:flex;position:sticky;top:0}.brand{color:#fff;align-items:center;gap:12px;font-size:1.15rem;font-weight:800;display:flex}.brand img{border-radius:11px;width:42px;height:42px}.nav-links{gap:22px;font-weight:600;display:flex}.nav-links a{color:#dfeaf0;transition:color .2s}.nav-links a:hover{color:var(--gold)}.hero{background:linear-gradient(135deg, var(--blue) 0%, var(--blue-2) 60%, var(--teal) 130%);color:#fff;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding:clamp(40px,8vw,90px) clamp(16px,5vw,60px);display:grid}.hero-text h1{margin-bottom:18px;font-size:clamp(2rem,5vw,3.4rem);font-weight:800}.tagline{color:#e6eff4;max-width:560px;margin-bottom:28px;font-size:clamp(1.05rem,2.2vw,1.4rem)}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.offline-badge{color:#cfe6df;font-size:.95rem;font-weight:600}.hero-art{justify-content:center;display:flex}.hero-art img{border-radius:32px;width:min(280px,70vw);height:auto;box-shadow:0 24px 60px #00000059}.btn{border-radius:999px;padding:12px 26px;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s;display:inline-block}.btn-primary{background:var(--gold);color:#3a2c00;box-shadow:0 10px 24px #d4af3759}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{color:#fff;background:#ffffff1f;border:1px solid #fff6}.btn-ghost:hover{background:#ffffff38}.features{width:100%;max-width:1100px;margin:0 auto;padding:clamp(48px,8vw,90px) clamp(16px,5vw,60px)}.features h2,.download h2{text-align:center;color:var(--blue);margin-bottom:40px;font-size:clamp(1.6rem,4vw,2.3rem);font-weight:800}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;display:grid}.card{background:var(--card);border-radius:var(--radius);border:1px solid #e7eef1;padding:28px 24px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 24px #0a3d5c12}.card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #0a3d5c21}.card-icon{margin-bottom:12px;font-size:2.2rem}.card h3{color:var(--blue);margin-bottom:8px;font-size:1.25rem}.card p{color:var(--muted)}.download{text-align:center;background:linear-gradient(135deg,#eef4f6,#e2edf0);padding:clamp(40px,7vw,80px) 20px}.download p{color:var(--muted);margin-bottom:24px}.footer{background:var(--blue);color:#cfe0e9;text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:auto;padding:28px 20px;display:flex}.footer nav{gap:20px;display:flex}.footer a:hover{color:var(--gold)}.policy{width:100%;max-width:820px;margin:0 auto;padding:clamp(30px,6vw,60px) clamp(16px,5vw,40px)}.policy h1{color:var(--blue);margin-bottom:6px;font-size:clamp(1.8rem,5vw,2.6rem)}.policy-date{color:var(--muted);margin-bottom:26px;font-weight:600}.policy>p{color:#2a3b44;margin-bottom:22px}.policy-section{margin-bottom:26px}.policy-section h2{color:var(--teal);margin-bottom:10px;font-size:1.3rem}.policy-section ul{color:#2a3b44;padding-inline-start:22px}.policy-section li{margin-bottom:6px}.policy-section a{color:var(--blue-2);font-weight:700}.policy-section.highlight{border:1px solid #e7eef1;border-inline-start:5px solid var(--gold);background:#fff;border-radius:14px;padding:22px 24px}.policy-back{margin-top:34px}.policy-back a{color:var(--blue-2);font-weight:700}@media (width<=760px){.hero{text-align:center;grid-template-columns:1fr}.hero-actions{justify-content:center}.hero-art{order:-1}.nav-links{gap:14px;font-size:.9rem}}