body {
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background-color: #f9fafb;
      color: #0f172a;
    }
    .gradient-text {
      background: linear-gradient(90deg, #38bdf8, #0ea5e9, #7dd3fc);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    .slide-up {
      animation: slideUp 0.8s ease-out both;
    }
    .slide-left {
      animation: slideLeft 0.9s ease-out both;
    }
    .slide-right {
      animation: slideRight 0.9s ease-out both;
    }
    .slide-delay-1 { animation-delay: 0.12s; }
    .slide-delay-2 { animation-delay: 0.24s; }
    .slide-delay-3 { animation-delay: 0.36s; }
    .slide-delay-4 { animation-delay: 0.48s; }
    .slide-delay-5 { animation-delay: 0.6s; }
    @keyframes slideUp {
      from { opacity: 0; transform: translateY(28px); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes slideLeft {
      from { opacity: 0; transform: translateX(-36px); }
      to { opacity: 1; transform: translateX(0); }
    }
    @keyframes slideRight {
      from { opacity: 0; transform: translateX(36px); }
      to { opacity: 1; transform: translateX(0); }
    }