@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    background-color: #111827;
}

/* Custom Glow Effects */
.glow-pink {
    animation: glowPink 2s ease-in-out infinite alternate;
}

.glow-blue {
    animation: glowBlue 2s ease-in-out infinite alternate;
}
@keyframes glowPink {
    from {
        text-shadow: 0 0 5px #a2ff9e, 0 0 10px #a2ff9e, 0 0 15px #a2ff9e, 0 0 20px #a2ff9e;
    }
    to {
        text-shadow: 0 0 10px #a2ff9e, 0 0 20px #a2ff9e, 0 0 30px #a2ff9e, 0 0 40px #a2ff9e;
    }
}
@keyframes glowBlue {
    from {
        text-shadow: 0 0 5px #6ec7ff, 0 0 10px #6ec7ff, 0 0 15px #6ec7ff, 0 0 20px #6ec7ff;
    }
    to {
        text-shadow: 0 0 10px #6ec7ff, 0 0 20px #6ec7ff, 0 0 30px #6ec7ff, 0 0 40px #6ec7ff;
    }
}

/* Video Slider Animation */
.video-slider {
    box-shadow: 0 0 20px rgba(110, 199, 255, 0.3), 0 0 40px rgba(255, 110, 199, 0.2);
    transition: all 0.3s ease;
}

.video-slider:hover {
    box-shadow: 0 0 30px rgba(110, 199, 255, 0.5), 0 0 50px rgba(255, 110, 199, 0.3);
}
/* Contact Form Styles */
input, textarea {
    transition: all 0.3s ease;
    color: white;
}

input:focus, textarea:focus {
    box-shadow: 0 0 0 3px rgba(255, 110, 199, 0.3), 0 0 20px rgba(110, 199, 255, 0.2);
}

.social-btn {
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.social-btn:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
/* Widget Hover Effects */
.widget:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(255, 110, 199, 0.2), 0 5px 15px rgba(110, 199, 255, 0.2);
}
/* Gradient Text */
.gradient-text {
    background: linear-gradient(90deg, #ff6ec7, #6ec7ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Neon Colors */
.text-neonTeal {
    color: #00f5d4;
}
.bg-neonTeal {
    background-color: #00f5d4;
}
.border-neonTeal {
    border-color: #00f5d4;
}

.text-neonGreen {
    color: #00ff9d;
}

/* Video Container */
.video-container {
    box-shadow: 0 0 20px rgba(0, 245, 212, 0.3);
    transition: all 0.3s ease;
}

.video-container:hover {
    box-shadow: 0 0 30px rgba(0, 245, 212, 0.5);
}

/* Button Hover Effects */
.character-btn:hover, 
.action-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 245, 212, 0.4);
}

.character-btn.active {
    border-color: #00ff9d;
    box-shadow: 0 0 10px rgba(0, 255, 157, 0.5);
}