/* ===== Hero beauty additions ===== */
.gradient-text-animated {
  background: linear-gradient(90deg, #5AC8FA, #5E5CE6, #BF5AF2, #FF6482, #FF9F0A, #5AC8FA);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: gradient-pan 8s linear infinite;
}
@keyframes gradient-pan {
  0% { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}
.gradient-border-wrap {
  position: relative;
  isolation: isolate;
  border-radius: 9999px;
  padding: 1.5px;
  background: linear-gradient(120deg, #5AC8FA, #5E5CE6, #BF5AF2, #FF6482, #FF9F0A, #5AC8FA);
  background-size: 300% 300%;
  animation: gradient-pan 6s linear infinite;
  transition: transform 0.3s var(--ease-apple, cubic-bezier(0.28, 0.11, 0.32, 1));
}
.gradient-border-wrap:hover {
  transform: translateY(-2px);
}
.gradient-border-glow {
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: inherit;
  filter: blur(16px);
  opacity: 0.45;
  z-index: -1;
  transition: opacity 0.3s ease;
}
.gradient-border-wrap:hover .gradient-border-glow {
  opacity: 0.75;
}
[data-theme="dark"] .gradient-border-glow {
  opacity: 0.6;
}
.ai-glow {
  animation: glow-drift 18s ease-in-out infinite alternate;
}
@keyframes glow-drift {
  from { transform: translate(0, 0) scale(1); }
  to { transform: translate(48px, 28px) scale(1.1); }
}
.card-tint {
  position: absolute;
  top: -48px;
  right: -48px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  filter: blur(44px);
  opacity: 0.5;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.card-apple:hover .card-tint {
  opacity: 0.85;
}
[data-theme="dark"] .card-tint {
  opacity: 0.35;
}
[data-theme="dark"] .card-apple:hover .card-tint {
  opacity: 0.55;
}