.container {
      max-width: 800px;
      margin: 50px auto;
      padding: 40px;
      background-color: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
      opacity: 0; /* Початковий стан: прихований */
      transform: translateY(30px); /* Зсув вниз */
      transition: opacity 0.8s ease-out, transform 0.8s ease-out; /* Плавний перехід */
    }

    .container.visible {
      opacity: 1; /* Кінцевий стан: видимий */
      transform: translateY(0); /* Повернення на початкову позицію */
    }

    h2 {
      font-size: 2rem;
      color: #1a4f8d;
      margin-top: 0;
    }

    p {
      line-height: 1.6;
      color: #555;
    }

    /* Додаткові контейнери для демонстрації прокрутки */
    .spacer {
      height: 100vh;
    }