/* ==========================================================
   NEOGLASS SPLIT
   - Glassmorphic neon cards per paragraph
   - Rotating conic border on each card
========================================================== */

@keyframes neoSplitRotate {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

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

.ulse-neoglass-split article {
  display: grid;
  gap: 18px;
}

.ulse-neoglass-split h2,
.ulse-neoglass-split h3,
.ulse-neoglass-split h4 {
  margin: 12px 0 8px;
  font-weight: 700;
  color: #f5f7ff;
}

.ulse-neoglass-split .ulse-para {
  position: relative;
  padding: 18px 20px;
  border-radius: 18px;
  background: rgba(20, 24, 32, 0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
  box-shadow: 0 10px 36px rgba(0,0,0,0.35);
}

.ulse-neoglass-split .ulse-para::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 20px;
  background: conic-gradient(
    from 0deg,
    rgba(0, 150, 255, 0.9),
    rgba(255, 0, 200, 0.9),
    rgba(0, 255, 160, 0.9),
    rgba(0, 150, 255, 0.9)
  );
  z-index: 0;
  animation: neoSplitRotate 4s linear infinite;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  padding: 2px;
  opacity: 0.75;
}

.ulse-neoglass-split .ulse-para > * {
  position: relative;
  z-index: 2;
}

.ulse-neoglass-split .ulse-para p {
  margin: 0;
  line-height: 1.8;
  color: #e7ecff;
}

.ulse-neoglass-split a {
  color: #6ab4ff;
  text-decoration: none;
  font-weight: 600;
}

.ulse-neoglass-split a:hover {
  text-decoration: underline;
}

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