.card {
  animation: floatIn 0.8s ease both;
}

.hero,
.section {
  animation: fadeUp 0.7s ease both;
}

.hero {
  animation-delay: 0.08s;
}

.section:nth-of-type(1) {
  animation-delay: 0.16s;
}

.section:nth-of-type(2) {
  animation-delay: 0.24s;
}

.section:nth-of-type(3) {
  animation-delay: 0.32s;
}

.copy-btn,
.manual-btn,
.link-list a,
.soft-link {
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.copy-btn:hover,
.manual-btn:hover {
  box-shadow: 0 12px 24px rgba(124,58,237,0.22);
}

@keyframes floatIn {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes borderBeam {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 10px rgba(124, 58, 237, 0.3); }
  50% { box-shadow: 0 0 20px rgba(168, 85, 247, 0.6); }
}