.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-281f6a34 *//* ==========================================
   ۱. پس‌زمینه عمیق و تاریک پایه
   ========================================== */
body, .elementor-template-canvas {
    background-color: #020403 !important; /* مشکی مطلق برای پایین صفحه */
    min-height: 100vh !important;
    margin: 0;
    padding: 0;
}

.elementor-section {
    background-color: #020403 !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
}

/* ==========================================
   ۲. لایه‌های نوری آبشاری (فقط در بالای صفحه)
   ========================================== */
.elementor-section::before,
.elementor-section::after {
    content: '' !important;
    position: absolute !important;
    top: -25vh !important; /* چسبیدن به سقف و خروج پنهان برای حذف مرز نور */
    width: 130vw !important;
    height: 70vh !important; /* محدود شدن ارتفاع به نیمه بالایی صفحه */
    pointer-events: none !important;
    mix-blend-mode: screen !important;
    filter: blur(100px) !important; /* بلور بسیار بالا برای پخش شدن نرم نور به سمت پایین */
    opacity: 0.8;
}

/* 🟢 موج آبشاری اول: طیف سرد (سبز، فیروزه‌ای، آبی، بنفش) */
.elementor-section::before {
    left: -15% !important;
    background: radial-gradient(
        ellipse at top, /* پخش شدن نور از لبه بالایی */
        rgba(0, 230, 118, 0.5) 0%,     /* سبز ابریشمی */
        rgba(0, 184, 212, 0.4) 30%,    /* فیروزه‌ای */
        rgba(41, 121, 255, 0.2) 65%,   /* آبی نئون */
        rgba(0, 0, 0, 0) 100%          /* محو شدن کامل در تاریکی */
    ) !important;
    animation: waterfallAuraOne 55s infinite linear !important;
}

/* 🟡 موج آبشاری دوم: طیف گرم (لیمویی، زرد، نارنجی، ارغوانی) */
.elementor-section::after {
    right: -15% !important;
    background: radial-gradient(
        ellipse at top,
        rgba(198, 255, 0, 0.45) 0%,    /* لیمویی فسفری */
        rgba(255, 145, 0, 0.3) 40%,    /* نارنجی گرم */
        rgba(213, 0, 249, 0.15) 70%,   /* ارغوانی محو */
        rgba(0, 0, 0, 0) 100%
    ) !important;
    animation: waterfallAuraTwo 65s infinite linear !important;
}

/* ==========================================
   ۳. انیمیشن حرکت آبشاری و چرخش ۱۵ رنگ
   ========================================== */
@keyframes waterfallAuraOne {
    0% {
        transform: translate(0, 0) scale(1);
        filter: blur(100px) hue-rotate(0deg) !important;
    }
    33% {
        transform: translate(5vw, 4vh) scale(1.08); /* نوسان نرم به راست و کمی پایین */
        filter: blur(110px) hue-rotate(120deg) !important; /* تغییر رنگ به طیف آبی و بنفش */
    }
    66% {
        transform: translate(-5vw, 2vh) scale(0.95);
        filter: blur(95px) hue-rotate(240deg) !important; /* تغییر رنگ به طیف صورتی و نارنجی */
    }
    100% {
        transform: translate(0, 0) scale(1);
        filter: blur(100px) hue-rotate(360deg) !important; /* بازگشت به نقطه شروع */
    }
}

@keyframes waterfallAuraTwo {
    0% {
        transform: translate(0, 0) scale(1.05);
        filter: blur(100px) hue-rotate(360deg) !important;
    }
    50% {
        transform: translate(-7vw, 5vh) scale(0.92); /* حرکت ناهماهنگ با لایه اول */
        filter: blur(90px) hue-rotate(180deg) !important;
    }
    100% {
        transform: translate(0, 0) scale(1.05);
        filter: blur(100px) hue-rotate(0deg) !important;
    }
}

/* ==========================================
   ۴. استایل و وسط‌چین کردن مدال فرم (ریسپانسیو)
   ========================================== */
.elementor-container {
    position: relative !important;
    z-index: 10 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 440px !important;
    margin: 0 auto !important;
}

.elementor-widget-shortcode, 
.elementor-widget-shortcode > div, 
.elementor-widget-shortcode form {
    width: 100% !important;
    border-radius: 28px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.95) !important;
}

/* تراز وسط در موبایل */
@media (max-width: 767px) {
    .elementor-section {
        padding: 0 20px !important;
    }

    .elementor-container {
        width: 100% !important;
        max-width: 100% !important;
    }

    .elementor-widget-shortcode {
        max-width: 380px !important;
    }

    .elementor-section::before,
    .elementor-section::after {
        width: 160vw !important;
        height: 60vh !important; /* فشرده‌تر شدن محدوده نور در موبایل برای حفظ سیاهی پایین صفحه */
        filter: blur(80px) !important;
    }
}/* End custom CSS */