/* Custom Styles for Glassmorphism & Animations */

/* Background blobs animation */
@keyframes blob {
    0% {
      transform: translate(0px, 0px) scale(1);
    }
    33% {
      transform: translate(30px, -50px) scale(1.1);
    }
    66% {
      transform: translate(-20px, 20px) scale(0.9);
    }
    100% {
      transform: translate(0px, 0px) scale(1);
    }
}
  
.animate-blob {
    animation: blob 7s infinite;
}
  
.animation-delay-2000 {
    animation-delay: 2s;
}
  
.animation-delay-4000 {
    animation-delay: 4s;
}

/* Animated Gradient Text */
@keyframes text-gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.animate-gradient-text {
    background-size: 300% 300%;
    animation: text-gradient 6s ease infinite;
}
  
/* Glassmorphism Utilities */
.glass-panel {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
}

.glass-card {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 20px rgba(3, 105, 161, 0.03); /* subtle primary shadow */
}

/* Animated Gradient */
@keyframes gradient-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.animate-gradient-text {
    background-size: 200% auto;
    animation: gradient-shift 4s ease infinite;
}

.animate-gradient-bg {
    background-size: 200% auto;
    animation: gradient-shift 4s ease infinite;
}