/* Basic styles for the monthly popup */
#pm-popup-overlay.pm-popup-hidden { display: none; }
#pm-popup-overlay { position: fixed; inset: 0; background: rgba(2,6,23,0.6); backdrop-filter: blur(4px); z-index: 99999; display:flex; align-items:center; justify-content:center; padding:1rem; }
.pm-popup-container { background:#fff; border-radius:2rem; max-width:480px; width:100%; overflow:hidden; box-shadow:0 20px 40px rgba(2,6,23,0.6); position:relative; font-family:inherit; }
.pm-popup-badge { position:absolute; top:1rem; left:1rem; background:#f6c84a; color:#111; padding:6px 12px; border-radius:999px; font-weight:800; font-size:11px; }
.pm-popup-close { position:absolute; top:0.6rem; right:0.6rem; background:transparent; border:0; font-size:24px; line-height:1; color:#475569; cursor:pointer; }
.pm-popup-hero { background:linear-gradient(135deg,#0f1724,#0b1220); color:#fff; text-align:center; padding:2.5rem 1rem; }
.pm-popup-emoji { font-size:48px; margin-bottom:8px; }
.pm-popup-title { font-size:20px; margin:0; font-weight:800; }
.pm-popup-body { padding:1.25rem; }
.pm-popup-body p { color:#475569; margin:0 0 1rem 0; }
.pm-popup-status { background:#eef2ff; border-radius:1.25rem; padding:1rem; text-align:center; }
.pm-popup-status-title { font-size:10px; color:#6366f1; font-weight:800; letter-spacing:0.1em; margin-bottom:6px; }
.pm-popup-status-value { font-size:20px; color:#4f46e5; font-weight:800; margin-bottom:8px; }
.pm-popup-action { width:100%; padding:12px 16px; background:#4f46e5; color:#fff; border:0; border-radius:1rem; font-weight:800; cursor:pointer; }
.pm-popup-foot { display:flex; justify-content:space-between; align-items:center; margin-top:1rem; font-size:11px; color:#6b7280; }
.pm-popup-legal { color:inherit; text-decoration:underline; }