"; inherits: false; initial-value: 0deg; }
html .mtx .mx-wrap { width: min(1240px, 100% - 40px); margin-inline: auto; }
html .mtx .mx-top { position: relative; z-index: 60; border-bottom: 1px solid var(--line); background: rgba(4, 6, 18, 0.55); backdrop-filter: blur(10px); font-size: 13.12px; }
html .mtx .mx-top-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; }
html .mtx .mx-tag { color: var(--mut); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0px; }
html .mtx .mx-top-end { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
html .mtx .mx-soc { display: flex; align-items: center; gap: 4px; }
html .mtx .mx-soc a { position: relative; display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; color: rgb(205, 215, 247); text-decoration: none; border: 1px solid transparent; transition: color 0.25s, background 0.25s, border-color 0.25s, transform 0.25s; }
html .mtx .mx-soc a:hover, html .mtx .mx-soc a:focus-visible { color: rgb(255, 255, 255); background: rgba(124, 108, 255, 0.22); border-color: rgba(124, 108, 255, 0.55); transform: translateY(-2px); }
html .mtx .mx-soc svg { width: 16px; height: 16px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
html .mtx .mx-soc a::after { content: attr(data-t); position: absolute; top: calc(100% + 8px); left: 50%; transform: translate(-50%, 4px); padding: 4px 10px; border-radius: 8px; background: rgb(16, 22, 56); border: 1px solid var(--line); color: rgb(255, 255, 255); font-size: 11.84px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.2s, transform 0.2s; }
html .mtx .mx-soc a:hover::after, html .mtx .mx-soc a:focus-visible::after { opacity: 1; transform: translate(-50%, 0px); }
html .mtx .mx-eng { display: inline-flex; align-items: center; gap: 6px; padding: 4px 14px; border: 1px solid var(--line); border-radius: 999px; color: rgb(230, 235, 255); text-decoration: none; font-weight: 700; font-size: 12.48px; direction: ltr; transition: background 0.25s, border-color 0.25s; }
html .mtx .mx-eng:hover { background: rgba(124, 108, 255, 0.2); border-color: rgba(124, 108, 255, 0.55); }
html .mtx .mx-head { position: sticky; top: var(--wp-admin--admin-bar--height,0px); z-index: 70; transition: background 0.35s, box-shadow 0.35s, border-color 0.35s; border-bottom: 1px solid transparent; }
html .mtx .mx-head::before { content: ""; position: absolute; inset: 0px; z-index: -1; background: rgba(5, 8, 22, 0.8); box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 40px; border-bottom: 1px solid var(--line); opacity: 0; transition: opacity 0.35s; pointer-events: none; }
html .mtx .mx-head.is-stuck::before { opacity: 1; -webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3); }
html.mx-scrolling .mtx .mx-head.is-stuck::before { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(5, 8, 22, 0.94); }
html.mx-scrolling .mtx .mx-top { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(4, 6, 18, 0.9); }
html, body.mtx { background-color: #070b22 !important; }
html .mtx .mx-head-in { display: flex; align-items: center; gap: 20px; min-height: 84px; transition: min-height 0.3s; }
html .mtx .mx-head.is-stuck .mx-head-in { min-height: 68px; }
html .mtx .mx-logo { flex: 0 0 auto; display: block; }
html .mtx .mx-logo img { display: block; height: 52px; width: auto; transition: height 0.3s; }
html .mtx .mx-head.is-stuck .mx-logo img { height: 44px; }
html .mtx .mx-nav { flex: 1 1 0%; min-width: 0px; }
html .mtx .mx-menu { display: flex; align-items: center; justify-content: center; gap: 2px; margin: 0px; padding: 0px; list-style: none; }
html .mtx .mx-menu li { position: relative; margin: 0px; }
html .mtx .mx-menu a { display: flex; align-items: center; justify-content: space-between; gap: 8px; text-decoration: none; color: rgb(232, 236, 251); font-weight: 500; line-height: 1.5; }
html .mtx .mx-menu > li > a { position: relative; padding: 10px 13px; border-radius: 12px; font-size: 14.88px; white-space: nowrap; transition: color 0.25s, background 0.25s; }
html .mtx .mx-menu > li > a::after { content: ""; position: absolute; inset-inline: 13px; bottom: 3px; height: 2px; border-radius: 2px; background: linear-gradient(90deg,var(--cya),var(--vio)); transform: scaleX(0); transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1); }
html .mtx .mx-menu > li:hover > a, html .mtx .mx-menu > li:focus-within > a, html .mtx .mx-menu > li.open > a { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.05); }
html .mtx .mx-menu > li:hover > a::after, html .mtx .mx-menu > li:focus-within > a::after, html .mtx .mx-menu > li.open > a::after { transform: scaleX(1); }
html .mtx .mx-menu .chev { width: 14px; height: 14px; flex: 0 0 auto; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: 0.7; transition: transform 0.3s; }
html .mtx .mx-menu li:hover > a > .chev, html .mtx .mx-menu li.open > a > .chev { transform: rotate(180deg); }
html .mtx .mx-sub { position: absolute; top: 100%; inset-inline-start: 0px; min-width: 260px; margin: 0px; padding: 10px; list-style: none; background: rgba(9, 13, 38, 0.95); backdrop-filter: blur(18px); border: 1px solid var(--line); border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.55) 0px 26px 70px, rgba(255, 255, 255, 0.02) 0px 0px 0px 1px inset; opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity 0.28s, transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), visibility 0.28s; }
html .mtx .mx-menu > li:nth-last-child(-n+2) > .mx-sub { inset-inline: auto 0px; }
html .mtx .mx-menu li:hover > .mx-sub, html .mtx .mx-menu li:focus-within > .mx-sub, html .mtx .mx-menu li.open > .mx-sub { opacity: 1; visibility: visible; transform: none; }
html .mtx .mx-sub .mx-sub { top: -11px; inset-inline-start: calc(100% - 4px); transform: translateX(-10px); }
html .mtx .mx-menu > li:nth-last-child(-n+2) .mx-sub .mx-sub { inset-inline: auto calc(100% - 4px); }
html .mtx .mx-sub a { padding: 10px 14px; border-radius: 12px; font-size: 14.4px; color: rgb(211, 219, 246); transition: background 0.2s, color 0.2s, padding 0.25s; }
html .mtx .mx-sub a:hover, html .mtx .mx-sub li:focus-within > a { background: linear-gradient(90deg, rgba(124, 108, 255, 0.22), rgba(111, 227, 255, 0.08)); color: rgb(255, 255, 255); padding-inline-start: 20px; }
html .mtx .mx-sub .chev { transform: rotate(90deg); }
html .mtx .mx-act { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
html .mtx .mx-ibtn { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line); background: var(--glass); color: rgb(232, 236, 251); cursor: pointer; transition: background 0.25s, border-color 0.25s, transform 0.25s; }
html .mtx .mx-ibtn:hover { background: rgba(124, 108, 255, 0.22); border-color: rgba(124, 108, 255, 0.55); transform: translateY(-2px); }
html .mtx .mx-ibtn svg { width: 19px; height: 19px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
html .mtx .mx-burger { display: none; position: relative; z-index: 95; }
html .mtx .mx-burger span { position: absolute; left: 12px; right: 12px; height: 2px; border-radius: 2px; background: currentcolor; transition: transform 0.35s, opacity 0.25s, top 0.35s; }
html .mtx .mx-burger span:nth-child(1) { top: 16px; }
html .mtx .mx-burger span:nth-child(2) { top: 21px; }
html .mtx .mx-burger span:nth-child(3) { top: 26px; }
html .mtx .mx-burger[aria-expanded="true"] span:nth-child(1) { top: 21px; transform: rotate(45deg); }
html .mtx .mx-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
html .mtx .mx-burger[aria-expanded="true"] span:nth-child(3) { top: 21px; transform: rotate(-45deg); }
html .mtx .mx-navfoot { display: none; }
html .mtx .mx-search { position: fixed; inset: 0px; z-index: 120; display: grid; place-items: start center; padding: 14vh 20px 20px; background: rgba(3, 5, 16, 0.82); backdrop-filter: blur(14px); opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; }
html .mtx .mx-search.open { opacity: 1; visibility: visible; }
html .mtx .mx-search form { width: min(720px, 100%); display: flex; gap: 10px; align-items: center; padding: 10px; border: 1px solid var(--line); border-radius: 999px; background: rgba(12, 17, 48, 0.9); box-shadow: rgba(0, 0, 0, 0.6) 0px 30px 90px; transform: translateY(-16px) scale(0.97); transition: transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1); }
html .mtx .mx-search.open form { transform: none; }
html .mtx .mx-search input { flex: 1 1 0%; min-width: 0px; height: 50px; padding: 0px 20px; border: 0px; background: transparent; color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 17.6px; outline: none; }
html .mtx .mx-search input::placeholder { color: rgb(127, 139, 176); }
html .mtx .mx-search button[type="submit"] { height: 50px; padding: 0px 26px; border: 0px; border-radius: 999px; background: linear-gradient(110deg,var(--vio),var(--blu)); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 700; cursor: pointer; }
html .mtx .mx-foot { position: relative; margin-top: clamp(30px, 5vw, 60px); padding: clamp(54px, 7vw, 92px) 0px 0px; overflow: hidden; border-top: 1px solid var(--line); background: linear-gradient(rgba(7, 12, 40, 0.4), rgba(5, 8, 22, 0.9) 40%, rgb(2, 3, 10)); }
html .mtx .mx-foot::before { content: ""; position: absolute; left: 50%; top: -62%; width: 150%; aspect-ratio: 1 / 1; transform: translateX(-50%); border-radius: 50%; border: 1px solid rgba(124, 108, 255, 0.35); box-shadow: rgba(86, 92, 255, 0.2) 0px 0px 120px 10px inset, rgba(111, 227, 255, 0.12) 0px -10px 80px; pointer-events: none; }
html .mtx .mx-foot-g { position: relative; display: grid; grid-template-columns: 1.25fr 1fr 1fr 1fr; gap: clamp(24px, 4vw, 56px); padding-bottom: clamp(36px, 5vw, 60px); }
html .mtx .mx-foot h4 { margin: 0px 0px 18px; font-size: 16.8px; font-weight: 700; color: rgb(255, 255, 255); position: relative; padding-bottom: 12px; }
html .mtx .mx-foot h4::after { content: ""; position: absolute; right: 0px; bottom: 0px; width: 38px; height: 3px; border-radius: 3px; background: linear-gradient(90deg,var(--cya),var(--vio)); }
html .mtx .mx-foot ul { list-style: none; margin: 0px; padding: 0px; display: grid; gap: 4px; }
html .mtx .mx-foot li a { display: inline-flex; align-items: center; gap: 10px; padding: 5px 0px; text-decoration: none; color: rgb(195, 205, 238); font-size: 15.2px; transition: color 0.25s, transform 0.25s; }
html .mtx .mx-foot li a::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--vio); box-shadow: rgba(124, 108, 255, 0.6) 0px 0px 0px 0px; transition: box-shadow 0.3s, background 0.3s; }
html .mtx .mx-foot li a:hover { color: rgb(255, 255, 255); transform: translateX(-5px); }
html .mtx .mx-foot li a:hover::before { background: var(--cya); box-shadow: rgba(111, 227, 255, 0.18) 0px 0px 0px 5px; }
html .mtx .mx-apps { display: flex; flex-direction: column; gap: 12px; }
html .mtx .mx-apps p { margin: 0px; color: var(--mut); font-size: 14.08px; line-height: 1.9; }
html .mtx .mx-apps div { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
html .mtx .mx-apps img { display: block; height: 46px; width: auto; border-radius: 10px; transition: transform 0.3s, filter 0.3s; }
html .mtx .mx-apps a:hover img { transform: translateY(-4px); filter: brightness(1.12); }
html .mtx .mx-fsoc a { width: auto; }
html .mtx .mx-fsoc svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
html .mtx .mx-foot-b { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; padding: 22px 0px 26px; border-top: 1px solid var(--line); color: var(--dim); font-size: 13.6px; }
html .mtx .mx-foot-b a { color: rgb(195, 205, 238); text-decoration: none; transition: color 0.25s; }
html .mtx .mx-foot-b a:hover { color: rgb(255, 255, 255); }
html .mtx .mx-foot-b img { display: block; height: 28px; width: auto; }
html .mtx .mx-up { position: fixed; left: 22px; bottom: 22px; z-index: 90; width: 54px; height: 54px; border: 0px; border-radius: 50%; background: rgba(9, 13, 38, 0.85); backdrop-filter: blur(10px); color: rgb(255, 255, 255); cursor: pointer; display: grid; place-items: center; opacity: 0; visibility: hidden; transform: translateY(14px); transition: opacity 0.35s, transform 0.35s, visibility 0.35s; box-shadow: rgba(0, 0, 0, 0.5) 0px 14px 40px; }
html .mtx .mx-up.show { opacity: 1; visibility: visible; transform: none; }
html .mtx .mx-up svg.pr { position: absolute; inset: 0px; width: 100%; height: 100%; transform: rotate(-90deg); }
html .mtx .mx-up svg.pr circle { fill: none; stroke-width: 3; }
html .mtx .mx-up svg.pr .bg { stroke: rgba(255, 255, 255, 0.12); }
html .mtx .mx-up svg.pr .fg { stroke: url("#mx-g"); stroke-linecap: round; stroke-dasharray: 157; stroke-dashoffset: 157; }
html .mtx .mx-up svg.ar { position: relative; width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 1320px){html .mtx .mx-menu > li > a { padding: 10px 8px; font-size: 13.76px; }html .mtx .mx-head-in { gap: 12px; }}
@media (max-width: 1180px){html .mtx .mx-burger { display: grid; }html .mtx .mx-nav { position: fixed; inset: 0px; z-index: 90; padding: calc(96px + var(--wp-admin--admin-bar--height,0px)) 20px 28px; background: radial-gradient(90% 50% at 80% 0%, rgb(27, 20, 86), transparent 60%), rgb(5, 8, 22); overflow-y: auto; transform: translateX(100%); visibility: hidden; transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1), visibility 0.5s; }html .mtx .mx-nav.open { transform: none; visibility: visible; }html .mtx .mx-menu { flex-direction: column; align-items: stretch; gap: 8px; }html .mtx .mx-menu > li > a { padding: 15px 18px; border: 1px solid var(--line); border-radius: 16px; background: var(--glass); font-size: 16.8px; justify-content: space-between; }html .mtx .mx-menu > li > a::after { display: none; }html .mtx .mx-sub, html .mtx .mx-sub .mx-sub { position: static; display: none; opacity: 1; visibility: visible; transform: none; min-width: 0px; padding: 6px 10px 6px 0px; margin: 4px 14px 0px 0px; border: 0px; border-inline-start: 2px solid rgba(124, 108, 255, 0.4); border-radius: 0px; background: transparent; box-shadow: none; backdrop-filter: none; }html .mtx .mx-menu li.open > .mx-sub { display: block; }html .mtx .mx-menu li:hover > .mx-sub { opacity: 1; }html .mtx .mx-sub a { padding: 12px; }html .mtx .mx-sub .chev { transform: none; }html .mtx .mx-menu li.open > a > .chev { transform: rotate(180deg); }html .mtx .mx-navfoot { display: block; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); }html .mtx .mx-navfoot .mx-soc { flex-wrap: wrap; gap: 10px; }html .mtx .mx-navfoot .mx-soc a { width: auto; height: auto; padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px; gap: 8px; display: inline-flex; }html .mtx .mx-navfoot .mx-soc a::after { content: none; }html .mtx .mx-navfoot .mx-soc a span { font-size: 13.6px; }html .mtx .mx-top .mx-soc { display: none; }}
@media (max-width: 1024px){html .mtx .mx-foot-g { grid-template-columns: 1fr 1fr; }}
@media (max-width: 640px){html .mtx .mx-wrap { width: calc(100% - 28px); }html .mtx .mx-tag { font-size: 11.84px; }html .mtx .mx-head-in { min-height: 70px; }html .mtx .mx-logo img { height: 42px; }html .mtx .mx-foot-g { grid-template-columns: 1fr; }html .mtx .mx-up { left: 14px; bottom: 14px; }html .mtx .mx-foot-b { padding-bottom: 84px; }}
@media (prefers-reduced-motion: reduce){html .mtx *, html .mtx ::before, html .mtx ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }}
html .mtx { font-family: var(--fb) !important; }
html .mtx * { font-family: inherit !important; }
html .mtx h1, html .mtx h2, html .mtx h3, html .mtx h4, html .mtx .mx-title, html .mtx .mx-name, html .mtx .mx-menu > li > a, html .mtx .mx-menu > li > a span, html .mtx .mx-btn, html .mtx .mx-btn span, html .mtx .mx-portal-btn, html .mtx .mx-portal-btn span, html .mtx .mx-allbtn, html .mtx .mxm-n, html .mtx .mxm-tg b, html .mtx .mx-dr-a, html .mtx .mx-dr-t, html .mtx .mx-dr-title, html .mtx .mx-role, html .mtx .mx-quote, html .mtx .mx-quote .w, html .mtx .mx-intro h1, html .mtx #mt-library-fa .lib-title, html .mtx .mx-card h3, html .mtx .mx-pop-t { font-family: var(--fd) !important; }
html .mtx { --fd: "Estedad","VazirMatn",Vazir,Tahoma,sans-serif; --fb: "VazirMatn",Vazir,Tahoma,"Segoe UI",sans-serif; font-family: var(--fb); }
html .mtx h1, html .mtx h2, html .mtx h3, html .mtx .mx-title, html .mtx .mx-name, html .mtx .mx-menu > li > a, html .mtx .mx-btn, html .mtx .mx-portal-btn, html .mtx .mx-allbtn { font-family: var(--fd); }
html .mtx .mx-menu > li > a, html .mtx .mx-btn, html .mtx .mx-portal-btn, html .mtx .mx-allbtn { font-weight: 600; }
html .mtx .mx-ibtn { width: 44px; height: 44px; border: 0px; border-radius: 14px; background: transparent; color: rgb(241, 243, 255); -webkit-tap-highlight-color: transparent; }
html .mtx .mx-ibtn:hover { background: rgba(255, 255, 255, 0.07); border-color: transparent; transform: none; }
html .mtx .mx-ibtn:focus-visible { outline: 2px solid var(--cya); outline-offset: 2px; }
html .mtx .mx-sbtn svg { width: 21px; height: 21px; stroke-width: 2; }
html .mtx .mx-burger span { left: auto; right: 10px; width: 24px; height: 2px; border-radius: 3px; background: rgb(244, 246, 255); transform-origin: 50% 50%; transition: top 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) 0.16s, transform 0.42s cubic-bezier(0.5, -0.6, 0.3, 1.6), width 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.25s; }
html .mtx .mx-burger span:nth-child(1) { top: 15px; width: 24px; }
html .mtx .mx-burger span:nth-child(2) { top: 21px; width: 15px; background: linear-gradient(90deg,var(--vio),var(--cya)); }
html .mtx .mx-burger span:nth-child(3) { top: 27px; width: 19px; }
html .mtx .mx-burger:hover span:nth-child(2), html .mtx .mx-burger:hover span:nth-child(3) { width: 24px; }
html .mtx .mx-burger[aria-expanded="true"] span { transition: top 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.5s cubic-bezier(0.5, -0.6, 0.3, 1.6) 0.18s, width 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.2s; }
html .mtx .mx-burger[aria-expanded="true"] span:nth-child(1) { top: 21px; width: 24px; transform: rotate(45deg); }
html .mtx .mx-burger[aria-expanded="true"] span:nth-child(2) { width: 0px; opacity: 0; }
html .mtx .mx-burger[aria-expanded="true"] span:nth-child(3) { top: 21px; width: 24px; transform: rotate(-45deg); }
html .mtx .mx-drawer { display: none; }
@media (max-width: 1180px){html .mtx .mx-head-in { display: grid; grid-template-columns: 48px minmax(0px, 1fr) 48px; align-items: center; gap: 6px; min-height: 66px; }html .mtx .mx-head.is-stuck .mx-head-in { min-height: 60px; }html .mtx .mx-act { display: contents; }html .mtx .mx-burger { grid-area: 1 / 1; justify-self: start; }html .mtx .mx-logo { grid-area: 1 / 2; justify-self: center; }html .mtx .mx-sbtn { grid-area: 1 / 3; justify-self: end; }html .mtx .mx-logo img, html .mtx .mx-head.is-stuck .mx-logo img { height: 40px; }html .mtx .mx-nav { display: none !important; }html .mtx.mx-dr-on .mx-head::before { opacity: 0; }html .mtx.mx-dr-on .mx-up, html .mtx.mx-dr-on .mx-aura { opacity: 0 !important; visibility: hidden !important; }html .mtx .mx-drawer { display: block; position: fixed; inset: 0px; z-index: 65; visibility: hidden; pointer-events: none; transition: visibility 0.75s; }html .mtx .mx-drawer.open { visibility: visible; pointer-events: auto; transition-delay: 0s; }}
html .mtx .mx-dr-bg { position: absolute; inset: 0px; overflow: hidden; background: radial-gradient(110% 55% at 100% 0%, rgba(124, 108, 255, 0.36), transparent 62%), radial-gradient(90% 55% at 0% 100%, rgba(74, 168, 255, 0.22), transparent 60%), radial-gradient(60% 40% at 30% 45%, rgba(243, 207, 139, 0.06), transparent 70%), rgb(5, 8, 22); clip-path: circle(0px at var(--cx,90%) var(--cy,60px)); transition: clip-path 0.72s cubic-bezier(0.76, 0, 0.24, 1); }
html .mtx .mx-drawer.open .mx-dr-bg { clip-path: circle(160vmax at var(--cx,90%) var(--cy,60px)); }
html .mtx .mx-dr-bg i { position: absolute; border-radius: 50%; border: 1px solid rgba(176, 196, 255, 0.1); pointer-events: none; }
html .mtx .mx-dr-bg .o1 { width: 150vmin; height: 150vmin; top: -45vmin; left: -70vmin; border-style: dashed; animation: 90s linear 0s infinite normal none running mxSpin; }
html .mtx .mx-dr-bg .o2 { width: 95vmin; height: 95vmin; bottom: -38vmin; right: -40vmin; border-color: rgba(243, 207, 139, 0.13); animation: 50s linear 0s infinite reverse none running mxSpin; }
html .mtx .mx-dr-bg .o2::after { content: ""; position: absolute; top: 50%; left: -4px; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: rgba(243, 207, 139, 0.6) 0px 0px 14px 3px; }
html .mtx .mx-dr-in { position: absolute; left: 0px; right: 0px; bottom: 0px; top: var(--top,110px); display: flex; flex-direction: column; padding: 4px 18px calc(14px + env(safe-area-inset-bottom,0px)); }
html .mtx .mx-dr-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; min-height: 22px; margin: 4px 6px 6px; font-size: 11.84px; color: var(--dim); opacity: 0; transform: translateY(-6px); transition: opacity 0.3s, transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); }
html .mtx .mx-dr-crumbs.show { opacity: 1; transform: none; }
html .mtx .mx-dr-crumbs span + span::before { content: "‹"; margin-inline-end: 6px; color: var(--vio); font-weight: 700; }
html .mtx .mx-dr-crumbs span:last-child { color: rgb(214, 221, 248); }
html .mtx .mx-dr-stage { position: relative; flex: 1 1 0%; min-height: 0px; overflow: hidden; }
html .mtx .mx-dr-panel { position: absolute; inset: 0px; overflow-y: auto; overscroll-behavior: contain; padding: 2px 2px 22px; opacity: 0; visibility: hidden; transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.45s, visibility 0.6s; }
html .mtx .mx-dr-panel.is-current { transform: none; opacity: 1; visibility: visible; transition-delay: 0s; }
html .mtx .mx-dr-panel.is-prev { transform: translateX(30%) scale(0.95); }
html .mtx .mx-dr-panel.is-next { transform: translateX(-40%); }
html .mtx .mx-dr-head { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 2px 6px 14px; margin-bottom: 4px; }
html .mtx .mx-dr-head > * { opacity: 0; transform: translateX(-16px); transition: opacity 0.4s, transform 0.55s cubic-bezier(0.2, 0.8, 0.2, 1); }
html .mtx .mx-drawer.open .mx-dr-panel.is-current .mx-dr-head > * { opacity: 1; transform: none; transition-delay: 0.12s; }
html .mtx .mx-dr-back { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px 7px 16px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255, 255, 255, 0.05); color: rgb(214, 221, 248); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13.44px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background 0.25s, border-color 0.25s; }
html .mtx .mx-dr-back:hover, html .mtx .mx-dr-back:active { background: rgba(124, 108, 255, 0.2); border-color: rgba(124, 108, 255, 0.5); }
html .mtx .mx-dr-back svg { width: 16px; height: 16px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
html .mtx .mx-dr-title { font-family: var(--fd); font-weight: 800; font-size: 25.6px; line-height: 1.5; background: linear-gradient(95deg, rgb(255, 255, 255), rgb(216, 208, 255) 55%, rgb(243, 207, 139)) text; color: transparent; -webkit-text-fill-color: transparent; }
html .mtx .mx-dr-list { list-style: none; margin: 0px; padding: 0px; }
html .mtx .mx-dr-list > li { position: relative; margin: 0px; opacity: 0; transform: translateY(18px); filter: blur(5px); transition: opacity 0.4s, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.4s; }
html .mtx .mx-drawer.open .mx-dr-panel.is-current .mx-dr-list > li { opacity: 1; transform: none; filter: none; transition-delay: calc(var(--i,0) * 48ms + 170ms); }
html .mtx .mx-dr-list > li + li::before { content: ""; position: absolute; top: 0px; left: 10px; right: 10px; height: 1px; background: linear-gradient(90deg, transparent, rgba(176, 196, 255, 0.17) 18%, rgba(176, 196, 255, 0.17) 82%, transparent); }
html .mtx .mx-dr-a { position: relative; isolation: isolate; display: flex; align-items: center; gap: 14px; width: 100%; box-sizing: border-box; margin: 0px; padding: 15px 10px; border: 0px; border-radius: 16px; background: transparent; color: rgb(238, 241, 255); text-align: right; font-family: var(--fd); font-size: 18.56px; font-weight: 600; line-height: 1.5; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: color 0.3s; }
html .mtx .mx-dr-list.is-sub .mx-dr-a { font-size: 16.64px; padding: 13px 10px; }
html .mtx .mx-dr-a::after { content: ""; position: absolute; inset: 3px 0px; z-index: -1; border-radius: 14px; background: linear-gradient(90deg, rgba(111, 227, 255, 0), rgba(124, 108, 255, 0.2)); opacity: 0; transition: opacity 0.3s; }
html .mtx .mx-dr-a:hover::after, html .mtx .mx-dr-a:active::after, html .mtx .mx-dr-a:focus-visible::after { opacity: 1; }
html .mtx .mx-dr-a:focus-visible { outline: none; }
html .mtx .mx-dr-num { flex: 0 0 auto; min-width: 1.7em; font-family: var(--fb); font-size: 11.2px; font-weight: 700; letter-spacing: 0.06em; color: var(--gold); opacity: 0.7; }
html .mtx .mx-dr-a.is-here .mx-dr-num { color: var(--cya); opacity: 1; }
html .mtx .mx-dr-a.is-here .mx-dr-t::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-inline-start: 10px; vertical-align: middle; border-radius: 50%; background: var(--cya); box-shadow: rgba(111, 227, 255, 0.6) 0px 0px 10px 2px; }
html .mtx .mx-dr-t { flex: 1 1 0%; min-width: 0px; }
html .mtx .mx-dr-go { flex: 0 0 auto; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: rgba(124, 108, 255, 0.13); border: 1px solid rgba(124, 108, 255, 0.3); color: rgb(227, 224, 255); transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1.4), background 0.3s; }
html .mtx .mx-dr-a:hover .mx-dr-go, html .mtx .mx-dr-a:active .mx-dr-go { transform: translateX(-5px); background: rgba(124, 108, 255, 0.32); }
html .mtx .mx-dr-go svg, html .mtx .mx-dr-ext { width: 16px; height: 16px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
html .mtx .mx-dr-ext { flex: 0 0 auto; opacity: 0.5; }
html .mtx .mx-dr-foot { flex: 0 0 auto; padding-top: 14px; border-top: 1px solid var(--line); opacity: 0; transform: translateY(12px); transition: opacity 0.4s, transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); }
html .mtx .mx-drawer.open .mx-dr-foot { opacity: 1; transform: none; transition-delay: 0.42s; }
html .mtx .mx-dr-foot .mx-soc { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
html .mtx .mx-dr-foot .mx-soc a { display: inline-flex; align-items: center; gap: 7px; width: auto; height: auto; padding: 7px 12px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.04); color: rgb(207, 215, 246); font-size: 12.48px; }
html .mtx .mx-dr-foot .mx-soc a::after { content: none; }
html .mtx .mx-dr-foot .mx-soc svg { width: 15px; height: 15px; }
html .mtx .mx-dr-foot .mx-soc a span { font-size: 12.48px; }
html { scrollbar-gutter: stable; }
html .mtx .mx-dr-num, html .mtx .mx-dr-crumbs { font-family: var(--fb) !important; }
html .mtx .mx-ibtn, html .mtx .mx-up { padding: 0px; }
html .mtx .mx-search { grid-template-columns: minmax(0px, 720px); justify-content: center; }
html .mtx .mx-head.is-stuck::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -1px; height: 1px; background: linear-gradient(90deg,transparent,var(--cya),var(--vio),var(--gold),transparent); opacity: 0.55; pointer-events: none; }
html .mtx .mx-sub li:hover > a > .chev, html .mtx .mx-sub li.open > a > .chev, html .mtx .mx-sub li:focus-within > a > .chev { transform: rotate(90deg); }
html .mtx .mx-drawer:not(.open) .mx-dr-panel.is-current { visibility: hidden; transition: visibility 0.7s; }
html .mtx .mx-drawer:not(.open) .mx-dr-bg i { animation-play-state: paused; }
html .mtx .mx-dr-a { min-height: 58px; padding-block: 8px; }
html .mtx .mx-dr-num { font-size: 12.48px; opacity: 0.85; min-width: 2em; font-variant-numeric: tabular-nums; }
html .mtx .mx-dr-go { width: 32px; height: 32px; border-radius: 10px; }
@media (min-width: 641px){html .mtx .mx-dr-in { padding-inline: max(18px, 50% - 290px); }}
@media (max-width: 1180px){html .mtx .mx-logo img, html .mtx .mx-head.is-stuck .mx-logo img { height: 44px; }}
@media (max-width: 640px){html .mtx .mx-top-in { min-height: 36px; }html .mtx .mx-up { scale: 0.82; transform-origin: left bottom; left: 10px; bottom: calc(10px + env(safe-area-inset-bottom,0px)); }html .mtx .mx-foot ul { display: grid; grid-template-columns: 1fr 1fr; column-gap: 14px; }html .mtx .mx-foot-g > div:first-child > img { width: 200px; height: auto; }}
html { scrollbar-color: rgb(74, 63, 176) rgb(5, 8, 22); }
html::-webkit-scrollbar { width: 11px; }
html::-webkit-scrollbar-track { background: rgb(5, 8, 22); }
html::-webkit-scrollbar-thumb { background: linear-gradient(rgb(107, 92, 240), rgb(47, 127, 208)); border-radius: 11px; border: 3px solid rgb(5, 8, 22); }
html .mtx * { scrollbar-width: thin; scrollbar-color: rgba(140, 128, 255, 0.55) transparent; }
html .mtx ::-webkit-scrollbar { width: 5px; height: 5px; }
html .mtx ::-webkit-scrollbar-track { background: transparent; }
html .mtx ::-webkit-scrollbar-thumb { background: linear-gradient(rgb(139, 124, 255), rgb(74, 168, 255)); border-radius: 6px; }
html .mtx .mx-dr-panel { mask-image: linear-gradient(rgb(0, 0, 0) calc(100% - 26px), transparent); }
html .mtx .mx-help { position: fixed; right: 18px; bottom: calc(20px + env(safe-area-inset-bottom,0px)); z-index: 80; display: inline-flex; align-items: center; gap: 10px; height: 50px; padding-inline: 6px 20px; box-sizing: border-box; border-radius: 999px; background: linear-gradient(135deg, rgb(255, 230, 170) 0%, rgb(243, 196, 99) 55%, rgb(229, 154, 60) 100%); font-weight: 800; font-size: 16px; line-height: 1; box-shadow: rgba(243, 170, 70, 0.75) 0px 14px 34px -12px, rgba(255, 255, 255, 0.35) 0px 0px 0px 1px inset, rgba(243, 207, 139, 0.28) 0px 0px 26px; -webkit-tap-highlight-color: transparent; animation: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1.25) 1.1s 1 normal both running mxHelpIn, 3.8s ease-in-out 1.9s infinite normal none running mxHelpFloat; transition: box-shadow 0.3s, filter 0.3s, opacity 0.35s, visibility 0.35s; color: rgb(27, 18, 54) !important; text-decoration: none !important; font-family: var(--fd) !important; }
html .mtx .mx-help::before { content: ""; position: absolute; inset: 0px; border-radius: inherit; box-shadow: rgba(243, 207, 139, 0.6) 0px 0px 0px 0px; animation: 4.5s ease-out 2.4s infinite normal none running mxHelpPing; pointer-events: none; }
html .mtx .mx-help::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, 0.55) 50%, transparent 65%) 120% 0px / 250% 100%; animation: 5.5s ease-in-out 3s infinite normal none running mxHelpSheen; pointer-events: none; }
html .mtx .mx-help-i { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: rgb(27, 18, 54); box-shadow: rgba(255, 255, 255, 0.35) 0px 0px 0px 2px; }
html .mtx .mx-help-i svg { width: 19px; height: 19px; fill: rgb(246, 199, 104); stroke: none; transition: transform 0.3s; }
html .mtx .mx-help:hover, html .mtx .mx-help:focus-visible { filter: brightness(1.06); box-shadow: rgba(243, 170, 70, 0.9) 0px 18px 40px -12px, rgba(255, 255, 255, 0.45) 0px 0px 0px 1px inset, rgba(243, 207, 139, 0.45) 0px 0px 36px; outline: none; }
html .mtx .mx-help:hover .mx-help-i svg, html .mtx .mx-help:focus-visible .mx-help-i svg { animation: 0.9s ease-in-out 0s infinite normal none running mxHelpBeat; }
html .mtx .mx-help:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 3px; }
html .mtx.mx-dr-on .mx-help { visibility: hidden; pointer-events: none; opacity: 0 !important; }
@media (max-width: 640px){html .mtx .mx-help { right: 12px; bottom: calc(14px + env(safe-area-inset-bottom,0px)); height: 44px; gap: 8px; padding-inline: 5px 16px; font-size: 14.72px; }html .mtx .mx-help-i { width: 34px; height: 34px; }html .mtx .mx-help-i svg { width: 17px; height: 17px; }}
@media (prefers-reduced-motion: reduce){html .mtx .mx-help { animation: auto ease 0s 1 normal none running none; opacity: 1; }html .mtx .mx-help::before, html .mtx .mx-help::after { animation: auto ease 0s 1 normal none running none; }}
html .mtx .mx-menu > li:nth-last-child(-n+4) > .mx-sub { inset-inline: auto 0px; }
html .mtx .mx-sub .mx-sub { min-width: 236px; max-width: 290px; }
html .mtx .mx-sub li.drop > .mx-sub { top: calc(100% - 2px); inset-inline: auto 0px; transform: translateY(8px); }
html .mtx .mx-sub li.drop:hover > .mx-sub, html .mtx .mx-sub li.drop:focus-within > .mx-sub, html .mtx .mx-sub li.drop.open > .mx-sub { transform: none; }
html .mtx .mx-sub li.drop > a > .chev { transform: none; }
html .mtx .mx-heart-fx { position: fixed; inset: 0px; z-index: 300; pointer-events: auto; overflow: hidden; }
html .mtx .mx-hfx-bg { position: absolute; inset: 0px; background: radial-gradient(circle, rgba(246, 199, 104, 0.28) 0%, rgba(124, 108, 255, 0.18) 30%, rgba(5, 8, 22, 0.94) 65%); opacity: 0; }
html .mtx .mx-hfx-h { position: absolute; left: 50%; top: 50%; will-change: transform; filter: drop-shadow(rgba(246, 199, 104, 0.85) 0px 0px 26px) drop-shadow(rgba(229, 137, 58, 0.45) 0px 0px 60px); }
html .mtx .mx-hfx-h svg { display: block; width: 100%; height: 100%; }
html .mtx .mx-hfx-sp { position: absolute; left: 50%; top: 50%; width: 11px; height: 11px; border-radius: 50%; background: radial-gradient(circle, rgb(255, 255, 255) 0px, rgb(246, 199, 104) 55%, rgba(246, 199, 104, 0) 72%); box-shadow: rgba(246, 199, 104, 0.6) 0px 0px 14px 3px; }
html .mtx .mx-hfx-sp.v { width: 8px; height: 8px; background: radial-gradient(circle, rgb(255, 255, 255) 0px, rgb(169, 155, 255) 55%, rgba(124, 108, 255, 0) 72%); box-shadow: rgba(124, 108, 255, 0.55) 0px 0px 12px 3px; }
html .mtx .mx-help.is-go { transition: opacity 0.25s; opacity: 0 !important; }
@keyframes mxSpin {
100% { transform: rotate(360deg); }
}
@keyframes mxHelpIn {
0% { opacity: 0; transform: translateX(30px) scale(0.8); }
100% { opacity: 1; transform: none; }
}
@keyframes mxHelpFloat {
0%, 100% { translate: 0px; }
50% { translate: 0px -6px; }
}
@keyframes mxHelpPing {
0% { box-shadow: rgba(243, 207, 139, 0.55) 0px 0px 0px 0px; }
35%, 100% { box-shadow: rgba(243, 207, 139, 0) 0px 0px 0px 14px; }
}
@keyframes mxHelpSheen {
0%, 70% { background-position: 120% 0px; }
100% { background-position: -120% 0px; }
}
@keyframes mxHelpBeat {
0%, 100% { transform: scale(1); }
30% { transform: scale(1.18); }
55% { transform: scale(0.96); }
}
/* ===== site-wide wrappers (preview) ===== */
html .mtx.mtx-h,html .mtx.mtx-f{display:contents}
html body .ekit-template-content-header,html body .ekit-template-content-footer{display:none!important}
html .mtx .mx-top{background:#04050f}
html .mtx-h .mx-head::before{opacity:1;background:rgba(6,9,28,.94)}
html .mtx-f .mx-foot{position:relative;margin:0;background:radial-gradient(80% 70% at 88% 0%,rgba(124,108,255,.2),transparent 60%),radial-gradient(70% 60% at 0% 100%,rgba(74,168,255,.13),transparent 60%),linear-gradient(180deg,#080b26,#04050f)}
html .mtx-f .mx-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#6fe3ff,#7c6cff,#f3cf8b,transparent);opacity:.65}
html body:has(#wpd-bubble-wrapper) .mtx .mx-up{bottom:96px}
html .mtx .mx-pt{position:fixed;inset:0;z-index:400;pointer-events:none;opacity:0;background:radial-gradient(55% 45% at 50% 50%,rgba(124,108,255,.25),transparent 70%),#050816;transition:opacity .24s ease}
html .mtx .mx-pt::after{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:2px solid rgba(255,255,255,.12);border-top-color:#6fe3ff;border-right-color:#f3cf8b;animation:mxSpin 1s linear infinite}
html .mtx .mx-pt.on{opacity:1;pointer-events:auto}
html .mtx-h ~ #page{animation:mxPageIn .5s ease both}
@keyframes mxPageIn{from{opacity:0}to{opacity:1}}
/* ===== theme bridge for inner pages ===== */
html body :is(p,li,span,div,b,strong,a,address,textarea,input,td,th,label,button,select,blockquote,figcaption,em,small,cite):not(:is([class*="icon"],[class*="fa-"],.fa,.fas,.far,.fab,.dashicons)):not(.mtx *):not(#wpadminbar *){font-family:"VazirMatn",Vazir,Tahoma,sans-serif!important}
html body :is(h1,h2,h3,h4,h5,h6):not(.mtx *):not(#wpadminbar *):not(._),html body :is(h1,h2,h3,h4,h5,h6) :not(i):not(.mtx *):not(#wpadminbar *):not(._){font-family:"Estedad","VazirMatn",Vazir,sans-serif!important}
html body .ast-archive-entry-banner .ast-breadcrumbs-wrapper{display:inline-block;margin-top:16px!important;padding:7px 18px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(176,196,255,.22);font-size:13px!important;line-height:1.8;animation:mxRise .8s cubic-bezier(.2,.8,.2,1) .15s both}
html body .ast-archive-entry-banner :is(.ast-breadcrumbs-inner,.breadcrumb-trail,.ast-breadcrumbs,.trail-items){display:inline!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body .ast-archive-entry-banner .trail-items li{display:inline;color:#cfd7f6!important;font-size:13px!important}
html body .ast-archive-entry-banner .trail-items a,html body .ast-archive-entry-banner .trail-items a *{color:#8fe9ff!important;text-decoration:none!important}
html body .ast-archive-entry-banner .trail-end,html body .ast-archive-entry-banner .trail-end *{color:#f3cf8b!important}
html body .ast-archive-entry-banner .trail-items li::after{color:rgba(207,215,246,.5)!important}
@keyframes mxTwinkle{from{opacity:1}to{opacity:.35}}
@keyframes mxRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
html body:is(.archive,.blog,.search) article.ast-article-post{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
html body:is(.archive,.blog,.search) article.ast-article-post .post-thumb,html body:is(.archive,.blog,.search) article.ast-article-post .ast-blog-featured-section{overflow:hidden;border-radius:14px}
html body:is(.archive,.blog,.search) article.ast-article-post img{transition:transform .9s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){html body:is(.archive,.blog,.search) article.ast-article-post:hover{transform:translateY(-5px)}html body:is(.archive,.blog,.search) article.ast-article-post:hover img{transform:scale(1.05)}}
html body.single-post article .entry-header{position:relative;overflow:hidden;isolation:isolate;padding:12px 12px 26px!important;margin-bottom:30px!important;border-radius:24px;text-align:center;background:radial-gradient(90% 80% at 85% 0%,rgba(124,108,255,.38),transparent 60%),radial-gradient(80% 80% at 0% 100%,rgba(74,168,255,.22),transparent 60%),linear-gradient(180deg,#0a0e2e,#060920)!important;box-shadow:0 30px 70px -40px rgba(43,29,124,.9)}
html body.single-post article .entry-header::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(1.6px 1.6px at 12% 30%,#fff,transparent 70%),radial-gradient(1px 1px at 28% 72%,#fff,transparent 70%),radial-gradient(1.6px 1.6px at 46% 18%,#cfd8ff,transparent 70%),radial-gradient(1px 1px at 63% 64%,#fff,transparent 70%),radial-gradient(1.6px 1.6px at 78% 36%,#ffe2b0,transparent 70%),radial-gradient(1px 1px at 90% 80%,#fff,transparent 70%);animation:mxTwinkle 4.5s ease-in-out infinite alternate}
html body.single-post article .entry-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#6fe3ff,#7c6cff,#f3cf8b,transparent)}
html body.single-post article .entry-header .post-thumb-img-content{margin:0 0 20px!important}
html body.single-post article .entry-header img{display:block;width:100%;border-radius:16px}
html body.single-post article .entry-header .entry-title{margin:0 0 10px!important;padding:0 8px;font-weight:800!important;font-size:clamp(22px,3.4vw,38px)!important;line-height:1.6!important;background:linear-gradient(95deg,#fff,#e2dcff 60%,#f3cf8b);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:mxRise .8s cubic-bezier(.2,.8,.2,1) both}
html body.single-post article .entry-header .entry-meta{color:rgba(207,215,246,.6)!important;font-size:13px!important;animation:mxRise .8s cubic-bezier(.2,.8,.2,1) .12s both}
html body.single-post article .entry-header .entry-meta *{color:#cfd7f6!important}
html body.single-post article .entry-header .entry-meta a{color:#8fe9ff!important;text-decoration:none!important}
/* ===== v3 page heads: original photo + cosmic tint + orbit system ===== */
html body [data-elementor-type="wp-page"] > .elementor-section.elementor-top-section:first-child:has(> .elementor-shape-bottom),html body .ast-archive-entry-banner{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(250px,40vw,420px)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:clamp(64px,9vw,112px) 16px clamp(60px,8vw,100px)!important;margin:0!important;border:0!important;text-align:center!important;background-color:#070b22!important;background-size:cover!important;background-position:center!important;color:#fff!important}
html body .ast-archive-entry-banner{background-image:radial-gradient(90% 130% at 85% -25%,#2b1d7c 0%,transparent 60%),radial-gradient(80% 130% at 0% 125%,#0b3a72 0%,transparent 60%),linear-gradient(180deg,#070b22,#0b0f30)!important}
html body [data-elementor-type="wp-page"] > .elementor-section.elementor-top-section:first-child:has(> .elementor-shape-bottom)::before,html body .ast-archive-entry-banner::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(26,18,84,.42),rgba(7,11,34,.5) 55%,rgba(5,8,22,.92) 100%),radial-gradient(70% 80% at 85% 0%,rgba(124,108,255,.42),transparent 62%),radial-gradient(60% 70% at 0% 100%,rgba(74,168,255,.28),transparent 62%)}
html body [data-elementor-type="wp-page"] > .elementor-section.elementor-top-section:first-child:has(> .elementor-shape-bottom)::after,html body .ast-archive-entry-banner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:3;background:linear-gradient(90deg,transparent,#6fe3ff,#7c6cff,#f3cf8b,transparent);opacity:.8}
html body [data-elementor-type="wp-page"] > .elementor-section.elementor-top-section:first-child:has(> .elementor-shape-bottom) > .elementor-shape{display:none!important}
html body [data-elementor-type="wp-page"] > .elementor-section.elementor-top-section:first-child:has(> .elementor-shape-bottom) > .elementor-background-overlay{z-index:0!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
html body [data-elementor-type="wp-page"] > .elementor-section.elementor-top-section:first-child:has(> .elementor-shape-bottom) > .elementor-container{position:relative;z-index:2;width:100%;justify-content:center!important;min-height:0!important}
html body .ast-archive-entry-banner .ast-container{position:relative;z-index:2}
html body [data-elementor-type="wp-page"] > .elementor-section.elementor-top-section:first-child:has(> .elementor-shape-bottom) .elementor-widget-heading{text-align:center!important}
html body [data-elementor-type="wp-page"] > .elementor-section.elementor-top-section:first-child:has(> .elementor-shape-bottom) .elementor-widget-heading .elementor-widget-container::before,html body .ast-archive-entry-banner .ast-container::before{content:"";display:block;width:46px;height:46px;margin:0 auto 16px;box-sizing:border-box;border-radius:50%;border:3px solid transparent;background:conic-gradient(#6fe3ff,#7c6cff,#f3cf8b,#6fe3ff) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 10px rgba(111,227,255,.45));animation:mxSpin 8s linear infinite,mxRise .8s cubic-bezier(.2,.8,.2,1) both}
html body [data-elementor-type="wp-page"] > .elementor-section.elementor-top-section:first-child:has(> .elementor-shape-bottom) .elementor-widget-heading .elementor-widget-container::after,html body .ast-archive-entry-banner .ast-container::after{content:"";display:block;width:160px;height:6px;margin:16px auto 0;background:radial-gradient(circle at 50% 50%,#fff 0 2px,#f3cf8b 3px,transparent 4px),linear-gradient(90deg,transparent,rgba(243,207,139,.85),transparent) center/100% 1.5px no-repeat;animation:mxRise .8s cubic-bezier(.2,.8,.2,1) .2s both}
html body [data-elementor-type="wp-page"] > .elementor-section.elementor-top-section:first-child:has(> .elementor-shape-bottom) .elementor-heading-title{display:inline-block;margin:0!important;text-align:center!important;font-weight:800!important;font-size:clamp(30px,5.2vw,54px)!important;line-height:1.4!important;background:linear-gradient(95deg,#fff,#e2dcff 55%,#f3cf8b);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 18px rgba(0,0,0,.45));animation:mxRise .8s cubic-bezier(.2,.8,.2,1) .08s both}
html body .mx-sky{position:absolute;inset:0;z-index:1;pointer-events:none}
html body .mx-sky i{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.8);opacity:var(--o,.7);animation:mxStar var(--d,4s) ease-in-out var(--dl,0s) infinite}
@keyframes mxStar{0%,100%{opacity:var(--o,.7);transform:scale(1)}50%{opacity:.1;transform:scale(.55)}}
html body .mx-orbits{position:absolute;inset:0;z-index:1;pointer-events:none}
html body .mx-orbits svg{position:absolute;left:50%;top:50%;width:max(920px,118%);height:auto;transform:translate(-50%,-50%);overflow:visible}
html body .mx-orbits ellipse{fill:none;stroke-width:1.1}
html body .mx-orbits .g1 ellipse{stroke:rgba(243,207,139,.34)}
html body .mx-orbits .g2 ellipse{stroke:rgba(255,255,255,.2)}
html body .mx-orbits .g3 ellipse{stroke:rgba(143,233,255,.3)}
html body .mx-orbits g{transform-box:view-box;transform-origin:450px 170px}
html body .mx-orbits .g1{animation:mxSpin 140s linear infinite}
html body .mx-orbits .g2{animation:mxSpin 95s linear infinite reverse}
html body .mx-orbits .g3{animation:mxSpin 60s linear infinite}
html body .mx-orbits circle{stroke:none}
html body .mx-orbits .p1{fill:#f3cf8b;filter:drop-shadow(0 0 6px #f3cf8b)}
html body .mx-orbits .p2{fill:#8fe9ff;filter:drop-shadow(0 0 6px #8fe9ff)}
html body .mx-orbits .p3{fill:#d3c6ff;filter:drop-shadow(0 0 5px #b9a8ff)}
html body.single-post article .entry-header > :not(.mx-sky):not(.mx-orbits){position:relative;z-index:2}
/* ===== v3 dark cosmic page body (not on canvas pages) ===== */
html body:not(.elementor-template-canvas){background:radial-gradient(120% 50% at 85% 0%,#1b1456 0%,transparent 55%),radial-gradient(90% 40% at 0% 35%,#0b2c5e 0%,transparent 55%),radial-gradient(80% 40% at 60% 85%,#1a1048 0%,transparent 60%),linear-gradient(180deg,#050816,#070b22 45%,#0a0d2c 80%,#04050f)!important;color:#e6e9f7}
html body:not(.elementor-template-canvas) :is(#page,.site,.site-content,#content,.site-content > .ast-container,#primary,.site-main,.ast-plain-container .site-content){background:transparent!important}
html body:is(.archive,.blog,.search) article.ast-article-post .ast-article-inner{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border:1px solid rgba(176,196,255,.16)!important;border-radius:22px!important;overflow:hidden;box-shadow:0 26px 60px -38px rgba(0,0,0,.9)!important;padding:0!important}
html body:is(.archive,.blog,.search) article.ast-article-post .post-content{padding:0 0 18px!important;background:transparent!important}
html body:is(.archive,.blog,.search) article.ast-article-post .ast-blog-featured-section{margin:0 0 4px!important;border-radius:0!important}
html body:is(.archive,.blog,.search) article.ast-article-post img{display:block;width:100%}
html body:is(.archive,.blog,.search) article.ast-article-post .entry-title{margin:0!important;padding:14px 18px 4px!important}
html body:is(.archive,.blog,.search) article.ast-article-post .entry-title a{color:#fff!important;font-weight:700!important;font-size:17px!important;line-height:1.85!important;text-decoration:none!important}
html body:is(.archive,.blog,.search) article.ast-article-post :is(.entry-meta,.entry-meta *){color:#8f9bc2!important;font-size:12.5px!important}
html body:is(.archive,.blog,.search) article.ast-article-post .entry-meta{padding:0 18px!important}
html body:is(.archive,.blog,.search) article.ast-article-post :is(.ast-excerpt-container,.ast-excerpt-container *,.entry-content,.entry-content p){color:#b8c2e2!important;background:transparent!important}
html body:is(.archive,.blog,.search) article.ast-article-post :is(.ast-excerpt-container,.entry-content){padding:0 18px!important}
html body:is(.archive,.blog,.search) article.ast-article-post :is(.read-more,.ast-read-more-container) a{color:#8fe9ff!important;font-weight:700}
html body:is(.archive,.blog,.search) article.ast-article-post :is(.read-more,.ast-read-more-container){padding:0 18px!important}
@media (hover:hover){html body:is(.archive,.blog,.search) article.ast-article-post:hover .ast-article-inner{border-color:rgba(124,108,255,.55)!important;box-shadow:0 30px 70px -36px rgba(124,108,255,.6)!important}}
html body .ast-pagination .page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 10px;margin:3px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid rgba(176,196,255,.16);color:#cfd7f6!important;text-decoration:none!important}
html body .ast-pagination .page-numbers.current{background:linear-gradient(135deg,#7c6cff,#4aa8ff);border-color:transparent;color:#fff!important}
html body.single-post article .entry-content{background:#f6f7fc;color:#1f2437;border-radius:24px;padding:clamp(16px,3vw,32px)!important;box-shadow:0 30px 70px -40px rgba(0,0,0,.9)}
html body.single-post :is(#comments,.comments-area,#wpdcom){background:#f6f7fc;color:#1f2437;border-radius:24px;padding:clamp(14px,3vw,28px)!important;margin-top:26px!important}
html body.single-post :is(.post-navigation,.ast-single-related-posts-container){background:rgba(255,255,255,.04);border:1px solid rgba(176,196,255,.14);border-radius:20px;padding:14px 18px}
html body.single-post :is(.post-navigation,.ast-single-related-posts-container) :is(a,span,h2,h3,p){color:#e6e9f7!important}
html body .mx-ondark :is(p,li,span,div,em,strong,b,blockquote,figcaption,td,th,label,small,cite){color:#e3e7f6!important}
html body .mx-ondark :is(h1,h2,h3,h4,h5,h6,.elementor-heading-title,.elementor-heading-title *){color:#fff!important}
html body .mx-ondark a:not(.elementor-button){color:#8fe9ff!important}
html body.page-id-22487 .mtx .mx-help{display:none!important}
.mx-reveal{opacity:0;transform:translateY(22px);transition:opacity .5s ease var(--rd,0ms),transform .6s cubic-bezier(.2,.8,.2,1) var(--rd,0ms)}.mx-reveal.mx-fast{transition-duration:.28s,.32s;transition-delay:0ms}
.mx-reveal.mx-in{opacity:1;transform:none}
html body img.mx-alpha{filter:drop-shadow(0 0 1px rgba(255,255,255,.5)) drop-shadow(0 12px 28px rgba(124,108,255,.38))}
html body img.mx-alpha-tile{filter:none;background:radial-gradient(circle at 50% 35%,#fff,#e8ebff);border-radius:24px;padding:10px!important;box-sizing:border-box!important;box-shadow:0 0 0 1px rgba(255,255,255,.4),0 16px 36px -16px rgba(124,108,255,.6)}
@media (max-width:767px){html body [data-elementor-type="wp-page"] .elementor-button{line-height:1.5}}
@media (prefers-reduced-motion:reduce){html .mtx-h ~ #page,html body .ast-archive-entry-banner h1,html body .ast-archive-entry-banner::before{animation:none!important}.mx-reveal{opacity:1!important;transform:none!important}}
/* ===== page polish (preview) ===== */
html .mtx .mx-readbar{position:absolute;left:0;right:0;bottom:-1px;height:3px;z-index:3;pointer-events:none}
html .mtx .mx-readbar i{display:block;height:100%;transform-origin:100% 50%;transform:scaleX(0);background:linear-gradient(270deg,#6fe3ff,#7c6cff 55%,#f3cf8b);box-shadow:0 0 10px rgba(111,227,255,.6)}
html body [data-elementor-type="wp-page"] .elementor-widget-container.mx-box{border:1px solid rgba(176,196,255,.2)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;box-shadow:0 26px 60px -36px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.08)!important;padding:22px 24px!important}
html body [data-elementor-type="wp-page"] .elementor-widget-container.mx-box :is(p,span,div,li,strong,b,em,h1,h2,h3,h4,h5,h6){color:#e6e9f7!important}
html body [data-elementor-type="wp-page"] .elementor-widget-container.mx-box a{color:#8fe9ff!important}
html body [data-elementor-type="wp-page"] .elementor-button{border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#7c6cff,#4aa8ff)!important;color:#fff!important;font-family:"Estedad","VazirMatn",sans-serif!important;font-weight:700!important;box-shadow:0 12px 26px -14px rgba(74,120,255,.85);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,filter .3s}
html body [data-elementor-type="wp-page"] .elementor-button *{color:#fff!important}
@media (hover:hover){html body [data-elementor-type="wp-page"] .elementor-button:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 18px 34px -14px rgba(124,108,255,.9)}}
html body:is(.page-id-6277,.page-id-6279) [data-elementor-type="wp-page"] .elementor-widget-image img.mx-cover{border-radius:4px 10px 10px 4px;box-shadow:-2px 0 0 rgba(0,0,0,.08) inset,0 16px 30px -14px rgba(20,16,60,.5),0 3px 8px rgba(20,16,60,.12);transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}
@media (hover:hover){html body:is(.page-id-6277,.page-id-6279) [data-elementor-type="wp-page"] .elementor-widget-image:hover img.mx-cover{transform:perspective(900px) rotateY(14deg) translateY(-8px) scale(1.03);box-shadow:-2px 0 0 rgba(0,0,0,.08) inset,0 30px 46px -18px rgba(43,29,124,.6),0 6px 14px rgba(20,16,60,.16)}}
html body:is(.page-id-6277,.page-id-6279) [data-elementor-type="wp-page"] .elementor-widget-image:active img.mx-cover{transform:perspective(900px) rotateY(10deg) translateY(-4px)}
html body [data-elementor-type="wp-page"] .elementor-cta{border-radius:22px!important;overflow:hidden;box-shadow:0 22px 46px -28px rgba(20,16,60,.7);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
html body [data-elementor-type="wp-page"] .elementor-cta .elementor-cta__bg{transition:transform 1s cubic-bezier(.2,.8,.2,1)!important}
@media (hover:hover){html body [data-elementor-type="wp-page"] .elementor-cta:hover{transform:translateY(-6px);box-shadow:0 30px 60px -28px rgba(43,29,124,.85),0 0 0 2px rgba(111,227,255,.5)}html body [data-elementor-type="wp-page"] .elementor-cta:hover .elementor-cta__bg{transform:scale(1.08)}}
html body [data-elementor-type="wp-page"] .elementor-cta__button{border-radius:999px!important;border:1px solid rgba(255,255,255,.55)!important;background:rgba(255,255,255,.12)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff!important}
html body [data-elementor-type="wp-page"] .elementor-cta__title{font-weight:800!important;text-shadow:0 2px 12px rgba(0,0,0,.45)}
html body [data-elementor-type="wp-page"] .elementor-divider-separator:not(:has(.elementor-divider__text)){border-top-color:transparent!important;background:linear-gradient(90deg,transparent,rgba(124,108,255,.55),rgba(243,207,139,.7),transparent);height:2px;border-top-width:0!important}
html body [data-elementor-type="wp-page"] .elementor-divider-separator:has(.elementor-divider__text){background:none!important}
html body [data-elementor-type="wp-page"] .elementor-divider-separator:has(.elementor-divider__text)::before,html body [data-elementor-type="wp-page"] .elementor-divider-separator:has(.elementor-divider__text)::after{border-top-color:rgba(243,207,139,.45)!important}
html body [data-elementor-type="wp-page"] .elementor-divider__text{color:#f3cf8b!important;font-family:"Estedad","VazirMatn",sans-serif!important;font-weight:800!important;font-size:clamp(18px,2.4vw,24px)!important;padding:0 16px!important;background:none!important;text-shadow:0 0 18px rgba(243,207,139,.35)}
html body.parent-pageid-6281 [data-elementor-type="wp-page"] .elementor-widget-text-editor{max-width:780px;margin-inline:auto!important}
html body.parent-pageid-6281 [data-elementor-type="wp-page"] .elementor-widget-text-editor :is(p,div,span,li){font-size:17px!important;line-height:2.15!important;color:#e3e7f6!important}
html body.parent-pageid-6281 [data-elementor-type="wp-page"] .elementor-widget-text-editor{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(176,196,255,.14);border-radius:24px;padding:clamp(20px,4vw,40px)!important;box-shadow:0 30px 70px -44px rgba(0,0,0,.9)}
html body.parent-pageid-6281 [data-elementor-type="wp-page"] .elementor-widget-text-editor p{margin:0 0 1.05em!important}
html body.page:not(.elementor-page) article .entry-header{position:relative;overflow:hidden;isolation:isolate;padding:40px 18px 34px!important;margin-bottom:30px!important;border-radius:24px;text-align:center;background:radial-gradient(90% 80% at 85% 0%,rgba(124,108,255,.38),transparent 60%),radial-gradient(80% 80% at 0% 100%,rgba(74,168,255,.22),transparent 60%),linear-gradient(180deg,#0a0e2e,#060920)!important}
html body.page:not(.elementor-page) article .entry-header .entry-title{margin:0!important;font-weight:800!important;font-size:clamp(26px,4vw,42px)!important;background:linear-gradient(95deg,#fff,#e2dcff 60%,#f3cf8b);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
/* links page (16059): its own yellow «back home» strip in the site palette */
html body.page-id-16059 .elementor-element-d99c0ff{background:linear-gradient(180deg,#0d1236,#0a0d2c)!important;border-bottom:1px solid rgba(176,196,255,.16)!important;box-shadow:none!important}
html body.page-id-16059 .elementor-element-d99c0ff > .elementor-background-overlay{display:none!important}
html body.page-id-16059 .elementor-element-d99c0ff :is(.elementor-heading-title,.elementor-heading-title *){color:#e8ecfb!important}
html body.page-id-16059 .elementor-element-d99c0ff .elementor-icon{background:rgba(243,207,139,.14)!important;color:#f3cf8b!important;border-color:rgba(243,207,139,.4)!important}
html body.page-id-16059 .elementor-element-d99c0ff .elementor-icon svg{fill:#f3cf8b!important}
html body.page-id-16059 .elementor-element-d99c0ff .elementor-icon i{color:#f3cf8b!important}
html body .ast-archive-entry-banner h1{margin:0!important;font-weight:800!important;font-size:clamp(30px,5.2vw,54px)!important;line-height:1.4!important;background:linear-gradient(95deg,#fff,#e2dcff 55%,#f3cf8b);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 18px rgba(0,0,0,.45));animation:mxRise .8s cubic-bezier(.2,.8,.2,1) .08s both}
/* article/page text: title boxes in the theme + light-background islands keep dark text */
html body:not(.elementor-template-canvas) [data-elementor-type="wp-page"] .elementor-widget-text-editor pre,html body .mx-ondark pre{background:linear-gradient(135deg,rgba(124,108,255,.16),rgba(111,227,255,.06))!important;border:1px solid rgba(176,196,255,.22)!important;border-radius:16px!important;color:#f3cf8b!important;font-family:"Estedad","VazirMatn",sans-serif!important;font-weight:700;white-space:pre-wrap!important;padding:16px 18px!important;text-align:center}
html body:not(.elementor-template-canvas) [data-elementor-type="wp-page"] .elementor-widget-text-editor pre *{color:#f3cf8b!important}
html body.parent-pageid-6281 [data-elementor-type="wp-page"] .elementor-widget-text-editor .mx-lightbg,html body.parent-pageid-6281 [data-elementor-type="wp-page"] .elementor-widget-text-editor .mx-lightbg *,html body .mx-ondark .mx-lightbg,html body .mx-ondark .mx-lightbg *{color:#1f2437!important}
html body:is(.archive,.blog,.search) article.ast-article-post :is(.entry-title,.entry-title a,.ast-excerpt-container,.ast-excerpt-container p){text-align:right!important}
/* ===== v4 (2026-10-12): centred heads, glowing frames, themed forms, sidebar ===== */
@property --a{syntax:"";initial-value:0deg;inherits:false}
@keyframes mxFrameSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
html body [data-elementor-type="wp-page"] > .elementor-section.elementor-top-section:first-child:has(> .elementor-shape-bottom) > .elementor-container > .elementor-column:not(:has(.elementor-widget)){display:none!important}
html body [data-elementor-type="wp-page"] > .elementor-section.elementor-top-section:first-child:has(> .elementor-shape-bottom) > .elementor-container > .elementor-column{width:100%!important;max-width:100%!important;flex:1 1 100%!important}
html body [data-elementor-type="wp-page"] > .elementor-section.elementor-top-section:first-child:has(> .elementor-shape-bottom) .elementor-widget-wrap{justify-content:center!important}
/* moving light frame (images, card images, post image, forms) */
html body .mx-frame,html body:is(.archive,.blog,.search) article.ast-article-post .ast-blog-featured-section,html body.single-post article .entry-header .post-thumb-img-content,html body:not(.elementor-template-canvas) .wpforms-container{position:relative!important;isolation:isolate;overflow:hidden!important;padding:3px!important;background:rgba(176,196,255,.16)!important}
html body .mx-frame{display:inline-block;max-width:100%;border-radius:20px;line-height:0;box-shadow:0 30px 70px -42px rgba(124,108,255,.75)}
html body .mx-frame::before,html body:is(.archive,.blog,.search) article.ast-article-post .ast-blog-featured-section::before,html body.single-post article .entry-header .post-thumb-img-content::before,html body:not(.elementor-template-canvas) .wpforms-container::before{content:"";position:absolute;left:50%;top:50%;width:300%;aspect-ratio:1;z-index:-1;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0 58%,rgba(243,207,139,.95) 71%,rgba(255,240,205,1) 76%,rgba(111,227,255,.9) 86%,transparent 97%);animation:mxFrameSpin 7s linear infinite;pointer-events:none}
html body .mx-frame img{position:relative;z-index:1;display:block;border-radius:17px!important;max-width:100%;height:auto}
html body .mx-frame a{display:block;position:relative;z-index:1}
html body:is(.archive,.blog,.search) article.ast-article-post .ast-blog-featured-section{margin:12px 12px 4px!important;border-radius:16px!important}
html body:is(.archive,.blog,.search) article.ast-article-post .ast-blog-featured-section :is(.post-thumb-img-content,a,img){position:relative;z-index:1;border-radius:13px!important;overflow:hidden}
html body.single-post article .entry-header .post-thumb-img-content{border-radius:19px!important}
html body.single-post article .entry-header .post-thumb-img-content img{position:relative;z-index:1;border-radius:16px!important}
/* forms in the site theme (styling only) */
html body:not(.elementor-template-canvas) .wpforms-container{--wpforms-label-color:#eef1ff!important;--wpforms-label-sublabel-color:#aeb8d6!important;--wpforms-label-error-color:#ff9b9b!important;--wpforms-field-background-color:rgba(255,255,255,.96)!important;--wpforms-field-border-color:rgba(176,196,255,.4)!important;--wpforms-field-text-color:#1b1f36!important;--wpforms-field-border-radius:12px!important;--wpforms-button-background-color:#7c6cff!important;--wpforms-button-text-color:#ffffff!important;--wpforms-button-border-radius:999px!important;border-radius:26px!important;box-shadow:0 40px 90px -50px rgba(124,108,255,.85)!important;margin-block:10px!important}
html body:not(.elementor-template-canvas) .wpforms-container > .wpforms-form{position:relative;z-index:1;margin:0!important;border-radius:23px;padding:clamp(22px,4vw,46px)!important;background:radial-gradient(90% 60% at 85% 0%,rgba(124,108,255,.22),transparent 60%),radial-gradient(70% 60% at 0% 100%,rgba(74,168,255,.14),transparent 60%),linear-gradient(180deg,#0f1439,#0a0d2c)!important}
html body:not(.elementor-template-canvas) .wpforms-container :is(.wpforms-field-label,.wpforms-field-label-inline,.wpforms-field-label *,legend,.wpforms-field-sublabel,.wpforms-field-description,.wpforms-field-limit-text,.wpforms-payment-total,.wpforms-field-description *){color:#eef1ff!important}
html body:not(.elementor-template-canvas) .wpforms-container :is(.wpforms-field-sublabel,.wpforms-field-description,.wpforms-field-limit-text){color:#aeb8d6!important}
html body:not(.elementor-template-canvas) .wpforms-container .wpforms-required-label{color:#f3cf8b!important}
html body:not(.elementor-template-canvas) .wpforms-container :is(input[type=text],input[type=email],input[type=number],input[type=tel],input[type=url],select,textarea){border-radius:12px!important;border:1px solid rgba(176,196,255,.4)!important;background:rgba(255,255,255,.96)!important;color:#1b1f36!important;transition:box-shadow .25s,border-color .25s}
html body:not(.elementor-template-canvas) .wpforms-container :is(input,select,textarea):focus{border-color:#7c6cff!important;box-shadow:0 0 0 4px rgba(124,108,255,.28)!important;outline:none!important}
html body:not(.elementor-template-canvas) .wpforms-container :is(.wpforms-submit,button[type=submit]){border:0!important;border-radius:999px!important;padding:13px 36px!important;background:linear-gradient(135deg,#7c6cff,#4aa8ff)!important;color:#fff!important;font-family:"Estedad","VazirMatn",sans-serif!important;font-weight:700!important;box-shadow:0 16px 34px -14px rgba(124,108,255,.9)!important;transition:transform .3s,filter .3s!important}
@media (hover:hover){html body:not(.elementor-template-canvas) .wpforms-container :is(.wpforms-submit,button[type=submit]):hover{transform:translateY(-2px);filter:brightness(1.07)}}
/* single post sidebar */
html body #secondary .widget{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border:1px solid rgba(176,196,255,.16)!important;border-radius:22px!important;padding:20px 20px 14px!important;margin:0 0 22px!important;box-shadow:0 26px 60px -40px rgba(0,0,0,.9)}
html body #secondary :is(.widget-title,.widgettitle,.wp-block-heading,h2,h3,h4){position:relative;margin:0 0 14px!important;padding:0 0 10px!important;color:#fff!important;font-weight:800!important;font-size:17px!important}
html body #secondary :is(.widget-title,.widgettitle,.wp-block-heading,h2,h3,h4)::after{content:"";position:absolute;right:0;bottom:0;width:46px;height:2px;border-radius:2px;background:linear-gradient(270deg,#f3cf8b,#7c6cff)}
html body #secondary :is(p,li,span,div,label,time){color:#cfd7f6!important}
html body #secondary ul{margin:0!important;padding:0!important;list-style:none!important}
html body #secondary li{padding:10px 0!important;margin:0!important;border-bottom:1px solid rgba(176,196,255,.1)}
html body #secondary li:last-child{border-bottom:0}
html body #secondary a{color:#eef1ff!important;text-decoration:none!important;transition:color .25s}
@media (hover:hover){html body #secondary a:hover{color:#8fe9ff!important}}
html body #secondary :is(.post-date,.wp-block-latest-posts__post-date,time){display:block;margin-top:4px;color:#8f9bc2!important;font-size:12px!important}
html body #secondary .tagcloud{display:flex;flex-wrap:wrap;gap:8px}
html body #secondary .tagcloud a{display:inline-block;margin:0!important;padding:5px 13px;border-radius:999px;background:rgba(124,108,255,.14);border:1px solid rgba(124,108,255,.38);font-size:13px!important;line-height:1.6;color:#e6e9f7!important;transition:background .25s,border-color .25s,transform .25s}
@media (hover:hover){html body #secondary .tagcloud a:hover{background:linear-gradient(135deg,#7c6cff,#4aa8ff);border-color:transparent;color:#fff!important;transform:translateY(-2px)}}
html body #secondary :is(input[type=search],input[type=text],select){border-radius:12px!important;border:1px solid rgba(176,196,255,.3)!important;background:rgba(255,255,255,.06)!important;color:#fff!important}
html body #secondary :is(button,input[type=submit],.wp-block-search__button){border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#7c6cff,#4aa8ff)!important;color:#fff!important}
@media (prefers-reduced-motion:reduce){html body .mx-frame::before,html body:is(.archive,.blog,.search) article.ast-article-post .ast-blog-featured-section::before,html body.single-post article .entry-header .post-thumb-img-content::before,html body:not(.elementor-template-canvas) .wpforms-container::before{animation:none}}
html body:not(.elementor-template-canvas) .wpforms-container{max-width:780px!important;margin-inline:auto!important}
/* Stripe card field: light secure island so the in-iframe Stripe/Link text stays readable */
html body:not(.elementor-template-canvas) .wpforms-container .wpforms-field-stripe-credit-card{background:linear-gradient(180deg,#f7f8ff,#eef0fb)!important;border:1px solid rgba(124,108,255,.35)!important;border-radius:18px!important;padding:16px 16px 10px!important;margin-top:8px!important;box-shadow:0 18px 40px -26px rgba(0,0,0,.8)}
html body:not(.elementor-template-canvas) .wpforms-container .wpforms-field-stripe-credit-card :is(.wpforms-field-label,.wpforms-field-label *,.wpforms-field-sublabel,.wpforms-field-description){color:#1f2437!important}
/* page images: the moving light frame sits on the image itself (exact fit, keeps Elementor sizing/alignment) */
@keyframes mxBorder{to{--a:360deg}}
html body img.mx-fimg{padding:3px!important;box-sizing:border-box!important;border-radius:18px!important;background:conic-gradient(from var(--a,0deg),rgba(176,196,255,.2) 0 55%,rgba(243,207,139,.95) 70%,#fff3d6 75%,rgba(111,227,255,.9) 85%,rgba(176,196,255,.2) 97%)!important;animation:mxBorder 7s steps(210) infinite;box-shadow:0 30px 70px -42px rgba(124,108,255,.75)!important}
@media (prefers-reduced-motion:reduce){html body img.mx-fimg{animation:none}}
/* mock-up covers with white backgrounds sit on a clean white tile */
html body:is(.page-id-6277,.page-id-6279) [data-elementor-type="wp-page"] .elementor-widget-image img.mx-tile{background:#fff!important;padding:10px!important;box-sizing:border-box;border-radius:18px!important;box-shadow:0 22px 50px -28px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.6)!important;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
@media (hover:hover){html body:is(.page-id-6277,.page-id-6279) [data-elementor-type="wp-page"] .elementor-widget-image:hover img.mx-tile{transform:translateY(-8px);box-shadow:0 34px 60px -26px rgba(124,108,255,.65),0 0 0 2px rgba(243,207,139,.7)!important}}
/* sticky sidebar on posts */
@media (min-width:922px){html body.single-post #secondary.mx-sticky{position:sticky!important;align-self:flex-start!important;height:max-content;transition:top .2s}}
/* ===== v5.1 mobile polish: no page jump on menu open, no forced-justified headings ===== */
html .mtx .mx-drawer{touch-action:none;overscroll-behavior:contain}
html .mtx .mx-dr-panel{touch-action:pan-y;overscroll-behavior:contain}
html body h2:not(._x),html body h2:not(._x) *{text-align:inherit!important;text-align-last:auto!important;word-spacing:normal!important}
/* ===== v2.8: GPU drawer reveal (no clip-path / blur repaints on phones) + mobile heading lines ===== */
html .mtx .mx-drawer{overflow:hidden}
html .mtx .mx-dr-bg,html .mtx .mx-drawer.open .mx-dr-bg{clip-path:none!important;-webkit-clip-path:none!important}
html .mtx .mx-dr-bg{opacity:0;transition:opacity .28s ease}
html .mtx .mx-drawer.open .mx-dr-bg{opacity:1;transition:opacity .4s ease .2s}
html .mtx .mx-dr-circle{position:absolute;left:var(--cx,90%);top:var(--cy,60px);width:320vmax;height:320vmax;margin:-160vmax 0 0 -160vmax;border-radius:50%;background:#070b22;transform:scale(0);transition:transform .6s cubic-bezier(.76,0,.24,1);will-change:transform;pointer-events:none;backface-visibility:hidden}
html .mtx .mx-drawer.open .mx-dr-circle{transform:scale(1)}
html .mtx .mx-dr-in{z-index:1}
html .mtx .mx-dr-list>li{filter:none!important}
/* v2.9: content waits for the circle, snappy close, header keeps its glass */
html .mtx .mx-dr-circle{transition:transform .55s cubic-bezier(.2,.75,.25,1)}
html .mtx .mx-drawer:not(.open) .mx-dr-circle{transition:transform .45s cubic-bezier(.55,0,.8,.35)}
html .mtx .mx-drawer.open .mx-dr-panel.is-current .mx-dr-list>li{transition-delay:calc(var(--i,0) * 45ms + 260ms)}
html .mtx .mx-drawer.open .mx-dr-panel.is-current .mx-dr-head>*{transition-delay:.24s}
html .mtx .mx-drawer.open .mx-dr-foot{transition-delay:.5s}
html .mtx .mx-drawer:not(.open) :is(.mx-dr-list>li,.mx-dr-head>*,.mx-dr-foot,.mx-dr-crumbs){transition-duration:.12s!important;transition-delay:0s!important}
html .mtx.mx-dr-on .mx-head.is-stuck::before{opacity:1}
/* lite YouTube player + section heading (replace The Plus widgets) */
html body .mx-yt{position:relative;width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#05081a;isolation:isolate;box-shadow:0 0 0 1px rgba(176,196,255,.18),0 26px 50px -24px rgba(0,0,0,.85),0 0 40px -12px rgba(124,108,255,.45)}
html body .mx-yt button.mx-yt-btn{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;cursor:pointer}
html body .mx-yt img{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
html body .mx-yt button.mx-yt-btn::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 50%,rgba(5,8,26,0),rgba(5,8,26,.5));pointer-events:none}
html body .mx-yt .mx-yt-play{position:absolute;left:50%;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:linear-gradient(135deg,#7be8ff,#9cb4ff 55%,#f3cf8b);box-shadow:0 0 0 10px rgba(255,255,255,.12),0 14px 34px -8px rgba(0,0,0,.6);transition:transform .3s}
html body .mx-yt .mx-yt-play svg{width:30px;height:30px;margin-left:4px;fill:#07102a}
html body .mx-yt button.mx-yt-btn:hover img{transform:scale(1.04)}
html body .mx-yt button.mx-yt-btn:hover .mx-yt-play{transform:scale(1.08)}
html body .mx-yt button.mx-yt-btn:focus-visible{outline:3px solid #6fe3ff;outline-offset:-3px}
html body .mx-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
html body .mx-yt-cap{margin:12px 0 0!important;text-align:center!important;font-size:.85rem}
html body .mx-yt-cap a{color:#6f7dff!important;font-weight:700;text-decoration:none!important;border-bottom:1px dashed rgba(111,125,255,.55)}
@media (max-width:600px){html body .mx-yt{border-radius:14px}html body .mx-yt .mx-yt-play{width:60px;height:60px;margin:-30px 0 0 -30px}html body .mx-yt .mx-yt-play svg{width:24px;height:24px}}
html body .mx-sh{margin:0 auto;padding:6px 0 4px;text-align:center!important}
html body .mx-sh .mx-sh-k{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 8px;color:#f3cf8b!important;font-size:.95rem;font-weight:700;text-align:center!important}
html body .mx-sh .mx-sh-k i{display:block;width:30px;height:2px;border-radius:2px;background:linear-gradient(270deg,rgba(243,207,139,0),#f3cf8b)}
html body .mx-sh .mx-sh-k i+i{display:none}
html body .mx-sh .mx-sh-k span+i{display:block;background:linear-gradient(90deg,rgba(243,207,139,0),#f3cf8b)}
html body .mx-sh h2.mx-sh-t{margin:0;padding:0;background:none;color:#fff!important;-webkit-text-fill-color:#fff;font-size:clamp(1.55rem,3.6vw,2.3rem)!important;line-height:1.35!important;font-weight:900!important;text-align:center!important}
html body .mx-sh h2.mx-sh-t::after{content:"";display:block;width:76px;height:3px;margin:14px auto 0;border-radius:3px;background:linear-gradient(90deg,#6fe3ff,#7c6cff,#f3cf8b)}