.npcp-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.55); display: none; align-items: center; justify-content: center; z-index: 10000; }
.npcp-overlay.is-visible { display: flex; }


.npcp-modal { width: min(92vw, 720px); color: #222; border-radius: 12px; padding: 0; box-shadow: 0 20px 60px rgba(0,0,0,.3); position: relative; background: #fff; background-size: cover; background-position: center; }
.npcp-modal.has-bg { color: #fff; }
.npcp-modal__inner { padding: 20px 24px; }
.npcp-modal.has-bg .npcp-modal__inner { background: rgba(0,0,0,.45); border-radius: 12px; }


.npcp-title { margin: 0 0 8px; font-size: 1.5rem; }
.npcp-body { margin: 4px 0 16px; line-height: 1.5; }
.npcp-btn { display: inline-block; padding: 10px 16px; background: #111; color: #fff; border-radius: 8px; text-decoration: none; font-weight: 600; }
.npcp-modal.has-bg .npcp-btn { background: #fff; color: #000; }
.npcp-close { position: absolute; right: 10px; top: 8px; border: 0; background: transparent; font-size: 26px; cursor: pointer; color: currentColor; }