@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

  
  
  html, body {
            height: 100%;
        }

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

        body {
            background-color: #000;
            background-size: cover;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .login-container {
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            padding: 40px;
            width: 100%;
            max-width: 430px;
        }

        .form-group {
            margin-bottom: 24px;
        }

        label {
            display: block;
            font-size: 14px;
            color: #666;
            margin-bottom: 8px;
            font-weight: 400;
        }

        input[type="text"],
        input[type="password"] {
            width: 100%;
            padding: 12px 16px;
            font-size: 15px;
            border: 1px solid #d9d9d9;
            border-radius: 6px;
            outline: none;
            transition: border-color 0.3s;
        }

        input[type="text"]:focus,
        input[type="password"]:focus {
            border-color: #4096ff;
        }

        input::placeholder {
            color: #bfbfbf;
        }

        .checkbox-container {
            display: flex;
            align-items: center;
            margin-bottom: 28px;
        }

        input[type="checkbox"] {
            width: 16px;
            height: 16px;
            margin-right: 8px;
            cursor: pointer;
        }

        .checkbox-container label {
            margin: 0;
            cursor: pointer;
            font-size: 14px;
            color: #666;
        }

        .button-group {
            display: flex;
            gap: 12px;
        }

        button {
            flex: 1;
            padding: 12px 24px;
            font-size: 15px;
            font-weight: 500;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            transition: all 0.3s;
        }

        .sign-in-btn,.home-btn {
            display: inline-block;
            padding: 10px 35px;
            background: linear-gradient(to bottom, #000, #333);
            color: #fff;
            text-decoration: none;
            border: 1px solid #fff;
            border-radius: 8px;
            position: relative;
           margin-left: 40px;
            text-align: center;
            align-items: center;
            justify-content: center;
        }

        .sign-in-btn:hover,.home-btn:hover {
            background: linear-gradient(to bottom, #111, #444);
            color: white;
        }

       

        .firefly {
            position: fixed;
            left: 50%;
            top: 50%;
            width: 0.4vw;
            height: 0.4vw;
            margin: -0.2vw 0 0 9.8vw;
            animation: ease 200s alternate infinite;
            pointer-events: none;
        }
        .firefly::before, .firefly::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            transform-origin: -10vw;
        }
        .firefly::before {
            background: white;
            opacity: 0.4;
            animation: drift ease alternate infinite;
        }
        .firefly::after {
            background: rgb(218, 250, 38);
            opacity: 0;
            box-shadow: 0 0 0vw 0vw yellow;
            animation: drift ease alternate infinite, flash ease infinite;
        }

        .firefly:nth-child(1) {
            animation-name: move1;
        }
        .firefly:nth-child(1)::before {
            animation-duration: 13s;
        }
        .firefly:nth-child(1)::after {
            animation-duration: 13s, 10858ms;
            animation-delay: 0ms, 3153ms;
        }

        @keyframes move1 {
            0% {
                transform: translateX(-7vw) translateY(-47vh) scale(0.67);
            }
            3.5714285714% {
                transform: translateX(-34vw) translateY(24vh) scale(0.44);
            }
            7.1428571429% {
                transform: translateX(-4vw) translateY(-15vh) scale(0.47);
            }
            10.7142857143% {
                transform: translateX(39vw) translateY(0vh) scale(0.93);
            }
            14.2857142857% {
                transform: translateX(23vw) translateY(2vh) scale(0.76);
            }
            17.8571428571% {
                transform: translateX(-1vw) translateY(-22vh) scale(0.35);
            }
            21.4285714286% {
                transform: translateX(35vw) translateY(-24vh) scale(0.46);
            }
            25% {
                transform: translateX(-12vw) translateY(-9vh) scale(0.34);
            }
            28.5714285714% {
                transform: translateX(9vw) translateY(-22vh) scale(0.46);
            }
            32.1428571429% {
                transform: translateX(31vw) translateY(-30vh) scale(0.95);
            }
            35.7142857143% {
                transform: translateX(35vw) translateY(-31vh) scale(0.51);
            }
            39.2857142857% {
                transform: translateX(-16vw) translateY(23vh) scale(1);
            }
            42.8571428571% {
                transform: translateX(14vw) translateY(37vh) scale(0.76);
            }
            46.4285714286% {
                transform: translateX(-9vw) translateY(7vh) scale(0.56);
            }
            50% {
                transform: translateX(14vw) translateY(19vh) scale(0.56);
            }
            53.5714285714% {
                transform: translateX(21vw) translateY(-25vh) scale(0.6);
            }
            57.1428571429% {
                transform: translateX(-14vw) translateY(-48vh) scale(0.54);
            }
            60.7142857143% {
                transform: translateX(41vw) translateY(-24vh) scale(0.55);
            }
            64.2857142857% {
                transform: translateX(35vw) translateY(-25vh) scale(0.86);
            }
            67.8571428571% {
                transform: translateX(-20vw) translateY(32vh) scale(0.3);
            }
            71.4285714286% {
                transform: translateX(31vw) translateY(20vh) scale(0.3);
            }
            75% {
                transform: translateX(7vw) translateY(-34vh) scale(0.51);
            }
            78.5714285714% {
                transform: translateX(15vw) translateY(12vh) scale(0.68);
            }
            82.1428571429% {
                transform: translateX(48vw) translateY(21vh) scale(0.52);
            }
            85.7142857143% {
                transform: translateX(-7vw) translateY(-30vh) scale(0.88);
            }
            89.2857142857% {
                transform: translateX(43vw) translateY(22vh) scale(0.8);
            }
            92.8571428571% {
                transform: translateX(13vw) translateY(-25vh) scale(0.98);
            }
            96.4285714286% {
                transform: translateX(42vw) translateY(-22vh) scale(0.76);
            }
            100% {
                transform: translateX(-6vw) translateY(-1vh) scale(0.63);
            }
        }
        .firefly:nth-child(2) {
            animation-name: move2;
        }
        .firefly:nth-child(2)::before {
            animation-duration: 15s;
        }
        .firefly:nth-child(2)::after {
            animation-duration: 15s, 6870ms;
            animation-delay: 0ms, 6174ms;
        }

        @keyframes move2 {
            0% {
                transform: translateX(8vw) translateY(-47vh) scale(0.58);
            }
            3.8461538462% {
                transform: translateX(-16vw) translateY(4vh) scale(0.7);
            }
            7.6923076923% {
                transform: translateX(46vw) translateY(-40vh) scale(0.71);
            }
            11.5384615385% {
                transform: translateX(-38vw) translateY(21vh) scale(0.86);
            }
            15.3846153846% {
                transform: translateX(-36vw) translateY(48vh) scale(0.41);
            }
            19.2307692308% {
                transform: translateX(34vw) translateY(26vh) scale(0.35);
            }
            23.0769230769% {
                transform: translateX(49vw) translateY(-22vh) scale(0.31);
            }
            26.9230769231% {
                transform: translateX(-37vw) translateY(-42vh) scale(0.46);
            }
            30.7692307692% {
                transform: translateX(-40vw) translateY(2vh) scale(0.8);
            }
            34.6153846154% {
                transform: translateX(-34vw) translateY(29vh) scale(0.93);
            }
            38.4615384615% {
                transform: translateX(-17vw) translateY(-12vh) scale(0.52);
            }
            42.3076923077% {
                transform: translateX(15vw) translateY(8vh) scale(0.77);
            }
            46.1538461538% {
                transform: translateX(-23vw) translateY(-18vh) scale(0.27);
            }
            50% {
                transform: translateX(-31vw) translateY(-26vh) scale(0.61);
            }
            53.8461538462% {
                transform: translateX(43vw) translateY(-4vh) scale(0.35);
            }
            57.6923076923% {
                transform: translateX(-46vw) translateY(-7vh) scale(0.7);
            }
            61.5384615385% {
                transform: translateX(-16vw) translateY(3vh) scale(0.86);
            }
            65.3846153846% {
                transform: translateX(-6vw) translateY(11vh) scale(0.34);
            }
            69.2307692308% {
                transform: translateX(1vw) translateY(33vh) scale(0.98);
            }
            73.0769230769% {
                transform: translateX(-17vw) translateY(-12vh) scale(0.29);
            }
            76.9230769231% {
                transform: translateX(-30vw) translateY(34vh) scale(0.82);
            }
            80.7692307692% {
                transform: translateX(42vw) translateY(-37vh) scale(0.83);
            }
            84.6153846154% {
                transform: translateX(-39vw) translateY(25vh) scale(0.92);
            }
            88.4615384615% {
                transform: translateX(21vw) translateY(23vh) scale(0.37);
            }
            92.3076923077% {
                transform: translateX(-42vw) translateY(22vh) scale(0.74);
            }
            96.1538461538% {
                transform: translateX(-40vw) translateY(10vh) scale(0.34);
            }
            100% {
                transform: translateX(49vw) translateY(17vh) scale(0.83);
            }
        }
        .firefly:nth-child(3) {
            animation-name: move3;
        }
        .firefly:nth-child(3)::before {
            animation-duration: 9s;
        }
        .firefly:nth-child(3)::after {
            animation-duration: 9s, 6019ms;
            animation-delay: 0ms, 2734ms;
        }

        @keyframes move3 {
            0% {
                transform: translateX(-12vw) translateY(5vh) scale(0.29);
            }
            3.8461538462% {
                transform: translateX(17vw) translateY(37vh) scale(0.29);
            }
            7.6923076923% {
                transform: translateX(-1vw) translateY(37vh) scale(0.77);
            }
            11.5384615385% {
                transform: translateX(35vw) translateY(-48vh) scale(0.88);
            }
            15.3846153846% {
                transform: translateX(6vw) translateY(28vh) scale(0.68);
            }
            19.2307692308% {
                transform: translateX(19vw) translateY(-33vh) scale(0.54);
            }
            23.0769230769% {
                transform: translateX(24vw) translateY(47vh) scale(0.52);
            }
            26.9230769231% {
                transform: translateX(37vw) translateY(-22vh) scale(0.83);
            }
            30.7692307692% {
                transform: translateX(-28vw) translateY(37vh) scale(0.77);
            }
            34.6153846154% {
                transform: translateX(30vw) translateY(-38vh) scale(0.92);
            }
            38.4615384615% {
                transform: translateX(31vw) translateY(9vh) scale(0.74);
            }
            42.3076923077% {
                transform: translateX(30vw) translateY(48vh) scale(0.38);
            }
            46.1538461538% {
                transform: translateX(43vw) translateY(44vh) scale(0.65);
            }
            50% {
                transform: translateX(5vw) translateY(39vh) scale(0.3);
            }
            53.8461538462% {
                transform: translateX(-46vw) translateY(-34vh) scale(0.54);
            }
            57.6923076923% {
                transform: translateX(-48vw) translateY(38vh) scale(0.58);
            }
            61.5384615385% {
                transform: translateX(17vw) translateY(48vh) scale(0.36);
            }
            65.3846153846% {
                transform: translateX(2vw) translateY(32vh) scale(0.92);
            }
            69.2307692308% {
                transform: translateX(22vw) translateY(-4vh) scale(0.37);
            }
            73.0769230769% {
                transform: translateX(-40vw) translateY(10vh) scale(0.98);
            }
            76.9230769231% {
                transform: translateX(-12vw) translateY(-5vh) scale(0.7);
            }
            80.7692307692% {
                transform: translateX(-14vw) translateY(-24vh) scale(0.59);
            }
            84.6153846154% {
                transform: translateX(-4vw) translateY(-21vh) scale(1);
            }
            88.4615384615% {
                transform: translateX(12vw) translateY(0vh) scale(0.61);
            }
            92.3076923077% {
                transform: translateX(-32vw) translateY(43vh) scale(0.54);
            }
            96.1538461538% {
                transform: translateX(14vw) translateY(-38vh) scale(0.84);
            }
            100% {
                transform: translateX(-29vw) translateY(24vh) scale(0.7);
            }
        }
        .firefly:nth-child(4) {
            animation-name: move4;
        }
        .firefly:nth-child(4)::before {
            animation-duration: 14s;
        }
        .firefly:nth-child(4)::after {
            animation-duration: 14s, 7583ms;
            animation-delay: 0ms, 6982ms;
        }

        @keyframes move4 {
            0% {
                transform: translateX(-24vw) translateY(2vh) scale(0.97);
            }
            4.5454545455% {
                transform: translateX(20vw) translateY(3vh) scale(0.92);
            }
            9.0909090909% {
                transform: translateX(-6vw) translateY(-8vh) scale(0.73);
            }
            13.6363636364% {
                transform: translateX(22vw) translateY(35vh) scale(0.67);
            }
            18.1818181818% {
                transform: translateX(-29vw) translateY(-14vh) scale(0.93);
            }
            22.7272727273% {
                transform: translateX(-10vw) translateY(8vh) scale(0.78);
            }
            27.2727272727% {
                transform: translateX(31vw) translateY(48vh) scale(0.63);
            }
            31.8181818182% {
                transform: translateX(47vw) translateY(-38vh) scale(0.29);
            }
            36.3636363636% {
                transform: translateX(3vw) translateY(-36vh) scale(0.78);
            }
            40.9090909091% {
                transform: translateX(-19vw) translateY(23vh) scale(0.64);
            }
            45.4545454545% {
                transform: translateX(15vw) translateY(-24vh) scale(0.75);
            }
            50% {
                transform: translateX(-7vw) translateY(23vh) scale(0.4);
            }
            54.5454545455% {
                transform: translateX(-36vw) translateY(12vh) scale(0.77);
            }
            59.0909090909% {
                transform: translateX(40vw) translateY(-45vh) scale(0.34);
            }
            63.6363636364% {
                transform: translateX(-24vw) translateY(9vh) scale(0.52);
            }
            68.1818181818% {
                transform: translateX(50vw) translateY(-36vh) scale(0.9);
            }
            72.7272727273% {
                transform: translateX(-43vw) translateY(-2vh) scale(0.61);
            }
            77.2727272727% {
                transform: translateX(-48vw) translateY(-9vh) scale(0.37);
            }
            81.8181818182% {
                transform: translateX(25vw) translateY(-35vh) scale(0.51);
            }
            86.3636363636% {
                transform: translateX(32vw) translateY(36vh) scale(0.73);
            }
            90.9090909091% {
                transform: translateX(-30vw) translateY(29vh) scale(0.52);
            }
            95.4545454545% {
                transform: translateX(-27vw) translateY(32vh) scale(0.62);
            }
            100% {
                transform: translateX(16vw) translateY(-8vh) scale(0.51);
            }
        }
        .firefly:nth-child(5) {
            animation-name: move5;
        }
        .firefly:nth-child(5)::before {
            animation-duration: 16s;
        }
        .firefly:nth-child(5)::after {
            animation-duration: 16s, 5482ms;
            animation-delay: 0ms, 3358ms;
        }

        @keyframes move5 {
            0% {
                transform: translateX(30vw) translateY(-37vh) scale(0.74);
            }
            5.2631578947% {
                transform: translateX(23vw) translateY(1vh) scale(0.48);
            }
            10.5263157895% {
                transform: translateX(-48vw) translateY(12vh) scale(0.47);
            }
            15.7894736842% {
                transform: translateX(10vw) translateY(-28vh) scale(0.71);
            }
            21.0526315789% {
                transform: translateX(4vw) translateY(16vh) scale(0.87);
            }
            26.3157894737% {
                transform: translateX(21vw) translateY(23vh) scale(0.34);
            }
            31.5789473684% {
                transform: translateX(-16vw) translateY(6vh) scale(0.71);
            }
            36.8421052632% {
                transform: translateX(7vw) translateY(-5vh) scale(0.97);
            }
            42.1052631579% {
                transform: translateX(29vw) translateY(25vh) scale(0.65);
            }
            47.3684210526% {
                transform: translateX(-18vw) translateY(-26vh) scale(0.84);
            }
            52.6315789474% {
                transform: translateX(-44vw) translateY(16vh) scale(0.91);
            }
            57.8947368421% {
                transform: translateX(43vw) translateY(-33vh) scale(0.48);
            }
            63.1578947368% {
                transform: translateX(-21vw) translateY(44vh) scale(0.29);
            }
            68.4210526316% {
                transform: translateX(-22vw) translateY(24vh) scale(0.53);
            }
            73.6842105263% {
                transform: translateX(-49vw) translateY(-21vh) scale(0.9);
            }
            78.9473684211% {
                transform: translateX(10vw) translateY(-6vh) scale(0.89);
            }
            84.2105263158% {
                transform: translateX(33vw) translateY(-47vh) scale(0.36);
            }
            89.4736842105% {
                transform: translateX(3vw) translateY(32vh) scale(0.58);
            }
            94.7368421053% {
                transform: translateX(-25vw) translateY(2vh) scale(0.57);
            }
            100% {
                transform: translateX(19vw) translateY(-46vh) scale(0.6);
            }
        }
        .firefly:nth-child(6) {
            animation-name: move6;
        }
        .firefly:nth-child(6)::before {
            animation-duration: 9s;
        }
        .firefly:nth-child(6)::after {
            animation-duration: 9s, 10398ms;
            animation-delay: 0ms, 7555ms;
        }

        @keyframes move6 {
            0% {
                transform: translateX(-15vw) translateY(-30vh) scale(0.59);
            }
            4.7619047619% {
                transform: translateX(-14vw) translateY(-42vh) scale(0.41);
            }
            9.5238095238% {
                transform: translateX(16vw) translateY(12vh) scale(0.68);
            }
            14.2857142857% {
                transform: translateX(46vw) translateY(-7vh) scale(0.59);
            }
            19.0476190476% {
                transform: translateX(-8vw) translateY(-48vh) scale(0.98);
            }
            23.8095238095% {
                transform: translateX(34vw) translateY(-24vh) scale(0.94);
            }
            28.5714285714% {
                transform: translateX(-37vw) translateY(43vh) scale(0.4);
            }
            33.3333333333% {
                transform: translateX(1vw) translateY(15vh) scale(0.31);
            }
            38.0952380952% {
                transform: translateX(-20vw) translateY(-42vh) scale(0.93);
            }
            42.8571428571% {
                transform: translateX(-8vw) translateY(-11vh) scale(0.88);
            }
            47.619047619% {
                transform: translateX(-18vw) translateY(19vh) scale(0.91);
            }
            52.380952381% {
                transform: translateX(7vw) translateY(-30vh) scale(0.63);
            }
            57.1428571429% {
                transform: translateX(16vw) translateY(16vh) scale(0.75);
            }
            61.9047619048% {
                transform: translateX(3vw) translateY(35vh) scale(0.59);
            }
            66.6666666667% {
                transform: translateX(-5vw) translateY(-9vh) scale(0.62);
            }
            71.4285714286% {
                transform: translateX(28vw) translateY(-46vh) scale(0.95);
            }
            76.1904761905% {
                transform: translateX(-10vw) translateY(30vh) scale(0.41);
            }
            80.9523809524% {
                transform: translateX(-43vw) translateY(0vh) scale(0.36);
            }
            85.7142857143% {
                transform: translateX(32vw) translateY(21vh) scale(0.85);
            }
            90.4761904762% {
                transform: translateX(31vw) translateY(20vh) scale(0.84);
            }
            95.2380952381% {
                transform: translateX(4vw) translateY(-34vh) scale(0.46);
            }
            100% {
                transform: translateX(-15vw) translateY(-8vh) scale(0.68);
            }
        }
        .firefly:nth-child(7) {
            animation-name: move7;
        }
        .firefly:nth-child(7)::before {
            animation-duration: 15s;
        }
        .firefly:nth-child(7)::after {
            animation-duration: 15s, 7663ms;
            animation-delay: 0ms, 2240ms;
        }

        @keyframes move7 {
            0% {
                transform: translateX(2vw) translateY(-27vh) scale(0.56);
            }
            4.5454545455% {
                transform: translateX(18vw) translateY(34vh) scale(0.96);
            }
            9.0909090909% {
                transform: translateX(-3vw) translateY(-47vh) scale(0.55);
            }
            13.6363636364% {
                transform: translateX(-39vw) translateY(31vh) scale(0.44);
            }
            18.1818181818% {
                transform: translateX(18vw) translateY(17vh) scale(0.55);
            }
            22.7272727273% {
                transform: translateX(38vw) translateY(-49vh) scale(1);
            }
            27.2727272727% {
                transform: translateX(-36vw) translateY(20vh) scale(0.45);
            }
            31.8181818182% {
                transform: translateX(-26vw) translateY(48vh) scale(0.88);
            }
            36.3636363636% {
                transform: translateX(20vw) translateY(25vh) scale(0.98);
            }
            40.9090909091% {
                transform: translateX(-35vw) translateY(-39vh) scale(0.93);
            }
            45.4545454545% {
                transform: translateX(48vw) translateY(9vh) scale(0.69);
            }
            50% {
                transform: translateX(3vw) translateY(49vh) scale(0.8);
            }
            54.5454545455% {
                transform: translateX(12vw) translateY(30vh) scale(0.37);
            }
            59.0909090909% {
                transform: translateX(-45vw) translateY(-47vh) scale(0.7);
            }
            63.6363636364% {
                transform: translateX(43vw) translateY(6vh) scale(0.48);
            }
            68.1818181818% {
                transform: translateX(24vw) translateY(49vh) scale(0.42);
            }
            72.7272727273% {
                transform: translateX(20vw) translateY(-11vh) scale(0.31);
            }
            77.2727272727% {
                transform: translateX(20vw) translateY(26vh) scale(0.81);
            }
            81.8181818182% {
                transform: translateX(22vw) translateY(12vh) scale(0.54);
            }
            86.3636363636% {
                transform: translateX(-28vw) translateY(-3vh) scale(0.63);
            }
            90.9090909091% {
                transform: translateX(-40vw) translateY(-13vh) scale(0.6);
            }
            95.4545454545% {
                transform: translateX(-8vw) translateY(-12vh) scale(0.72);
            }
            100% {
                transform: translateX(43vw) translateY(46vh) scale(0.57);
            }
        }
        .firefly:nth-child(8) {
            animation-name: move8;
        }
        .firefly:nth-child(8)::before {
            animation-duration: 18s;
        }
        .firefly:nth-child(8)::after {
            animation-duration: 18s, 7451ms;
            animation-delay: 0ms, 3164ms;
        }

        @keyframes move8 {
            0% {
                transform: translateX(3vw) translateY(-22vh) scale(0.8);
            }
            3.7037037037% {
                transform: translateX(-7vw) translateY(29vh) scale(0.73);
            }
            7.4074074074% {
                transform: translateX(-28vw) translateY(3vh) scale(0.81);
            }
            11.1111111111% {
                transform: translateX(44vw) translateY(6vh) scale(0.93);
            }
            14.8148148148% {
                transform: translateX(32vw) translateY(-11vh) scale(0.28);
            }
            18.5185185185% {
                transform: translateX(0vw) translateY(-35vh) scale(0.36);
            }
            22.2222222222% {
                transform: translateX(49vw) translateY(-29vh) scale(0.82);
            }
            25.9259259259% {
                transform: translateX(12vw) translateY(23vh) scale(0.46);
            }
            29.6296296296% {
                transform: translateX(-9vw) translateY(-18vh) scale(0.29);
            }
            33.3333333333% {
                transform: translateX(-16vw) translateY(21vh) scale(0.82);
            }
            37.037037037% {
                transform: translateX(-38vw) translateY(38vh) scale(0.81);
            }
            40.7407407407% {
                transform: translateX(-37vw) translateY(-3vh) scale(0.49);
            }
            44.4444444444% {
                transform: translateX(-20vw) translateY(-33vh) scale(0.26);
            }
            48.1481481481% {
                transform: translateX(-13vw) translateY(-35vh) scale(0.71);
            }
            51.8518518519% {
                transform: translateX(-37vw) translateY(-5vh) scale(0.37);
            }
            55.5555555556% {
                transform: translateX(-10vw) translateY(37vh) scale(0.44);
            }
            59.2592592593% {
                transform: translateX(44vw) translateY(47vh) scale(0.3);
            }
            62.962962963% {
                transform: translateX(22vw) translateY(19vh) scale(0.41);
            }
            66.6666666667% {
                transform: translateX(40vw) translateY(-46vh) scale(0.75);
            }
            70.3703703704% {
                transform: translateX(39vw) translateY(31vh) scale(0.52);
            }
            74.0740740741% {
                transform: translateX(-42vw) translateY(-12vh) scale(0.62);
            }
            77.7777777778% {
                transform: translateX(-41vw) translateY(14vh) scale(0.93);
            }
            81.4814814815% {
                transform: translateX(27vw) translateY(-26vh) scale(0.48);
            }
            85.1851851852% {
                transform: translateX(23vw) translateY(5vh) scale(0.39);
            }
            88.8888888889% {
                transform: translateX(-4vw) translateY(-27vh) scale(0.28);
            }
            92.5925925926% {
                transform: translateX(-23vw) translateY(-8vh) scale(0.33);
            }
            96.2962962963% {
                transform: translateX(-14vw) translateY(-25vh) scale(0.65);
            }
            100% {
                transform: translateX(-1vw) translateY(2vh) scale(0.67);
            }
        }
        .firefly:nth-child(9) {
            animation-name: move9;
        }
        .firefly:nth-child(9)::before {
            animation-duration: 10s;
        }
        .firefly:nth-child(9)::after {
            animation-duration: 10s, 7491ms;
            animation-delay: 0ms, 788ms;
        }

        @keyframes move9 {
            0% {
                transform: translateX(-11vw) translateY(-15vh) scale(0.32);
            }
            4% {
                transform: translateX(-21vw) translateY(32vh) scale(0.63);
            }
            8% {
                transform: translateX(-41vw) translateY(7vh) scale(0.37);
            }
            12% {
                transform: translateX(3vw) translateY(13vh) scale(0.65);
            }
            16% {
                transform: translateX(31vw) translateY(14vh) scale(0.8);
            }
            20% {
                transform: translateX(37vw) translateY(40vh) scale(0.43);
            }
            24% {
                transform: translateX(-16vw) translateY(-45vh) scale(0.76);
            }
            28% {
                transform: translateX(26vw) translateY(-22vh) scale(0.87);
            }
            32% {
                transform: translateX(-4vw) translateY(41vh) scale(0.55);
            }
            36% {
                transform: translateX(-23vw) translateY(17vh) scale(0.89);
            }
            40% {
                transform: translateX(-39vw) translateY(-42vh) scale(0.42);
            }
            44% {
                transform: translateX(-6vw) translateY(4vh) scale(0.42);
            }
            48% {
                transform: translateX(-3vw) translateY(17vh) scale(0.56);
            }
            52% {
                transform: translateX(43vw) translateY(29vh) scale(0.45);
            }
            56% {
                transform: translateX(35vw) translateY(7vh) scale(0.65);
            }
            60% {
                transform: translateX(31vw) translateY(46vh) scale(0.44);
            }
            64% {
                transform: translateX(-25vw) translateY(-21vh) scale(0.3);
            }
            68% {
                transform: translateX(33vw) translateY(-15vh) scale(0.67);
            }
            72% {
                transform: translateX(-4vw) translateY(43vh) scale(0.6);
            }
            76% {
                transform: translateX(-40vw) translateY(-33vh) scale(0.7);
            }
            80% {
                transform: translateX(-20vw) translateY(-48vh) scale(0.96);
            }
            84% {
                transform: translateX(7vw) translateY(10vh) scale(0.41);
            }
            88% {
                transform: translateX(-36vw) translateY(10vh) scale(0.28);
            }
            92% {
                transform: translateX(8vw) translateY(8vh) scale(0.37);
            }
            96% {
                transform: translateX(22vw) translateY(-42vh) scale(0.34);
            }
            100% {
                transform: translateX(10vw) translateY(4vh) scale(0.26);
            }
        }
        .firefly:nth-child(10) {
            animation-name: move10;
        }
        .firefly:nth-child(10)::before {
            animation-duration: 15s;
        }
        .firefly:nth-child(10)::after {
            animation-duration: 15s, 6672ms;
            animation-delay: 0ms, 8484ms;
        }

        @keyframes move10 {
            0% {
                transform: translateX(26vw) translateY(12vh) scale(0.85);
            }
            4% {
                transform: translateX(-46vw) translateY(8vh) scale(0.85);
            }
            8% {
                transform: translateX(4vw) translateY(-4vh) scale(0.96);
            }
            12% {
                transform: translateX(-35vw) translateY(4vh) scale(0.66);
            }
            16% {
                transform: translateX(45vw) translateY(6vh) scale(0.26);
            }
            20% {
                transform: translateX(16vw) translateY(-23vh) scale(0.94);
            }
            24% {
                transform: translateX(-18vw) translateY(8vh) scale(0.68);
            }
            28% {
                transform: translateX(30vw) translateY(-7vh) scale(0.49);
            }
            32% {
                transform: translateX(5vw) translateY(30vh) scale(0.36);
            }
            36% {
                transform: translateX(38vw) translateY(43vh) scale(0.33);
            }
            40% {
                transform: translateX(-18vw) translateY(39vh) scale(0.94);
            }
            44% {
                transform: translateX(-30vw) translateY(40vh) scale(0.68);
            }
            48% {
                transform: translateX(0vw) translateY(-4vh) scale(0.28);
            }
            52% {
                transform: translateX(-23vw) translateY(50vh) scale(0.81);
            }
            56% {
                transform: translateX(-25vw) translateY(4vh) scale(0.7);
            }
            60% {
                transform: translateX(-24vw) translateY(48vh) scale(0.27);
            }
            64% {
                transform: translateX(-40vw) translateY(-28vh) scale(0.82);
            }
            68% {
                transform: translateX(-12vw) translateY(-31vh) scale(0.92);
            }
            72% {
                transform: translateX(41vw) translateY(-36vh) scale(0.73);
            }
            76% {
                transform: translateX(34vw) translateY(13vh) scale(0.62);
            }
            80% {
                transform: translateX(-6vw) translateY(-33vh) scale(0.52);
            }
            84% {
                transform: translateX(41vw) translateY(-27vh) scale(0.77);
            }
            88% {
                transform: translateX(-7vw) translateY(-3vh) scale(0.73);
            }
            92% {
                transform: translateX(34vw) translateY(-37vh) scale(0.71);
            }
            96% {
                transform: translateX(32vw) translateY(25vh) scale(0.93);
            }
            100% {
                transform: translateX(-27vw) translateY(-10vh) scale(0.43);
            }
        }
        .firefly:nth-child(11) {
            animation-name: move11;
        }
        .firefly:nth-child(11)::before {
            animation-duration: 11s;
        }
        .firefly:nth-child(11)::after {
            animation-duration: 11s, 9235ms;
            animation-delay: 0ms, 3634ms;
        }

        @keyframes move11 {
            0% {
                transform: translateX(44vw) translateY(6vh) scale(0.79);
            }
            4.7619047619% {
                transform: translateX(47vw) translateY(-44vh) scale(0.67);
            }
            9.5238095238% {
                transform: translateX(49vw) translateY(2vh) scale(0.28);
            }
            14.2857142857% {
                transform: translateX(-35vw) translateY(38vh) scale(0.68);
            }
            19.0476190476% {
                transform: translateX(22vw) translateY(-14vh) scale(0.58);
            }
            23.8095238095% {
                transform: translateX(5vw) translateY(-40vh) scale(0.36);
            }
            28.5714285714% {
                transform: translateX(-2vw) translateY(50vh) scale(0.63);
            }
            33.3333333333% {
                transform: translateX(34vw) translateY(6vh) scale(0.28);
            }
            38.0952380952% {
                transform: translateX(-17vw) translateY(28vh) scale(0.49);
            }
            42.8571428571% {
                transform: translateX(-1vw) translateY(-21vh) scale(0.91);
            }
            47.619047619% {
                transform: translateX(-49vw) translateY(-17vh) scale(0.49);
            }
            52.380952381% {
                transform: translateX(3vw) translateY(-23vh) scale(0.87);
            }
            57.1428571429% {
                transform: translateX(-35vw) translateY(26vh) scale(0.88);
            }
            61.9047619048% {
                transform: translateX(-14vw) translateY(33vh) scale(0.94);
            }
            66.6666666667% {
                transform: translateX(-4vw) translateY(-15vh) scale(0.33);
            }
            71.4285714286% {
                transform: translateX(46vw) translateY(16vh) scale(0.55);
            }
            76.1904761905% {
                transform: translateX(17vw) translateY(-42vh) scale(0.73);
            }
            80.9523809524% {
                transform: translateX(25vw) translateY(0vh) scale(0.72);
            }
            85.7142857143% {
                transform: translateX(-30vw) translateY(-25vh) scale(0.4);
            }
            90.4761904762% {
                transform: translateX(-42vw) translateY(14vh) scale(1);
            }
            95.2380952381% {
                transform: translateX(-29vw) translateY(37vh) scale(0.86);
            }
            100% {
                transform: translateX(-21vw) translateY(41vh) scale(0.56);
            }
        }
        .firefly:nth-child(12) {
            animation-name: move12;
        }
        .firefly:nth-child(12)::before {
            animation-duration: 13s;
        }
        .firefly:nth-child(12)::after {
            animation-duration: 13s, 5782ms;
            animation-delay: 0ms, 1552ms;
        }

        @keyframes move12 {
            0% {
                transform: translateX(25vw) translateY(38vh) scale(0.52);
            }
            5% {
                transform: translateX(-38vw) translateY(-33vh) scale(0.76);
            }
            10% {
                transform: translateX(-14vw) translateY(45vh) scale(0.75);
            }
            15% {
                transform: translateX(-25vw) translateY(-31vh) scale(0.76);
            }
            20% {
                transform: translateX(-9vw) translateY(-49vh) scale(0.5);
            }
            25% {
                transform: translateX(-19vw) translateY(-8vh) scale(0.97);
            }
            30% {
                transform: translateX(-39vw) translateY(30vh) scale(0.62);
            }
            35% {
                transform: translateX(37vw) translateY(-15vh) scale(0.53);
            }
            40% {
                transform: translateX(-24vw) translateY(6vh) scale(0.36);
            }
            45% {
                transform: translateX(-16vw) translateY(-20vh) scale(0.31);
            }
            50% {
                transform: translateX(-26vw) translateY(0vh) scale(0.38);
            }
            55% {
                transform: translateX(-21vw) translateY(-2vh) scale(0.39);
            }
            60% {
                transform: translateX(-48vw) translateY(47vh) scale(0.35);
            }
            65% {
                transform: translateX(-49vw) translateY(-26vh) scale(0.95);
            }
            70% {
                transform: translateX(39vw) translateY(-17vh) scale(0.71);
            }
            75% {
                transform: translateX(7vw) translateY(-36vh) scale(0.69);
            }
            80% {
                transform: translateX(-6vw) translateY(-49vh) scale(0.85);
            }
            85% {
                transform: translateX(-31vw) translateY(-15vh) scale(0.46);
            }
            90% {
                transform: translateX(-11vw) translateY(41vh) scale(0.42);
            }
            95% {
                transform: translateX(21vw) translateY(38vh) scale(0.92);
            }
            100% {
                transform: translateX(7vw) translateY(-36vh) scale(0.72);
            }
        }
        .firefly:nth-child(13) {
            animation-name: move13;
        }
        .firefly:nth-child(13)::before {
            animation-duration: 16s;
        }
        .firefly:nth-child(13)::after {
            animation-duration: 16s, 7340ms;
            animation-delay: 0ms, 5592ms;
        }

        @keyframes move13 {
            0% {
                transform: translateX(50vw) translateY(41vh) scale(0.52);
            }
            3.5714285714% {
                transform: translateX(14vw) translateY(-32vh) scale(0.98);
            }
            7.1428571429% {
                transform: translateX(-39vw) translateY(-33vh) scale(0.92);
            }
            10.7142857143% {
                transform: translateX(16vw) translateY(-39vh) scale(0.85);
            }
            14.2857142857% {
                transform: translateX(-3vw) translateY(-17vh) scale(0.73);
            }
            17.8571428571% {
                transform: translateX(12vw) translateY(48vh) scale(0.84);
            }
            21.4285714286% {
                transform: translateX(40vw) translateY(-28vh) scale(0.4);
            }
            25% {
                transform: translateX(7vw) translateY(16vh) scale(0.8);
            }
            28.5714285714% {
                transform: translateX(-2vw) translateY(7vh) scale(0.87);
            }
            32.1428571429% {
                transform: translateX(45vw) translateY(28vh) scale(0.66);
            }
            35.7142857143% {
                transform: translateX(12vw) translateY(-19vh) scale(0.8);
            }
            39.2857142857% {
                transform: translateX(-10vw) translateY(-30vh) scale(0.97);
            }
            42.8571428571% {
                transform: translateX(-21vw) translateY(43vh) scale(0.55);
            }
            46.4285714286% {
                transform: translateX(40vw) translateY(-19vh) scale(0.79);
            }
            50% {
                transform: translateX(-27vw) translateY(-49vh) scale(0.53);
            }
            53.5714285714% {
                transform: translateX(-1vw) translateY(-32vh) scale(0.33);
            }
            57.1428571429% {
                transform: translateX(17vw) translateY(44vh) scale(0.72);
            }
            60.7142857143% {
                transform: translateX(-43vw) translateY(25vh) scale(0.75);
            }
            64.2857142857% {
                transform: translateX(-9vw) translateY(2vh) scale(0.99);
            }
            67.8571428571% {
                transform: translateX(7vw) translateY(2vh) scale(0.33);
            }
            71.4285714286% {
                transform: translateX(33vw) translateY(21vh) scale(0.68);
            }
            75% {
                transform: translateX(12vw) translateY(23vh) scale(0.4);
            }
            78.5714285714% {
                transform: translateX(34vw) translateY(49vh) scale(0.43);
            }
            82.1428571429% {
                transform: translateX(30vw) translateY(46vh) scale(0.56);
            }
            85.7142857143% {
                transform: translateX(30vw) translateY(10vh) scale(0.82);
            }
            89.2857142857% {
                transform: translateX(19vw) translateY(-41vh) scale(0.56);
            }
            92.8571428571% {
                transform: translateX(47vw) translateY(35vh) scale(0.56);
            }
            96.4285714286% {
                transform: translateX(16vw) translateY(-17vh) scale(0.74);
            }
            100% {
                transform: translateX(25vw) translateY(9vh) scale(0.75);
            }
        }
        .firefly:nth-child(14) {
            animation-name: move14;
        }
        .firefly:nth-child(14)::before {
            animation-duration: 18s;
        }
        .firefly:nth-child(14)::after {
            animation-duration: 18s, 10133ms;
            animation-delay: 0ms, 4801ms;
        }

        @keyframes move14 {
            0% {
                transform: translateX(27vw) translateY(-26vh) scale(0.87);
            }
            3.8461538462% {
                transform: translateX(16vw) translateY(36vh) scale(0.81);
            }
            7.6923076923% {
                transform: translateX(-4vw) translateY(-11vh) scale(0.27);
            }
            11.5384615385% {
                transform: translateX(-46vw) translateY(-16vh) scale(0.53);
            }
            15.3846153846% {
                transform: translateX(-34vw) translateY(9vh) scale(0.43);
            }
            19.2307692308% {
                transform: translateX(31vw) translateY(-30vh) scale(0.78);
            }
            23.0769230769% {
                transform: translateX(-2vw) translateY(-42vh) scale(0.89);
            }
            26.9230769231% {
                transform: translateX(34vw) translateY(6vh) scale(0.48);
            }
            30.7692307692% {
                transform: translateX(16vw) translateY(-22vh) scale(0.75);
            }
            34.6153846154% {
                transform: translateX(-26vw) translateY(-44vh) scale(0.76);
            }
            38.4615384615% {
                transform: translateX(-14vw) translateY(-41vh) scale(0.89);
            }
            42.3076923077% {
                transform: translateX(-5vw) translateY(3vh) scale(0.33);
            }
            46.1538461538% {
                transform: translateX(47vw) translateY(-18vh) scale(0.89);
            }
            50% {
                transform: translateX(-17vw) translateY(0vh) scale(0.94);
            }
            53.8461538462% {
                transform: translateX(-35vw) translateY(-38vh) scale(0.61);
            }
            57.6923076923% {
                transform: translateX(37vw) translateY(17vh) scale(0.5);
            }
            61.5384615385% {
                transform: translateX(29vw) translateY(-6vh) scale(0.7);
            }
            65.3846153846% {
                transform: translateX(26vw) translateY(37vh) scale(0.85);
            }
            69.2307692308% {
                transform: translateX(-36vw) translateY(36vh) scale(0.29);
            }
            73.0769230769% {
                transform: translateX(35vw) translateY(13vh) scale(0.77);
            }
            76.9230769231% {
                transform: translateX(6vw) translateY(35vh) scale(0.44);
            }
            80.7692307692% {
                transform: translateX(-9vw) translateY(10vh) scale(0.26);
            }
            84.6153846154% {
                transform: translateX(29vw) translateY(-37vh) scale(0.26);
            }
            88.4615384615% {
                transform: translateX(-27vw) translateY(5vh) scale(0.67);
            }
            92.3076923077% {
                transform: translateX(1vw) translateY(-23vh) scale(0.71);
            }
            96.1538461538% {
                transform: translateX(42vw) translateY(-39vh) scale(0.34);
            }
            100% {
                transform: translateX(2vw) translateY(19vh) scale(0.88);
            }
        }
        .firefly:nth-child(15) {
            animation-name: move15;
        }
        .firefly:nth-child(15)::before {
            animation-duration: 15s;
        }
        .firefly:nth-child(15)::after {
            animation-duration: 15s, 8114ms;
            animation-delay: 0ms, 5167ms;
        }

        @keyframes move15 {
            0% {
                transform: translateX(22vw) translateY(-15vh) scale(0.55);
            }
            3.7037037037% {
                transform: translateX(-12vw) translateY(-10vh) scale(0.64);
            }
            7.4074074074% {
                transform: translateX(7vw) translateY(-8vh) scale(0.45);
            }
            11.1111111111% {
                transform: translateX(38vw) translateY(-1vh) scale(0.88);
            }
            14.8148148148% {
                transform: translateX(23vw) translateY(-33vh) scale(0.31);
            }
            18.5185185185% {
                transform: translateX(-49vw) translateY(-35vh) scale(0.53);
            }
            22.2222222222% {
                transform: translateX(19vw) translateY(-21vh) scale(0.38);
            }
            25.9259259259% {
                transform: translateX(-25vw) translateY(7vh) scale(0.37);
            }
            29.6296296296% {
                transform: translateX(37vw) translateY(-18vh) scale(0.89);
            }
            33.3333333333% {
                transform: translateX(17vw) translateY(39vh) scale(0.64);
            }
            37.037037037% {
                transform: translateX(-34vw) translateY(-31vh) scale(0.68);
            }
            40.7407407407% {
                transform: translateX(8vw) translateY(13vh) scale(0.7);
            }
            44.4444444444% {
                transform: translateX(-10vw) translateY(-48vh) scale(0.54);
            }
            48.1481481481% {
                transform: translateX(-15vw) translateY(-13vh) scale(0.92);
            }
            51.8518518519% {
                transform: translateX(-4vw) translateY(-15vh) scale(0.76);
            }
            55.5555555556% {
                transform: translateX(-32vw) translateY(-8vh) scale(0.86);
            }
            59.2592592593% {
                transform: translateX(-40vw) translateY(-28vh) scale(0.76);
            }
            62.962962963% {
                transform: translateX(6vw) translateY(-24vh) scale(0.69);
            }
            66.6666666667% {
                transform: translateX(13vw) translateY(-41vh) scale(0.88);
            }
            70.3703703704% {
                transform: translateX(-9vw) translateY(-4vh) scale(0.53);
            }
            74.0740740741% {
                transform: translateX(14vw) translateY(49vh) scale(0.98);
            }
            77.7777777778% {
                transform: translateX(15vw) translateY(32vh) scale(0.67);
            }
            81.4814814815% {
                transform: translateX(-4vw) translateY(28vh) scale(0.9);
            }
            85.1851851852% {
                transform: translateX(13vw) translateY(25vh) scale(0.65);
            }
            88.8888888889% {
                transform: translateX(33vw) translateY(8vh) scale(0.85);
            }
            92.5925925926% {
                transform: translateX(-31vw) translateY(44vh) scale(0.79);
            }
            96.2962962963% {
                transform: translateX(-5vw) translateY(-21vh) scale(0.31);
            }
            100% {
                transform: translateX(-27vw) translateY(22vh) scale(0.88);
            }
        }
        @keyframes drift {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
        @keyframes flash {
            0%, 30%, 100% {
                opacity: 0;
                box-shadow: 0 0 0vw 0vw yellow;
            }
            5% {
                opacity: 1;
                box-shadow: 0 0 2vw 0.4vw yellow;
            }
        }