.star-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
}

.star {
    position: absolute;
    width: 2px;
    height: 2px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
    will-change: transform, opacity;
    pointer-events: none;
}

@keyframes starFall {
    from {
        transform: translateY(-10vh);
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    to {
        transform: translateY(110vh) translateX(20px);
        opacity: 0;
    }
}


/* Добавляем стили для градиентного фона */

.iNDIiZ {
    position: absolute;
    inset: 0px;
    z-index: 0;
    background: linear-gradient(165.54deg, rgb(20, 19, 51) -33.39%, rgb(32, 34, 97) 15.89%, rgb(84, 60, 151) 55.84%, rgb(105, 57, 162) 74.96%);
    overflow: hidden;
}

.fdictN {
    position: relative;
    z-index: 2;
    margin-bottom: 13px;
    padding-top: 20px;
    text-align: center;
}


/* Анимация для звезд */

@keyframes starPulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes rayGlow {
    0% {
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
    }
}

@keyframes rayFly {
    0% {
        transform: translateX(-120%) translateY(120%);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateX(120%) translateY(-120%);
        opacity: 0;
    }
}


/* Анимация для первой звезды (большая) */

.fdictN svg g:nth-of-type(1) path {
    animation: starPulse 3s ease-in-out infinite;
    transform-origin: center;
}


/* Анимация для второй звезды (средняя) */

.fdictN svg g:nth-of-type(2) path {
    animation: starPulse 4s ease-in-out infinite;
    animation-delay: 0.5s;
    transform-origin: center;
}


/* Анимация для третьей звезды (маленькая) */

.fdictN svg g:nth-of-type(3) path {
    animation: starPulse 5s ease-in-out infinite;
    animation-delay: 1s;
    transform-origin: center;
}


/* Анимация для лучей */

.fdictN svg g:nth-of-type(4) path,
.fdictN svg g:nth-of-type(5) path {
    animation: rayFly 2s linear infinite;
    transform-origin: center;
    opacity: 0;
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
}

.fdictN svg g:nth-of-type(4) path {
    animation-delay: 0s;
}

.fdictN svg g:nth-of-type(5) path {
    animation-delay: 2s;
}


/* Добавляем свечение для звезд */

.fdictN svg path[fill*="rgb(222,227,248)"],
.fdictN svg path[fill*="rgb(155,172,213)"] {
    filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.5));
}


/* Добавляем свечение для лучей */

.fdictN svg path[fill^="url"] {
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.4)) drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
}