.elementor-973 .elementor-element.elementor-element-604100c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-973 .elementor-element.elementor-element-d676c5c{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-973 .elementor-element.elementor-element-e40a9bc{text-align:center;}.elementor-973 .elementor-element.elementor-element-e40a9bc .elementor-heading-title{font-family:"مدرن", Sans-serif;font-size:45px;font-weight:bold;color:#FFFFFF;}.elementor-973 .elementor-element.elementor-element-e00ccf9{text-align:center;}.elementor-973 .elementor-element.elementor-element-e00ccf9 .elementor-heading-title{font-family:"مدرن", Sans-serif;font-size:16px;font-weight:bold;color:#FFFFFF;}.elementor-973 .elementor-element.elementor-element-ec3c329{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-973 .elementor-element.elementor-element-849e994{--display:flex;}.elementor-973 .elementor-element.elementor-element-49b3d64{color:#FFFFFF;}@media(max-width:767px){.elementor-973 .elementor-element.elementor-element-e40a9bc .elementor-heading-title{font-size:30px;}.elementor-973 .elementor-element.elementor-element-e00ccf9 .elementor-heading-title{font-size:14px;}}/* Start custom CSS *//* شروع */ @property --b003-spin { syntax: ""; inherits: false; initial-value: 0deg; } @property --b003-radar { syntax: ""; inherits: false; initial-value: 0deg; } @property --b003-drift { syntax: ""; inherits: false; initial-value: 0px; } @property --b003-grid { syntax: ""; inherits: false; initial-value: 0px; } @property --b003-corner { syntax: ""; inherits: false; initial-value: 22px; } @property --b003-sheen { syntax: ""; inherits: false; initial-value: -60%; } @property --b003-led { syntax: ""; inherits: false; initial-value: rgba(255, 96, 28, .22); } .box003 { /* ── تم ── */ --theme: #FF601C; --theme-soft: rgba(255, 96, 28, .55); --theme-faint: rgba(255, 96, 28, .10); position: relative; isolation: isolate; overflow: hidden; border-radius: 18px; padding: 40px 34px 34px; color: #F3E7E1; line-height: 1.95; background: /* ۱) واترمارک محرمانه، در حرکت پیوسته */ url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='190'%3E%3Cg transform='rotate(-18 180 95)' fill='none' stroke='%23FF601C' stroke-opacity='.17'%3E%3Ctext x='4' y='62' font-family='Arial' font-size='26' font-weight='700' letter-spacing='7' stroke-width='.75'%3ECONFIDENTIAL%3C/text%3E%3Ctext x='46' y='132' font-family='Arial' font-size='17' letter-spacing='5' stroke-width='.6'%3ERESTRICTED ACCESS%3C/text%3E%3C/g%3E%3C/svg%3E") calc(var(--b003-drift) * -1) 0 / 360px 190px repeat, /* ۲) LED وضعیت (نبض‌دار) */ radial-gradient(circle 4px at left 22px top 22px, var(--b003-led) 0 55%, transparent 60%) 0 0 / 100% 100% no-repeat, /* ۳) براکت‌های امنیتی چهار گوشه (بازوها کشیده و جمع می‌شوند) */ linear-gradient(90deg, var(--theme), rgba(255, 96, 28, .10)) left 16px top 16px / var(--b003-corner) 2px no-repeat, linear-gradient(180deg, var(--theme), rgba(255, 96, 28, .10)) left 16px top 16px / 2px var(--b003-corner) no-repeat, linear-gradient(270deg, var(--theme), rgba(255, 96, 28, .10)) right 16px top 16px / var(--b003-corner) 2px no-repeat, linear-gradient(180deg, var(--theme), rgba(255, 96, 28, .10)) right 16px top 16px / 2px var(--b003-corner) no-repeat, linear-gradient(90deg, var(--theme), rgba(255, 96, 28, .10)) left 16px bottom 16px / var(--b003-corner) 2px no-repeat, linear-gradient(0deg, var(--theme), rgba(255, 96, 28, .10)) left 16px bottom 16px / 2px var(--b003-corner) no-repeat, linear-gradient(270deg, var(--theme), rgba(255, 96, 28, .10)) right 16px bottom 16px / var(--b003-corner) 2px no-repeat, linear-gradient(0deg, var(--theme), rgba(255, 96, 28, .10)) right 16px bottom 16px / 2px var(--b003-corner) no-repeat, /* ۴) گرید مختصات با خزش آرام مورب */ repeating-linear-gradient(0deg, var(--theme-faint) 0 1px, transparent 1px 40px) var(--b003-grid) var(--b003-grid) / 100% 100% repeat, repeating-linear-gradient(90deg, var(--theme-faint) 0 1px, transparent 1px 40px) var(--b003-grid) var(--b003-grid) / 100% 100% repeat, /* ۵) هاشور امنیتی ثابت */ repeating-linear-gradient(135deg, rgba(255, 96, 28, .05) 0 2px, transparent 2px 10px) 0 0 / 100% 100% repeat, /* ۶) وینیت نارنجی بالا */ radial-gradient(130% 90% at 50% -10%, rgba(255, 96, 28, .18), transparent 62%) 0 0 / 100% 100% no-repeat, #0C0806; animation: b003-drift 26s linear infinite, b003-grid 4.5s linear infinite, b003-corner 5s ease-in-out infinite, b003-led 1.8s ease-in-out infinite, b003-breathe 7s ease-in-out infinite; } /* ── حلقهٔ محافظ: دو گرادیان مخروطی در جهت مخالف ── */ .box003::before { content: ""; position: absolute; inset: 0; z-index: 2; padding: 1.6px; border-radius: inherit; pointer-events: none; background: conic-gradient(from var(--b003-spin), transparent 0 60%, var(--theme-soft) 78%, #FFD9C6 87%, var(--theme) 93%, transparent 100%), conic-gradient(from calc(var(--b003-spin) * -1.7), transparent 0 85%, rgba(255, 96, 28, .6) 95%, transparent 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; filter: drop-shadow(0 0 6px var(--theme-soft)); animation: b003-spin 6.5s linear infinite; } /* ── درخش هولوگرافیک + جاروی رادار ── */ .box003::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; pointer-events: none; mix-blend-mode: screen; background: linear-gradient(115deg, transparent 42%, rgba(255, 176, 140, .16) 47%, rgba(255, 255, 255, .30) 50%, rgba(255, 176, 140, .16) 53%, transparent 58%) var(--b003-sheen) 0 / 220% 100% no-repeat, conic-gradient(from var(--b003-radar), transparent 0 72%, rgba(255, 96, 28, .10) 88%, rgba(255, 96, 28, .24) 97%, transparent 100%) 0 0 / 100% 100% no-repeat; -webkit-mask: radial-gradient(120% 100% at 50% 50%, #000 40%, rgba(0, 0, 0, .35) 80%, transparent 100%); mask: radial-gradient(120% 100% at 50% 50%, #000 40%, rgba(0, 0, 0, .35) 80%, transparent 100%); animation: b003-sheen 6s cubic-bezier(.5, 0, .5, 1) infinite, b003-radar 9s linear infinite; } /* ── کی‌فریم‌ها ── */ @keyframes b003-spin { to { --b003-spin: 360deg; } } @keyframes b003-radar { to { --b003-radar: 360deg; } } @keyframes b003-drift { to { --b003-drift: 360px; } } /* = عرض تایل واترمارک */ @keyframes b003-grid { to { --b003-grid: 40px; } } /* = گام گرید */ @keyframes b003-corner { 0%, 100% { --b003-corner: 20px; } 50% { --b003-corner: 34px; } } @keyframes b003-led { 0%, 100% { --b003-led: rgba(255, 96, 28, .22); } 50% { --b003-led: #FFD2BC; } } @keyframes b003-sheen { 0%, 14% { --b003-sheen: -60%; } 72%, 100% { --b003-sheen: 160%; } } @keyframes b003-breathe { 0%, 100% { box-shadow: 0 0 0 1px rgba(255, 255, 255, .03) inset, 0 0 24px -16px rgba(255, 96, 28, .35) inset, 0 18px 40px -24px rgba(0, 0, 0, .95), 0 0 26px -14px rgba(255, 96, 28, .28); } 50% { box-shadow: 0 0 0 1px rgba(255, 255, 255, .05) inset, 0 0 40px -12px rgba(255, 96, 28, .5) inset, 0 18px 40px -22px rgba(0, 0, 0, .95), 0 0 42px -10px rgba(255, 96, 28, .45); } } /* ── دسترس‌پذیری: توقف حرکت ── */ @media (prefers-reduced-motion: reduce) { .box003, .box003::before, .box003::after { animation: none; } .box003::after { opacity: .3; } } /* پایان */ /* شروع */ .box004 { /* ── تم ── */ --theme: #FF601C; --theme-soft: rgba(255, 96, 28, .55); --theme-faint: rgba(255, 96, 28, .10); position: relative; isolation: isolate; overflow: hidden; margin-top: 18px; border-radius: 18px; padding: 34px 30px 30px; color: #E9DCD5; line-height: 1.95; background: /* ۱) براکت‌های امنیتی چهار گوشه (ثابت) */ linear-gradient(90deg, var(--theme), rgba(255, 96, 28, .08)) left 16px top 16px / 26px 2px no-repeat, linear-gradient(180deg, var(--theme), rgba(255, 96, 28, .08)) left 16px top 16px / 2px 26px no-repeat, linear-gradient(270deg, var(--theme), rgba(255, 96, 28, .08)) right 16px top 16px / 26px 2px no-repeat, linear-gradient(180deg, var(--theme), rgba(255, 96, 28, .08)) right 16px top 16px / 2px 26px no-repeat, linear-gradient(90deg, var(--theme), rgba(255, 96, 28, .08)) left 16px bottom 16px / 26px 2px no-repeat, linear-gradient(0deg, var(--theme), rgba(255, 96, 28, .08)) left 16px bottom 16px / 2px 26px no-repeat, linear-gradient(270deg, var(--theme), rgba(255, 96, 28, .08)) right 16px bottom 16px / 26px 2px no-repeat, linear-gradient(0deg, var(--theme), rgba(255, 96, 28, .08)) right 16px bottom 16px / 2px 26px no-repeat, /* ۲) گرید مختصات */ repeating-linear-gradient(0deg, var(--theme-faint) 0 1px, transparent 1px 40px), repeating-linear-gradient(90deg, var(--theme-faint) 0 1px, transparent 1px 40px), /* ۳) هاشور امنیتی */ repeating-linear-gradient(135deg, rgba(255, 96, 28, .045) 0 2px, transparent 2px 10px), /* ۴) وینیت گوشهٔ بالا و درخش ثابت مورب */ radial-gradient(130% 90% at 50% -10%, rgba(255, 96, 28, .15), transparent 62%), linear-gradient(115deg, transparent 40%, rgba(255, 255, 255, .035) 50%, transparent 60%), #0F0906; box-shadow: 0 0 0 1px rgba(255, 255, 255, .03) inset, 0 0 30px -18px rgba(255, 96, 28, .32) inset, 0 18px 40px -24px rgba(0, 0, 0, .95), 0 0 26px -14px rgba(255, 96, 28, .28); } /* ── قاب داخلی سند (خط‌چین ظریف) ── */ .box004::before { content: ""; position: absolute; inset: 10px; border: 1px dashed rgba(255, 96, 28, .16); border-radius: 12px; pointer-events: none; z-index: 0; } /* ── مهر رجیستر ثابت، گوشهٔ بالا ── */ .box004::after { content: ""; position: absolute; inset-block-start: 16px; inset-inline-start: 16px; width: 22px; height: 22px; opacity: .55; pointer-events: none; z-index: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg stroke='%23FF601C' fill='none' stroke-width='1'%3E%3Ccircle cx='11' cy='11' r='4.5'/%3E%3Ccircle cx='11' cy='11' r='1' fill='%23FF601C' stroke='none'/%3E%3Cpath d='M11 0v6M11 16v6M0 11h6M16 11h6'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; } /* محتوا بالای لایه‌های تزئینی */ .box004 > * { position: relative; z-index: 1; } /* ── سربرگ ── */ .box004 h2 { position: relative; margin: 0 0 15px; padding: 0 0 12px; padding-inline-start: 18px; font-size: clamp(1.15rem, 1rem + .75vw, 1.55rem); font-weight: 700; letter-spacing: .2px; color: #FFF3EC; text-shadow: 0 0 18px rgba(255, 96, 28, .3); /* خط زیرین گرادیانی به‌جای border ساده */ background: linear-gradient(90deg, var(--theme-soft), rgba(255, 96, 28, .05) 70%, transparent) bottom / 100% 1px no-repeat; } /* عنوان‌های بعدی فاصلهٔ بالا بگیرند */ .box004 h2 + p + h2, .box004 p + h2 { margin-top: 26px; } /* نشانگر عمودی + نقطهٔ درخشان کنار عنوان */ .box004 h2::before { content: ""; position: absolute; inset-inline-start: 0; top: .3em; width: 3px; height: 1.05em; border-radius: 3px; background: linear-gradient(180deg, #FFD2BC, var(--theme)); box-shadow: 0 0 10px 1px var(--theme-soft); } .box004 h2::after { content: ""; position: absolute; inset-inline-start: 0; bottom: 0; width: 34px; height: 2px; border-radius: 2px; background: var(--theme); box-shadow: 0 0 8px var(--theme-soft); } /* ── پاراگراف‌ها ── */ .box004 p { margin: 0 0 12px; font-size: .97rem; color: #DCCCC4; text-align: justify; text-justify: inter-word; } .box004 p:last-child { margin-bottom: 0; } /* پاراگراف نخست هر بخش، کمی برجسته‌تر */ .box004 h2 + p { color: #F1E3DC; font-size: 1rem; } /* ── فهرست‌ها (در صورت وجود) ── */ .box004 ul, .box004 ol { margin: 0 0 14px; padding-inline-start: 20px; color: #DCCCC4; } .box004 li { margin-bottom: 7px; } .box004 li::marker { color: var(--theme); } /* ── تأکیدها و لینک‌ها ── */ .box004 strong, .box004 b { color: var(--theme); font-weight: 700; } .box004 a { color: #FFB08C; text-decoration: none; border-bottom: 1px dashed rgba(255, 96, 28, .5); } .box004 a:hover, .box004 a:focus-visible { color: #FFD2BC; border-bottom-color: var(--theme); } .box004 a:focus-visible { outline: 2px solid var(--theme); outline-offset: 3px; border-radius: 3px; } /* پایان *//* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'مدرن'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://vamfouri.com/wp-content/uploads/2025/09/PeydaWeb-Regular.woff2') format('woff2'), url('https://vamfouri.com/wp-content/uploads/2025/09/PeydaWeb-Bold.woff') format('woff'); } /* End Custom Fonts CSS */