#agpOverlay{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,var(--agpOverlayOpacity, .35));
  z-index:999999;
  padding:24px;

  opacity:0;
  transition: opacity var(--agpSpeed, 260ms) ease;
}

#agpOverlay.agp-open{
  opacity:1;
}

#agpModal{
  width:min(var(--agpWidth, 560px), 92vw);
  background:var(--agpModalBg, #ffffff);
  border-radius:var(--agpRadius, 6px);
  box-shadow:0 20px 60px rgba(0,0,0,.25);
  padding:28px 28px 22px;
  text-align:center;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  transform: translateY(0) scale(1);
  opacity:1;
  transition: transform var(--agpSpeed, 260ms) ease, opacity var(--agpSpeed, 260ms) ease;
}

.agpLogo img{
  max-width:230px;
  height:auto;
  display:block;
  margin:0 auto 14px;
}

.agpPolicy{
  margin:0 0 18px;
  color:#666;
  font-size:14px;
  line-height:1.35;
}
.agpLink{ color:var(--agpPrimary, #1a73e8); text-decoration:none; }
.agpLink:hover{ text-decoration:underline; }
.agpAnd{ margin:0 6px; color:#666; }

#agpTitle{
  font-size:28px;
  margin:10px 0 18px;
  color:#333;
  font-weight:800;
}

.agpBtns{
  display:flex;
  gap:14px;
  justify-content:center;
  margin:0 0 14px;
}

#agpYes, #agpNo{
  width:180px;
  height:44px;
  border-radius:4px;
  font-weight:700;
  border:2px solid var(--agpPrimary, #1a73e8);
  cursor:pointer;
}

#agpYes{
  background:var(--agpPrimary, #1a73e8);
  color:#fff;
}

#agpNo{
  background:#fff;
  color:var(--agpPrimary, #1a73e8);
}

.agpRemember{
  /* exactly like screenshot: left-aligned block inside popup */
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;

  margin: 10px auto 0;
  width: min(420px, 92%);

  font-size: 13px;
  color: var(--agpRememberColor, #555555);
  line-height: 1.35;
  text-align: left;
}

.agpRemember input{
  flex: 0 0 auto;
  margin: 2px 10px 0 0; /* pushes checkbox slightly down */
  transform: none;
}

.agpRememberText{
  display:block;
  flex: 1 1 auto;
  min-width: 0; /* IMPORTANT for clean wrapping */
}






.agpNoMsg{
  margin-top:12px;
  font-size:13px;
  color:#b00020;
}

/* ===== Animations ===== */

/* Initial hidden state when display becomes flex */
#agpOverlay.agp-anim-fade #agpModal{
  transform:none;
  opacity:1;
}
#agpOverlay.agp-anim-fade.agp-opening #agpModal{
  opacity:0;
}
#agpOverlay.agp-anim-fade.agp-open #agpModal{
  opacity:1;
}

/* Fade + Zoom */
#agpOverlay.agp-anim-fade_zoom.agp-opening #agpModal{
  opacity:0;
  transform:scale(.96);
}
#agpOverlay.agp-anim-fade_zoom.agp-open #agpModal{
  opacity:1;
  transform:scale(1);
}

/* Slide Up */
#agpOverlay.agp-anim-slide_up.agp-opening #agpModal{
  opacity:0;
  transform:translateY(18px);
}
#agpOverlay.agp-anim-slide_up.agp-open #agpModal{
  opacity:1;
  transform:translateY(0);
}

/* Closing state (shared) */
#agpOverlay.agp-closing{
  opacity:0;
}
#agpOverlay.agp-closing #agpModal{
  opacity:0;
  transform:translateY(12px) scale(.98);
}