.cursorCanvas {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: white;
     position: fixed;
     pointer-events: none;
     transform: translate3d(-50%, -50%, 0);
     mix-blend-mode: difference;
     z-index: 9999;
     will-change: transform;
     /* Hint browser to optimize */
 }

 /* Section styling */
 section {
     padding: 5rem 0;
 }

 section.bg-image {
     position: relative;
     background-size: cover;
     background-position: center;
     color: white;
 }

 section.bg-image::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.6);
 }

 section.bg-image .container {
     position: relative;
     z-index: 1;
 }

 /* Card hover effect */
 .card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
 }