/* Custom style.css - PremiumAppStore */

/* Reset minimal */
img, video { max-width: 100%; height: auto; border-radius: 0.5rem; }
a { transition: color 0.2s; }

/* Utility tambahan */
.shadow-premium {
  box-shadow: 0 4px 24px 0 rgba(59, 130, 246, 0.08), 0 1.5px 6px 0 rgba(0,0,0,0.04);
}
.bg-glass {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(8px);
}
.text-gradient-blue {
  background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/* Responsive helper */
@media (max-width: 640px) {
  .hide-mobile { display: none !important; }
}

/* Badge style */
.badge-premium {
  background: linear-gradient(90deg, #dbeafe 0%, #eff6ff 100%);
  color: #3b82f6;
  font-weight: bold;
  border-radius: 9999px;
  padding: 0.2em 0.8em;
  font-size: 0.85em;
  box-shadow: 0 1px 4px 0 rgba(59,130,246,0.08);
}

/* Premium app specific styles */
.platform-netflix { background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%); }
.platform-spotify { background: linear-gradient(135deg, #16a34a 0%, #15803d 100%); }
.platform-capcut { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); }
.platform-chatgpt { background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%); }
.platform-youtube { background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%); }
.platform-disney { background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%); }
.platform-hbo { background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%); }
.platform-canva { background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%); }

/* Animation for premium apps */
@keyframes premium-glow {
  0%, 100% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.3); }
  50% { box-shadow: 0 0 30px rgba(139, 92, 246, 0.5); }
}

.premium-glow {
  animation: premium-glow 2s ease-in-out infinite;
}

/* Animasi float badge */
@keyframes float-slow { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-18px);} }
@keyframes float-mid { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);} }
@keyframes float-fast { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-30px);} }
.animate-float-slow { animation: float-slow 4s ease-in-out infinite; }
.animate-float-mid { animation: float-mid 3.2s ease-in-out infinite; }
.animate-float-fast { animation: float-fast 2.5s ease-in-out infinite; }

@keyframes pulse-soft { 0%,100%{opacity:1;} 50%{opacity:.5;} }
.animate-pulse-soft { animation: pulse-soft 2.2s infinite; }

/* Border gradient premium */
.border-gradient-premium {
  border-image: linear-gradient(90deg,#3b82f6,#8b5cf6,#facc15,#f472b6) 1;
}

.font-display-premium {
  font-family: 'Bebas Neue', 'Poppins', Arial, sans-serif;
  letter-spacing: 0.04em;
}

/* Premium button & badge animation */
@keyframes pulse-glow {
  0%,100% { box-shadow: 0 0 0 0 rgba(59,130,246,0.15), 0 0 20px 0 rgba(139,92,246,0.12); }
  50% { box-shadow: 0 0 16px 8px rgba(59,130,246,0.18), 0 0 32px 8px rgba(139,92,246,0.18); }
}
.pulse-glow { animation: pulse-glow 1.8s infinite; }

.premium-cta-animate { animation: fadeInUp 0.7s cubic-bezier(.4,2,.3,1) both; }
.premium-cta-animate-delay1 { animation-delay: .15s; }
.premium-cta-animate-delay2 { animation-delay: .3s; }
.premium-cta-animate-delay3 { animation-delay: .45s; }
.premium-cta-animate-delay4 { animation-delay: .6s; }

.premium-badge-animate { animation: fadeInUp 0.8s cubic-bezier(.4,2,.3,1) both, premium-glow 2.5s infinite; }
.premium-badge-animate-delay1 { animation-delay: .2s; }
.premium-badge-animate-delay2 { animation-delay: .4s; }
.premium-badge-animate-delay3 { animation-delay: .6s; }
.premium-badge-animate-delay4 { animation-delay: .8s; }

.premium-btn-glow {
  box-shadow: 0 0 0 0 rgba(59,130,246,0.10), 0 0 16px 0 rgba(139,92,246,0.10);
  transition: box-shadow .3s, transform .3s;
}
.premium-btn-glow:hover {
  box-shadow: 0 0 16px 4px rgba(59,130,246,0.18), 0 0 32px 8px rgba(139,92,246,0.18);
  transform: scale(1.06) translateY(-2px);
}

/* Animasi spin pelan untuk icon search */
@keyframes slow-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.slow-spin {
  animation: slow-spin 1.6s linear infinite;
}