* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary-color: #10b981;
    --secondary-color: #059669;
    --accent-color: #f59e0b;
    --dark-bg: #0f172a;
    --light-bg: #ffffff;
    --text-primary: #1f2937;
    --text-secondary: #6b7280;
    --text-light: #ffffff;
    --text-dark: #1f2937;
    --border-color: #e5e7eb;
    --shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1);
}

body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #f1f5f9 100%);
    color: var(--text-dark);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header */
.header {
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(248, 250, 252, 0.95);
    backdrop-filter: blur(10px);
    z-index: 1000;
    border-bottom: 1px solid rgba(16, 185, 129, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
}

.nav-brand {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.nav-logo {
    height: 1.8rem;
    width: auto;
    opacity: 0.4;
}

.nav-brand h1 {
    color: var(--primary-color);
    font-weight: 700;
    font-size: 1.5rem;
    margin: 0;
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.nav-links a {
    color: var(--text-dark);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.nav-links a:hover {
    color: var(--primary-color);
}

.cta-btn {
    background: var(--primary-color);
    padding: 0.5rem 1rem;
    border-radius: 8px;
    color: var(--text-light) !important;
    transition: background 0.3s ease;
}

.cta-btn:hover {
    background: var(--secondary-color);
}

/* Starfield Animation */
#stars, #stars2, #stars3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 1px;
    background: transparent;
    animation: animStar 50s linear infinite;
    border-radius: 50%;
    opacity: 1;
}

#stars {
    box-shadow: 
        1800px 400px #22c55e, 300px 1000px #16a34a, 1100px 300px #15803d, 1700px 800px #22c55e, 900px 600px #16a34a,
        400px 1300px #22c55e, 1300px 200px #15803d, 800px 1100px #22c55e, 200px 500px #16a34a, 1600px 700px #22c55e,
        1000px 1400px #22c55e, 500px 900px #15803d, 1500px 500px #22c55e, 700px 200px #16a34a, 1200px 1200px #15803d,
        100px 800px #22c55e, 1400px 600px #22c55e, 600px 1500px #22c55e, 1900px 300px #22c55e, 300px 700px #22c55e,
        1700px 1000px #22c55e, 800px 400px #22c55e, 400px 1200px #22c55e, 1100px 700px #22c55e, 1500px 1300px #22c55e,
        600px 100px #22c55e, 1300px 900px #22c55e, 900px 1600px #22c55e, 200px 1100px #22c55e, 1600px 400px #22c55e,
        700px 1400px #22c55e, 1000px 200px #22c55e, 1800px 1100px #22c55e, 400px 600px #22c55e, 1200px 800px #22c55e,
        800px 1300px #22c55e, 1400px 100px #22c55e, 500px 1500px #22c55e, 1100px 500px #22c55e, 1700px 1400px #22c55e,
        300px 300px #22c55e, 900px 900px #22c55e, 1500px 700px #22c55e, 700px 1200px #22c55e, 1300px 400px #22c55e,
        100px 1400px #22c55e, 1900px 600px #16a34a, 600px 800px #22c55e, 1000px 1100px #22c55e, 1600px 200px #22c55e,
        400px 900px #22c55e, 1200px 1500px #22c55e, 800px 300px #22c55e, 1400px 1200px #22c55e, 200px 700px #22c55e,
        1800px 500px #22c55e, 500px 1300px #22c55e, 1100px 800px #22c55e, 1500px 100px #22c55e, 700px 1500px #22c55e,
        300px 1000px #16a34a, 1300px 600px #22c55e, 900px 300px #22c55e, 1700px 900px #22c55e, 600px 1200px #22c55e,
        1000px 400px #22c55e, 1600px 1300px #22c55e, 400px 800px #22c55e, 1200px 300px #22c55e, 800px 1100px #22c55e,
        200px 1500px #22c55e, 1800px 700px #22c55e, 500px 400px #22c55e, 1100px 1200px #22c55e, 1500px 800px #22c55e,
        700px 600px #22c55e, 1300px 1400px #22c55e, 300px 900px #22c55e, 900px 200px #22c55e, 1700px 1200px #22c55e,
        150px 350px #16a34a, 950px 750px #15803d, 250px 1250px #22c55e, 1450px 850px #16a34a, 350px 450px #15803d,
        750px 950px #22c55e, 1250px 1050px #16a34a, 450px 150px #15803d, 1050px 1350px #22c55e, 550px 550px #16a34a,
        1350px 750px #15803d, 850px 650px #22c55e, 650px 350px #16a34a, 1150px 950px #15803d, 250px 850px #22c55e,
        1550px 450px #16a34a, 750px 1150px #15803d, 1050px 650px #22c55e, 450px 1050px #16a34a, 1350px 250px #15803d,
        650px 1450px #22c55e, 1750px 550px #16a34a, 550px 750px #15803d, 850px 1350px #22c55e, 1450px 950px #16a34a,
        250px 650px #15803d, 1850px 1150px #22c55e, 950px 450px #16a34a, 150px 1250px #15803d, 1650px 850px #22c55e,
        750px 250px #16a34a, 1250px 650px #15803d, 350px 1450px #22c55e, 1550px 350px #16a34a, 850px 1050px #15803d,
        450px 750px #22c55e, 1050px 150px #16a34a, 1750px 1250px #15803d, 650px 950px #22c55e, 1150px 550px #16a34a,
        /* Adding 10x more stardust - Layer 1 */
        75px 125px #22c55e, 275px 325px #16a34a, 475px 525px #15803d, 675px 725px #22c55e, 875px 925px #16a34a,
        1075px 1125px #22c55e, 1275px 1325px #15803d, 1475px 1525px #22c55e, 25px 225px #16a34a, 225px 425px #22c55e,
        425px 625px #15803d, 625px 825px #22c55e, 825px 1025px #16a34a, 1025px 1225px #22c55e, 1225px 1425px #15803d,
        1425px 175px #22c55e, 1625px 375px #16a34a, 1825px 575px #22c55e, 125px 775px #15803d, 325px 975px #22c55e,
        525px 1175px #16a34a, 725px 1375px #22c55e, 925px 125px #15803d, 1125px 325px #22c55e, 1325px 525px #16a34a,
        1525px 725px #22c55e, 1725px 925px #15803d, 1925px 1125px #22c55e, 75px 1325px #16a34a, 275px 75px #22c55e,
        /* Additional dense layer */
        50px 50px #22c55e, 150px 150px #16a34a, 250px 250px #15803d, 350px 350px #22c55e, 450px 450px #16a34a,
        550px 550px #22c55e, 650px 650px #15803d, 750px 750px #22c55e, 850px 850px #16a34a, 950px 950px #22c55e,
        1050px 1050px #15803d, 1150px 1150px #22c55e, 1250px 1250px #16a34a, 1350px 1350px #22c55e, 1450px 1450px #15803d,
        1550px 50px #22c55e, 1650px 150px #16a34a, 1750px 250px #22c55e, 1850px 350px #15803d, 1950px 450px #22c55e,
        50px 550px #16a34a, 150px 650px #22c55e, 250px 750px #15803d, 350px 850px #22c55e, 450px 950px #16a34a,
        550px 1050px #22c55e, 650px 1150px #15803d, 750px 1250px #22c55e, 850px 1350px #16a34a, 950px 1450px #22c55e,
        1050px 50px #15803d, 1150px 150px #22c55e, 1250px 250px #16a34a, 1350px 350px #22c55e, 1450px 450px #15803d,
        1550px 550px #22c55e, 1650px 650px #16a34a, 1750px 750px #22c55e, 1850px 850px #15803d, 1950px 950px #22c55e,
        /* Scattered additional stars */
        88px 288px #16a34a, 188px 488px #22c55e, 288px 688px #15803d, 388px 888px #22c55e, 488px 1088px #16a34a,
        588px 1288px #22c55e, 688px 88px #15803d, 788px 288px #22c55e, 888px 488px #16a34a, 988px 688px #22c55e,
        1088px 888px #15803d, 1188px 1088px #22c55e, 1288px 1288px #16a34a, 1388px 88px #22c55e, 1488px 288px #15803d,
        1588px 488px #22c55e, 1688px 688px #16a34a, 1788px 888px #22c55e, 1888px 1088px #15803d, 1988px 1288px #22c55e,
        /* More random scattered stars */
        37px 337px #22c55e, 137px 537px #16a34a, 237px 737px #15803d, 337px 937px #22c55e, 437px 1137px #16a34a,
        537px 1337px #22c55e, 637px 137px #15803d, 737px 337px #22c55e, 837px 537px #16a34a, 937px 737px #22c55e,
        1037px 937px #15803d, 1137px 1137px #22c55e, 1237px 1337px #16a34a, 1337px 137px #22c55e, 1437px 337px #15803d,
        1537px 537px #22c55e, 1637px 737px #16a34a, 1737px 937px #22c55e, 1837px 1137px #15803d, 1937px 1337px #22c55e,
        /* Even more dense coverage */
        62px 162px #16a34a, 162px 262px #22c55e, 262px 362px #15803d, 362px 462px #22c55e, 462px 562px #16a34a,
        562px 662px #22c55e, 662px 762px #15803d, 762px 862px #22c55e, 862px 962px #16a34a, 962px 1062px #22c55e,
        1062px 1162px #15803d, 1162px 1262px #22c55e, 1262px 1362px #16a34a, 1362px 1462px #22c55e, 1462px 62px #15803d,
        1562px 162px #22c55e, 1662px 262px #16a34a, 1762px 362px #22c55e, 1862px 462px #15803d, 1962px 562px #22c55e,
        /* Final layer of additional stars */
        111px 211px #22c55e, 211px 311px #16a34a, 311px 411px #15803d, 411px 511px #22c55e, 511px 611px #16a34a,
        611px 711px #22c55e, 711px 811px #15803d, 811px 911px #22c55e, 911px 1011px #16a34a, 1011px 1111px #22c55e,
        1111px 1211px #15803d, 1211px 1311px #22c55e, 1311px 1411px #16a34a, 1411px 111px #22c55e, 1511px 211px #15803d,
        1611px 311px #22c55e, 1711px 411px #16a34a, 1811px 511px #22c55e, 1911px 611px #15803d, 111px 711px #22c55e,
        /* Adding 5x more spores - Ultra dense coverage */
        15px 315px #22c55e, 115px 415px #16a34a, 215px 515px #15803d, 315px 615px #22c55e, 415px 715px #16a34a,
        515px 815px #22c55e, 615px 915px #15803d, 715px 1015px #22c55e, 815px 1115px #16a34a, 915px 1215px #22c55e,
        1015px 1315px #15803d, 1115px 1415px #22c55e, 1215px 15px #16a34a, 1315px 115px #22c55e, 1415px 215px #15803d,
        1515px 315px #22c55e, 1615px 415px #16a34a, 1715px 515px #22c55e, 1815px 615px #15803d, 1915px 715px #22c55e,
        35px 735px #16a34a, 135px 835px #22c55e, 235px 935px #15803d, 335px 1035px #22c55e, 435px 1135px #16a34a,
        535px 1235px #22c55e, 635px 1335px #15803d, 735px 1435px #22c55e, 835px 35px #16a34a, 935px 135px #22c55e,
        1035px 235px #15803d, 1135px 335px #22c55e, 1235px 435px #16a34a, 1335px 535px #22c55e, 1435px 635px #15803d,
        1535px 735px #22c55e, 1635px 835px #16a34a, 1735px 935px #22c55e, 1835px 1035px #15803d, 1935px 1135px #22c55e,
        /* Super dense spore coverage */
        5px 105px #15803d, 105px 205px #22c55e, 205px 305px #16a34a, 305px 405px #22c55e, 405px 505px #15803d,
        505px 605px #22c55e, 605px 705px #16a34a, 705px 805px #22c55e, 805px 905px #15803d, 905px 1005px #22c55e,
        1005px 1105px #16a34a, 1105px 1205px #22c55e, 1205px 1305px #15803d, 1305px 1405px #22c55e, 1405px 5px #16a34a,
        1505px 105px #22c55e, 1605px 205px #15803d, 1705px 305px #22c55e, 1805px 405px #16a34a, 1905px 505px #22c55e,
        25px 525px #15803d, 125px 625px #22c55e, 225px 725px #16a34a, 325px 825px #22c55e, 425px 925px #15803d,
        525px 1025px #22c55e, 625px 1125px #16a34a, 725px 1225px #22c55e, 825px 1325px #15803d, 925px 1425px #22c55e,
        1025px 25px #16a34a, 1125px 125px #22c55e, 1225px 225px #15803d, 1325px 325px #22c55e, 1425px 425px #16a34a,
        1525px 525px #22c55e, 1625px 625px #15803d, 1725px 725px #22c55e, 1825px 825px #16a34a, 1925px 925px #22c55e,
        /* Extra scattered spores */
        67px 167px #22c55e, 167px 267px #16a34a, 267px 367px #15803d, 367px 467px #22c55e, 467px 567px #16a34a,
        567px 667px #22c55e, 667px 767px #15803d, 767px 867px #22c55e, 867px 967px #16a34a, 967px 1067px #22c55e,
        1067px 1167px #15803d, 1167px 1267px #22c55e, 1267px 1367px #16a34a, 1367px 1467px #22c55e, 1467px 67px #15803d,
        1567px 167px #22c55e, 1667px 267px #16a34a, 1767px 367px #22c55e, 1867px 467px #15803d, 1967px 567px #22c55e,
        /* Micro spores layer */
        13px 213px #16a34a, 113px 313px #22c55e, 213px 413px #15803d, 313px 513px #22c55e, 413px 613px #16a34a,
        513px 713px #22c55e, 613px 813px #15803d, 713px 913px #22c55e, 813px 1013px #16a34a, 913px 1113px #22c55e,
        1013px 1213px #15803d, 1113px 1313px #22c55e, 1213px 1413px #16a34a, 1313px 13px #22c55e, 1413px 113px #15803d,
        1513px 213px #22c55e, 1613px 313px #16a34a, 1713px 413px #22c55e, 1813px 513px #15803d, 1913px 613px #22c55e;
    animation-duration: 80s;
}

#stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 
        1800px 400px #22c55e, 300px 1000px #16a34a, 1100px 300px #15803d, 1700px 800px #22c55e, 900px 600px #16a34a,
        400px 1300px #22c55e, 1300px 200px #15803d, 800px 1100px #22c55e, 200px 500px #16a34a, 1600px 700px #22c55e,
        1000px 1400px #22c55e, 500px 900px #15803d, 1500px 500px #22c55e, 700px 200px #16a34a, 1200px 1200px #15803d,
        100px 800px #22c55e, 1400px 600px #22c55e, 600px 1500px #22c55e, 1900px 300px #22c55e, 300px 700px #22c55e,
        1700px 1000px #22c55e, 800px 400px #22c55e, 400px 1200px #22c55e, 1100px 700px #22c55e, 1500px 1300px #22c55e,
        600px 100px #22c55e, 1300px 900px #22c55e, 900px 1600px #22c55e, 200px 1100px #22c55e, 1600px 400px #22c55e,
        700px 1400px #22c55e, 1000px 200px #22c55e, 1800px 1100px #22c55e, 400px 600px #22c55e, 1200px 800px #22c55e,
        800px 1300px #22c55e, 1400px 100px #22c55e, 500px 1500px #22c55e, 1100px 500px #22c55e, 1700px 1400px #22c55e,
        300px 300px #22c55e, 900px 900px #22c55e, 1500px 700px #22c55e, 700px 1200px #22c55e, 1300px 400px #22c55e,
        100px 1400px #22c55e, 1900px 600px #16a34a, 600px 800px #22c55e, 1000px 1100px #22c55e, 1600px 200px #22c55e,
        400px 900px #22c55e, 1200px 1500px #22c55e, 800px 300px #22c55e, 1400px 1200px #22c55e, 200px 700px #22c55e,
        1800px 500px #22c55e, 500px 1300px #22c55e, 1100px 800px #22c55e, 1500px 100px #22c55e, 700px 1500px #22c55e,
        300px 1000px #16a34a, 1300px 600px #22c55e, 900px 300px #22c55e, 1700px 900px #22c55e, 600px 1200px #22c55e,
        1000px 400px #22c55e, 1600px 1300px #22c55e, 400px 800px #22c55e, 1200px 300px #22c55e, 800px 1100px #22c55e,
        200px 1500px #22c55e, 1800px 700px #22c55e, 500px 400px #22c55e, 1100px 1200px #22c55e, 1500px 800px #22c55e,
        700px 600px #22c55e, 1300px 1400px #22c55e, 300px 900px #22c55e, 900px 200px #22c55e, 1700px 1200px #22c55e,
        175px 425px #15803d, 875px 825px #22c55e, 275px 1125px #16a34a, 1375px 925px #15803d, 375px 525px #22c55e,
        775px 1025px #16a34a, 1175px 1125px #15803d, 475px 225px #22c55e, 975px 1425px #16a34a, 575px 625px #15803d,
        1275px 825px #22c55e, 875px 725px #16a34a, 675px 425px #15803d, 1075px 1025px #22c55e, 275px 925px #16a34a,
        1475px 525px #15803d, 775px 1225px #22c55e, 975px 725px #16a34a, 475px 1125px #15803d, 1275px 325px #22c55e,
        675px 1525px #16a34a, 1675px 625px #15803d, 575px 825px #22c55e, 875px 1425px #16a34a, 1375px 1025px #15803d,
        275px 725px #22c55e, 1775px 1225px #16a34a, 875px 525px #15803d, 175px 1325px #22c55e, 1575px 925px #16a34a,
        775px 325px #15803d, 1175px 725px #22c55e, 375px 1525px #16a34a, 1475px 425px #15803d, 875px 1125px #22c55e,
        475px 825px #16a34a, 975px 225px #15803d, 1675px 1325px #22c55e, 675px 1025px #16a34a, 1075px 625px #15803d,
        /* Adding massive additional stardust for :after */
        25px 425px #22c55e, 125px 525px #16a34a, 225px 625px #15803d, 325px 725px #22c55e, 425px 825px #16a34a,
        525px 925px #22c55e, 625px 1025px #15803d, 725px 1125px #22c55e, 825px 1225px #16a34a, 925px 1325px #22c55e,
        1025px 1425px #15803d, 1125px 25px #22c55e, 1225px 125px #16a34a, 1325px 225px #22c55e, 1425px 325px #15803d,
        1525px 425px #22c55e, 1625px 525px #16a34a, 1725px 625px #22c55e, 1825px 725px #15803d, 1925px 825px #22c55e,
        75px 875px #16a34a, 175px 975px #22c55e, 275px 1075px #15803d, 375px 1175px #22c55e, 475px 1275px #16a34a,
        575px 1375px #22c55e, 675px 1475px #15803d, 775px 75px #22c55e, 875px 175px #16a34a, 975px 275px #22c55e,
        1075px 375px #15803d, 1175px 475px #22c55e, 1275px 575px #16a34a, 1375px 675px #22c55e, 1475px 775px #15803d,
        1575px 875px #22c55e, 1675px 975px #16a34a, 1775px 1075px #22c55e, 1875px 1175px #15803d, 1975px 1275px #22c55e,
        /* Dense coverage for :after element */
        55px 155px #15803d, 155px 255px #22c55e, 255px 355px #16a34a, 355px 455px #22c55e, 455px 555px #15803d,
        555px 655px #22c55e, 655px 755px #16a34a, 755px 855px #22c55e, 855px 955px #15803d, 955px 1055px #22c55e,
        1055px 1155px #16a34a, 1155px 1255px #22c55e, 1255px 1355px #15803d, 1355px 1455px #22c55e, 1455px 55px #16a34a,
        1555px 155px #22c55e, 1655px 255px #15803d, 1755px 355px #22c55e, 1855px 455px #16a34a, 1955px 555px #22c55e,
        /* Additional scattered :after stars */
        33px 233px #22c55e, 133px 333px #16a34a, 233px 433px #15803d, 333px 533px #22c55e, 433px 633px #16a34a,
        533px 733px #22c55e, 633px 833px #15803d, 733px 933px #22c55e, 833px 1033px #16a34a, 933px 1133px #22c55e,
        1033px 1233px #15803d, 1133px 1333px #22c55e, 1233px 1433px #16a34a, 1333px 33px #22c55e, 1433px 133px #15803d,
        1533px 233px #22c55e, 1633px 333px #16a34a, 1733px 433px #22c55e, 1833px 533px #15803d, 1933px 633px #22c55e,
        /* Adding 5x more spores to stars:after */
        17px 217px #15803d, 117px 317px #22c55e, 217px 417px #16a34a, 317px 517px #22c55e, 417px 617px #15803d,
        517px 717px #22c55e, 617px 817px #16a34a, 717px 917px #22c55e, 817px 1017px #15803d, 917px 1117px #22c55e,
        1017px 1217px #16a34a, 1117px 1317px #22c55e, 1217px 1417px #15803d, 1317px 17px #22c55e, 1417px 117px #16a34a,
        1517px 217px #22c55e, 1617px 317px #15803d, 1717px 417px #22c55e, 1817px 517px #16a34a, 1917px 617px #22c55e,
        /* Extra dense :after spores */
        7px 107px #22c55e, 107px 207px #16a34a, 207px 307px #15803d, 307px 407px #22c55e, 407px 507px #16a34a,
        507px 607px #22c55e, 607px 707px #15803d, 707px 807px #22c55e, 807px 907px #16a34a, 907px 1007px #22c55e,
        1007px 1107px #15803d, 1107px 1207px #22c55e, 1207px 1307px #16a34a, 1307px 1407px #22c55e, 1407px 7px #15803d,
        1507px 107px #22c55e, 1607px 207px #16a34a, 1707px 307px #22c55e, 1807px 407px #15803d, 1907px 507px #22c55e;
}

#stars2 {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    opacity: 0.9;
    box-shadow: 
        700px 200px #16a34a, 1200px 800px #22c55e, 400px 1300px #22c55e, 1600px 400px #22c55e, 800px 900px #22c55e,
        200px 500px #16a34a, 1400px 1100px #22c55e, 600px 700px #22c55e, 1000px 300px #22c55e, 1800px 1200px #22c55e,
        300px 1000px #16a34a, 900px 500px #22c55e, 1300px 200px #15803d, 500px 1400px #22c55e, 1100px 800px #22c55e,
        1500px 600px #22c55e, 700px 1300px #22c55e, 100px 900px #22c55e, 1700px 300px #22c55e, 400px 1100px #22c55e,
        1200px 400px #22c55e, 800px 1500px #22c55e, 1600px 700px #22c55e, 200px 1200px #22c55e, 1000px 100px #22c55e,
        600px 1000px #22c55e, 1400px 500px #22c55e, 300px 800px #22c55e, 1800px 900px #22c55e, 900px 1400px #22c55e,
        500px 200px #22c55e, 1100px 1300px #22c55e, 1300px 600px #22c55e, 700px 400px #22c55e, 1500px 1000px #22c55e,
        100px 1100px #22c55e, 1700px 800px #22c55e, 400px 300px #22c55e, 1200px 1400px #22c55e, 800px 600px #22c55e,
        1600px 100px #22c55e, 200px 1300px #22c55e, 1000px 900px #22c55e, 600px 500px #22c55e, 1400px 1200px #22c55e,
        120px 420px #15803d, 920px 720px #16a34a, 320px 1020px #22c55e, 1320px 820px #15803d, 420px 520px #16a34a,
        720px 1220px #22c55e, 1120px 1120px #15803d, 520px 220px #16a34a, 820px 1420px #22c55e, 1220px 620px #15803d,
        620px 320px #16a34a, 1420px 920px #22c55e, 220px 1220px #15803d, 1020px 520px #16a34a, 520px 820px #22c55e,
        1520px 420px #15803d, 820px 1120px #16a34a, 420px 720px #22c55e, 1120px 1020px #15803d, 720px 220px #16a34a,
        1320px 1320px #22c55e, 620px 920px #15803d, 920px 620px #16a34a, 320px 1420px #22c55e, 1420px 720px #15803d,
        220px 1020px #16a34a, 1820px 1220px #22c55e, 920px 320px #15803d, 120px 1320px #16a34a, 1620px 820px #22c55e,
        820px 120px #15803d, 1220px 720px #16a34a, 420px 1520px #22c55e, 1520px 320px #15803d, 720px 1020px #16a34a,
        520px 620px #22c55e, 1020px 220px #15803d, 1720px 1120px #16a34a, 620px 1420px #22c55e, 1120px 520px #15803d,
        /* Adding 10x more stardust - Layer 2 */
        90px 190px #22c55e, 290px 390px #16a34a, 490px 590px #15803d, 690px 790px #22c55e, 890px 990px #16a34a,
        1090px 1190px #22c55e, 1290px 1390px #15803d, 1490px 90px #22c55e, 40px 240px #16a34a, 240px 440px #22c55e,
        440px 640px #15803d, 640px 840px #22c55e, 840px 1040px #16a34a, 1040px 1240px #22c55e, 1240px 1440px #15803d,
        1440px 190px #22c55e, 1640px 390px #16a34a, 1840px 590px #22c55e, 140px 790px #15803d, 340px 990px #22c55e,
        540px 1190px #16a34a, 740px 1390px #22c55e, 940px 140px #15803d, 1140px 340px #22c55e, 1340px 540px #16a34a,
        1540px 740px #22c55e, 1740px 940px #15803d, 1940px 1140px #22c55e, 90px 1340px #16a34a, 290px 90px #22c55e,
        /* Medium density layer 2 */
        65px 165px #16a34a, 165px 265px #22c55e, 265px 365px #15803d, 365px 465px #22c55e, 465px 565px #16a34a,
        565px 665px #22c55e, 665px 765px #15803d, 765px 865px #22c55e, 865px 965px #16a34a, 965px 1065px #22c55e,
        1065px 1165px #15803d, 1165px 1265px #22c55e, 1265px 1365px #16a34a, 1365px 1465px #22c55e, 1465px 65px #15803d,
        1565px 165px #22c55e, 1665px 265px #16a34a, 1765px 365px #22c55e, 1865px 465px #15803d, 1965px 565px #22c55e,
        65px 665px #16a34a, 165px 765px #22c55e, 265px 865px #15803d, 365px 965px #22c55e, 465px 1065px #16a34a,
        565px 1165px #22c55e, 665px 1265px #15803d, 765px 1365px #22c55e, 865px 1465px #16a34a, 965px 65px #22c55e,
        /* Dense scattered pattern layer 2 */
        105px 305px #15803d, 305px 505px #22c55e, 505px 705px #16a34a, 705px 905px #22c55e, 905px 1105px #15803d,
        1105px 1305px #22c55e, 1305px 105px #16a34a, 1505px 305px #22c55e, 1705px 505px #15803d, 1905px 705px #22c55e,
        105px 905px #16a34a, 305px 1105px #22c55e, 505px 1305px #15803d, 705px 105px #22c55e, 905px 305px #16a34a,
        1105px 505px #22c55e, 1305px 705px #15803d, 1505px 905px #22c55e, 1705px 1105px #16a34a, 1905px 1305px #22c55e,
        /* Additional random placement layer 2 */
        77px 277px #22c55e, 177px 377px #16a34a, 277px 477px #15803d, 377px 577px #22c55e, 477px 677px #16a34a,
        577px 777px #22c55e, 677px 877px #15803d, 777px 977px #22c55e, 877px 1077px #16a34a, 977px 1177px #22c55e,
        1077px 1277px #15803d, 1177px 1377px #22c55e, 1277px 1477px #16a34a, 1377px 77px #22c55e, 1477px 177px #15803d,
        1577px 277px #22c55e, 1677px 377px #16a34a, 1777px 477px #22c55e, 1877px 577px #15803d, 1977px 677px #22c55e,
        /* Extra scattered coverage layer 2 */
        123px 223px #16a34a, 223px 323px #22c55e, 323px 423px #15803d, 423px 523px #22c55e, 523px 623px #16a34a,
        623px 723px #22c55e, 723px 823px #15803d, 823px 923px #22c55e, 923px 1023px #16a34a, 1023px 1123px #22c55e,
        1123px 1223px #15803d, 1223px 1323px #22c55e, 1323px 1423px #16a34a, 1423px 123px #22c55e, 1523px 223px #15803d,
        1623px 323px #22c55e, 1723px 423px #16a34a, 1823px 523px #22c55e, 1923px 623px #15803d, 123px 723px #22c55e,
        /* Adding 5x more spores to stars2 - Medium sized spores */
        30px 330px #16a34a, 130px 430px #22c55e, 230px 530px #15803d, 330px 630px #22c55e, 430px 730px #16a34a,
        530px 830px #22c55e, 630px 930px #15803d, 730px 1030px #22c55e, 830px 1130px #16a34a, 930px 1230px #22c55e,
        1030px 1330px #15803d, 1130px 1430px #22c55e, 1230px 30px #16a34a, 1330px 130px #22c55e, 1430px 230px #15803d,
        1530px 330px #22c55e, 1630px 430px #16a34a, 1730px 530px #22c55e, 1830px 630px #15803d, 1930px 730px #22c55e,
        50px 750px #15803d, 150px 850px #22c55e, 250px 950px #16a34a, 350px 1050px #22c55e, 450px 1150px #15803d,
        550px 1250px #22c55e, 650px 1350px #16a34a, 750px 1450px #22c55e, 850px 50px #15803d, 950px 150px #22c55e,
        1050px 250px #16a34a, 1150px 350px #22c55e, 1250px 450px #15803d, 1350px 550px #22c55e, 1450px 650px #16a34a,
        1550px 750px #22c55e, 1650px 850px #15803d, 1750px 950px #22c55e, 1850px 1050px #16a34a, 1950px 1150px #22c55e,
        /* Dense medium spore grid */
        10px 110px #22c55e, 110px 210px #16a34a, 210px 310px #15803d, 310px 410px #22c55e, 410px 510px #16a34a,
        510px 610px #22c55e, 610px 710px #15803d, 710px 810px #22c55e, 810px 910px #16a34a, 910px 1010px #22c55e,
        1010px 1110px #15803d, 1110px 1210px #22c55e, 1210px 1310px #16a34a, 1310px 1410px #22c55e, 1410px 10px #15803d,
        1510px 110px #22c55e, 1610px 210px #16a34a, 1710px 310px #22c55e, 1810px 410px #15803d, 1910px 510px #22c55e,
        /* Scattered medium spores */
        85px 185px #15803d, 185px 285px #22c55e, 285px 385px #16a34a, 385px 485px #22c55e, 485px 585px #15803d,
        585px 685px #22c55e, 685px 785px #16a34a, 785px 885px #22c55e, 885px 985px #15803d, 985px 1085px #22c55e,
        1085px 1185px #16a34a, 1185px 1285px #22c55e, 1285px 1385px #15803d, 1385px 1485px #22c55e, 1485px 85px #16a34a,
        1585px 185px #22c55e, 1685px 285px #15803d, 1785px 385px #22c55e, 1885px 485px #16a34a, 1985px 585px #22c55e;
    animation-duration: 120s;
}

#stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 
        700px 200px #16a34a, 1200px 800px #22c55e, 400px 1300px #22c55e, 1600px 400px #22c55e, 800px 900px #22c55e,
        200px 500px #16a34a, 1400px 1100px #22c55e, 600px 700px #22c55e, 1000px 300px #22c55e, 1800px 1200px #22c55e,
        300px 1000px #16a34a, 900px 500px #22c55e, 1300px 200px #15803d, 500px 1400px #22c55e, 1100px 800px #22c55e,
        1500px 600px #22c55e, 700px 1300px #22c55e, 100px 900px #22c55e, 1700px 300px #22c55e, 400px 1100px #22c55e,
        1200px 400px #22c55e, 800px 1500px #22c55e, 1600px 700px #22c55e, 200px 1200px #22c55e, 1000px 100px #22c55e,
        600px 1000px #22c55e, 1400px 500px #22c55e, 300px 800px #22c55e, 1800px 900px #22c55e, 900px 1400px #22c55e,
        500px 200px #22c55e, 1100px 1300px #22c55e, 1300px 600px #22c55e, 700px 400px #22c55e, 1500px 1000px #22c55e,
        100px 1100px #22c55e, 1700px 800px #22c55e, 400px 300px #22c55e, 1200px 1400px #22c55e, 800px 600px #22c55e,
        1600px 100px #22c55e, 200px 1300px #22c55e, 1000px 900px #22c55e, 600px 500px #22c55e, 1400px 1200px #22c55e,
        /* Massive stardust addition for stars2:after */
        40px 240px #16a34a, 140px 340px #22c55e, 240px 440px #15803d, 340px 540px #22c55e, 440px 640px #16a34a,
        540px 740px #22c55e, 640px 840px #15803d, 740px 940px #22c55e, 840px 1040px #16a34a, 940px 1140px #22c55e,
        1040px 1240px #15803d, 1140px 1340px #22c55e, 1240px 1440px #16a34a, 1340px 40px #22c55e, 1440px 140px #15803d,
        1540px 240px #22c55e, 1640px 340px #16a34a, 1740px 440px #22c55e, 1840px 540px #15803d, 1940px 640px #22c55e,
        90px 790px #16a34a, 190px 890px #22c55e, 290px 990px #15803d, 390px 1090px #22c55e, 490px 1190px #16a34a,
        590px 1290px #22c55e, 690px 1390px #15803d, 790px 1490px #22c55e, 890px 90px #16a34a, 990px 190px #22c55e,
        1090px 290px #15803d, 1190px 390px #22c55e, 1290px 490px #16a34a, 1390px 590px #22c55e, 1490px 690px #15803d,
        1590px 790px #22c55e, 1690px 890px #16a34a, 1790px 990px #22c55e, 1890px 1090px #15803d, 1990px 1190px #22c55e,
        /* Dense grid for stars2:after */
        70px 170px #22c55e, 170px 270px #16a34a, 270px 370px #15803d, 370px 470px #22c55e, 470px 570px #16a34a,
        570px 670px #22c55e, 670px 770px #15803d, 770px 870px #22c55e, 870px 970px #16a34a, 970px 1070px #22c55e,
        1070px 1170px #15803d, 1170px 1270px #22c55e, 1270px 1370px #16a34a, 1370px 1470px #22c55e, 1470px 70px #15803d,
        1570px 170px #22c55e, 1670px 270px #16a34a, 1770px 370px #22c55e, 1870px 470px #15803d, 1970px 570px #22c55e,
        /* Adding 5x more spores to stars2:after */
        45px 245px #22c55e, 145px 345px #16a34a, 245px 445px #15803d, 345px 545px #22c55e, 445px 645px #16a34a,
        545px 745px #22c55e, 645px 845px #15803d, 745px 945px #22c55e, 845px 1045px #16a34a, 945px 1145px #22c55e,
        1045px 1245px #15803d, 1145px 1345px #22c55e, 1245px 1445px #16a34a, 1345px 45px #22c55e, 1445px 145px #15803d,
        1545px 245px #22c55e, 1645px 345px #16a34a, 1745px 445px #22c55e, 1845px 545px #15803d, 1945px 645px #22c55e,
        /* Medium :after spore grid */
        95px 295px #15803d, 195px 395px #22c55e, 295px 495px #16a34a, 395px 595px #22c55e, 495px 695px #15803d,
        595px 795px #22c55e, 695px 895px #16a34a, 795px 995px #22c55e, 895px 1095px #15803d, 995px 1195px #22c55e,
        1095px 1295px #16a34a, 1195px 1395px #22c55e, 1295px 1495px #15803d, 1395px 95px #22c55e, 1495px 195px #16a34a,
        1595px 295px #22c55e, 1695px 395px #15803d, 1795px 495px #22c55e, 1895px 595px #16a34a, 1995px 695px #22c55e;
}

