.hero-overlay {
  background: linear-gradient(to right, rgba(10,10,10,0.9) 0%, rgba(10,10,10,0.5) 60%, rgba(10,10,10,0.2) 100%),
              linear-gradient(to top, rgba(10,10,10,0.8) 0%, rgba(10,10,10,0) 40%);
}

.pk-card { transition: transform .2s, box-shadow .2s; }
.pk-card:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(198,255,0,.1); }

.skeleton { border-radius: 12px; }

@keyframes pulse-dot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.5)} }

@keyframes scroll-hint { 0%,100%{transform:translateY(0)} 50%{transform:translateY(6px)} }
.scroll-hint { animation: scroll-hint 2s infinite; }