/* ==========================================================================
   EXABET88 - Kembang api
   Murni CSS, tanpa JavaScript.

   Cara kerjanya: tiap kembang api hanya SATU elemen. Letusannya dibuat dari
   puluhan box-shadow yang tersebar ke segala arah, lalu seluruh elemen
   di-scale dari kecil ke besar. Karena box-shadow ikut membesar mengikuti
   transform, satu elemen bisa menghasilkan puluhan percikan sekaligus -
   jauh lebih ringan daripada membuat satu elemen per percikan.
   ========================================================================== */

.fireworks {
    position: fixed;
    inset: 0;
    z-index: 9998;
    overflow: hidden;
    pointer-events: none;
}

.fireworks i {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    opacity: 0;
    animation-name: fw-burst;
    animation-timing-function: cubic-bezier(.12, .68, .35, 1);
    animation-iteration-count: infinite;
}

/* Ekor roket yang naik sebelum meletus */
.fireworks i::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 10px 3px rgba(255, 200, 120, .95);
    animation-name: fw-rise;
    animation-duration: inherit;
    animation-delay: inherit;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@keyframes fw-rise {
    0%   { transform: translateY(62vh) scale(.7); opacity: 0; }
    4%   { opacity: 1; }
    20%  { transform: translateY(4vh) scale(1); opacity: 1; }
    24%  { transform: translateY(0) scale(.3); opacity: 0; }
    100% { opacity: 0; }
}

@keyframes fw-burst {
    0%, 21% { transform: translateY(0) scale(.06); opacity: 0; }
    26%     { opacity: 1; }
    32%     { transform: translateY(6px) scale(.55); }
    72%     { opacity: 1; }
    100%    { transform: translateY(78px) scale(1.25); opacity: 0; }
}

/* Layar kecil: sebagian disembunyikan supaya tetap ringan */
@media (max-width: 700px) {
    .fireworks i:nth-child(n + 8) { display: none; }
}

/* Hormati setelan "kurangi animasi" di perangkat pengguna */
@media (prefers-reduced-motion: reduce) {
    .fireworks { display: none; }
}

/* ===== Sebaran percikan tiap kembang api ===== */

.fireworks i:nth-child(1) {
    left: 19%; top: 17%;
    animation-duration: 3.32s;
    animation-delay: -2.29s;
    box-shadow: -23px 45.4px 2px #f26a05, -69.1px 6.2px 0px #0b84f3, 20.9px 50.2px 0px #5cc8ff, 52.5px -14.2px 1px #f26a05, 62.7px 45.4px 2px #f26a05, 66.2px 29.4px 2px #ff8a1f, -17.8px -50.7px 0px #cfe9ff, -40.9px -60.4px 1px #ff8a1f, 14px -34.8px 1px #5cc8ff, -25.7px -59px 1px #0b84f3, -40.1px 34.7px 2px #ffb066, -39.8px -42.7px 2px #5cc8ff, 29.7px 19.4px 0px #ffd98a, -50.6px 37.8px 2px #ffd98a, 65.2px 28px 1px #5cc8ff, 55.4px -20.2px 2px #ff8a1f, 2.1px 51.6px 2px #22a6ff, 10.8px 75.2px 2px #5cc8ff, 2.4px -82.9px 1px #ffb066, -25.4px 57.2px 2px #ffb066, 38.1px 42.5px 0px #ff8a1f, -28.1px -63.4px 0px #ff6b9d, 14.9px -63.2px 1px #0b84f3, -15.4px 58.8px 2px #cfe9ff, -10.5px -56.7px 2px #22a6ff, -7.1px -38.8px 0px #ffffff, 58.2px 57.9px 1px #cfe9ff, -55.6px -65.1px 0px #ffb066, 71.7px -35.9px 1px #0b84f3, 60.3px -46.2px 1px #0b84f3, 68.9px 11.6px 1px #0b84f3, -80.5px -10.4px 0px #f26a05, 14.5px 52.4px 0px #ff8a1f, 22.8px -69.3px 0px #5cc8ff, 79.1px -15.9px 0px #ffb066, 5.5px 63px 2px #cfe9ff, -51.7px 30.8px 1px #ff8a1f, 36.8px -31.9px 0px #ffd98a, 36.9px 20.3px 2px #ff8a1f, -63.8px -15px 0px #22a6ff, -9.9px -58.1px 0px #0b84f3, 10px -66.4px 2px #ff6b9d, -23.9px 26.2px 0px #ffffff, 85.1px -2px 2px #5cc8ff, -52.6px -64.7px 1px #ff6b9d, -69.5px 42.8px 0px #ffb066, -48.1px -16.5px 1px #cfe9ff, -56.3px -3.4px 2px #f26a05, -59px -55.7px 2px #cfe9ff, -27.6px 63.6px 0px #ffb066, 61.9px -30px 2px #ffb066, -49.3px -2.6px 2px #0b84f3, -56.7px -6.7px 2px #ff8a1f, 72.4px 3.6px 0px #f26a05, 24.9px -48.4px 1px #ff6b9d, 44.2px -36px 2px #ffd98a, 18.4px 34.8px 2px #ffd98a, -41.6px -42.6px 1px #5cc8ff, 57.1px -58.3px 1px #f26a05, 2.6px -36.4px 1px #ff8a1f, -81.9px -21.5px 2px #22a6ff, 43px -0.5px 1px #ff8a1f, -83.6px 6.1px 0px #ff6b9d, -47.8px 24.5px 1px #5cc8ff;
}

