<file-changes>
/* Magic Effects styles - magic-effects.css */
/* Magic Effects */
.magic-sparkle {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 10px 2px rgba(138, 43, 226, 0.8);
    animation: sparkle 2s linear infinite;
    opacity: 0;
}

@keyframes sparkle {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}