/* Showcase Shining Stars */
.showcase-section {
    position: relative;
    z-index: 1; /* Ensure stars stay in background */
}

.showcase-star {
    position: absolute;
    background: white;
    border-radius: 50%;
    pointer-events: none;
    z-index: -1; /* Behind row content */
    opacity: 0;
    transition: opacity 1s ease-in;
}

/* Star Glow Effect */
.showcase-star::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, transparent 70%);
    border-radius: 50%;
    filter: blur(2px);
}

/* Twinkle Animation */
@keyframes showcase-twinkle {
    0%, 100% {
        opacity: 0.3;
        transform: scale(0.8);
    }
    50% {
        opacity: 1;
        transform: scale(1.2);
    }
}

/* Pulse Animation (Varied) */
@keyframes showcase-pulse {
    0%, 100% {
        transform: scale(1);
        filter: brightness(1);
    }
    50% {
        transform: scale(1.5);
        filter: brightness(1.5);
    }
}

/* Light Mode Overrides */
[data-theme="light"] .showcase-star {
    background: #7B3FF2; /* Purple stars for light mode visibility */
}

[data-theme="light"] .showcase-star::after {
    background: radial-gradient(circle, rgba(123, 63, 242, 0.4) 0%, transparent 70%);
}