.install-app-overlay[hidden]{display:none}
.install-app-overlay{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(8,15,32,.82);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:installOverlayIn .2s ease-out}
.install-app-card{position:relative;width:min(460px,100%);padding:34px 30px 26px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(160deg,#fff 0%,#f8faff 100%);box-shadow:0 30px 90px rgba(0,0,0,.42);color:#172033;text-align:center;animation:installCardIn .25s ease-out}
.install-app-close{position:absolute;top:14px;right:15px;width:36px;height:36px;border:0;border-radius:50%;background:#eef2ff;color:#46516a;font-size:24px;line-height:1;cursor:pointer}
.install-app-close:hover{background:#e0e7ff;color:#1e293b}
.install-app-pointer{position:absolute;right:32px;top:-64px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.install-app-pointer .material-symbols-outlined{font-size:34px;animation:installArrow 1.1s ease-in-out infinite}
.install-app-icon{width:76px;height:76px;border-radius:19px;box-shadow:0 10px 25px rgba(42,62,126,.2)}
.install-app-eyebrow{display:block;margin-top:15px;color:#4f46e5;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.install-app-card h2{margin:7px 0 9px;color:#101828;font-size:26px;line-height:1.15;letter-spacing:-.02em}
.install-app-lead{margin:0 auto 20px;max-width:380px;color:#536078;font-size:15px;line-height:1.55}
.install-app-steps{display:grid;gap:9px;margin:0 0 20px;text-align:left}
.install-app-steps[hidden]{display:none}
.install-app-steps div{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid #e3e8f3;border-radius:12px;background:#fff;color:#344054;font-size:13.5px;line-height:1.35}
.install-app-steps strong{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:#eef2ff;color:#4338ca;font-size:12px}
.install-app-actions{display:flex;flex-direction:column;gap:8px}
.install-app-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:11px 20px;border:0;border-radius:13px;background:linear-gradient(135deg,#4f46e5,#3730a3);box-shadow:0 9px 20px rgba(79,70,229,.28);color:#fff;font-size:15px;font-weight:800;cursor:pointer}
.install-app-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
.install-app-primary:disabled{cursor:wait;opacity:.7}
.install-app-later{align-self:center;padding:7px 12px;border:0;background:transparent;color:#667085;font-size:13px;font-weight:700;cursor:pointer}
.install-app-card small{display:block;margin-top:13px;color:#7a8699;font-size:11.5px;line-height:1.4}
@keyframes installOverlayIn{from{opacity:0}to{opacity:1}}
@keyframes installCardIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes installArrow{0%,100%{transform:translateY(4px)}50%{transform:translateY(-3px)}}
@media(max-width:640px){.install-app-overlay{align-items:flex-end;padding:12px}.install-app-card{padding:30px 20px 22px;border-radius:22px}.install-app-card h2{font-size:23px}.install-app-pointer{right:24px;top:-58px}.install-app-icon{width:68px;height:68px}}
@media(prefers-reduced-motion:reduce){.install-app-overlay,.install-app-card,.install-app-pointer .material-symbols-outlined{animation:none}}