p {
  padding: 2rem;
  background: linear-gradient(135deg, #e0f7fa, #e8f5e9);
  border-radius: 12px;
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Decorative gradient bubbles */
.roadmap::before, .roadmap::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  opacity: 0.4;
  pointer-events: none;
  animation: float 6s ease-in-out infinite;
}

.roadmap::before {
  width: 200px;
  height: 200px;
  background: 