/* Parallax Pixel Stars - Pure CSS Animation */

/* Stars Container */
#stars, #stars2, #stars3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

.stars-background-wrapper > section {
    position: relative;
    z-index: 1;
}

/* Small Stars - 2px size for better visibility, 50s animation */
#stars {
    width: 2px;
    height: 2px;
    background: transparent;
    border-radius: 50%;
    box-shadow: 
        1792px 1123px #FFF, 1636px 1715px #FFF, 1395px 1949px #FFF, 295px 1305px #FFF, 
        1736px 1062px #FFF, 1088px 1590px #FFF, 1432px 1305px #FFF, 131px 1167px #FFF,
        1676px 1916px #FFF, 1640px 1048px #FFF, 1807px 1059px #FFF, 1208px 1375px #FFF,
        1532px 1892px #FFF, 1875px 1275px #FFF, 1721px 1900px #FFF, 1486px 1609px #FFF,
        1853px 1535px #FFF, 1965px 1949px #FFF, 1417px 1149px #FFF, 1926px 1330px #FFF,
        1620px 1695px #FFF, 1143px 1033px #FFF, 1736px 1879px #FFF, 1002px 1543px #FFF,
        1774px 1270px #FFF, 1530px 1736px #FFF, 1847px 1073px #FFF, 1733px 1890px #FFF,
        1024px 1998px #FFF, 1155px 1529px #FFF, 1685px 1967px #FFF, 1169px 1062px #FFF,
        1590px 1695px #FFF, 1924px 1421px #FFF, 1853px 1024px #FFF, 1695px 1609px #FFF,
        1474px 1123px #FFF, 1700px 1330px #FFF, 1305px 1543px #FFF, 1432px 1879px #FFF,
        1916px 1149px #FFF, 1590px 1998px #FFF, 1123px 1421px #FFF, 1949px 1167px #FFF,
        1330px 1892px #FFF, 1543px 1275px #FFF, 1879px 1609px #FFF, 1149px 1900px #FFF,
        1998px 1535px #FFF, 1421px 1949px #FFF, 1167px 1330px #FFF, 1892px 1695px #FFF,
        /* More stars for density */
        456px 789px #FFF, 1234px 567px #FFF, 890px 1456px #FFF, 345px 1678px #FFF,
        1567px 234px #FFF, 678px 1890px #FFF, 1901px 456px #FFF, 234px 1123px #FFF,
        1345px 678px #FFF, 789px 1234px #FFF, 1678px 890px #FFF, 123px 1567px #FFF,
        1890px 345px #FFF, 456px 1678px #FFF, 1123px 789px #FFF, 567px 1345px #FFF,
        1456px 123px #FFF, 890px 1789px #FFF, 234px 456px #FFF, 1678px 1123px #FFF,
        345px 890px #FFF, 1789px 567px #FFF, 678px 1456px #FFF, 1234px 234px #FFF,
        1567px 1890px #FFF, 123px 678px #FFF, 1901px 1345px #FFF, 456px 123px #FFF,
        789px 1678px #FFF, 1345px 456px #FFF, 234px 1789px #FFF, 1678px 345px #FFF,
        567px 1123px #FFF, 1890px 789px #FFF, 123px 1456px #FFF, 1456px 567px #FFF,
        890px 234px #FFF, 345px 1901px #FFF, 1789px 123px #FFF, 678px 1567px #FFF,
        1123px 890px #FFF, 456px 345px #FFF, 1678px 1789px #FFF, 234px 678px #FFF,
        1567px 1456px #FFF, 789px 123px #FFF, 1345px 1890px #FFF, 123px 234px #FFF,
        1901px 1678px #FFF, 567px 456px #FFF, 890px 1345px #FFF, 1456px 789px #FFF,
        345px 567px #FFF, 1789px 1234px #FFF, 678px 890px #FFF, 1234px 1678px #FFF,
        1567px 345px #FFF, 123px 1789px #FFF, 1890px 678px #FFF, 456px 1234px #FFF,
        789px 567px #FFF, 1678px 123px #FFF, 234px 1456px #FFF, 1345px 890px #FFF,
        567px 1678px #FFF, 1123px 345px #FFF, 890px 1789px #FFF, 1456px 234px #FFF,
        345px 1123px #FFF, 1789px 890px #FFF, 678px 456px #FFF, 1234px 1345px #FFF,
        1567px 678px #FFF, 123px 1901px #FFF, 1890px 234px #FFF, 456px 1567px #FFF,
        789px 1456px #FFF, 1678px 567px #FFF, 234px 890px #FFF, 1345px 123px #FFF;
    animation: animStar 50s linear infinite;
    opacity: 0.8;
}


#stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    border-radius: 50%;
    box-shadow: 
        1792px 1123px #FFF, 1636px 1715px #FFF, 1395px 1949px #FFF, 295px 1305px #FFF, 
        1736px 1062px #FFF, 1088px 1590px #FFF, 1432px 1305px #FFF, 131px 1167px #FFF,
        1676px 1916px #FFF, 1640px 1048px #FFF, 1807px 1059px #FFF, 1208px 1375px #FFF,
        1532px 1892px #FFF, 1875px 1275px #FFF, 1721px 1900px #FFF, 1486px 1609px #FFF,
        1853px 1535px #FFF, 1965px 1949px #FFF, 1417px 1149px #FFF, 1926px 1330px #FFF,
        1620px 1695px #FFF, 1143px 1033px #FFF, 1736px 1879px #FFF, 1002px 1543px #FFF,
        1774px 1270px #FFF, 1530px 1736px #FFF, 1847px 1073px #FFF, 1733px 1890px #FFF,
        1024px 1998px #FFF, 1155px 1529px #FFF, 1685px 1967px #FFF, 1169px 1062px #FFF,
        1590px 1695px #FFF, 1924px 1421px #FFF, 1853px 1024px #FFF, 1695px 1609px #FFF,
        1474px 1123px #FFF, 1700px 1330px #FFF, 1305px 1543px #FFF, 1432px 1879px #FFF,
        1916px 1149px #FFF, 1590px 1998px #FFF, 1123px 1421px #FFF, 1949px 1167px #FFF,
        1330px 1892px #FFF, 1543px 1275px #FFF, 1879px 1609px #FFF, 1149px 1900px #FFF,
        1998px 1535px #FFF, 1421px 1949px #FFF, 1167px 1330px #FFF, 1892px 1695px #FFF,
        456px 789px #FFF, 1234px 567px #FFF, 890px 1456px #FFF, 345px 1678px #FFF,
        1567px 234px #FFF, 678px 1890px #FFF, 1901px 456px #FFF, 234px 1123px #FFF,
        1345px 678px #FFF, 789px 1234px #FFF, 1678px 890px #FFF, 123px 1567px #FFF,
        1890px 345px #FFF, 456px 1678px #FFF, 1123px 789px #FFF, 567px 1345px #FFF,
        1456px 123px #FFF, 890px 1789px #FFF, 234px 456px #FFF, 1678px 1123px #FFF,
        345px 890px #FFF, 1789px 567px #FFF, 678px 1456px #FFF, 1234px 234px #FFF,
        1567px 1890px #FFF, 123px 678px #FFF, 1901px 1345px #FFF, 456px 123px #FFF,
        789px 1678px #FFF, 1345px 456px #FFF, 234px 1789px #FFF, 1678px 345px #FFF,
        567px 1123px #FFF, 1890px 789px #FFF, 123px 1456px #FFF, 1456px 567px #FFF,
        890px 234px #FFF, 345px 1901px #FFF, 1789px 123px #FFF, 678px 1567px #FFF,
        1123px 890px #FFF, 456px 345px #FFF, 1678px 1789px #FFF, 234px 678px #FFF,
        1567px 1456px #FFF, 789px 123px #FFF, 1345px 1890px #FFF, 123px 234px #FFF,
        1901px 1678px #FFF, 567px 456px #FFF, 890px 1345px #FFF, 1456px 789px #FFF,
        345px 567px #FFF, 1789px 1234px #FFF, 678px 890px #FFF, 1234px 1678px #FFF,
        1567px 345px #FFF, 123px 1789px #FFF, 1890px 678px #FFF, 456px 1234px #FFF,
        789px 567px #FFF, 1678px 123px #FFF, 234px 1456px #FFF, 1345px 890px #FFF,
        567px 1678px #FFF, 1123px 345px #FFF, 890px 1789px #FFF, 1456px 234px #FFF,
        345px 1123px #FFF, 1789px 890px #FFF, 678px 456px #FFF, 1234px 1345px #FFF,
        1567px 678px #FFF, 123px 1901px #FFF, 1890px 234px #FFF, 456px 1567px #FFF,
        789px 1456px #FFF, 1678px 567px #FFF, 234px 890px #FFF, 1345px 123px #FFF;
    opacity: 0.8;
}

