/* Star Particles Animation Styles */

.star-particles-canvas {
    display: block;
    pointer-events: none;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
}

/* Ensure canvas renders behind header content */
.header-area {
    position: relative;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .star-particles-canvas {
        display: block;
    }
}
    .star-particles-canvas {
        /* Optionally reduce particle count on mobile for performance */
        opacity: 0.5;
    }
}

/* Animation smooth performance */
.star-particles-canvas {
    image-rendering: pixelated;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}