@keyframes shimmer {
        0% {
          background-position: -1000px 0;
        }
        100% {
          background-position: 1000px 0;
        }
      }

      .shimmer {
        animation: shimmer 2s infinite;
        background: linear-gradient(
          to right,
          #E5F3F3 0%,
          #CDECEC 20%,
          #E5F3F3 40%,
          #E5F3F3 100%
        );
        background-size: 1000px 100%;
      }

      .gradient-border {
        position: relative;
        background: linear-gradient(135deg, #E5F3F3 0%, #F5F5F5 100%);
      }

      .gradient-border::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: inherit;
        padding: 2px;
        background: linear-gradient(135deg, #B8E6E6, #00C9B7, #B8E6E6);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0.6;
      }

      .floating {
        animation: float 3s ease-in-out infinite;
      }

      @keyframes float {
        0%, 100% {
          transform: translateY(0px);
        }
        50% {
          transform: translateY(-10px);
        }
      }

      .glow-on-hover {
        transition: all 0.3s ease;
      }

      .glow-on-hover:hover {
        box-shadow: 0 0 30px rgba(0, 201, 183, 0.3);
        transform: translateY(-2px);
      }