/* ShardVortex – custom utilities not expressible via Tailwind CDN */

/* Gradient text (vendor-prefixed) */
.gradient-text {
  background: linear-gradient(135deg, #fff 30%, #7b2fff 70%, #00e5ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Keyframe animations */
@keyframes floatLogo {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-12px); }
}
@keyframes zoomIn {
  from { transform: scale(0.85); opacity: 0; }
  to   { transform: scale(1);    opacity: 1; }
}
@keyframes bounceSlow {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50%       { transform: translateX(-50%) translateY(8px); }
}
.animate-float       { animation: floatLogo 4s ease-in-out infinite; }
.animate-zoom-in     { animation: zoomIn 0.25s ease; }
.animate-bounce-slow { animation: bounceSlow 2s ease-in-out infinite; }

/* Scroll fade-in */
.fade-in { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-in.visible     { opacity: 1; transform: translateY(0); }
.fade-in-delay-1     { transition-delay: 0.1s; }

/* Scrollbar */
::-webkit-scrollbar       { width: 8px; }
::-webkit-scrollbar-track { background: #0a0a0f; }
::-webkit-scrollbar-thumb { background: #7b2fff; border-radius: 4px; }