.gradient-bg {
        background: linear-gradient(135deg, #0ea5e9 0%, #14b8a6 100%);
      }
      .floating {
        animation: floating 3s ease-in-out infinite;
      }
      @keyframes floating {
        0%,
        100% {
          transform: translateY(0px);
        }
        50% {
          transform: translateY(-10px);
        }
      }
      .fade-in {
        animation: fadeIn 0.8s ease-in-out;
      }
      @keyframes fadeIn {
        from {
          opacity: 0;
          transform: translateY(30px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .slide-in-left {
        animation: slideInLeft 0.8s ease-out;
      }
      @keyframes slideInLeft {
        from {
          opacity: 0;
          transform: translateX(-50px);
        }
        to {
          opacity: 1;
          transform: translateX(0);
        }
      }
      .slide-in-right {
        animation: slideInRight 0.8s ease-out;
      }
      @keyframes slideInRight {
        from {
          opacity: 0;
          transform: translateX(50px);
        }
        to {
          opacity: 1;
          transform: translateX(0);
        }
      }
      .cookie-banner {
        transform: translateY(100%);
        transition: transform 0.3s ease-in-out;
      }
      .cookie-banner.show {
        transform: translateY(0);
      }
      .mobile-menu {
        transform: translateX(-100%);
        transition: transform 0.3s ease-in-out;
      }
      .mobile-menu.show {
        transform: translateX(0);
      }
      .page {
        display: none;
      }
      .page.active {
        display: block;
      }