body[data-theme="light"] .pp-card{
    background:linear-gradient(180deg, rgba(232, 247, 246, 0.95), rgba(239, 242, 239, 0.95));
    border: 1px solid red;
}
body[data-theme="light"] .pp-card p,
body[data-theme="light"] .pp-card li{
    color: black;
}
body[data-theme="light"] .pp-card h2{
    color: red;
}
.pp-wrap{
  min-height:100vh;
  padding:60px 16px;
  background:
    radial-gradient(1200px 400px at 10% -10%, rgba(0,234,255,.12), transparent 40%),
    radial-gradient(800px 300px at 90% 0%, rgba(255,43,43,.12), transparent 45%),
    var(--bg);
  color:#cfe9ff;
}

.pp-card{
  max-width:1100px;
  margin:0 auto;
  padding:28px 22px;
   background:linear-gradient(180deg, rgba(34, 1, 1, 0.95), rgba(0, 3, 14, 0.95));
  border:1px solid rgba(0,234,255,.25);
  border-radius:14px;
  box-shadow:0 0 30px rgba(0,234,255,.12), inset 0 0 24px rgba(255,43,43,.08);
  position:relative;
  overflow:hidden;
}

/* Scanline effect */
.pp-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      180deg,
      rgba(0,234,255,.06) 0px,
      rgba(0,234,255,.06) 1px,
      transparent 1px,
      transparent 3px
    );
  pointer-events:none;
  opacity:.25;
}

/* Corner dots */
.corner{
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background: radial-gradient(circle, #00eaff 0%, #00eaff 40%, rgba(0,234,255,.15) 60%, transparent 70%);
  box-shadow: 0 0 10px rgba(0,234,255,.9), 0 0 18px rgba(0,234,255,.6);
  animation: dotPulse 2.4s ease-in-out infinite;
}
.corner.tl{ top:10px; left:10px; }
.corner.tr{ top:10px; right:10px; }
.corner.bl{ bottom:10px; left:10px; }
.corner.br{ bottom:10px; right:10px; }

@keyframes dotPulse{
  0%,100%{ opacity:.6; transform:scale(1); }
  50%{ opacity:1; transform:scale(1.25); }
}

.pp-badge{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(0,234,255,.12);
  border:1px solid rgba(0,234,255,.35);
  color:var(--cyan);
  font-size:.75rem;
  letter-spacing:1px;
  margin-bottom:10px;
  box-shadow:var(--glowC);
}

.pp-card h1{
  font-size:2rem;
  letter-spacing:2px;
  color:var(--cyan);
  text-shadow:var(--glowC);
  margin-bottom:10px;
}

.pp-subtitle{
  color:var(--muted);
  margin-bottom:24px;
  font-size:.95rem;
}

.pp-card h2{
  margin-top:26px;
  margin-bottom:8px;
  font-size:1.1rem;
  letter-spacing:1px;
  color:#e2f013;
  text-shadow:var(--glowR);
}

.pp-card p,
.pp-card li{
    font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-size:.95rem;
  line-height:1.7;
  color:#cfe9ff;
}

.pp-card ul{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  margin-left:18px;
  margin-top:6px;
}

.pp-footer-note{
  margin-top:30px;
  padding-top:16px;
  border-top:1px dashed rgba(0,234,255,.25);
  color:var(--muted);
  font-size:.85rem;
}