#loaderIsatec {
    background: rgba(10, 27, 94, .32);
    backdrop-filter: blur(1px);
}

.loader-isatec-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 34px;
}

.loader-isatec-container::before {
    content: "";
    position: absolute;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: radial-gradient(circle,
        rgba(33, 212, 248, .28) 0%,
        rgba(30, 34, 255, .20) 38%,
        rgba(10, 27, 94, .14) 62%,
        transparent 76%);
    animation: isatecPulse 3s infinite ease-in-out;
}

.loader-isatec {
    position: relative;
    width: 190px;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader-isatec::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top-color: var(--isatec-primary);
    border-right-color: var(--isatec-secondary);
    border-bottom-color: rgba(237, 245, 255, .72);
    animation: isatecSpin 1.35s linear infinite;
    box-shadow:
        0 0 22px rgba(30, 34, 255, .45),
        0 0 38px rgba(33, 212, 248, .35);
}

.loader-isatec::after {
    content: "";
    position: absolute;
    width: 145px;
    height: 145px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-left-color: var(--isatec-secondary);
    border-bottom-color: var(--isatec-dark);
    animation: isatecSpinReverse 2s linear infinite;
    opacity: .9;
}

.loader-isatec-logo {
    width: 104px;
    height: 104px;
    object-fit: contain;
    z-index: 2;
    animation: isatecFloat 3s ease-in-out infinite;
    filter:
        drop-shadow(0 0 12px rgba(33, 212, 248, .42))
        drop-shadow(0 0 18px rgba(30, 34, 255, .28));
}

.loader-isatec-text {
    display: flex;
    gap: 7px;
    color: var(--isatec-light);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    text-shadow:
        0 0 10px rgba(33, 212, 248, .45),
        0 0 18px rgba(30, 34, 255, .35);
}

.loader-isatec-text span {
    animation: isatecBlink 1.5s infinite;
}

.loader-isatec-text span:nth-child(2) { animation-delay: .2s; }
.loader-isatec-text span:nth-child(3) { animation-delay: .4s; }
.loader-isatec-text span:nth-child(4) { animation-delay: .6s; }
.loader-isatec-text span:nth-child(5) { animation-delay: .8s; }
.loader-isatec-text span:nth-child(6) { animation-delay: 1s; }
.loader-isatec-text span:nth-child(7) { animation-delay: 1.2s; }
.loader-isatec-text span:nth-child(8) { animation-delay: 1.4s; }

@keyframes isatecSpin {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes isatecSpinReverse {
    100% {
        transform: rotate(-360deg);
    }
}

@keyframes isatecPulse {
    0%, 100% {
        transform: scale(1);
        opacity: .72;
    }

    50% {
        transform: scale(1.08);
        opacity: 1;
    }
}

@keyframes isatecFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}

@keyframes isatecBlink {
    0%, 100% {
        opacity: .28;
    }

    50% {
        opacity: 1;
    }
}