.magic-card {
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        background: rgba(255, 255, 255, 0.85) !important;
        backdrop-filter: blur(10px);
        transform-style: preserve-3d;
      }
    
      .magic-card:hover {
        transform: translateY(-10px) rotateX(5deg) rotateY(2deg) scale(1.02);
      }
    
      .magic-image {
        transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
        transform-origin: center center;
      }
    
      .magic-image:hover {
        transform: scale(1.1) rotate(1deg);
      }
    
      .magic-title {
        background: linear-gradient(45deg, #198754, #22c55e);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: titleGlow 2s ease-in-out infinite alternate;
      }
      .magic-link:hover {
        animation: linkSparkle 0.6s ease;
      }