#stars3 {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    opacity: 0.8;
    box-shadow: 
        1400px 600px #22c55e, 800px 1200px #22c55e, 200px 400px #22c55e, 1600px 900px #22c55e, 400px 1100px #22c55e,
        1000px 300px #22c55e, 600px 1400px #22c55e, 1200px 700px #22c55e, 300px 800px #22c55e, 1800px 200px #22c55e,
        500px 1300px #22c55e, 900px 500px #22c55e, 1300px 1000px #16a34a, 100px 700px #22c55e, 1500px 400px #22c55e,
        700px 1100px #22c55e, 1100px 800px #22c55e, 1700px 1300px #22c55e, 300px 500px #22c55e, 800px 200px #22c55e,
        1200px 1400px #22c55e, 400px 900px #22c55e, 1600px 600px #22c55e, 200px 1200px #22c55e, 1000px 1000px #22c55e,
        600px 300px #22c55e, 1400px 1100px #22c55e, 900px 800px #22c55e, 1300px 400px #22c55e, 500px 1500px #22c55e,
        1100px 200px #22c55e, 700px 1300px #22c55e, 1500px 900px #15803d, 100px 600px #22c55e, 1700px 1200px #22c55e,
        400px 700px #22c55e, 1200px 300px #22c55e, 800px 1400px #22c55e, 1600px 1000px #22c55e, 300px 1100px #22c55e,
        80px 380px #16a34a, 880px 680px #15803d, 280px 980px #22c55e, 1280px 780px #16a34a, 380px 480px #15803d,
        680px 1180px #22c55e, 1080px 1080px #16a34a, 480px 180px #15803d, 780px 1380px #22c55e, 1180px 580px #16a34a,
        580px 280px #15803d, 1380px 880px #22c55e, 180px 1180px #16a34a, 980px 480px #15803d, 480px 780px #22c55e,
        1480px 380px #16a34a, 780px 1080px #15803d, 380px 680px #22c55e, 1080px 980px #16a34a, 680px 180px #15803d,
        1280px 1280px #22c55e, 580px 880px #16a34a, 880px 580px #15803d, 280px 1380px #22c55e, 1380px 680px #16a34a,
        180px 980px #15803d, 1780px 1180px #22c55e, 880px 280px #16a34a, 80px 1280px #15803d, 1580px 780px #22c55e,
        780px 80px #16a34a, 1180px 680px #15803d, 380px 1480px #22c55e, 1480px 280px #16a34a, 680px 980px #15803d,
        480px 580px #22c55e, 980px 180px #16a34a, 1680px 1080px #15803d, 580px 1380px #22c55e, 1080px 480px #16a34a,
        280px 780px #15803d, 1880px 880px #22c55e, 780px 380px #16a34a, 180px 1480px #15803d, 1680px 580px #22c55e,
        880px 1180px #16a34a, 480px 780px #15803d, 1080px 80px #22c55e, 680px 1280px #16a34a, 1280px 1080px #15803d,
        /* Adding 10x more stardust - Layer 3 (largest stars) */
        110px 210px #22c55e, 310px 410px #16a34a, 510px 610px #15803d, 710px 810px #22c55e, 910px 1010px #16a34a,
        1110px 1210px #22c55e, 1310px 1410px #15803d, 1510px 110px #22c55e, 60px 260px #16a34a, 260px 460px #22c55e,
        460px 660px #15803d, 660px 860px #22c55e, 860px 1060px #16a34a, 1060px 1260px #22c55e, 1260px 1460px #15803d,
        1460px 210px #22c55e, 1660px 410px #16a34a, 1860px 610px #22c55e, 160px 810px #15803d, 360px 1010px #22c55e,
        560px 1210px #16a34a, 760px 1410px #22c55e, 960px 160px #15803d, 1160px 360px #22c55e, 1360px 560px #16a34a,
        1560px 760px #22c55e, 1760px 960px #15803d, 1960px 1160px #22c55e, 110px 1360px #16a34a, 310px 110px #22c55e,
        /* Large star diagonal pattern */
        85px 285px #15803d, 285px 485px #22c55e, 485px 685px #16a34a, 685px 885px #22c55e, 885px 1085px #15803d,
        1085px 1285px #22c55e, 1285px 1485px #16a34a, 1485px 85px #22c55e, 85px 485px #15803d, 285px 685px #22c55e,
        485px 885px #16a34a, 685px 1085px #22c55e, 885px 1285px #15803d, 1085px 1485px #22c55e, 1285px 85px #16a34a,
        1485px 285px #22c55e, 1685px 485px #15803d, 1885px 685px #22c55e, 85px 885px #16a34a, 285px 1085px #22c55e,
        /* Dense coverage for layer 3 */
        135px 235px #22c55e, 235px 335px #16a34a, 335px 435px #15803d, 435px 535px #22c55e, 535px 635px #16a34a,
        635px 735px #22c55e, 735px 835px #15803d, 835px 935px #22c55e, 935px 1035px #16a34a, 1035px 1135px #22c55e,
        1135px 1235px #15803d, 1235px 1335px #22c55e, 1335px 1435px #16a34a, 1435px 135px #22c55e, 1535px 235px #15803d,
        1635px 335px #22c55e, 1735px 435px #16a34a, 1835px 535px #22c55e, 1935px 635px #15803d, 135px 735px #22c55e,
        /* Scattered layer 3 additions */
        95px 395px #16a34a, 395px 595px #22c55e, 595px 795px #15803d, 795px 995px #22c55e, 995px 1195px #16a34a,
        1195px 1395px #22c55e, 1395px 95px #15803d, 1595px 395px #22c55e, 1795px 595px #16a34a, 1995px 795px #22c55e,
        95px 995px #15803d, 395px 1195px #22c55e, 595px 1395px #16a34a, 795px 95px #22c55e, 995px 395px #15803d,
        1195px 595px #22c55e, 1395px 795px #16a34a, 1595px 995px #22c55e, 1795px 1195px #15803d, 1995px 1395px #22c55e,
        /* Final dense layer additions */
        45px 145px #22c55e, 145px 245px #16a34a, 245px 345px #15803d, 345px 445px #22c55e, 445px 545px #16a34a,
        545px 645px #22c55e, 645px 745px #15803d, 745px 845px #22c55e, 845px 945px #16a34a, 945px 1045px #22c55e,
        1045px 1145px #15803d, 1145px 1245px #22c55e, 1245px 1345px #16a34a, 1345px 1445px #22c55e, 1445px 45px #15803d,
        1545px 145px #22c55e, 1645px 245px #16a34a, 1745px 345px #22c55e, 1845px 445px #15803d, 1945px 545px #22c55e,
        /* Adding 5x more large spores to stars3 */
        45px 345px #15803d, 145px 445px #22c55e, 245px 545px #16a34a, 345px 645px #22c55e, 445px 745px #15803d,
        545px 845px #22c55e, 645px 945px #16a34a, 745px 1045px #22c55e, 845px 1145px #15803d, 945px 1245px #22c55e,
        1045px 1345px #16a34a, 1145px 1445px #22c55e, 1245px 45px #15803d, 1345px 145px #22c55e, 1445px 245px #16a34a,
        1545px 345px #22c55e, 1645px 445px #15803d, 1745px 545px #22c55e, 1845px 645px #16a34a, 1945px 745px #22c55e,
        65px 765px #16a34a, 165px 865px #22c55e, 265px 965px #15803d, 365px 1065px #22c55e, 465px 1165px #16a34a,
        565px 1265px #22c55e, 665px 1365px #15803d, 765px 1465px #22c55e, 865px 65px #16a34a, 965px 165px #22c55e,
        1065px 265px #15803d, 1165px 365px #22c55e, 1265px 465px #16a34a, 1365px 565px #22c55e, 1465px 665px #15803d,
        1565px 765px #22c55e, 1665px 865px #16a34a, 1765px 965px #22c55e, 1865px 1065px #15803d, 1965px 1165px #22c55e,
        /* Large spore cross pattern */
        125px 325px #22c55e, 325px 525px #16a34a, 525px 725px #15803d, 725px 925px #22c55e, 925px 1125px #16a34a,
        1125px 1325px #22c55e, 1325px 125px #15803d, 1525px 325px #22c55e, 1725px 525px #16a34a, 1925px 725px #22c55e,
        125px 925px #15803d, 325px 1125px #22c55e, 525px 1325px #16a34a, 725px 125px #22c55e, 925px 325px #15803d,
        1125px 525px #22c55e, 1325px 725px #16a34a, 1525px 925px #22c55e, 1725px 1125px #15803d, 1925px 1325px #22c55e,
        /* Mega spore coverage */
        75px 275px #16a34a, 275px 475px #22c55e, 475px 675px #15803d, 675px 875px #22c55e, 875px 1075px #16a34a,
        1075px 1275px #22c55e, 1275px 1475px #15803d, 1475px 75px #22c55e, 1675px 275px #16a34a, 1875px 475px #22c55e,
        75px 675px #15803d, 275px 875px #22c55e, 475px 1075px #16a34a, 675px 1275px #22c55e, 875px 1475px #15803d,
        1075px 75px #22c55e, 1275px 275px #16a34a, 1475px 475px #22c55e, 1675px 675px #15803d, 1875px 875px #22c55e;
    animation-duration: 160s;
}

#stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 
        1400px 600px #22c55e, 800px 1200px #22c55e, 200px 400px #22c55e, 1600px 900px #22c55e, 400px 1100px #22c55e,
        1000px 300px #22c55e, 600px 1400px #22c55e, 1200px 700px #22c55e, 300px 800px #22c55e, 1800px 200px #22c55e,
        500px 1300px #22c55e, 900px 500px #22c55e, 1300px 1000px #16a34a, 100px 700px #22c55e, 1500px 400px #22c55e,
        700px 1100px #22c55e, 1100px 800px #22c55e, 1700px 1300px #22c55e, 300px 500px #22c55e, 800px 200px #22c55e,
        1200px 1400px #22c55e, 400px 900px #22c55e, 1600px 600px #22c55e, 200px 1200px #22c55e, 1000px 1000px #22c55e,
        600px 300px #22c55e, 1400px 1100px #22c55e, 900px 800px #22c55e, 1300px 400px #22c55e, 500px 1500px #22c55e,
        1100px 200px #22c55e, 700px 1300px #22c55e, 1500px 900px #15803d, 100px 600px #22c55e, 1700px 1200px #22c55e,
        400px 700px #22c55e, 1200px 300px #22c55e, 800px 1400px #22c55e, 1600px 1000px #22c55e, 300px 1100px #22c55e,
        /* Massive stardust finale for stars3:after */
        120px 320px #15803d, 320px 520px #22c55e, 520px 720px #16a34a, 720px 920px #22c55e, 920px 1120px #15803d,
        1120px 1320px #22c55e, 1320px 1520px #16a34a, 1520px 120px #22c55e, 20px 220px #15803d, 220px 420px #22c55e,
        420px 620px #16a34a, 620px 820px #22c55e, 820px 1020px #15803d, 1020px 1220px #22c55e, 1220px 1420px #16a34a,
        1420px 20px #22c55e, 1620px 220px #15803d, 1820px 420px #22c55e, 20px 620px #16a34a, 220px 820px #22c55e,
        420px 1020px #15803d, 620px 1220px #22c55e, 820px 1420px #16a34a, 1020px 20px #22c55e, 1220px 220px #15803d,
        1420px 420px #22c55e, 1620px 620px #16a34a, 1820px 820px #22c55e, 20px 1020px #15803d, 220px 1220px #22c55e,
        /* Ultra-dense large stars coverage */
        80px 280px #22c55e, 280px 480px #16a34a, 480px 680px #15803d, 680px 880px #22c55e, 880px 1080px #16a34a,
        1080px 1280px #22c55e, 1280px 1480px #15803d, 1480px 80px #22c55e, 80px 480px #16a34a, 280px 680px #22c55e,
        480px 880px #15803d, 680px 1080px #22c55e, 880px 1280px #16a34a, 1080px 1480px #22c55e, 1280px 80px #15803d,
        1480px 280px #22c55e, 1680px 480px #16a34a, 1880px 680px #22c55e, 80px 880px #15803d, 280px 1080px #22c55e,
        480px 1280px #16a34a, 680px 1480px #22c55e, 880px 80px #15803d, 1080px 280px #22c55e, 1280px 480px #16a34a,
        1480px 680px #22c55e, 1680px 880px #15803d, 1880px 1080px #22c55e, 80px 1280px #16a34a, 280px 1480px #22c55e,
        /* Adding 5x more large spores to stars3:after */
        55px 355px #22c55e, 155px 455px #16a34a, 255px 555px #15803d, 355px 655px #22c55e, 455px 755px #16a34a,
        555px 855px #22c55e, 655px 955px #15803d, 755px 1055px #22c55e, 855px 1155px #16a34a, 955px 1255px #22c55e,
        1055px 1355px #15803d, 1155px 1455px #22c55e, 1255px 55px #16a34a, 1355px 155px #22c55e, 1455px 255px #15803d,
        1555px 355px #22c55e, 1655px 455px #16a34a, 1755px 555px #22c55e, 1855px 655px #15803d, 1955px 755px #22c55e,
        /* Ultra-large :after spores finale */
        105px 405px #15803d, 305px 605px #22c55e, 505px 805px #16a34a, 705px 1005px #22c55e, 905px 1205px #15803d,
        1105px 1405px #22c55e, 1305px 105px #16a34a, 1505px 305px #22c55e, 1705px 505px #15803d, 1905px 705px #22c55e,
        105px 905px #16a34a, 305px 1105px #22c55e, 505px 1305px #15803d, 705px 105px #22c55e, 905px 305px #16a34a,
        1105px 505px #22c55e, 1305px 705px #15803d, 1505px 905px #22c55e, 1705px 1105px #16a34a, 1905px 1305px #22c55e;
}

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