.fireworks i:nth-child(2) {
    left: 17%; top: 57%;
    animation-duration: 2.22s;
    animation-delay: -1.12s;
    box-shadow: 111.7px 7.7px 1px #22a6ff, -51px 69.1px 0px #ff8a1f, 22.6px 61.7px 0px #cfe9ff, 21.7px 90.4px 1px #ffd98a, 67.2px 14.9px 1px #0b84f3, 64.9px -30.7px 0px #ffd98a, 33.2px 95.2px 2px #ff8a1f, -37.1px -73.8px 1px #ffd98a, 63.9px -87.3px 0px #ffffff, -73.1px 46.6px 0px #ff8a1f, 13.6px -95.6px 2px #5cc8ff, -67.6px 29.4px 0px #ffd98a, -47.7px -58.6px 2px #ffffff, 7px 102px 2px #f26a05, -23.6px -44.2px 2px #f26a05, -24.6px -78px 1px #f26a05, -58.6px -7.1px 2px #22a6ff, 102.1px 44.2px 1px #cfe9ff, -81.6px -44.4px 0px #ffd98a, -14.5px -60.7px 1px #f26a05, -83.9px 14px 0px #ff8a1f, -111.4px 15.9px 2px #f26a05, -35.4px -40.9px 0px #ff8a1f, -75.6px -76.5px 2px #ff6b9d, -81px -33.1px 0px #0b84f3, -111.6px 30.3px 0px #cfe9ff, -65.6px -92.2px 2px #ffffff, -60.7px 50.9px 0px #ff8a1f, -109px -22.4px 2px #ff6b9d, -63.9px 30.4px 1px #f26a05, -38.8px 71px 1px #ffd98a, 4.7px -45.5px 0px #cfe9ff, -27.5px -92.6px 2px #f26a05, 107.6px -16.3px 0px #0b84f3, 48.6px -52.8px 0px #ff6b9d, -43.3px -50.8px 1px #0b84f3, -93.5px 4.9px 2px #f26a05, 81.4px -21.9px 1px #f26a05, 33.7px -47px 1px #cfe9ff, 75.2px -21.6px 1px #ffffff, -76.8px 64.2px 1px #ffb066, 10px -58.1px 1px #5cc8ff, 59.4px 87.3px 2px #5cc8ff, -7.4px -105.9px 0px #cfe9ff, 51.1px 103px 2px #ff8a1f, -55.6px -74.5px 1px #ff6b9d, -60.6px -76.1px 1px #f26a05, 16.3px 62.5px 0px #ffb066, -60.4px 45.3px 2px #ffffff, -10.8px -106.3px 2px #5cc8ff, -53.8px 5.1px 0px #ffb066, -25.6px 74px 2px #f26a05, 27.7px 40px 1px #cfe9ff, -58.6px 24.7px 2px #5cc8ff, 18px 95.6px 0px #0b84f3, 56.8px 16px 2px #0b84f3, 0.7px -117.4px 2px #ffd98a, 59px 85.1px 2px #ffffff, 61px 6.7px 0px #ff8a1f, 68.1px -73.4px 1px #ffffff, -40.8px -20.5px 1px #f26a05, -32.5px 76.9px 0px #22a6ff, 72.2px -36.5px 2px #ff6b9d, 79.9px 17.5px 1px #ffb066;
}

.fireworks i:nth-child(3) {
    left: 30%; top: 30%;
    animation-duration: 3.34s;
    animation-delay: -1.72s;
    box-shadow: -53.9px 26.3px 0px #ff6b9d, -94px -19.2px 1px #ffffff, 17.6px -60.8px 1px #ff6b9d, 35.5px 66.6px 0px #ffb066, -29.9px -70px 0px #5cc8ff, -41.9px 46.3px 1px #22a6ff, 88.6px -21px 2px #ffb066, -29.2px -93px 0px #ffb066, 42.6px -13.5px 1px #0b84f3, -17.7px -89.4px 1px #ffb066, -88.5px -29.5px 2px #ffffff, 47.9px 56.6px 1px #ff6b9d, -83.2px 19.3px 0px #ff8a1f, 23.5px -76.5px 0px #ff8a1f, -34.7px -40px 1px #ff6b9d, 81px 18.2px 0px #ffffff, -94.4px -19.7px 1px #f26a05, 38.4px 18px 2px #ffffff, -90.5px -33.3px 0px #0b84f3, 73.4px 50.1px 1px #f26a05, 97.1px -16.2px 0px #22a6ff, 68.6px 44.7px 0px #f26a05, -35.9px 22.6px 1px #ffd98a, 4.7px 46.7px 0px #cfe9ff, 35.1px 47.6px 1px #ffd98a, -62.9px 6.8px 2px #ffd98a, -61.9px 66.1px 1px #cfe9ff, -76.4px 12.7px 1px #0b84f3, 22px 38.9px 1px #ff8a1f, -21.7px 82.6px 1px #cfe9ff, 79.4px -1.3px 0px #ffd98a, 58.9px 61.1px 0px #0b84f3, 62.3px 4.4px 0px #f26a05, -77.3px -20.5px 1px #ffffff, -61.8px 72.7px 2px #ffb066, -56.2px 6.4px 0px #ff6b9d, 58.5px -60.6px 2px #ffb066, -87px 5px 0px #ff8a1f, 61.3px 18.4px 0px #ff6b9d, -2.4px 39.9px 1px #ffffff, -42.3px 47px 1px #22a6ff, 69.1px -42.8px 1px #5cc8ff, 56.1px 33.9px 0px #ffb066, -59.7px -18.3px 2px #ff8a1f, 81px 6px 0px #ffd98a, -71.7px -16.2px 1px #5cc8ff, -40.9px 11.3px 1px #f26a05, 42.1px -87.4px 2px #ff8a1f, -39.6px 23px 1px #ffd98a, -18px 38.4px 0px #22a6ff, -55px 58.1px 0px #0b84f3, -56.9px -23.7px 2px #ffb066, 73.8px 32.5px 0px #ffb066, 67.9px 52.9px 0px #5cc8ff, 25.2px 29.5px 1px #ffffff, 18.2px -63px 2px #ffffff, 63.8px -25px 0px #f26a05, -81.1px 40.2px 2px #f26a05, 53.4px 83.9px 2px #0b84f3, 63.6px 43px 2px #ff6b9d, 20.7px 57.2px 1px #0b84f3, 89.3px -32.1px 0px #f26a05, 43.5px -44.8px 2px #0b84f3, -90.9px 23.1px 0px #ff8a1f;
}

