/* ─── Pingo shared CSS ───────────────────────────────────────────────────── */

/* Auth pages: radial glow behind the logo card */
.auth-glow::before {
  content: '';
  position: fixed;
  top: -200px; left: 50%; transform: translateX(-50%);
  width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,90,20,0.10) 0%, transparent 70%);
  pointer-events: none; z-index: 0;
}

/* Shared text input used in auth + password-reset forms */
.pg-input {
  width: 100%;
  background: #191D38;
  border: 1px solid rgba(140,155,210,0.12);
  border-radius: 0.75rem;
  color: #E4E8FF;
  font-size: 0.875rem;
  padding: 0.75rem 0.875rem;
  outline: none;
  transition: border-color .15s;
}
.pg-input::placeholder { color: #353B5A; }
.pg-input:focus        { border-color: rgba(255,90,20,0.5); }

/* Thin scrollbar on modern browsers */
::-webkit-scrollbar       { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(140,155,210,0.20); border-radius: 9px; }