@layer utilities {
    .text-glow {
        text-shadow: 0 0 10px rgba(168, 85, 247, 0.7), 0 0 20px rgba(168, 85, 247, 0.5);
    }
    
    .box-glow {
        box-shadow: 0 0 15px rgba(168, 85, 247, 0.3), inset 0 0 10px rgba(168, 85, 247, 0.1);
    }
}

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

::-webkit-scrollbar-track {
    background: #0f0518;
}

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

::-webkit-scrollbar-thumb:hover {
    background: #A855F7;
}

/* Base Styles */
body {
    background-color: #000;
    color: #fff;
    overflow-x: hidden;
}

/* Animations */
@keyframes shine {
    from {
        transform: translateX(-150%) skewX(-12deg);
    }
    to {
        transform: translateX(150%) skewX(-12deg);
    }
}

/* Smooth Scroll behavior is handled by tailwind class 'scroll-smooth' on HTML tag, 
   but we ensure offset for sticky header/balloon if needed */
html {
    scroll-padding-top: 100px;
}