.fireworks i:nth-child(4) {
    left: 34%; top: 17%;
    animation-duration: 2.6s;
    animation-delay: -0.81s;
    box-shadow: -119.8px -19.1px 2px #ffd98a, 42.5px 90.2px 0px #0b84f3, -46px 122.4px 1px #ffb066, 101.7px 24.1px 1px #ff6b9d, 106.7px 76.9px 0px #5cc8ff, -36.7px 77.5px 0px #ffd98a, -114.8px -36.5px 1px #cfe9ff, -85.5px -94.8px 1px #0b84f3, 61px 16px 1px #ff8a1f, 41.6px -102px 0px #5cc8ff, 109px -81.3px 0px #f26a05, 50.7px 94.7px 1px #f26a05, -111.7px 55.1px 0px #ffffff, -56.9px 96.4px 2px #ffffff, -32.7px -88.7px 2px #ffd98a, -33.2px -94px 2px #f26a05, 48.1px 68.2px 0px #5cc8ff, 138.2px -24.2px 0px #f26a05, -31px 120.6px 1px #ffffff, -33px 43.5px 2px #22a6ff, -62.3px 96.1px 0px #f26a05, -71.8px 52.9px 0px #5cc8ff, 81.9px 84.9px 0px #5cc8ff, 109.6px 82.9px 2px #ffd98a, 59.8px 1.9px 2px #ff6b9d, -6.8px 105.3px 2px #ffd98a, -81.7px -66.8px 2px #ffffff, -61px -115.7px 1px #0b84f3, -105.4px -14.9px 0px #ff8a1f, -110.1px 2.1px 0px #f26a05, -76.5px -93px 0px #5cc8ff, 54.5px -88.1px 1px #ff8a1f, -63.2px -70.4px 2px #f26a05, 102.5px -15.3px 1px #ffd98a, -15.8px -134.3px 1px #0b84f3, 19px 101.9px 1px #ffb066, 86.7px -58.4px 0px #ff8a1f, -21.7px 106.1px 1px #5cc8ff, -15.7px 68.7px 2px #f26a05, -105.8px 61px 2px #ffb066, -26.1px 63.9px 0px #ffffff, 44.6px 39.9px 2px #22a6ff, -5.6px -129.9px 2px #ffffff, -78.8px 112.6px 0px #f26a05, 81.4px 27px 2px #ffffff, -58.2px 48.8px 2px #ffb066, -89px 72.1px 2px #ffd98a, -61.5px -0.2px 2px #ffb066, -102.7px -13.8px 1px #ff6b9d, 101.5px 6.6px 0px #ffb066, 101.5px -5.3px 1px #ffd98a, -60.6px -41.1px 1px #f26a05, -94.2px 55.3px 1px #ffffff, -49.9px 120.1px 0px #ff6b9d, 104.5px -85.8px 1px #ff6b9d, -56.9px -65.7px 0px #ff6b9d, -57.6px 100px 0px #ffb066, 34.9px 54.4px 2px #22a6ff, -100.9px -94.3px 2px #f26a05, -75.9px 93.6px 0px #5cc8ff, -39.3px 37.9px 1px #f26a05, 73.6px -86.6px 2px #ffb066, 128.5px 50.7px 1px #ff8a1f, 105px -41.1px 0px #5cc8ff;
}

.fireworks i:nth-child(5) {
    left: 14%; top: 33%;
    animation-duration: 2.68s;
    animation-delay: -3.27s;
    box-shadow: -108.4px 9.4px 0px #ff6b9d, 122.3px -41px 2px #ff8a1f, 46.1px 25px 1px #ff6b9d, 98.8px -26.5px 0px #0b84f3, 85.1px -38.8px 2px #ff6b9d, 90.2px -33.5px 0px #ffd98a, 73.5px -97.6px 2px #ff8a1f, -67.8px 83.1px 1px #ffd98a, -47.3px -92.6px 2px #ffb066, -43.9px -61.1px 2px #ff8a1f, -19.3px 73.9px 1px #ff6b9d, 34.9px -59.9px 1px #0b84f3, 114.5px -55px 0px #5cc8ff, 39.2px 77.5px 1px #ff8a1f, -72.4px -49.7px 0px #ffb066, -63.1px 25.5px 0px #0b84f3, 79.7px 41.5px 2px #ffd98a, 89.7px 39.6px 2px #f26a05, 80.6px 32.5px 1px #ffffff, -7.5px -96px 1px #cfe9ff, 84.8px -88px 2px #ff8a1f, 50px 97.5px 0px #22a6ff, -63.9px 112.1px 1px #f26a05, -13.9px 50.5px 2px #5cc8ff, -8.5px 91.3px 2px #ffb066, 95.6px -17.1px 0px #ffd98a, 49.1px 79.6px 2px #5cc8ff, -53.7px -29.8px 2px #ff8a1f, 92px 53.5px 2px #f26a05, -52.3px -2.6px 0px #22a6ff, -83.8px -4.6px 2px #22a6ff, 65.8px 34.1px 0px #5cc8ff, 31px -59.2px 2px #ffd98a, -37.3px 43.3px 2px #0b84f3, 75.8px -59.3px 1px #ffffff, -55.6px 0.7px 1px #f26a05, -5.4px -78.4px 0px #ffffff, 86.3px -48.3px 1px #f26a05, -21.1px 128.6px 1px #0b84f3, -77.9px 10.5px 0px #ff8a1f, -9px 73.6px 1px #0b84f3, 40.4px 86.4px 1px #0b84f3, -62.2px -15.7px 0px #ffb066, 26.9px 98.7px 1px #0b84f3, 97.7px -81.1px 2px #5cc8ff, -45.6px -118.5px 2px #5cc8ff, 37.2px 36.9px 1px #f26a05, -28.8px -74.3px 2px #ffffff, -18.6px 64.2px 2px #ff8a1f, -43.5px 37px 0px #ff8a1f, -0.1px 64.2px 0px #22a6ff, 21px 99.3px 1px #0b84f3, -43px 112.1px 1px #f26a05, 83.2px 28.3px 2px #5cc8ff, -20px -65.1px 0px #ffffff, -29.4px 58.5px 2px #0b84f3, -98.3px -77.2px 0px #ffb066, -66.1px -79.2px 2px #ff8a1f, -74.7px -33.3px 1px #cfe9ff, 23.8px -124.8px 1px #ffb066, 70.1px 85.3px 0px #f26a05, -30.3px 53.5px 0px #22a6ff, -45.8px -67.8px 2px #ffb066, -2.9px -81.8px 2px #ffb066;
}

