body {
    margin: 0;
    padding: 0;
    background-color: #f0f0f0; /* طوسی خیلی روشن */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    font-family: 'Arial', sans-serif; /* یا فونت مورد نظر شما */
    overflow: hidden; /* جلوگیری از اسکرول */
}

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}

.logo-animation {
    width: 500px;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo {
    width: 100%;
    height: 100%;
    /* برای انیمیشن SVG، نیاز به کار با مسیرها (paths) در داخل خود فایل SVG دارید */
    /* انیمیشن‌های CSS معمولاً روی خصوصیات transform، opacity و ... اعمال می‌شوند */
    /* برای انیمیشن‌های پیچیده‌تر SVG، ممکن است نیاز به استفاده از SMIL یا JavaScript داشته باشید */

    /* نمونه انیمیشن ساده CSS (مثلا fadeIn و یک حرکت ظریف) */
    animation: fadeIn 3s ease-in-out infinite alternate,  // انیمیشن fadeIn و بازگشت
               slightMovement 5s ease-in-out infinite alternate; // انیمیشن حرکت ظریف

    /* اطمینان از حفظ نسبت تصویر */
    object-fit: contain;
}

@keyframes fadeIn {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slightMovement {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(5px, 5px);
    }
    100% {
        transform: translate(0, 0);
    }
}


/* اگر می خواهید انیمیشن پیچیده تری روی مسیرهای SVG اعمال کنید: */
/* این قسمت نیاز به دستکاری مستقیم فایل logo.svg دارد */
/* مثال: انیمیشن stroke-dashoffset برای کشیدن خطوط */
/* برای این کار باید به هر مسیر (path) در SVG یک id بدهید و سپس در CSS به آن id ها استایل دهید. */
/* مثلاً اگر یک مسیر با id="path1" در SVG دارید: */

/*
.logo #path1 {
    stroke-dasharray: 1000; // اندازه کل مسیر
    stroke-dashoffset: 1000; // شروع از انتهای مسیر
    animation: drawPath 5s ease-in-out infinite; // انیمیشن کشیدن
}

@keyframes drawPath {
    to {
        stroke-dashoffset: 0; // پایان در ابتدای مسیر (کشیده شده)
    }
}
*/

/* برای اعمال انیمیشن‌های پیچیده‌تر بر اساس مسیرهای SVG، نیاز به دانش بیشتری در مورد ساختار SVG و CSS دارید. */
/* روش‌های دیگر شامل استفاده از کتابخانه‌های JavaScript مانند GreenSock (GSAP) یا Lottie هستند که انعطاف‌پذیری بیشتری ارائه می‌دهند. */

