.elementor-504 .elementor-element.elementor-element-4a48fbe{--display:flex;}/* Start custom CSS */<style>
    /* فونت وزیر */
    @import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

    /* =========================================
       GLOBAL RESET (بخش مهم برای رفع مشکل)
       این بخش پس‌زمینه قالب را حذف می‌کند
       ========================================= */
    html, body {
        background-color: #0f1115 !important; /* رنگ اصلی فضا */
        margin: 0; padding: 0;
        overflow-x: hidden;
    }

    /* شفاف کردن کانتینرهای قالب اهورا و المنتور */
    .elementor-section, 
    .elementor-column, 
    .elementor-widget, 
    .site-content, 
    #content, 
    .ahura-main-container {
        background-color: transparent !important;
        background: transparent !important;
    }

    /* --- کانتینر ریشه --- */
    #dd-root {
        font-family: 'Vazirmatn', sans-serif !important;
        color: #eee;
        direction: rtl;
        text-align: right;
        width: 100%;
        line-height: 1.8;
        position: relative;
        /* این خط باعث می‌شود ارتفاع کل صفحه پوشش داده شود */
        min-height: 100vh; 
    }

    /* --- لایه انیمیشن (فیکس شده به کل صفحه) --- */
    .dd-space-background {
        position: fixed; /* فیکس شده به شیشه مانیتور */
        top: 0; left: 0; width: 100%; height: 100%;
        z-index: 0; /* لایه صفر */
        pointer-events: none; /* کلیک ازش رد میشه */
        overflow: hidden;
        /* گرادینت تاریک برای عمق دادن */
        background: radial-gradient(circle at center, rgba(15, 17, 21, 0) 0%, #0f1115 100%);
    }

    /* ستاره‌ها */
    .dd-stars {
        position: absolute; inset: 0;
        background-image: 
            radial-gradient(1px 1px at 20px 30px, #eee, rgba(0,0,0,0)),
            radial-gradient(1px 1px at 40px 70px, #fff, rgba(0,0,0,0)),
            radial-gradient(1px 1px at 50px 160px, #ddd, rgba(0,0,0,0)),
            radial-gradient(1px 1px at 90px 40px, #fff, rgba(0,0,0,0)),
            radial-gradient(2px 2px at 160px 120px, #ddd, rgba(0,0,0,0));
        background-repeat: repeat;
        background-size: 200px 200px;
        opacity: 0.6;
        animation: dd-twinkle 4s infinite alternate;
    }

    /* شهاب سنگ‌ها */
    .dd-meteor {
        position: absolute;
        height: 2px;
        background: linear-gradient(90deg, rgba(255,255,255,0), #fff 50%, rgba(255,255,255,0));
        opacity: 0;
        transform: rotate(-45deg);
        filter: drop-shadow(0 0 10px rgba(255,255,255,0.8));
        animation: dd-meteor-fall 3s ease-in infinite;
        z-index: 10; /* مطمئن شویم دیده می‌شود */
    }

    /* تنظیمات شهاب‌ها */
    .dd-meteor:nth-child(1) { top: 10%; right: -10%; width: 200px; animation-delay: 0s; animation-duration: 3s; }
    .dd-meteor:nth-child(2) { top: 30%; right: -20%; width: 300px; animation-delay: 1.5s; animation-duration: 4s; }
    .dd-meteor:nth-child(3) { top: -10%; right: 20%; width: 250px; animation-delay: 2.2s; animation-duration: 3.5s; }
    .dd-meteor:nth-child(4) { top: 50%; right: -10%; width: 150px; animation-delay: 0.8s; animation-duration: 5s; }
    .dd-meteor:nth-child(5) { top: 80%; right: -15%; width: 220px; animation-delay: 4s; animation-duration: 4.5s; }

    @keyframes dd-meteor-fall {
        0% { opacity: 1; transform: rotate(-45deg) translateX(0); }
        70% { opacity: 1; }
        100% { opacity: 0; transform: rotate(-45deg) translateX(-1000px); }
    }
    @keyframes dd-twinkle { 0% { opacity: 0.3; } 100% { opacity: 0.7; } }

    /* --- کانتینر محتوا (روی همه چیز) --- */
    #dd-root .dd-content-wrapper {
        position: relative;
        z-index: 20; /* محتوا بالاتر از انیمیشن */
        background: transparent !important; /* مهم */
    }

    /* استایل‌های عمومی قبلی */
    #dd-root * { box-sizing: border-box; }
    #dd-root a { text-decoration: none !important; transition: 0.3s; box-shadow: none !important; }
    #dd-root img { max-width: 100%; height: auto; display: block; }
    #dd-root {
        --dd-green: #87fcc4;
        --dd-blue: #28c1f5;
        --dd-text-muted: #d0e0ef;
        --dd-card-bg: rgba(255, 255, 255, 0.02);
        --dd-border: rgba(255, 255, 255, 0.08);
    }
    #dd-root .dd-gradient-text {
        background: linear-gradient(180deg, #fff 20%, rgba(255,255,255,0) 150%);
        -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    }
    #dd-root .dd-highlight-text {
        background: linear-gradient(92deg, #87fcc4 0%, #28c1f5 98.77%);
        -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800;
    }
    #dd-root .dd-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; }
    
    /* دکمه‌ها */
    #dd-root .dd-btn { display: inline-block; padding: 12px 35px; border-radius: 50px; font-weight: 700; font-size: 1rem; cursor: pointer; text-align: center; margin: 5px; }
    #dd-root .dd-btn-primary { background: linear-gradient(92deg, #87fcc4 0%, #28c1f5 98.77%); color: #111 !important; box-shadow: 0 4px 15px rgba(135, 252, 196, 0.2); }
    #dd-root .dd-btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(135, 252, 196, 0.4); }
    #dd-root .dd-btn-outline { border: 1px solid rgba(255,255,255,0.3); color: #fff !important; background: transparent; }
    #dd-root .dd-btn-outline:hover { background: rgba(255,255,255,0.1); border-color: #fff; }

    /* هیرو */
    #dd-root .dd-hero { padding: 120px 0 80px; text-align: center; position: relative; }
    /* حذف پس زمینه گرادینت قبلی برای دیده شدن بهتر شهاب ها */
    #dd-root .dd-hero::before { display: none; } 
    
    #dd-root .dd-hero h1 { font-size: clamp(2rem, 5vw, 3.5rem); margin-bottom: 25px; font-weight: 900; }
    #dd-root .dd-hero p { font-size: 1.1rem; color: var(--dd-text-muted); max-width: 750px; margin: 0 auto 40px; }
    #dd-root .dd-stats { display: flex; justify-content: center; gap: 40px; margin: 50px 0 80px; flex-wrap: wrap; }
    #dd-root .dd-stat-item { text-align: center; }
    #dd-root .dd-stat-num { font-size: 2.2rem; font-weight: 800; color: var(--dd-green); display: block; }
    #dd-root .dd-stat-label { font-size: 0.9rem; color: #aaa; }
    #dd-root .dd-section-title { text-align: center; margin-bottom: 50px; font-size: 2rem; font-weight: 800; color: #fff; }
    #dd-root .dd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-bottom: 100px; }
    #dd-root .dd-card { background: var(--dd-card-bg); border: 1px solid var(--dd-border); border-radius: 20px; padding: 25px; transition: 0.4s; backdrop-filter: blur(5px); display: flex; flex-direction: column; z-index: 5; }
    #dd-root .dd-card:hover { background: rgba(255, 255, 255, 0.06); border-color: var(--dd-green); transform: translateY(-5px); }
    #dd-root .dd-icon-box { width: 60px; height: 60px; background: rgba(255,255,255,0.05); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; margin-bottom: 20px; color: var(--dd-blue); }
    #dd-root .dd-feature-section { display: flex; align-items: center; gap: 40px; margin: 100px 0; flex-wrap: wrap; }
    #dd-root .dd-feature-text { flex: 1; min-width: 300px; }
    #dd-root .dd-feature-visual { flex: 1; min-width: 300px; border-radius: 20px; overflow: hidden; border: 1px solid var(--dd-border); box-shadow: 0 0 30px rgba(40, 193, 245, 0.1); position: relative; }
    #dd-root .dd-feature-visual img { width: 100%; height: auto; object-fit: cover; }
    #dd-root .dd-check-list { list-style: none; padding: 0; margin-top: 30px; }
    #dd-root .dd-check-list li { margin-bottom: 15px; padding-right: 30px; position: relative; color: var(--dd-text-muted); }
    #dd-root .dd-check-list li::before { content: '✓'; position: absolute; right: 0; color: var(--dd-green); font-weight: bold; }
    #dd-root .dd-blog-card { padding: 25px; border-radius: 15px; background: rgba(255,255,255,0.02); border: 1px solid var(--dd-border); }
    #dd-root .dd-blog-card:hover { border-color: var(--dd-blue); background: rgba(255,255,255,0.04); }
    #dd-root .dd-blog-tag { font-size: 0.75rem; color: var(--dd-green); background: rgba(135, 252, 196, 0.1); padding: 4px 10px; border-radius: 20px; margin-bottom: 15px; display: inline-block; }
    #dd-root .dd-blog-title { font-size: 1.1rem; color: #fff; margin-bottom: 10px; font-weight: 700; }
    #dd-root .dd-blog-desc { font-size: 0.9rem; color: #aaa; margin-bottom: 20px; line-height: 1.6; }
    #dd-root .dd-read-more { font-size: 0.9rem; color: var(--dd-blue); font-weight: bold; }
    #dd-root .dd-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; margin: 60px 0; text-align: center; }
    #dd-root .dd-step-num { width: 50px; height: 50px; background: var(--dd-green); color: #000; font-weight: bold; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 1.3rem; }
    #dd-root .dd-faq { max-width: 900px; margin: 80px auto; }
    #dd-root .dd-accordion { background: rgba(255,255,255,0.02); border: 1px solid var(--dd-border); margin-bottom: 15px; border-radius: 12px; transition: all 0.3s ease; }
    #dd-root .dd-accordion:hover { border-color: rgba(255,255,255,0.3); background: rgba(255,255,255,0.04); }
    #dd-root .dd-accordion summary { padding: 20px 60px 20px 20px; cursor: pointer; font-weight: 600; position: relative; list-style: none; outline: none; user-select: none; }
    #dd-root .dd-accordion summary::-webkit-details-marker { display: none; }
    #dd-root .dd-accordion summary::after { content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: var(--dd-green); font-weight: bold; transition: 0.3s; }
    #dd-root .dd-accordion[open] summary::after { content: '-'; color: var(--dd-blue); }
    #dd-root .dd-accordion-content { padding: 0 60px 25px 20px; color: var(--dd-text-muted); font-size: 0.95rem; line-height: 1.9; border-top: 1px solid rgba(255,255,255,0.05); }
    #dd-root .dd-cta-box { background: linear-gradient(92deg, rgba(135, 252, 196, 0.05) 0%, rgba(40, 193, 245, 0.05) 98.77%); border: 1px solid var(--dd-green); border-radius: 30px; padding: 50px 20px; text-align: center; margin: 80px auto 40px; max-width: 900px; }
    @media (max-width: 768px) { #dd-root .dd-feature-section { flex-direction: column; } }
</style>

<div id="dd-root">
    
    <div class="dd-space-background">
        <div class="dd-stars"></div>
        <div class="dd-meteor"></div>
        <div class="dd-meteor"></div>
        <div class="dd-meteor"></div>
        <div class="dd-meteor"></div>
        <div class="dd-meteor"></div>
    </div>

    <div class="dd-content-wrapper">

        <div class="dd-container dd-hero">
            <h1>
                <span class="dd-gradient-text">دیزاین داک؛</span><br>
                <span class="dd-highlight-text">صفحه‌آرایی تخصصی تمامی دانشگاه‌های کشور</span>
            </h1>
            <p>
                ما نگرانی‌های شما برای پایان‌نامه را درک می‌کنیم. با رعایت دقیق استانداردهای دانشگاه‌های پیام‌نور، آزاد، سراسری و غیرانتفاعی، فایلی آماده چاپ و دفاع تحویل بگیرید.
            </p>
            <div style="display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;">
                <a href="https://designdoc.ir/services-price/" class="dd-btn dd-btn-primary">محاسبه آنلاین هزینه</a>
                <a href="https://designdoc.ir/contant-with-us/" class="dd-btn dd-btn-outline">ثبت سفارش و مشاوره</a>
            </div>
            <div class="dd-stats">
                <div class="dd-stat-item"><span class="dd-stat-num">+۷ سال</span><span class="dd-stat-label">سابقه تخصصی</span></div>
                <div class="dd-stat-item"><span class="dd-stat-num">+۱۰۰۰</span><span class="dd-stat-label">پروژه موفق</span></div>
                <div class="dd-stat-item"><span class="dd-stat-num">۱۰۰٪</span><span class="dd-stat-label">تضمین پذیرش</span></div>
            </div>
        </div>

        <div class="dd-container">
            <h2 class="dd-section-title">خدمات ما برای شما</h2>
            <div class="dd-grid">
                <a href="https://designdoc.ir/contant-with-us/" class="dd-card">
                    <div class="dd-icon-box">🎓</div>
                    <h3 style="color:#fff;">صفحه‌آرایی پایان‌نامه</h3>
                    <p style="color:var(--dd-text-muted);">تنظیم دقیق پایان‌نامه طبق شیوه‌نامه دانشگاه شما. رفع ایرادات فهرست، حاشیه (Gutter)، فونت‌ها، هدینگ‌ها و شماره‌گذاری.</p>
                </a>
                <a href="https://designdoc.ir/thesis-to-book-shz/" class="dd-card">
                    <div class="dd-icon-box">📚</div>
                    <h3 style="color:#fff;">چاپ و نشر کتاب</h3>
                    <p style="color:var(--dd-text-muted);">تبدیل پایان‌نامه به کتاب، صفحه‌آرایی در قطع رقعی یا وزیری، اخذ مجوزهای فیپا و شابک، و چاپ حتی در تیراژ محدود (۵ جلد).</p>
                </a>
                <a href="https://designdoc.ir/estandardhaye-safhe-araei-maghaleh/" class="dd-card">
                    <div class="dd-icon-box">📝</div>
                    <h3 style="color:#fff;">فرمت‌بندی مقاله</h3>
                    <p style="color:var(--dd-text-muted);">تنظیم مقاله بر اساس تمپلیت ژورنال‌های معتبر (داخلی و ISI). جلوگیری از ریجکت شدن مقاله (Desk Reject) به دلیل ایرادات فنی.</p>
                </a>
            </div>
        </div>

        <div class="dd-container dd-feature-section">
            <div class="dd-feature-text">
                <h2 class="dd-highlight-text" style="font-size: 2rem; margin-bottom: 20px;">دقتِ نانو در اصلاح فایل شما</h2>
                <p style="color: #eee;">
                    ما با ساختار فنی فایل‌های آکادمیک زندگی می‌کنیم! دانش ما فراتر از یک تایپ ساده است؛ ما با الگوریتم‌های پیشرفته ورد و استانداردهای پژوهشی کار می‌کنیم تا هیچ خطایی باقی نماند.
                </p>
                <ul class="dd-check-list">
                    <li>پوشش شیوه‌نامه‌های تمامی دانشگاه‌های سراسری و آزاد</li>
                    <li>استفاده از اندنوت (EndNote) برای رفرنس‌دهی علمی</li>
                    <li>حل مشکل شماره‌گذاری صفحات (حروف ابجد و اعداد)</li>
                    <li>پشتیبانی کامل تا لحظه دفاع و تحویل به کتابخانه</li>
                </ul>
            </div>
            
            <div class="dd-feature-visual">
                <img src="https://designdoc.ir/wp-content/uploads/2025/12/designdoc-home.webp" alt="خدمات تخصصی دیزاین داک" width="800" height="600">
            </div>
        </div>

        <div class="dd-container">
            <h2 class="dd-section-title">آموزش‌های کاربردی</h2>
            <div class="dd-grid">
                
                <a href="https://designdoc.ir/page-number-thesis/" class="dd-blog-card">
                    <span class="dd-blog-tag">آموزش ورد</span>
                    <div class="dd-blog-title">آموزش شماره‌گذاری صفحات</div>
                    <div class="dd-blog-desc">حل مشکل شماره‌گذاری ترکیبی (ابجد و عدد) در پایان‌نامه.</div>
                    <span class="dd-read-more">مطالعه مقاله ←</span>
                </a>

                <a href="https://designdoc.ir/learn-endnote/" class="dd-blog-card">
                    <span class="dd-blog-tag">نرم‌افزار پژوهشی</span>
                    <div class="dd-blog-title">رفرنس‌نویسی با اندنوت</div>
                    <div class="dd-blog-desc">آموزش کامل رفرنس‌دهی و حل مشکل فارسی‌نویسی در EndNote.</div>
                    <span class="dd-read-more">مطالعه مقاله ←</span>
                </a>

                <a href="https://designdoc.ir/thesis-layout-editing/" class="dd-blog-card">
                    <span class="dd-blog-tag">اصول پایه</span>
                    <div class="dd-blog-title">تعریف صفحه‌آرایی پایان‌نامه</div>
                    <div class="dd-blog-desc">آشنایی با مفهوم دقیق صفحه‌آرایی و تفاوت آن با تایپ ساده در متون علمی.</div>
                    <span class="dd-read-more">مطالعه مقاله ←</span>
                </a>

                <a href="https://designdoc.ir/%d8%aa%d9%81%d8%a7%d9%88%d8%aa-%d8%b5%d9%81%d8%ad%d9%87-%d8%a2%d8%b1%d8%a7%db%8c%db%8c-%d9%88-%d9%88%db%8c%d8%b1%d8%a7%d8%b3%d8%aa%d8%a7%d8%b1%db%8c-10-%d9%86%da%a9%d8%aa%d9%87-%d9%85%d9%87%d9%85/" class="dd-blog-card">
                    <span class="dd-blog-tag">دانستنی‌ها</span>
                    <div class="dd-blog-title">تفاوت صفحه‌آرایی و ویراستاری</div>
                    <div class="dd-blog-desc">آیا تفاوت اصلاحات فنی با ویرایش ادبی را می‌دانید؟ اینجا بخوانید.</div>
                    <span class="dd-read-more">مطالعه مقاله ←</span>
                </a>

            </div>
        </div>

        <div class="dd-container">
            <h2 class="dd-section-title">مسیر ساده ثبت سفارش</h2>
            <div class="dd-steps">
                <div class="dd-step-item"><div class="dd-step-num">1</div><h4>ارسال فایل</h4></div>
                <div class="dd-step-item"><div class="dd-step-num">2</div><h4>بررسی رایگان</h4></div>
                <div class="dd-step-item"><div class="dd-step-num">3</div><h4>اصلاحات فنی</h4></div>
                <div class="dd-step-item"><div class="dd-step-num">4</div><h4>تحویل فایل</h4></div>
            </div>
        </div>

        <div class="dd-container dd-faq">
            <h2 class="dd-section-title">سوالات متداول شما</h2>
            <details class="dd-accordion"><summary>آیا فرمت‌بندی دانشگاه من را انجام می‌دهید؟</summary><div class="dd-accordion-content">بله، قطعاً...</div></details>
            <details class="dd-accordion"><summary>انجام کار چقدر زمان می‌برد؟</summary><div class="dd-accordion-content">معمولاً پروژه‌های استاندارد بین ۲۴ تا ۴۸ ساعت...</div></details>
            <details class="dd-accordion"><summary>اگر بعد از تحویل کار، استاد ایراد گرفت چه می‌شود؟</summary><div class="dd-accordion-content">خدمات ما "تضمین پذیرش" دارد...</div></details>
            <details class="dd-accordion"><summary>مشکل شماره‌گذاری صفحات (الف، ب و اعداد) حل می‌شود؟</summary><div class="dd-accordion-content">بله، این یکی از تخصص‌های ماست...</div></details>
            <details class="dd-accordion"><summary>آیا فایل پایان‌نامه من محرمانه می‌ماند؟</summary><div class="dd-accordion-content">صد در صد. فایل شما امانت است...</div></details>
            <details class="dd-accordion"><summary>رفرنس‌دهی و منابع را هم استاندارد می‌کنید؟</summary><div class="dd-accordion-content">بله، اگر منابع شما به هم ریخته است...</div></details>
        </div>

        <div class="dd-container">
            <div class="dd-cta-box">
                <h2 style="font-size: 2rem; margin-bottom: 20px; color: #fff;">پایان‌نامه‌ات رو هنوز نهایی نکردی؟</h2>
                <p style="color: #eee; margin-bottom: 30px; font-size: 1.1rem;">زمانت رو برای یادگیری تنظیمات پیچیده ورد هدر نده! همین الان سفارش بده.</p>
                <a href="https://designdoc.ir/contant-with-us/" class="dd-btn dd-btn-primary" style="font-size: 1.2rem; padding: 15px 40px;">شروع ثبت سفارش</a>
            </div>
        </div>

    </div> </div>/* End custom CSS */