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

body {
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #1e1e1e;
}

::-webkit-scrollbar-thumb {
    background: #7b61ff;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #2d8cff;
}
/* Demo light effect */
#light-effect {
    transition: all 0.3s ease;
    mix-blend-mode: multiply;
}

/* Animation for gradient text */
@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.gradient-text {
    background-size: 200% auto;
    animation: gradientShift 6s ease infinite;
}

/* Pulse animation for glowing elements */
@keyframes pulse-glow {
    0% { opacity: 0.3; }
    50% { opacity: 0.7; }
    100% { opacity: 0.3; }
}

.pulse-glow {
    animation: pulse-glow 4s ease infinite;
}