/* Maceda Labs App Hub custom styles.
 * Tailwind handles most layout/utility classes; this file adds
 * gradient animation and glassmorphism helpers.
 */

.apphub-gradient {
  background:
    radial-gradient(circle at top left, rgba(129, 140, 248, 0.45), transparent 55%),
    radial-gradient(circle at bottom right, rgba(45, 212, 191, 0.35), transparent 55%),
    radial-gradient(circle at top right, rgba(56, 189, 248, 0.25), transparent 55%),
    #020617;
  background-size: 160% 160%;
  animation: apphub-gradient-shift 24s ease-in-out infinite;
}

@keyframes apphub-gradient-shift {
  0%,
  100% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
}

/* Glassmorphism card helper */
.glass-card {
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

/* Soft pulse for active download buttons */
.apphub-soft-pulse {
  animation: apphub-soft-pulse 1.8s ease-in-out infinite;
}

@keyframes apphub-soft-pulse {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 28px 0 rgba(16, 185, 129, 0.8);
  }
}

/* Prevent scroll while overlays are active */
body.apphub-no-scroll {
  overflow: hidden;
}

/* Share button styling */
.apphub-share-btn {
  background: linear-gradient(
    135deg,
    rgba(59, 130, 246, 0.95),
    rgba(129, 140, 248, 0.95)
  );
  color: #0f172a;
  box-shadow: 0 10px 25px rgba(59, 130, 246, 0.45);
}

.apphub-share-btn:hover {
  filter: brightness(1.05);
}