.fireworks i:nth-child(6) {
    left: 92%; top: 18%;
    animation-duration: 2.92s;
    animation-delay: -1.97s;
    box-shadow: -32.9px -57px 1px #ffb066, 79.1px 37.7px 0px #5cc8ff, 30.6px -51.8px 2px #cfe9ff, 76.9px -42.2px 0px #ff8a1f, 31.6px 34.8px 1px #ff6b9d, -25.5px -76.2px 1px #22a6ff, 70.1px -59px 2px #22a6ff, -59.4px 1.5px 0px #0b84f3, -8.8px -78.1px 1px #cfe9ff, -15.2px 45.5px 0px #ffb066, -25.3px 32.3px 2px #cfe9ff, -40.3px 39.5px 1px #22a6ff, 65.7px 57.3px 1px #ffffff, 64.4px -63.8px 0px #f26a05, -68.9px -43.3px 0px #f26a05, 50.6px 0.5px 2px #ffffff, 10.4px 70.8px 1px #ffffff, -86.5px 5.3px 0px #5cc8ff, -49.3px -44.5px 1px #22a6ff, -7.3px 39.2px 1px #f26a05, 71px 57.1px 1px #ffd98a, -31.8px -81.7px 0px #0b84f3, 74.4px -41.4px 2px #cfe9ff, 5.2px 52.1px 1px #cfe9ff, -2.6px 43px 0px #f26a05, -60.6px 17.3px 2px #f26a05, 2.3px 67.1px 0px #f26a05, 44.5px 7.2px 2px #ff8a1f, 32.5px 21.1px 1px #ffffff, -35.1px -39.9px 1px #f26a05, 10.9px -63.5px 1px #ff8a1f, 38.2px -35.7px 1px #0b84f3, -2.5px 86.1px 1px #5cc8ff, -15.6px 79.9px 0px #ffb066, -82.1px -33.5px 0px #ffb066, -64px -27.7px 1px #cfe9ff, 2.4px 54.8px 1px #f26a05, -56.7px -39.5px 2px #cfe9ff, -15.2px 88.4px 1px #ffd98a, -19px -71.5px 1px #f26a05, -55.6px -65.8px 1px #22a6ff, -49.2px 53.6px 0px #ff6b9d, -15.8px 34.1px 1px #ffb066, 0.6px -52.3px 0px #ffb066, -18.6px -37.7px 0px #ff6b9d, -10.3px 64.3px 2px #ffffff, -31.4px -46.8px 1px #f26a05, 41px -42px 1px #cfe9ff, -10.2px 57.8px 1px #22a6ff, -90.3px -22.4px 2px #ff8a1f, 44.8px -61.1px 2px #5cc8ff, -37px -77.8px 0px #f26a05, 25.9px -51px 1px #cfe9ff, 9.9px -50.5px 2px #22a6ff, -28px -55.7px 1px #0b84f3, -33.2px -39.4px 2px #5cc8ff, 25.4px -82.9px 2px #22a6ff, 64.9px 59.7px 1px #22a6ff, -8.3px 66.6px 0px #cfe9ff, 3.5px -62.3px 0px #ffd98a, 16.9px -65.6px 0px #ffd98a, -74.5px -3.7px 0px #ffffff, 20.4px -71.2px 1px #f26a05, 36.8px 83.4px 0px #cfe9ff;
}

.fireworks i:nth-child(7) {
    left: 37%; top: 29%;
    animation-duration: 2.42s;
    animation-delay: -1.16s;
    box-shadow: 26.1px -92.7px 2px #22a6ff, -5.6px -56.8px 2px #22a6ff, -8px 113.2px 2px #f26a05, 108.5px 44.3px 2px #22a6ff, 115.6px 14px 2px #ff8a1f, 24px -97.7px 0px #ffd98a, -38.6px 54.5px 1px #ffd98a, -25.2px -119.6px 1px #22a6ff, -84.8px -45.5px 2px #ff8a1f, -37.6px -96px 0px #0b84f3, 51.7px 24.2px 0px #ffd98a, -38.3px 104.3px 1px #ff8a1f, 69.3px -22.7px 0px #ff6b9d, 92.3px -35.5px 2px #5cc8ff, 99.4px -73.4px 2px #f26a05, 97.7px 49.6px 0px #22a6ff, 7.7px 123.3px 0px #0b84f3, 21px 53.1px 2px #0b84f3, 59.6px 56.1px 1px #f26a05, 42.4px -115.3px 1px #ffd98a, -8.5px 50px 0px #cfe9ff, -100px -51.9px 2px #ff6b9d, -62.1px 84.4px 1px #ffd98a, -81.2px 97.7px 0px #cfe9ff, -32.7px 124.1px 0px #ffb066, -57.9px -33.2px 0px #ff6b9d, -58.4px 86.1px 2px #cfe9ff, 108.6px 37.7px 2px #ffb066, -6.9px 76.1px 0px #ff8a1f, -115.9px -55.1px 0px #ffd98a, 23.3px 92.5px 2px #ffb066, 94.9px 77px 1px #0b84f3, 54.2px -12.2px 2px #ffffff, 86.6px 51.3px 1px #ffb066, -52.4px -52.4px 1px #ffffff, -100.4px -6.1px 2px #ff8a1f, 28.3px 44.1px 0px #ff6b9d, -82.2px 44.7px 1px #ffb066, -98.2px 25.7px 0px #5cc8ff, -64.3px 89.7px 1px #f26a05, 19px 50.6px 1px #ffd98a, 33.7px 71px 2px #ffb066, -107.1px -60.3px 1px #22a6ff, 117.3px -46.9px 2px #ffd98a, -84.6px 23.6px 1px #ffd98a, 20.6px 56.4px 1px #22a6ff, -104.8px 71.7px 0px #ffd98a, 106.8px -24.6px 1px #0b84f3, 38.2px 108.4px 2px #ff6b9d, -103.1px -0.4px 2px #ff8a1f, -4.3px -83.8px 2px #f26a05, 82.8px 2.7px 2px #cfe9ff, -23.8px -58.2px 2px #ff6b9d, 64.9px -20.5px 2px #ffd98a, -69.7px -50.2px 2px #ff6b9d, -88.1px -36.6px 0px #ffffff, 106.7px 16.7px 0px #22a6ff, 50.3px -115.2px 0px #f26a05, -98.3px -38.6px 2px #ffffff, 49.9px -97.6px 1px #ffffff, 75.7px 102px 1px #ff6b9d, -69.1px -88.1px 2px #0b84f3, 41px 89.1px 2px #ff6b9d, 8.8px 94.1px 2px #ffb066;
}