/* Medium Stars - 3px size, 100s animation */
#stars2 {
    width: 3px;
    height: 3px;
    background: transparent;
    border-radius: 50%;
    box-shadow: 
        779px 1518px #FFF, 1515px 1139px #FFF, 1076px 1491px #FFF, 1793px 1825px #FFF,
        1717px 1196px #FFF, 1422px 1043px #FFF, 1562px 1729px #FFF, 1363px 1456px #FFF,
        1735px 1062px #FFF, 1992px 1843px #FFF, 1101px 1564px #FFF, 1649px 1295px #FFF,
        1456px 1789px #FFF, 1043px 1422px #FFF, 1729px 1562px #FFF, 1196px 1717px #FFF,
        1825px 1793px #FFF, 1491px 1076px #FFF, 1139px 1515px #FFF, 1518px 779px #FFF,
        1062px 1735px #FFF, 1843px 1992px #FFF, 1564px 1101px #FFF, 1295px 1649px #FFF,
        1789px 1456px #FFF, 1422px 1043px #FFF, 1562px 1729px #FFF, 1717px 1196px #FFF,
        1793px 1825px #FFF, 1076px 1491px #FFF, 1515px 1139px #FFF, 779px 1518px #FFF,
        1735px 1062px #FFF, 1992px 1843px #FFF, 1101px 1564px #FFF, 1649px 1295px #FFF,
        1456px 1789px #FFF, 1043px 1422px #FFF, 1729px 1562px #FFF, 1196px 1717px #FFF,
        /* More medium stars */
        234px 987px #FFF, 1456px 321px #FFF, 789px 1654px #FFF, 1123px 456px #FFF,
        567px 1789px #FFF, 1890px 234px #FFF, 345px 1456px #FFF, 1678px 789px #FFF,
        123px 1234px #FFF, 1567px 890px #FFF, 456px 1345px #FFF, 1789px 678px #FFF,
        890px 123px #FFF, 234px 1567px #FFF, 1456px 890px #FFF, 678px 234px #FFF,
        1234px 1456px #FFF, 345px 789px #FFF, 1678px 1123px #FFF, 789px 345px #FFF;
    animation: animStar 100s linear infinite;
    opacity: 0.9;
}

#stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    border-radius: 50%;
    box-shadow: 
        779px 1518px #FFF, 1515px 1139px #FFF, 1076px 1491px #FFF, 1793px 1825px #FFF,
        1717px 1196px #FFF, 1422px 1043px #FFF, 1562px 1729px #FFF, 1363px 1456px #FFF,
        1735px 1062px #FFF, 1992px 1843px #FFF, 1101px 1564px #FFF, 1649px 1295px #FFF,
        1456px 1789px #FFF, 1043px 1422px #FFF, 1729px 1562px #FFF, 1196px 1717px #FFF,
        1825px 1793px #FFF, 1491px 1076px #FFF, 1139px 1515px #FFF, 1518px 779px #FFF,
        1062px 1735px #FFF, 1843px 1992px #FFF, 1564px 1101px #FFF, 1295px 1649px #FFF,
        1789px 1456px #FFF, 1422px 1043px #FFF, 1562px 1729px #FFF, 1717px 1196px #FFF,
        1793px 1825px #FFF, 1076px 1491px #FFF, 1515px 1139px #FFF, 779px 1518px #FFF,
        1735px 1062px #FFF, 1992px 1843px #FFF, 1101px 1564px #FFF, 1649px 1295px #FFF,
        1456px 1789px #FFF, 1043px 1422px #FFF, 1729px 1562px #FFF, 1196px 1717px #FFF,
        234px 987px #FFF, 1456px 321px #FFF, 789px 1654px #FFF, 1123px 456px #FFF,
        567px 1789px #FFF, 1890px 234px #FFF, 345px 1456px #FFF, 1678px 789px #FFF,
        123px 1234px #FFF, 1567px 890px #FFF, 456px 1345px #FFF, 1789px 678px #FFF,
        890px 123px #FFF, 234px 1567px #FFF, 1456px 890px #FFF, 678px 234px #FFF,
        1234px 1456px #FFF, 345px 789px #FFF, 1678px 1123px #FFF, 789px 345px #FFF;
    opacity: 0.9;
}

/* Big Stars - 4px size, 150s animation */
#stars3 {
    width: 4px;
    height: 4px;
    background: transparent;
    border-radius: 50%;
    box-shadow: 
        1446px 1832px #FFF, 1958px 1217px #FFF, 1099px 1743px #FFF, 1657px 1456px #FFF,
        1234px 1089px #FFF, 1832px 1446px #FFF, 1217px 1958px #FFF, 1743px 1099px #FFF,
        1456px 1657px #FFF, 1089px 1234px #FFF, 1446px 1832px #FFF, 1958px 1217px #FFF,
        1099px 1743px #FFF, 1657px 1456px #FFF, 1234px 1089px #FFF, 1832px 1446px #FFF,
        1217px 1958px #FFF, 1743px 1099px #FFF, 1456px 1657px #FFF, 1089px 1234px #FFF,
        /* More big stars */
        567px 1234px #FFF, 1789px 456px #FFF, 234px 1678px #FFF, 1456px 789px #FFF,
        890px 1345px #FFF, 345px 1567px #FFF, 1678px 234px #FFF, 123px 1890px #FFF,
        1345px 567px #FFF, 789px 1456px #FFF, 1567px 123px #FFF, 456px 1789px #FFF,
        1234px 890px #FFF, 678px 345px #FFF, 1890px 1123px #FFF, 234px 567px #FFF;
    animation: animStar 150s linear infinite;
    opacity: 1;
}

#stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 4px;
    height: 4px;
    background: transparent;
    border-radius: 50%;
    box-shadow: 
        1446px 1832px #FFF, 1958px 1217px #FFF, 1099px 1743px #FFF, 1657px 1456px #FFF,
        1234px 1089px #FFF, 1832px 1446px #FFF, 1217px 1958px #FFF, 1743px 1099px #FFF,
        1456px 1657px #FFF, 1089px 1234px #FFF, 1446px 1832px #FFF, 1958px 1217px #FFF,
        1099px 1743px #FFF, 1657px 1456px #FFF, 1234px 1089px #FFF, 1832px 1446px #FFF,
        1217px 1958px #FFF, 1743px 1099px #FFF, 1456px 1657px #FFF, 1089px 1234px #FFF,
        567px 1234px #FFF, 1789px 456px #FFF, 234px 1678px #FFF, 1456px 789px #FFF,
        890px 1345px #FFF, 345px 1567px #FFF, 1678px 234px #FFF, 123px 1890px #FFF,
        1345px 567px #FFF, 789px 1456px #FFF, 1567px 123px #FFF, 456px 1789px #FFF,
        1234px 890px #FFF, 678px 345px #FFF, 1890px 1123px #FFF, 234px 567px #FFF;
    opacity: 1;
}

/* Animation Keyframes */
@keyframes animStar {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-2000px);
    }
}