/* ==========================================================
   GLASS SPLIT (PRO)
   - Frosted glass cards per paragraph
   - Alternating soft neon glows per card
========================================================== */

@keyframes glassSplitEdgeGlow {
  0%   { box-shadow: inset 0 0 30px rgba(255,255,255,0.12), 0 0 20px var(--ulse-glow, rgba(0,200,255,0.35)), 0 0 40px rgba(0,0,0,0.12); }
  50%  { box-shadow: inset 0 0 34px rgba(255,255,255,0.16), 0 0 28px var(--ulse-glow, rgba(0,220,255,0.4)), 0 0 50px rgba(0,0,0,0.16); }
  100% { box-shadow: inset 0 0 30px rgba(255,255,255,0.12), 0 0 20px var(--ulse-glow, rgba(0,200,255,0.35)), 0 0 40px rgba(0,0,0,0.12); }
}

.ulse-glass-split {
  font-family: "Inter", sans-serif;
  width: 100%;
  margin: 0 auto 32px;
  color: #1b0953;
}

.ulse-glass-split article {
  display: grid;
  gap: 16px;
  width: 100%;
}

.ulse-glass-split .ulse-para {
  --ulse-glow: rgba(0,200,255,0.35);
  position: relative;
  padding: 18px 20px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.2);
  animation: glassSplitEdgeGlow 6s infinite linear;
  overflow: hidden;
  box-shadow:
    inset 0 0 30px rgba(255,255,255,0.12),
    0 0 20px var(--ulse-glow, rgba(0,200,255,0.35)),
    0 0 40px rgba(0,0,0,0.12);
}

.ulse-glass-split .ulse-para:nth-child(4n+1) { --ulse-glow: rgba(0,200,255,0.35); }
.ulse-glass-split .ulse-para:nth-child(4n+2) { --ulse-glow: rgba(255,130,210,0.35); }
.ulse-glass-split .ulse-para:nth-child(4n+3) { --ulse-glow: rgba(140,110,255,0.35); }
.ulse-glass-split .ulse-para:nth-child(4n+4) { --ulse-glow: rgba(120,255,210,0.35); }

.ulse-glass-split .ulse-para::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 20%, rgba(255,255,255,0.18), transparent 55%),
              radial-gradient(circle at 80% 10%, rgba(255,255,255,0.12), transparent 60%);
  pointer-events: none;
}

.ulse-glass-split .ulse-para p {
  margin: 0;
  line-height: 1.75;
  color: #1b0953;
}

.ulse-glass-split .ulse-para strong,
.ulse-glass-split .ulse-para b {
  color: #294040;
  font-size: 18px;
}

.ulse-glass-split .ulse-para a {
  color: #0f4c6d;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px dotted rgba(15,76,109,0.5);
}

.ulse-glass-split .ulse-para a:hover {
  opacity: 0.85;
}

.ulse-glass-split .ulse-para:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 0 32px rgba(255,255,255,0.14),
    0 0 26px var(--ulse-glow, rgba(0,220,255,0.42)),
    0 0 44px rgba(0,0,0,0.16);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

@media (max-width: 640px) {
  .ulse-glass-split .ulse-para {
    padding: 16px 16px 18px;
  }
}