#appDownloadModal .modal-dialog { max-width: 460px; }
#appDownloadModal .modal-content { position: relative; overflow: hidden; border: 1px solid #3b4149; border-radius: 22px; background: #21262c; color: #f5f7fa; box-shadow: 0 18px 60px rgb(0 0 0 / 24%); }
#appDownloadModal .modal-body { padding: 0; min-height: 0; overflow-y: auto; }
#appDownloadModal .app-download-close { position: absolute; top: 12px; right: 12px; z-index: 5; padding: 10px; border-radius: 50%; background-color: #fff; opacity: .85; box-shadow: 0 2px 10px rgb(0 0 0 / 8%); }
.app-download-showcase { position: relative; height: 202px; overflow: hidden; background: radial-gradient(ellipse at 50% 85%, #f8dcd4 0, #f7ece3 50%, #faf7f2 100%); }
.app-showcase-orbit { position: absolute; left: calc(50% - 130px); top: 26px; width: 260px; height: 260px; border: 1px solid #dfb0a3; border-radius: 50%; }
.app-preview-phone { position: absolute; display: block; width: 108px; height: auto; border: 4px solid #202329; border-radius: 19px; box-shadow: 0 8px 18px rgb(42 27 30 / 24%); }
.app-preview-menu { z-index: 3; width: 118px; top: 15px; left: calc(50% - 59px); transform: rotate(-3deg); }
.app-preview-points { z-index: 1; top: 42px; left: calc(50% - 153px); transform: rotate(-13deg); }
.app-preview-games { z-index: 2; top: 38px; left: calc(50% + 44px); transform: rotate(12deg); }
.app-download-showcase::after { content: ''; position: absolute; inset: auto 0 0; z-index: 4; height: 38px; background: linear-gradient(transparent, rgb(33 38 44 / 16%)); }
.app-download-copy { padding: 20px 22px 6px; }
.app-download-eyebrow { display: block; margin-bottom: 7px; color: #ec9daa; font-size: .65rem; font-weight: 750; letter-spacing: .12em; }
#appDownloadTitle { margin: 0 0 8px; font-size: 1.45rem; font-weight: 750; line-height: 1.2; }
#appDownloadDescription { margin: 0 0 18px; color: #bdc6d1; font-size: .85rem; line-height: 1.5; }
.app-download-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 14px; padding: 0; margin: 0; list-style: none; }
.app-download-benefits li { display: flex; align-items: flex-start; gap: 8px; min-width: 0; }
.app-download-benefits i { flex: 0 0 26px; display: grid; place-items: center; width: 26px; height: 28px; border-radius: 8px; background: #303c4a; color: #b7cce4; font-size: .78rem; }
.app-download-benefits strong { display: block; font-size: .75rem; font-weight: 650; line-height: 1.35; }
.app-download-benefits span { display: block; margin-top: 3px; color: #b4bdc9; font-size: .68rem; line-height: 1.45; }
.app-download-actions { flex: 0 0 auto; padding: 18px 22px 16px; background: #21262c; }
#appDownloadModal .btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 48px; border-radius: 12px; font-size: .9rem; font-weight: 650; }
#appDownloadModal .app-download-primary { border: 1px solid #6582a5; background: #536f94; color: #fff; }
#appDownloadModal .app-download-primary:hover { background: #607da3; }
#appDownloadModal .app-download-secondary { min-height: 40px; margin-top: 8px; border: 1px solid #414b58; background: transparent; color: #d8dfe8; }
#appDownloadModal .app-download-secondary:hover { background: #2d343e; }
#appDownloadModal .btn:focus-visible { outline: 2px solid #a7bdd8; outline-offset: 3px; }
@media (max-height: 700px) {
  .app-download-showcase { height: 160px; }
  .app-download-copy { padding-top: 16px; }
}
@media (max-width: 359.98px) {
  .app-download-copy { padding-inline: 16px; }
  .app-download-actions { padding-inline: 16px; }
  .app-download-benefits { gap: 12px 10px; }
}