/* Starry background overlay used across pages */

.overlay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    /* Subtle star field */
    background-image:
        radial-gradient(2px 2px at 20px 30px, rgba(255, 255, 255, 0.8) 50%, transparent 50%),
        radial-gradient(1.5px 1.5px at 130px 80px, rgba(255, 255, 255, 0.6) 50%, transparent 50%),
        radial-gradient(2.5px 2.5px at 90px 120px, rgba(255, 255, 255, 0.7) 50%, transparent 50%);
    background-repeat: repeat;
    background-size: 250px 250px;
    animation: moveStars 60s linear infinite;
    opacity: 0.45;
    z-index: -1; /* Keep stars behind other overlay decorations */
}

@keyframes moveStars {
    from { transform: translateY(0); }
    to { transform: translateY(-300px); }
}

/* Shooting star styles removed */