/* Hero */
.hero {
    position: relative;
    padding: 120px 0 60px;
    text-align: center;
    background: 
        linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
        url('images/farmer.png');
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    min-height: auto;
    height: 70vh;
    display: flex;
    align-items: center;
}

.hero-title {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    position: relative;
    z-index: 10;
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: 2px;
}

.subtitle {
    display: block;
    font-size: 2rem;
    margin-top: 0.5rem;
    color: var(--accent-color);
}

.hero-description {
    font-size: 1.5rem;
    max-width: 700px;
    margin: 0 auto 2rem;
    color: var(--text-dark);
    font-weight: 400;
    position: relative;
    z-index: 10;
    text-shadow: none;
    line-height: 1.4;
}

.hero-actions {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 10;
}

/* Buttons */
.btn {
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-size: 1rem;
}

.btn-primary {
    background: var(--primary-color);
    color: var(--text-light);
}

.btn-primary:hover {
    background: var(--secondary-color);
    transform: translateY(-2px);
}

.btn-secondary {
    background: var(--primary-color);
    color: var(--text-light);
}

.btn-secondary:hover {
    background: var(--secondary-color);
    transform: translateY(-2px);
}

/* Sections */
section {
    padding: 80px 0;
}

section h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 3rem;
    font-weight: 700;
}