.fireworks i:nth-child(8) {
    left: 53%; top: 21%;
    animation-duration: 2.58s;
    animation-delay: -3.34s;
    box-shadow: 57.1px -59.7px 1px #ffb066, -7.9px 77.4px 1px #ff8a1f, 19.3px 74.1px 1px #22a6ff, -37.6px 73.5px 2px #ff6b9d, 93.8px -6.3px 0px #ffffff, -73px -12.1px 0px #ffffff, -51.2px -81.3px 1px #ff6b9d, -22.3px -84.2px 1px #ff6b9d, -78.1px -20.6px 1px #ffd98a, -84.3px 17.2px 2px #22a6ff, -9.2px -60.5px 0px #ff8a1f, 64.1px -4.1px 2px #22a6ff, -71.9px 63.6px 2px #ffd98a, -43.8px -64.3px 1px #f26a05, 60.1px 44.3px 2px #cfe9ff, 13.2px -87.8px 2px #ffd98a, -30.2px 55px 2px #f26a05, -44.1px 58.6px 0px #ff8a1f, -13.7px 43.9px 2px #ff8a1f, -2.5px 57.9px 0px #5cc8ff, 75.2px 50.1px 0px #ffd98a, 8.2px -64.5px 1px #f26a05, 4.9px -83px 1px #5cc8ff, -91.4px -0.7px 2px #22a6ff, -32.4px 79.1px 1px #ff6b9d, 95px -1px 0px #ffffff, -8px 49.3px 1px #ffb066, -65px 14.1px 2px #ffb066, 69.3px 46px 2px #ffffff, -80.1px -53.8px 0px #f26a05, 6px 75px 0px #0b84f3, 57.5px -18.4px 0px #ffb066, -58.8px 77.8px 2px #cfe9ff, 76.6px 9.1px 0px #f26a05, -44.7px 40.7px 2px #5cc8ff, -44.2px 58.5px 2px #ff6b9d, -66.5px -25.7px 1px #ffffff, -75.8px 24.2px 2px #f26a05, 22.7px -52.4px 2px #ffd98a, 29px -64.4px 2px #0b84f3, -29px 87.2px 1px #f26a05, -17.2px -94.5px 0px #ff6b9d, 72px 29.4px 2px #5cc8ff, -66.6px -69.8px 0px #cfe9ff, 87.2px 30.6px 1px #22a6ff, -79.5px 4px 0px #ffffff, 32.5px 44.9px 1px #ff8a1f, 11px -86.4px 0px #ffb066, 81.7px 20.9px 2px #ff8a1f, -40.9px 27px 2px #0b84f3, 72.8px 39px 2px #f26a05, 31px 45.9px 1px #f26a05, 83.1px -17.5px 0px #ffffff, 64.7px 6.8px 1px #f26a05, -18.4px 74.9px 1px #0b84f3, 76.3px -6px 2px #22a6ff, 43.8px 2.2px 2px #f26a05, -89.4px -23.5px 1px #f26a05, 74.8px -50.7px 0px #22a6ff, 70.3px -56.8px 0px #5cc8ff, -51.8px -32.6px 2px #ffb066, 37.4px 6.2px 2px #22a6ff, -42px -69px 0px #ffd98a, 86.4px -24.7px 2px #ffffff;
}

.fireworks i:nth-child(9) {
    left: 65%; top: 34%;
    animation-duration: 2.43s;
    animation-delay: -1.56s;
    box-shadow: -105.3px 8.1px 1px #ffb066, 93px 43.7px 1px #ffffff, 44.1px 108.4px 0px #5cc8ff, 24.6px -114.4px 2px #5cc8ff, 56.6px 25.7px 0px #ffffff, -91.3px 67.9px 0px #ffffff, 21.3px 115.1px 2px #cfe9ff, -88.8px -2.6px 1px #ffd98a, -66px 49.9px 1px #ffffff, 113.6px -22.1px 1px #22a6ff, 91.4px -74.1px 1px #ffd98a, -86.8px -49.4px 2px #22a6ff, -60.4px 19.3px 2px #ff6b9d, -10.5px -58.8px 1px #22a6ff, 101.2px 5px 2px #f26a05, -61.6px 81.4px 1px #ff6b9d, 52.3px -41.6px 2px #ff8a1f, 16.4px -120.3px 1px #f26a05, 93.7px 38.5px 0px #0b84f3, 108.8px -8.7px 1px #5cc8ff, 47.6px 98.2px 1px #5cc8ff, -46.5px -41.4px 0px #22a6ff, -28px 116.9px 1px #22a6ff, 54.7px 11.3px 0px #cfe9ff, -76.7px -8.5px 1px #0b84f3, 78.1px -0.1px 2px #cfe9ff, -10.8px -58.8px 2px #cfe9ff, 46.6px 22.6px 0px #cfe9ff, 59.8px -0.3px 0px #0b84f3, 70.3px -38.2px 0px #f26a05, 99.1px -12.2px 0px #ff6b9d, 46.8px -6.2px 1px #f26a05, 63.4px 32.3px 1px #22a6ff, -31.5px 61.4px 2px #0b84f3, -12.1px -103.5px 2px #ffb066, -20.5px 97.7px 0px #ffffff, 89.3px -41.3px 0px #ffffff, -62.4px 26.8px 0px #5cc8ff, 31.3px 81.3px 0px #f26a05, 60.5px -86.6px 0px #ff6b9d, -92.1px 72.2px 1px #ffb066, -103.9px 37.5px 1px #cfe9ff, 40.2px -74.4px 1px #ff8a1f, -102.1px -65.7px 1px #ffd98a, -58.5px -81.9px 1px #f26a05, -23.9px -80.1px 0px #f26a05, 99.3px -39.9px 2px #ffb066, 15.1px -110.8px 2px #22a6ff, -47.3px 96px 2px #0b84f3, -46.9px 47.6px 2px #ffffff, -43.7px -24.9px 0px #ff8a1f, -101px -49.4px 1px #ff8a1f, 74.6px 46.6px 2px #cfe9ff, 53.3px 50.2px 1px #5cc8ff, 33.4px 59.1px 1px #22a6ff, -62px -18.1px 1px #22a6ff, -74px 18.2px 2px #0b84f3, 58.8px 95.9px 0px #0b84f3, 50.3px 65.7px 1px #0b84f3, 54.6px -0.1px 2px #cfe9ff, -57.4px -16.6px 2px #ffffff, 22.9px -70.6px 2px #ffb066, 52.3px 26.3px 1px #ffd98a, 13.7px -87.8px 1px #f26a05;
}

