.bgpwa-wrap{
  --bg:#090909;--gold:#e7c34e;--gold2:#b77b00;--text:#fff;
  max-width:760px;margin:24px auto;padding:24px;border:1px solid rgba(231,195,78,.4);
  border-radius:22px;background:linear-gradient(145deg,#171717,#050505);color:var(--text);
  box-shadow:0 18px 45px rgba(0,0,0,.35);font-family:Arial,sans-serif
}
.bgpwa-head{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.bgpwa-main-logo{width:76px;height:76px;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.bgpwa-head h2{margin:0 0 5px;color:var(--gold);font-size:clamp(23px,4vw,34px)}
.bgpwa-head p{margin:0;color:#d7d7d7;line-height:1.4}
.bgpwa-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bgpwa-store{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;
  border:1px solid rgba(231,195,78,.45);border-radius:14px;cursor:pointer;color:#fff;
  background:linear-gradient(180deg,#242424,#101010);transition:transform .2s,box-shadow .2s,border-color .2s}
.bgpwa-store:hover,.bgpwa-store:focus{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.bgpwa-store small,.bgpwa-store strong{display:block;text-align:left}
.bgpwa-store small{font-size:12px;color:#cfcfcf;margin-bottom:2px}
.bgpwa-store strong{font-size:18px}
.bgpwa-os-icon{width:34px;height:34px;display:grid;place-items:center}
.bgpwa-os-icon svg{width:31px;height:31px;fill:var(--gold)}
.bgpwa-status{min-height:20px;margin:14px 0 0;text-align:center;color:#f4dd83;font-size:14px}
.bgpwa-modal[hidden]{display:none}
.bgpwa-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px}
.bgpwa-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}
.bgpwa-dialog{position:relative;width:min(440px,100%);border:1px solid rgba(231,195,78,.5);border-radius:22px;
  padding:28px;background:linear-gradient(145deg,#191919,#050505);color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.6);
  font-family:Arial,sans-serif}
.bgpwa-close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:#fff;font-size:32px;cursor:pointer}
.bgpwa-modal-logo{display:block;width:84px;height:84px;border-radius:20px;margin:0 auto 14px}
.bgpwa-dialog h3{text-align:center;color:var(--gold,#e7c34e);margin:0 0 18px;font-size:24px}
.bgpwa-dialog ol{padding-left:22px;margin:0}.bgpwa-dialog li{margin:12px 0;line-height:1.45}
.bgpwa-share{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #e7c34e;border-radius:7px;color:#e7c34e}
.bgpwa-ios-note{text-align:center;color:#cfcfcf;font-size:13px}
.bgpwa-done{display:block;width:100%;padding:13px 18px;border:0;border-radius:12px;font-weight:800;cursor:pointer;
  background:linear-gradient(135deg,#fff1a8,#d49b00);color:#111}
html.bgpwa-lock,html.bgpwa-lock body{overflow:hidden}
@media(max-width:600px){
  .bgpwa-wrap{padding:18px;border-radius:18px}
  .bgpwa-buttons{grid-template-columns:1fr}
  .bgpwa-head{align-items:flex-start}.bgpwa-main-logo{width:66px;height:66px}
}