@tailwind base;
@tailwind components;
@tailwind utilities;

/* Smooth scrolling for anchor links */
html {
  scroll-behavior: smooth;
  zoom: 90%;
}

/* Blog Content Styling */
.blog-content h3 {
  @apply font-xl mb-10 font-bold leading-tight text-black dark:text-white sm:text-2xl sm:leading-tight lg:text-xl lg:leading-tight xl:text-2xl xl:leading-tight;
}

.blog-content p {
  @apply mb-8 text-base font-medium leading-relaxed text-body-color dark:text-gray-300 sm:text-lg sm:leading-relaxed lg:text-base lg:leading-relaxed xl:text-lg xl:leading-relaxed;
}

.blog-content ul {
  @apply mb-10 list-inside list-disc text-body-color;
}

.blog-content li {
  @apply mb-2 text-base font-medium text-body-color sm:text-lg lg:text-base xl:text-lg;
}

.blog-content strong {
  @apply font-semibold;
}

.blog-content img {
  @apply h-full w-full object-cover object-center;
}

.blog-content .bg-primary {
  @apply bg-primary;
}

.blog-content .bg-opacity-10 {
  @apply bg-opacity-10;
}

.blog-content .text-center {
  @apply text-center;
}

.blog-content .italic {
  @apply italic;
}

.blog-content .rounded-md {
  @apply rounded-md;
}

.blog-content .p-8 {
  @apply p-8;
}

.blog-content .md\:p-9 {
  @apply md:p-9;
}

.blog-content .lg\:p-8 {
  @apply lg:p-8;
}

.blog-content .xl\:p-9 {
  @apply xl:p-9;
}

.blog-content .relative {
  @apply relative;
}

.blog-content .z-10 {
  @apply z-10;
}

.blog-content .overflow-hidden {
  @apply overflow-hidden;
}

.blog-content .mb-10 {
  @apply mb-10;
}

.blog-content .w-full {
  @apply w-full;
}

.blog-content .aspect-\[97\/60\] {
  @apply aspect-[97/60];
}

.blog-content .sm\:aspect-\[97\/44\] {
  @apply sm:aspect-[97/44];
} 
/
* Enhanced Video Section Animations */
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

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

@keyframes glow-pulse {
  0%, 100% {
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.3);
  }
  50% {
    box-shadow: 0 0 40px rgba(239, 68, 68, 0.6);
  }
}

/* 3D Transform utilities */
.transform-3d {
  transform-style: preserve-3d;
  perspective: 1000px;
}

/* Gradient animation */
.animate-gradient-x {
  background-size: 200% 200%;
  animation: gradient-shift 3s ease infinite;
}

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

/* Glassmorphism effect */
.glass-effect {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Video card hover glow */
.video-card-glow {
  position: relative;
}

.video-card-glow::before {
  content: '';
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, #ef4444, #ec4899, #f97316);
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
  filter: blur(8px);
}

.video-card-glow:hover::before {
  opacity: 1;
}

/* Smooth scale transform */
.scale-hover {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.scale-hover:hover {
  transform: scale(1.05) translateY(-8px);
}