.fireworks i:nth-child(10) {
    left: 85%; top: 41%;
    animation-duration: 3.34s;
    animation-delay: -0.32s;
    box-shadow: -140.2px -3.3px 1px #ffffff, 104.9px 1.4px 0px #ffffff, -117.9px 12px 2px #ffb066, -135.6px 65.8px 1px #ffffff, -79.3px 5.8px 2px #cfe9ff, 29.9px 94.5px 2px #cfe9ff, -116.8px 77.7px 1px #f26a05, -68.4px 57.3px 0px #0b84f3, -76.9px 33.2px 0px #22a6ff, -39.1px -138.1px 1px #f26a05, -79.9px 79.1px 1px #cfe9ff, -52.3px 93.5px 0px #ff6b9d, 40.4px 65px 1px #ffd98a, 95.3px -79.8px 1px #ff6b9d, 132.1px -69.3px 0px #f26a05, 89.6px 12.9px 1px #ff6b9d, 81px 21.6px 0px #ffd98a, -22.9px -82.1px 1px #cfe9ff, 125.5px -64.4px 2px #ffd98a, -62.7px -136.2px 2px #f26a05, -57.9px -122.1px 2px #ffb066, 135.9px 3.8px 2px #22a6ff, 44.3px -77.4px 1px #f26a05, 44.1px 90.1px 1px #5cc8ff, -0.8px 108.2px 1px #ff6b9d, -40.8px -71.6px 0px #cfe9ff, 115.7px -82.1px 0px #22a6ff, -0.2px 78px 0px #cfe9ff, -18.6px 88.6px 0px #ff6b9d, -95.5px 4.2px 0px #5cc8ff, 41.8px -56.3px 0px #f26a05, -59px -48.7px 2px #0b84f3, 62.2px -47.1px 2px #0b84f3, 72.6px 51.8px 1px #0b84f3, -45px 137.1px 2px #ffb066, 122.5px -68.2px 1px #ffb066, 118.5px -70.2px 2px #ff6b9d, -78.5px 72.8px 2px #ff6b9d, -90.3px 82.7px 1px #ffb066, -108px -38px 1px #ffb066, 120.5px 43.2px 1px #ffffff, 46.9px -42.2px 0px #ffb066, -134px 57.9px 0px #ff6b9d, 64px -110.9px 1px #ff8a1f, -87.1px 19.3px 2px #0b84f3, 70.5px -64.5px 0px #5cc8ff, 134.9px 49px 1px #ffb066, 43.1px 114.6px 1px #ffd98a, 97.7px -43.8px 1px #cfe9ff, 138.2px -10.3px 0px #f26a05, -62px 42.1px 1px #22a6ff, -130.4px -9.6px 1px #ffb066, -132.7px 39.9px 2px #ff6b9d, 114.6px -92.9px 2px #22a6ff, -87.5px -51.5px 0px #ffd98a, -14.2px 121.6px 1px #ffd98a, -57.4px -85.1px 1px #22a6ff, 84.8px 17.2px 1px #5cc8ff, -100.8px -11.5px 1px #ffd98a, -90.7px -14.3px 2px #ffb066, -72.7px 72.4px 1px #ff6b9d, 149.9px 15.2px 2px #0b84f3, -24.8px 118.9px 1px #ff6b9d, -7.1px 66.3px 2px #ffb066;
}

