:root {
      --neo-yellow: #ffeb3b;
      --neo-pink: #ff00ff;
      --neo-blue: #00f0ff;
    }

    .neo-brutalism {
      /* font-family: 'Press Start 2P', system-ui; */
      border: 6px solid #000;
      box-shadow: 8px 8px 0 #000;
      background: #fff;
    }

    .modal {
      animation: popIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    }

    @keyframes popIn {
      0% { transform: scale(0.6) rotate(-8deg); opacity: 0; }
      100% { transform: scale(1) rotate(0deg); opacity: 1; }
    }

    .service-card {
      transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    }

    .service-card:hover {
      /* transform: translate(-8px, -8px) rotate(2deg); */
      box-shadow: 16px 16px 0 #000;
    }

    .icon-container {
      transition: transform 0.4s ease;
    }
    
    /* .service-card:hover .icon-container {
      transform: scale(1.2) rotate(12deg);
    } */

    /* Mobile Optimizations */
    @media (max-width: 768px) {
      .neo-brutalism {
        border-width: 5px;
        box-shadow: 6px 6px 0 #000;
      }
      .service-card:hover {
        transform: translate(-4px, -4px) rotate(1deg);
      }
    }