#pg-overlay {
  position: fixed; inset: 0; z-index: 9999;
  background: #f4f7fb;
  display: flex; align-items: center; justify-content: center;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
}
#pg-overlay.pg-hidden { display: none; }

.pg-box {
  background: #fff;
  border: 1px solid #dbe4ef;
  border-radius: 20px;
  padding: 44px 40px 36px;
  width: 100%; max-width: 380px;
  box-shadow: 0 18px 45px rgba(15,23,42,0.10);
  display: flex; flex-direction: column; align-items: center; gap: 0;
}

.pg-logo {
  width: 52px; height: 52px; border-radius: 14px;
  background: #062b55;
  display: grid; place-items: center;
  margin-bottom: 20px;
}
.pg-logo svg { display: block; }

.pg-title {
  font-size: 18px; font-weight: 800;
  color: #062b55; margin-bottom: 4px; text-align: center;
}
.pg-sub {
  font-size: 13.5px; color: #64748b;
  text-align: center; margin-bottom: 24px; line-height: 1.5;
}

.pg-field {
  width: 100%; display: flex; flex-direction: column; gap: 6px;
  margin-bottom: 12px;
}
.pg-field label {
  font-size: 12.5px; font-weight: 600; color: #374151;
}
.pg-field input {
  width: 100%; padding: 11px 14px;
  border: 1px solid #dbe4ef; border-radius: 10px;
  font-size: 14px; font-family: inherit; color: #172033;
  outline: none; transition: border-color .15s;
  box-sizing: border-box;
}
.pg-field input:focus { border-color: #062b55; }

.pg-error {
  font-size: 12.5px; color: #dc2626;
  min-height: 16px; margin-bottom: 14px; text-align: center;
}

.pg-btn {
  width: 100%; padding: 12px;
  background: #062b55; color: #fff;
  border: 0; border-radius: 10px;
  font-size: 14px; font-weight: 800; font-family: inherit;
  cursor: pointer; transition: background .15s;
}
.pg-btn:hover { background: #0b3b73; }