.fireworks i:nth-child(11) {
    left: 31%; top: 44%;
    animation-duration: 3.34s;
    animation-delay: -0.64s;
    box-shadow: -87.3px 11.8px 0px #f26a05, 68.1px 73.2px 2px #ff8a1f, 50.7px 11.1px 1px #ffb066, -96.5px 42.6px 0px #ff6b9d, -51.4px 62.2px 2px #ffffff, 70.7px 39px 0px #ff6b9d, 34.3px -22.5px 1px #0b84f3, -35.7px -55.7px 1px #ffb066, 36.4px 46.5px 1px #ff6b9d, -73px 65.8px 2px #cfe9ff, -45.4px -70.9px 0px #f26a05, -83.5px -36.6px 1px #ff8a1f, -4.3px -58.9px 2px #f26a05, 104.3px 11.2px 2px #ff6b9d, 43.8px 56px 0px #f26a05, 8px -53.4px 0px #0b84f3, 62.2px -40.4px 2px #0b84f3, 44.7px 4.9px 1px #5cc8ff, -72.3px -65.8px 2px #f26a05, -82.3px 27.6px 1px #0b84f3, 17.5px 51.2px 0px #ff8a1f, 11.8px -68.5px 1px #22a6ff, 30.8px 45.6px 1px #5cc8ff, -79.1px 5.5px 0px #ff6b9d, -81.6px 56.8px 2px #cfe9ff, 64.8px -48.2px 1px #0b84f3, 89.3px 2.5px 1px #ffffff, 29.7px -64.6px 1px #ff6b9d, 70.3px 0.2px 2px #cfe9ff, -14.3px 56.3px 0px #ff6b9d, -69px -48.2px 1px #22a6ff, -89.6px 13.5px 2px #5cc8ff, 36.1px 55.5px 0px #5cc8ff, 56.5px -32.8px 2px #ffffff, -102px -24.8px 1px #f26a05, -58.5px -7.8px 0px #22a6ff, -17.8px 83.6px 1px #22a6ff, 62.2px 40.4px 1px #0b84f3, 39.4px 11.4px 0px #ffd98a, -49.8px 68.7px 1px #0b84f3, 65.4px 27.9px 1px #ffb066, -48.7px 25.7px 0px #ffb066, 18.3px -83.5px 2px #f26a05, -33.6px -35.1px 2px #ff6b9d, 49.6px 60px 2px #ff8a1f, 53.5px 38.9px 0px #ffb066, -68px 18px 0px #ff6b9d, -40.8px -71.3px 1px #ff8a1f, 36.4px -64.7px 0px #22a6ff, 74.6px -66.6px 2px #f26a05, 45.9px 5px 0px #ffd98a, 94.9px -42.1px 0px #cfe9ff, 34.2px -77.6px 1px #5cc8ff, 55px 79.4px 0px #ffb066, -89.7px 12.3px 1px #5cc8ff, 75px 0.2px 2px #ffd98a, -70.7px -67.4px 0px #ff8a1f, 45.5px -16.9px 1px #22a6ff, -45.6px -41.7px 0px #ffb066, -35.4px 47.2px 0px #ffb066, -70.6px -40.6px 1px #cfe9ff, -19px -73.3px 1px #ff8a1f, -6.4px -67.6px 0px #ff6b9d, 11.9px 86.6px 0px #22a6ff;
}

.fireworks i:nth-child(12) {
    left: 87%; top: 57%;
    animation-duration: 2.59s;
    animation-delay: -1.19s;
    box-shadow: -109.6px -32.4px 1px #cfe9ff, -15.3px -127.7px 2px #22a6ff, -83.9px -36.5px 0px #0b84f3, 44.5px -89.2px 0px #ffb066, -65.3px 78.6px 1px #ffb066, 31.6px 78.4px 0px #ff8a1f, 51.1px -68.6px 2px #0b84f3, 7.6px 75.4px 1px #ffffff, 47px 27.4px 1px #ffffff, -39.5px -69.9px 2px #22a6ff, -90px 44.8px 0px #ffffff, -67.2px -85.7px 0px #5cc8ff, 13.6px -80.2px 0px #5cc8ff, 36.3px 55.1px 0px #cfe9ff, 41.7px -73.5px 1px #ffffff, -41.8px 67.3px 2px #ffb066, -29.3px -81.4px 1px #ff8a1f, 100.2px -51.7px 0px #22a6ff, 82.7px 48.9px 1px #ffd98a, 23px 47.5px 1px #ff6b9d, 44.9px 48.4px 2px #22a6ff, -80px 60.9px 2px #ffb066, 99.7px -29.4px 2px #5cc8ff, -10.3px 72.8px 0px #ffb066, -77.8px -14.7px 2px #0b84f3, -53.1px -12.2px 1px #22a6ff, -83px 62.6px 2px #ffffff, 8.7px -78.7px 2px #22a6ff, 59.9px -61.1px 2px #ffffff, 76.6px -24.1px 1px #ffb066, -117.4px -55.8px 0px #ffd98a, 3.7px 74.6px 2px #ffb066, -70px 63.2px 0px #ff6b9d, -34.2px -93.6px 2px #ff6b9d, -25.7px -53.1px 1px #0b84f3, 53.4px 93.9px 1px #ffb066, -82.8px -10.6px 1px #22a6ff, 97.1px -73.4px 2px #ffffff, 85.9px -25.1px 1px #ffffff, 21.8px -62.3px 0px #22a6ff, -30.7px -124.3px 2px #cfe9ff, 105.4px -42.3px 0px #f26a05, -93.8px -91px 0px #0b84f3, -10.7px -81.7px 1px #22a6ff, -62.4px 81px 2px #22a6ff, -43.5px 120.4px 0px #ff8a1f, -95.8px 62.4px 0px #ffffff, -37.1px 35.2px 2px #0b84f3, -51.5px -45.3px 1px #ff8a1f, 100.5px -3.9px 2px #ffd98a, -114.8px -59.6px 0px #ffb066, -56.7px -71.7px 0px #22a6ff, 59.2px 94.2px 2px #cfe9ff, 67.7px 70.7px 0px #ff6b9d, -53.3px -71.9px 1px #f26a05, -1.6px 77px 2px #5cc8ff, 78.7px -15.8px 2px #22a6ff, 66.3px 17.7px 0px #ff6b9d, 107.1px -14.6px 0px #5cc8ff, 21.1px 90px 1px #cfe9ff, -37.6px 111.9px 0px #cfe9ff, 32px -90.6px 1px #ff6b9d, 99.2px -40.8px 0px #5cc8ff, 118.7px -37.8px 1px #ff6b9d;
}

