.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
  }
  
  .reveal.active {
    opacity: 1;
    transform: translateY(0);
  }
  
  .mobile-item {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.35s ease;
  }
  
  .mobile-item.show {
    opacity: 1;
    transform: translateY(0);
  }
  
  .blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.4;
    z-index: -1;
  }