html {
      scroll-behavior: smooth;
    }
    body {
      background:
        radial-gradient(circle at top left, rgba(219,39,119,0.08), transparent 30%),
        radial-gradient(circle at bottom right, rgba(244,114,182,0.12), transparent 35%),
        linear-gradient(180deg, #fdf2f8 0%, #fff7fb 100%);
    }
    .gradient-text {
      background: linear-gradient(90deg, #db2777 0%, #ec4899 50%, #be185d 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    .masonry {
      column-gap: 1.5rem;
    }
    .masonry-item {
      break-inside: avoid;
      margin-bottom: 1.5rem;
    }
    @media (min-width: 768px) {
      .masonry {
        columns: 2;
      }
    }
    @media (min-width: 1280px) {
      .masonry {
        columns: 3;
      }
    }