@keyframes draw-arc{ to{ stroke-dashoffset: 0; } }
@keyframes dot-in{ to{ opacity: 1; } }

@keyframes marquee{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}

@keyframes floaty{
  0%, 100%{ transform: translateY(0); }
  50%{ transform: translateY(-14px); }
}
.floating{ animation: floaty 4.5s ease-in-out infinite; }

@keyframes blob-shift{
  0%, 100%{ transform: translate(0, 0) scale(1); }
  50%{ transform: translate(20px, -20px) scale(1.08); }
}
.shape{ animation: blob-shift 10s ease-in-out infinite; }
.shape-2{ animation-duration: 13s; animation-delay: -3s; }
.shape-3{ animation-duration: 8s; animation-delay: -1s; }

@keyframes pulse-btn{
  0%, 100%{ box-shadow: 0 10px 25px -8px rgba(217,154,24,0.55); }
  50%{ box-shadow: 0 14px 34px -8px rgba(217,154,24,0.75); }
}
.btn-magnetic:hover{ animation: pulse-btn 1.4s ease-in-out infinite; }

@media (prefers-reduced-motion: reduce){
  .arc-progress, .arc-dot{ animation: none; stroke-dashoffset: 0; opacity: 1; }
  .floating, .shape, .btn-magnetic:hover{ animation: none; }
}