*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:#f9fafb;background:#050b20;justify-content:center;align-items:center;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.page{width:100%;max-width:480px;padding:16px}.card{background:#fff;border:1px solid #94a3b866;border-radius:22px;width:100%;padding:20px 18px 18px;box-shadow:0 18px 45px #0009}.logoBox{justify-content:center;margin-bottom:10px;display:flex}.logo{object-fit:cover;border-radius:18px;width:90px;height:90px}.appTitle{text-align:center;color:#05113b;margin:0 0 4px;font-size:22px;font-weight:800}.appIntro{text-align:center;color:#797d8d;direction:rtl;margin:0 0 14px;font-size:14px;line-height:1.7}.downloadBtn{text-align:center;color:#fff;cursor:pointer;direction:rtl;background:#f5b400;border:none;border-radius:999px;width:100%;padding:12px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:block;box-shadow:0 12px 30px #ebdb52b3}.downloadBtn:hover{background:#dfa300;transform:translateY(-1px);box-shadow:0 16px 36px #ebdb52b3}.downloadBtn:active{transform:translateY(0);box-shadow:0 10px 24px #ebdb52b3}.noteText{color:#9ca3af;text-align:center;margin-top:6px;font-size:11px}.sliderSection{margin-top:18px}.sectionTitle{color:#929394;text-align:center;margin:0 0 8px;font-size:15px;font-weight:600}.thumbStrip{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.thumbStrip::-webkit-scrollbar{height:4px}.thumbStrip::-webkit-scrollbar-thumb{background:#94a3b8b3;border-radius:999px}.thumbBtn{background:0 0;border:none;flex:none;padding:0}.thumbImg{object-fit:cover;border:1px solid #94a3b899;border-radius:12px;width:90px;height:180px;box-shadow:0 6px 18px #00000080}.bottomText{color:#2c3550;text-align:center;direction:rtl;margin:16px 0 0;font-size:13px;line-height:1.6}.footer{color:#818997;text-align:center;margin-top:14px;font-size:11px}.lightbox{z-index:50;background:#9aa3b8bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.lightboxInner{width:100%;max-width:420px;position:relative}.lightboxImg{border-radius:16px;width:100%;box-shadow:0 18px 45px #000c}.lightboxClose{color:#e5e7eb;cursor:pointer;background:#0f172a;border:none;border-radius:999px;width:28px;height:28px;font-size:15px;position:absolute;top:-10px;left:-10px}