/* متن از اول دیده شود */
#logoTextGroup {
    opacity: 1;
}

/* شش‌ضلعی */
#hexOutline {
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation: hexFadeRotateIn 1.5s ease-out 0.15s forwards;
}

/* NP چپ */
#npLeft {
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation: npLeftIn 0.7s ease-out 0.7s forwards;
}

/* NP راست */
#npRight {
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation: npRightIn 0.7s ease-out 0.7s forwards;
}

/* برق داخل متن */
#shineBar rect {
    opacity: 1;
    filter: brightness(5.5) saturate(1.5);
    transform: translateX(-450px) skewX(-25deg);
    animation: shineSweep 4s ease-in-out 2s infinite;
}



@keyframes shineSweep{

    0% {
        transform: translateX(-450px) skewX(-25deg);
    }

    45% {
        transform: translateX(850px) skewX(-25deg);
    }

    100% {
        transform: translateX(850px) skewX(-25deg);
    }

}


@keyframes hexFadeRotateIn {
    0% {
        opacity: 0;
        transform: scale(0.7) rotate(0deg);
        filter: blur(2px);
    }

    70% {
        opacity: 1;
        transform: scale(1.05) rotate(190deg);
        filter: blur(0);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(180deg);
    }
}

@keyframes npLeftIn {
    0% {
        opacity: 0;
        transform: translateX(-24px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes npRightIn {
    0% {
        opacity: 0;
        transform: translateX(24px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* ساب‌لاین */
.logo-subline {
    opacity: 0;
    animation: sublineDropIn 0.9s ease-out 1.6s forwards;
}

@keyframes sublineDropIn {
    0% {
        opacity: 0;
        transform: translateY(-28px);
        filter: blur(2px);
    }

    60% {
        opacity: 1;
        transform: translateY(6px);
        filter: blur(0);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* استایل‌های کلی */
.niam-logo-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px;
}

#niamAnimatedLogo {
    width: 100%;
    max-width: 640px;
    height: auto;
    overflow: visible;
}

.auth-cover-bg .niam-logo-wrap {
    min-height: 100%;
}

.auth-cover-bg #niamAnimatedLogo {
    max-width: 700px;
}