/* Editable Android download page: minimal, touch-first, and centered on the Yalla Nel3ab icon. */
:root { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #1d173e; background: #fffaf3; }
* { box-sizing: border-box; }
body { min-height: 100dvh; margin: 0; }
.download-page { min-height: 100dvh; position: relative; display: grid; place-items: center; overflow: hidden; padding: 24px; background: #fffaf3; }
.orb { position: absolute; border-radius: 50%; filter: blur(8px); pointer-events: none; }
.orb-a { width: 54vw; height: 54vw; top: -23vw; right: -18vw; background: rgba(255, 188, 105, .32); }
.orb-b { width: 50vw; height: 50vw; bottom: -24vw; left: -22vw; background: rgba(163, 130, 247, .24); }
.download-card { position: relative; width: min(100%, 410px); padding: 38px 27px 30px; border: 1px solid rgba(55, 37, 97, .13); border-radius: 32px; background: rgba(255,255,255,.87); box-shadow: 0 24px 60px rgba(45, 29, 78, .14); text-align: center; backdrop-filter: blur(16px); }
.badge { display: inline-block; margin: 0; padding: 7px 10px; border-radius: 999px; background: #28194d; color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.app-icon { width: 104px; height: 104px; display: block; margin: 22px auto 17px; border-radius: 24px; object-fit: cover; box-shadow: 0 13px 25px rgba(224, 82, 54, .24); }
.eyebrow { margin: 0 0 7px; color: #e05236; font-size: 11px; font-weight: 900; letter-spacing: .16em; }
h1 { margin: 0; font-size: clamp(30px, 9vw, 39px); letter-spacing: -.045em; line-height: 1; }
.summary { margin: 16px auto 25px; max-width: 310px; color: #655779; font-size: 15px; line-height: 1.55; }
.download-button { min-height: 58px; display: flex; align-items: center; justify-content: center; gap: 11px; padding: 0 20px; border-radius: 18px; background: #e95232; color: white; box-shadow: 0 8px 0 #b43620, 0 14px 23px rgba(224, 82, 54, .26); font-size: 17px; font-weight: 850; text-decoration: none; transition: transform 160ms cubic-bezier(.23,1,.32,1), box-shadow 160ms cubic-bezier(.23,1,.32,1); }
.download-button:hover { transform: translateY(-2px); }
.download-button:active { transform: translateY(5px) scale(.985); box-shadow: 0 3px 0 #b43620, 0 8px 15px rgba(224, 82, 54, .24); }
.meta { margin: 19px 0 0; color: #93869f; font-size: 12px; font-weight: 700; }
.help { margin: 22px 0 0; padding-top: 17px; border-top: 1px solid rgba(55, 37, 97, .12); color: #76698a; font-size: 12px; line-height: 1.55; }