:root{
  --agp-bg:#0b0b0f;
  --agp-card:#0f0f15;
  --agp-text:#ffffff;
  --agp-muted:#b7b7c2;
  --agp-pink-1:#ff2bd1;
  --agp-pink-2:#ff00b8;
  --agp-radius:9999px;
  --agp-shadow:0 10px 30px rgba(255, 0, 184, 0.25);
}

#agp-overlay{
  position:fixed; inset:0; z-index:999999;
  background:rgba(5,5,8,.92);
  display:flex; align-items:center; justify-content:center;
  backdrop-filter:saturate(140%) blur(6px);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji","Segoe UI Emoji";
}
.agp-card{
  width:min(92vw,720px);
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.00)) , var(--agp-card);
  border:1px solid rgba(255,255,255,.06);
  border-radius:28px;
  padding:32px 28px 26px;
  color:var(--agp-text);
  text-align:center;
  box-shadow:0 20px 60px rgba(0,0,0,.55);
}

.agp-title{
  font-size:30px; margin:8px 0 6px; letter-spacing:2.2px; font-weight:800;
}
.agp-sub{
  margin:0 0 22px; color:var(--agp-muted); line-height:1.5;
}

.agp-actions{ display:flex; gap:14px; flex-wrap:wrap; justify-content:center; }

.agp-btn{
  border:none; cursor:pointer; font-weight:800; letter-spacing:2px;
  padding:18px 28px; border-radius:var(--agp-radius); text-transform:uppercase;
  transition:transform .12s ease, box-shadow .12s ease, opacity .12s ease;
  font-size:14px;
}
.agp-btn-primary{
  color:#fff;
  background:linear-gradient(90deg,var(--agp-pink-1),var(--agp-pink-2));
  box-shadow:var(--agp-shadow);
}
.agp-btn-primary:hover{ transform:translateY(-1px); }
.agp-btn-ghost{
  background:transparent; color:#cfcfe6; border:1px solid rgba(255,255,255,.12);
}
.agp-btn-ghost:hover{ opacity:.9; }

.agp-arrow{ margin-left:10px; font-weight:900; }

.agp-note{ display:block; margin-top:16px; color:#8a8aa2; }

html.agp-locked, body.agp-locked{ overflow:hidden; }