/* Timeline */
.timeline {
    background: rgba(248, 250, 252, 0.8);
}

.timeline-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

@media (max-width: 1200px) {
    .timeline-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .timeline-grid {
        grid-template-columns: 1fr;
    }
}

.phase {
    background: var(--light-bg);
    padding: 2rem;
    border-radius: 12px;
    border: 1px solid rgba(16, 185, 129, 0.2);
    transition: transform 0.3s ease;
    box-shadow: var(--shadow);
}

.phase:hover {
    transform: translateY(-5px);
    border-color: var(--primary-color);
}

.phase-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: var(--text-light);
    border-radius: 50%;
    font-weight: 700;
    margin-bottom: 1rem;
}

.phase h3 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    color: var(--primary-color);
}

.phase-outcome {
    margin-top: 1rem;
    padding: 0.5rem;
    background: rgba(16, 185, 129, 0.1);
    border-radius: 6px;
    font-weight: 500;
    color: var(--primary-color);
}

/* Prizes */
.prizes {
    background: rgba(248, 250, 252, 0.8);
}

.prizes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.prize-category {
    background: var(--light-bg);
    padding: 2rem;
    border-radius: 12px;
    text-align: center;
    border: 1px solid rgba(245, 158, 11, 0.2);
    box-shadow: var(--shadow);
}

