#pds-popup { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center;
  background: rgba(0,0,0,.55); z-index: 9999; }
#pds-popup.pds-hidden { display: none; }
.pds-card { background: var(--pds-bg); color: var(--pds-tc); border: 2px solid var(--pds-border);
  border-radius: var(--pds-radius); max-width: 520px; width: 92%; padding: 20px; position: relative; }
.pds-shadow { box-shadow: 0 14px 38px rgba(0,0,0,.5); }
.pds-logo img { max-height: 48px; margin-bottom: 10px; }
.pds-title { margin: 6px 0 8px; font-size: 22px; line-height: 1.2; }
.pds-text { margin: 0 0 12px; opacity: .9; }
#pds-form { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; }
#pds-email { padding: 10px; border-radius: 10px; border: 1px solid var(--pds-border); background: #111; color: var(--pds-tc); }
.pds-btn { padding: 10px 14px; border-radius: 10px; border: 1px solid var(--pds-border); background: transparent; color: var(--pds-tc); cursor: pointer; }
.pds-btn:hover { filter: brightness(1.1); }
.pds-msg { margin: 8px 0 0; grid-column: 1 / -1; font-size: 13px; }
.pds-legal { margin: 8px 0 0; grid-column: 1 / -1; font-size: 12px; opacity: .7; }
.pds-close { position:absolute; top:6px; right:10px; background:transparent; border:0; color:var(--pds-tc); font-size:28px; cursor:pointer; }
@media (max-width: 420px) { .pds-title { font-size:19px } }