.attention-arrow {
    position: absolute;
    z-index: 9999;
    font-size: 1.8rem;
    color: #2200ff;
    animation: bounce 1s infinite;
    opacity: 1;
    transform: translateX(-46px);
    transition: opacity 0.6s ease-in-out;
    pointer-events: none;
}

/* Simple bounce animation */
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}




.loader-circle {
border: 3px solid rgba(0, 0, 0, 0.1);
border-left-color: #333;
border-radius: 50%;
width: 50px;
height: 50x;
animation: spin 0.8s linear infinite;
}

@keyframes spin {
to {
    transform: rotate(360deg);
}
}

.animate-spin-slow {
    animation: slow-spin 1.2s linear infinite;
  }

  @keyframes slow-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }


  .watermark {
    font: bold 28px/1 sans-serif;
    color: #223388;
    opacity: .13;
    transform: rotate(-10deg);
    pointer-events: none;   /* let clicks pass through */
    white-space: nowrap;
    user-select: none;
  }