/* 
  CSS untuk Taekwondo Academy Modus
  File: style.css
*/

body { 
  font-family: 'Inter', sans-serif; 
}

h1, h2, h3 { 
  font-family: 'Oswald', sans-serif; 
  text-transform: uppercase; 
}

@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-15px); }
  100% { transform: translateY(0px); }
}

.animate-float { 
  animation: float 6s ease-in-out infinite; 
}

.gradient-primary { 
  background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); 
}

.gradient-secondary { 
  background: linear-gradient(135deg, #f97316 0%, #ef4444 100%); 
}

.gradient-accent { 
  background: linear-gradient(135deg, #10b981 0%, #06b6d4 100%); 
}

.card-hover {
  transition: all 0.3s ease;
}

.card-hover:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.bg-pattern {
  background-color: #f0f9ff;
  background-image: radial-gradient(#60a5fa 0.5px, transparent 0.5px);
  background-size: 10px 10px;
}

.btn-pulse:hover {
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(248, 113, 113, 0.4);
  }
  50% {
    box-shadow: 0 0 0 15px rgba(248, 113, 113, 0);
  }
}

.shadow-glow {
  box-shadow: 0 0 20px rgba(96, 165, 250, 0.4);
}