  /* --- START: CONTENT PROTECTION CSS --- */
    body {
        -webkit-user-select: none; /* Chrome/Safari */
        -moz-user-select: none;    /* Firefox */
        -ms-user-select: none;     /* IE/Edge */
        user-select: none;         /* Standard */
    }

    /* Prevent image dragging and interaction */
    img {
        -webkit-user-drag: none;
        user-drag: none;
        pointer-events: none; 
    }
    /* --- END: CONTENT PROTECTION CSS --- */



    
 /* The Star Shape */
  .imparc-sparkle {
    position: fixed;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background-color: transparent;
    pointer-events: none; /* Clicks pass through */
    z-index: 99999; /* Always on top */
    opacity: 0;
    
    /* Create a 4-pointed star shape using CSS */
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    /* Alternative simpler diamond star: clip-path: polygon(50% 0%, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0% 50%, 40% 40%); */
  }

  /* The Twinkle Animation */
  @keyframes sparkle-twinkle {
    0% {
      transform: scale(0) rotate(0deg);
      opacity: 0;
    }
    50% {
      transform: scale(1) rotate(45deg);
      opacity: 0.8;
    }
    100% {
      transform: scale(0) rotate(90deg);
      opacity: 0;
    }
  }