.fireworks i:nth-child(13) {
    left: 57%; top: 44%;
    animation-duration: 3.48s;
    animation-delay: -0.56s;
    box-shadow: 93.7px -59.9px 1px #22a6ff, 50.2px -46.7px 1px #5cc8ff, -92.6px -11.9px 1px #ffd98a, -22px -72.6px 0px #ffffff, -19.6px -55.7px 2px #ff8a1f, 3.5px -119.5px 0px #5cc8ff, -30px -76.8px 2px #ffb066, 0.4px 78.1px 2px #ffffff, -13.6px 64.6px 2px #0b84f3, 97.9px -32.2px 0px #cfe9ff, 16.6px -69.1px 2px #ffd98a, 23.5px -89.4px 0px #ff6b9d, 44.5px 107px 1px #ffb066, -107.9px 42px 0px #ffb066, 92.3px 4.2px 1px #0b84f3, -14.4px -80.1px 1px #cfe9ff, -72.6px 108.6px 1px #ffd98a, 40.5px 120px 1px #5cc8ff, 29.3px 67.4px 2px #ff6b9d, 76.4px 100.9px 0px #f26a05, -105.6px 3.2px 1px #ffffff, -69.7px 107.3px 2px #5cc8ff, -108.8px 73.6px 1px #cfe9ff, 33.3px -115.5px 2px #ffb066, 88.3px 67.6px 2px #f26a05, -102.4px 47.3px 0px #5cc8ff, -9.4px 93.8px 1px #f26a05, 95.7px -8.7px 2px #22a6ff, 6px -64.4px 0px #ffd98a, -20.5px 56.9px 1px #0b84f3, 87.3px 33px 0px #0b84f3, 130.8px 11.9px 1px #ffffff, 42px -34.6px 1px #22a6ff, 61.5px 81.6px 0px #ffffff, -25.1px -50.1px 1px #ffffff, -110px -42.9px 0px #ffd98a, 85.4px -47.9px 0px #ffffff, -25.4px 44.4px 2px #5cc8ff, 113.4px 4.9px 2px #ffd98a, 1.3px 92.4px 1px #ffffff, 116.8px -57px 0px #0b84f3, -85.9px 79.9px 0px #5cc8ff, 51.2px -106.4px 1px #ffb066, 116.6px -2.5px 2px #ffb066, -57.5px -0.2px 1px #5cc8ff, -64.7px 108px 1px #0b84f3, -82.4px 41.8px 1px #22a6ff, -103.2px -32.1px 2px #0b84f3, -44.2px 95px 0px #22a6ff, -10.5px 77.4px 0px #ff8a1f, -95.2px -26.2px 0px #5cc8ff, 1.3px -130px 1px #ffb066, 102.3px -41.5px 1px #ffffff, 111.8px -6.7px 2px #ff8a1f, -108px 3.2px 0px #ff6b9d, -46.4px -25.3px 0px #cfe9ff, 12.8px 74.7px 2px #ffd98a, -44.7px 48.5px 1px #ffb066, -91.1px 88.9px 1px #ff6b9d, -114.4px -37.1px 0px #cfe9ff, 13.5px 87.5px 0px #cfe9ff, 14.7px -87.3px 0px #ffb066, -72.8px -106.9px 0px #ffffff, -54px -66.3px 2px #cfe9ff;
}

.fireworks i:nth-child(14) {
    left: 47%; top: 29%;
    animation-duration: 3.01s;
    animation-delay: -1.32s;
    box-shadow: -57.6px 72.9px 0px #ffffff, 74.6px 18.6px 0px #ff8a1f, -67.9px -68px 0px #ffffff, -1.7px 73.6px 1px #0b84f3, -55.4px 3.2px 0px #ffb066, -85.7px -6.5px 0px #ffffff, 10.4px -85.3px 2px #5cc8ff, 64.7px -1.2px 2px #22a6ff, -83.1px -48.3px 1px #f26a05, 97.5px 36.5px 0px #ffd98a, 72.4px 7.5px 0px #22a6ff, -86.8px -49.5px 2px #ff8a1f, -53.9px 88.4px 2px #ffffff, -26.2px 71.5px 0px #ffd98a, -72.2px -41px 2px #ff6b9d, -56px 26.2px 2px #0b84f3, 19.9px 50.6px 0px #0b84f3, -51.7px 20.3px 2px #cfe9ff, -87.4px 53.3px 0px #22a6ff, -12.2px 95.4px 2px #ffb066, -92.8px -44.6px 0px #ffb066, 34.4px -89.8px 1px #ff6b9d, -86.1px -9.8px 0px #ffb066, 96.2px -45.5px 1px #ffb066, 78.2px 13.1px 1px #f26a05, -57.4px -23px 1px #ffffff, -96.7px -22.4px 2px #0b84f3, -25.8px 89.9px 0px #0b84f3, -12.7px 64.4px 0px #5cc8ff, -54.9px 7.9px 2px #ffb066, -48.9px -34.4px 2px #cfe9ff, -8.2px 42.2px 0px #cfe9ff, -54.6px 67.4px 0px #ffd98a, 79.6px -30.6px 1px #f26a05, 63.2px 37.8px 1px #ff6b9d, 39.8px -65.8px 2px #cfe9ff, 3.5px 85.2px 2px #cfe9ff, 45.5px 51.1px 0px #22a6ff, 56.4px -5.3px 2px #ff6b9d, 95.9px -32.2px 0px #f26a05, -106.8px 17.6px 0px #ffd98a, 22.6px 73.5px 0px #ffd98a, -22.5px -58.6px 0px #5cc8ff, 99.2px 22.6px 0px #ffd98a, 92.9px -50.8px 1px #22a6ff, 47.1px 33.3px 0px #cfe9ff, -66.1px -84.2px 0px #f26a05, 65.6px 11.3px 1px #cfe9ff, 30.7px 84.1px 2px #ff8a1f, 53.3px -49.6px 2px #5cc8ff, -55.7px 91.4px 0px #ff6b9d, -50.2px 82px 2px #ffffff, -95.2px -42.2px 0px #ff8a1f, -72.3px -58.3px 0px #5cc8ff, -19.5px 97.4px 0px #22a6ff, 82.8px 60.2px 2px #f26a05, -0.3px -44.4px 1px #ff8a1f, -41.5px -11.3px 1px #f26a05, -73.6px -2.3px 1px #0b84f3, 94.7px 49.9px 2px #f26a05, 26px 103.9px 0px #0b84f3, 61.7px -73.7px 2px #0b84f3, 11.2px 99.9px 2px #cfe9ff, -70px 37.2px 0px #f26a05;
}