/* تنظیم پس‌زمینه کل صفحه لودینگ متناسب با رنگ لوگوی شما */
body {
    margin: 0;
    padding: 0;
    background-color: #121e31; /* رنگ سرمه‌ای تیره */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.cognitive-loader-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    /* ایجاد یک هاله نوری ملایم در مرکز تصویر */
    background: radial-gradient(circle at center, #1a2c47 0%, #0d1522 100%);
    color: #ffffff;
}

.logo-wrapper {
    width: 120px;
    height: 120px;
    margin-bottom: 25px;
}

    .logo-wrapper img {
        width: 100%;
        height: auto;
        border-radius: 25px; /* کمی گرد کردن گوشه‌های آیکون */
    }

/* انیمیشن تپش (Pulsing) شبیه به پالس‌های عصبی */
.brain-pulse {
    animation: pulse-glow 2s infinite ease-in-out;
}

@keyframes pulse-glow {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 10px rgba(64, 224, 208, 0.2);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 35px rgba(64, 224, 208, 0.7); /* رنگ فیروزه‌ای درخشان */
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 10px rgba(64, 224, 208, 0.2);
    }
}

.brand-title {
    margin: 0;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    /* ایجاد افکت گرادیانت روی متن مشابه لوگوی شما */
    background: linear-gradient(90deg, #ffffff, #40e0d0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.loading-status {
    margin-top: 15px;
    font-size: 1rem;
    color: #94a3b8;
    display: flex;
    align-items: center;
}

/* انیمیشن نقطه‌های در حال لود */
.animated-dots::after {
    content: '';
    animation: loading-dots 1.5s infinite steps(4, end);
}

@keyframes loading-dots {
    0%, 20% {
        content: '';
    }

    40% {
        content: '.';
    }

    60% {
        content: '..';
    }

    80%, 100% {
        content: '...';
    }
}

/* استایل‌دهی به متن درصد پیش‌فرض بلیزور */
.loading-progress-text {
    margin-top: 20px;
    font-size: 0.9rem;
    color: #40e0d0;
    font-weight: bold;
}