changelog-item[data-v-d0382216] {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .3s;
    animation-duration: .3s
}

.changelog-item[data-v-d0382216]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(168 85 247 / var(--tw-border-opacity, 1))
}

.changelog-icon[data-v-d0382216] {
    display: flex;
    height: 3rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.gradient-text[data-v-d0382216] {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}
.changelog-icon-modern[data-v-e1d8226f] {
    position: relative;
    display: flex;
    height: 6rem;
    width: 6rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    box-shadow: 0 20px 40px #0000004d,0 0 60px #9333ea33
}

.floating-particles[data-v-e1d8226f] {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.floating-particles[data-v-e1d8226f]:before,.floating-particles[data-v-e1d8226f]:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: #9333ea99;
    border-radius: 50%;
    animation: float-e1d8226f 6s ease-in-out infinite
}

.floating-particles[data-v-e1d8226f]:before {
    top: 20%;
    left: 20%;
    animation-delay: 0s
}

.floating-particles[data-v-e1d8226f]:after {
    top: 60%;
    right: 30%;
    background: #f9731699;
    animation-delay: 3s
}

@keyframes gradient-x-e1d8226f {
    0%,to {
        background-size: 200% 200%;
        background-position: left center
    }

    50% {
        background-size: 200% 200%;
        background-position: right center
    }
}

.animate-gradient-x[data-v-e1d8226f] {
    animation: gradient-x-e1d8226f 3s ease infinite
}

@keyframes float-e1d8226f {
    0%,to {
        transform: translateY(0) rotate(0);
        opacity: .7
    }

    25% {
        transform: translateY(-20px) rotate(90deg);
        opacity: 1
    }

    50% {
        transform: translateY(-10px) rotate(180deg);
        opacity: .8
    }

    75% {
        transform: translateY(-30px) rotate(270deg);
        opacity: 1
    }
}

.animation-delay-200[data-v-e1d8226f] {
    animation-delay: .2s
}

.animation-delay-300[data-v-e1d8226f] {
    animation-delay: .3s
}

.animation-delay-400[data-v-e1d8226f] {
    animation-delay: .4s
}

.animation-delay-500[data-v-e1d8226f] {
    animation-delay: .5s
}

.animation-delay-600[data-v-e1d8226f] {
    animation-delay: .6s
}

.animation-delay-1000[data-v-e1d8226f] {
    animation-delay: 1s
}

.glass-card[data-v-e1d8226f] {
    background: #ffffff0d;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 25px 50px #0003
}

.hover-glow[data-v-e1d8226f]:hover {
    box-shadow: 0 0 30px #9333ea4d,0 0 60px #9333ea1a
}

@keyframes pulse-glow-e1d8226f {
    0%,to {
        box-shadow: 0 0 20px #9333ea4d
    }

    50% {
        box-shadow: 0 0 40px #9333ea99,0 0 80px #9333ea33
    }
}

.animate-pulse-glow[data-v-e1d8226f] {
    animation: pulse-glow-e1d8226f 2s ease-in-out infinite
}

[data-v-e1d8226f]::-webkit-scrollbar {
    width: 8px
}

[data-v-e1d8226f]::-webkit-scrollbar-track {
    background: #0000001a;
    border-radius: 10px
}

[data-v-e1d8226f]::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg,#8b5cf6,#f97316);
    border-radius: 10px
}

[data-v-e1d8226f]::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(45deg,#7c3aed,#ea580c)
}

[data-v-e1d8226f]::-moz-selection {
    background: #9333ea4d;
    color: #fff
}

[data-v-e1d8226f]::selection {
    background: #9333ea4d;
    color: #fff
}

[data-v-e1d8226f] {
    transition: all .3s cubic-bezier(.4,0,.2,1)
}

.gradient-text[data-v-e1d8226f] {
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
    .backdrop-blur-xl[data-v-e1d8226f] {
        -webkit-backdrop-filter:blur(20px);
        backdrop-filter: blur(20px)
    }

    .backdrop-blur-md[data-v-e1d8226f] {
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px)
    }

    .backdrop-blur-sm[data-v-e1d8226f] {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px)
    }
}