.prize-category h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: var(--accent-color);
}

.prize-category ul {
    list-style: none;
}

.prize-category li {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-color);
    color: var(--text-dark);
}

.prize-category li:last-child {
    border-bottom: none;
}

/* Residency Showcase */
.residency-showcase {
    margin-top: 4rem;
    padding: 3rem;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border-radius: 16px;
    color: var(--text-light);
    text-align: center;
}

.residency-showcase h3 {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: var(--text-light);
}

.residency-dates {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: var(--accent-color);
}

.residency-description {
    font-size: 1.1rem;
    max-width: 800px;
    margin: 0 auto 2rem;
    line-height: 1.7;
}

.residency-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.residency-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.residency-image:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
    .residency-showcase {
        padding: 2rem 1rem;
        margin-top: 3rem;
    }
    
    .residency-showcase h3 {
        font-size: 1.5rem;
    }
    
    .residency-gallery {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .residency-image {
        height: 180px;
    }
}

/* ReFi Residency */
.refi-residency {
    background: 
        linear-gradient(135deg, rgba(248, 250, 252, 0.6) 0%, rgba(226, 232, 240, 0.6) 50%, rgba(241, 245, 249, 0.6) 100%),
        url('images/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* COP30 Showcase */
.cop30-showcase {
    background: 
        linear-gradient(135deg, rgba(248, 250, 252, 0.6) 0%, rgba(226, 232, 240, 0.6) 50%, rgba(241, 245, 249, 0.6) 100%),
        url('images/bg2.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Judging */
.judging {
    background: rgba(248, 250, 252, 0.8);
}

.criteria-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
}

.criteria {
    text-align: center;
    padding: 2rem;
    background: var(--light-bg);
    border-radius: 12px;
    border: 1px solid rgba(16, 185, 129, 0.2);
    box-shadow: var(--shadow);
}

.percentage {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 0.5rem;
}

.criteria h3 {
    font-size: 1.1rem;
    color: var(--text-dark);
}

/* Eligibility */
.eligibility {
    text-align: center;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}

.eligibility h2 {
    margin-bottom: 30px;
}

.eligibility-text {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    color: var(--text-light);
}

/* Footer */
.footer {
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
    padding: 40px 0;
    border-top: 1px solid var(--border-color);
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.footer-brand h3 {
    color: var(--primary-color);
    margin-bottom: 0.5rem;
}

.footer-links h4 {
    margin-bottom: 1rem;
    color: var(--primary-color);
}

.footer-links a {
    display: block;
    color: var(--text-secondary);
    text-decoration: none;
    margin-bottom: 0.5rem;
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: var(--primary-color);
}

/* Responsive */
@media (max-width: 768px) {
    .nav {
        padding: 1rem;
    }
    
    .nav-links {
        gap: 1rem;
    }
    
    .hero {
        height: 60vh;
        padding: 100px 0 40px;
    }
    
    .hero-title {
        font-size: 2.5rem;
    }
    
    .hero-description {
        font-size: 1rem;
    }
    
    .hero-actions {
        flex-direction: column;
        align-items: center;
    }
    
    section {
        padding: 60px 0;
    }
    
    section h2 {
        font-size: 2rem;
    }
}