#bm-app-popup {
    display:none; position:fixed; inset:0; z-index:999999;
    background:rgba(6,12,28,.82); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
    align-items:center; justify-content:center; padding:20px;
    font-family:'Syne',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;
}
#bm-app-popup.bm-visible { display:flex; animation:bm-fade-in .45s cubic-bezier(.22,1,.36,1) forwards; }
@keyframes bm-fade-in { from{opacity:0} to{opacity:1} }
#bm-app-card { position:relative; width:100%; max-width:480px; background:#0A1628; border-radius:28px; overflow:hidden; box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 0 1px rgba(81,125,252,.2); animation:bm-card-in .5s cubic-bezier(.34,1.4,.64,1) .05s both; }
@keyframes bm-card-in { from{transform:translateY(40px) scale(.95);opacity:0} to{transform:translateY(0) scale(1);opacity:1} }
#bm-app-hero { position:relative; padding:40px 36px 0; background:linear-gradient(145deg,#0f1f3d 0%,#0A1628 60%,#0d1a2e 100%); overflow:hidden; }
#bm-app-hero::before { content:''; position:absolute; top:-60px; right:-60px; width:260px; height:260px; background:radial-gradient(circle,rgba(81,125,252,.22) 0%,transparent 70%); pointer-events:none; }
#bm-app-hero::after  { content:''; position:absolute; bottom:0; left:-40px; width:180px; height:180px; background:radial-gradient(circle,rgba(81,125,252,.1) 0%,transparent 70%); pointer-events:none; }
#bm-app-brand { display:flex; align-items:center; gap:12px; margin-bottom:28px; }
#bm-app-logo { width:54px; height:54px; border-radius:14px; background:linear-gradient(135deg,#FF6B35,#e04e1f); display:flex; align-items:center; justify-content:center; font-size:26px; box-shadow:0 8px 24px rgba(255,107,53,.35); flex-shrink:0; }
#bm-app-brand-name { font-size:22px; font-weight:800; color:#fff; line-height:1; letter-spacing:-.5px; }
#bm-app-brand-sub  { font-size:12px; color:rgba(255,255,255,.45); margin-top:3px; font-weight:500; }
#bm-app-headline { font-size:30px; font-weight:800; color:#fff; line-height:1.15; letter-spacing:-.8px; margin-bottom:10px; position:relative; z-index:1; }
#bm-app-headline em { font-style:normal; background:linear-gradient(90deg,rgb(81,125,252),#7fa4ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
#bm-app-sub { font-size:14px; color:rgba(255,255,255,.55); line-height:1.5; margin-bottom:32px; position:relative; z-index:1; font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif; }
#bm-app-benefits { padding:24px 36px 20px; background:#0A1628; display:flex; flex-direction:column; gap:13px; }
.bm-benefit { display:flex; align-items:center; gap:13px; }
.bm-benefit-icon { width:36px; height:36px; background:rgba(255,107,53,.12); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:17px; flex-shrink:0; border:1px solid rgba(255,107,53,.18); }
.bm-benefit-text { font-size:13px; color:rgba(255,255,255,.78); line-height:1.4; font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif; }
.bm-benefit-text strong { color:#fff; font-weight:700; }
#bm-app-divider { height:1px; background:linear-gradient(90deg,transparent,rgba(81,125,252,.3),transparent); margin:0 36px; }
#bm-app-cta { padding:20px 36px 10px; display:flex; flex-direction:column; gap:10px; }
.bm-store-btn { display:flex; align-items:center; justify-content:center; gap:10px; padding:14px 20px; border-radius:14px; text-decoration:none; font-weight:700; font-size:15px; transition:transform .15s,box-shadow .15s; letter-spacing:-.2px; }
.bm-store-btn:hover { transform:translateY(-2px); text-decoration:none; }
.bm-store-btn:active { transform:scale(.97); }
.bm-btn-ios { background:#fff; color:#0A1628; box-shadow:0 8px 24px rgba(255,255,255,.12); }
.bm-btn-ios:hover { box-shadow:0 12px 32px rgba(255,255,255,.2); color:#0A1628; }
.bm-btn-android { background:linear-gradient(135deg,#FF6B35,#e04e1f); color:#fff; box-shadow:0 8px 24px rgba(255,107,53,.3); }
.bm-btn-android:hover { box-shadow:0 12px 32px rgba(255,107,53,.45); color:#fff; }
.bm-store-btn svg { width:22px; height:22px; flex-shrink:0; }
.bm-store-btn-label { display:flex; flex-direction:column; text-align:left; }
.bm-store-btn-small { font-size:10px; font-weight:500; opacity:.65; line-height:1; }
.bm-store-btn-big   { font-size:15px; font-weight:800; line-height:1.3; }
#bm-app-dismiss { text-align:center; padding:14px 36px 28px; }
#bm-app-dismiss button { background:none; border:none; color:rgba(255,255,255,.35); font-size:13px; cursor:pointer; padding:6px 12px; border-radius:8px; font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif; transition:color .15s,background .15s; }
#bm-app-dismiss button:hover { color:rgba(255,255,255,.65); background:rgba(255,255,255,.06); }
#bm-app-close { position:absolute; top:16px; right:16px; width:32px; height:32px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.5); font-size:16px; transition:background .15s,color .15s; z-index:10; }
#bm-app-close:hover { background:rgba(81,125,252,.2); color:rgb(81,125,252); border-color:rgba(81,125,252,.3); }
@media (max-width:520px) {
    #bm-app-card { border-radius:22px; }
    #bm-app-hero { padding:32px 24px 0; }
    #bm-app-headline { font-size:24px; }
    #bm-app-benefits { padding:20px 24px 16px; }
    #bm-app-divider { margin:0 24px; }
    #bm-app-cta { padding:18px 24px 8px; }
    #bm-app-dismiss { padding:12px 24px 24px; }
}