{"id":38,"date":"2025-10-15T17:57:43","date_gmt":"2025-10-15T14:27:43","guid":{"rendered":"https:\/\/diginoshow.ir\/?page_id=38"},"modified":"2026-07-19T11:16:05","modified_gmt":"2026-07-19T07:46:05","slug":"%d8%ae%d8%a7%d9%86%d9%87","status":"publish","type":"page","link":"https:\/\/mathsymbol.ir\/","title":{"rendered":"\u062e\u0627\u0646\u0647"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38\" class=\"elementor elementor-38\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae13d2b e-con-full e-flex e-con e-parent\" data-id=\"ae13d2b\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec340d5 e-con-full e-flex e-con e-parent\" data-id=\"ec340d5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1c4e424 e-con-full e-flex e-con e-child\" data-id=\"1c4e424\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f9cc27 elementor-absolute elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"4f9cc27\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_rotateZ_effect&quot;:&quot;yes&quot;,&quot;motion_fx_rotateZ_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:2,&quot;sizes&quot;:[]},&quot;motion_fx_rotateZ_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1006\" height=\"1006\" viewBox=\"0 0 1006 1006\" fill=\"none\"><rect x=\"2\" y=\"2\" width=\"1002\" height=\"1002\" rx=\"501\" fill=\"#F1F3F7\"><\/rect><rect x=\"1\" y=\"1\" width=\"1004\" height=\"1004\" rx=\"502\" stroke=\"#1B5CFE\" stroke-opacity=\"0.37\" stroke-width=\"2\" stroke-dasharray=\"5 5\"><\/rect><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-067e61d e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"067e61d\" data-element_type=\"container\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:2,&quot;sizes&quot;:[]},&quot;animation&quot;:&quot;fadeInRight&quot;,&quot;motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49960d3 e-transform elementor-widget elementor-widget-image\" data-id=\"49960d3\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.2,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/domingo_1784446227961-683x1024.webp\" class=\"attachment-large size-large wp-image-2424\" alt=\"\" srcset=\"https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/domingo_1784446227961-683x1024.webp 683w, https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/domingo_1784446227961-200x300.webp 200w, https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/domingo_1784446227961-768x1152.webp 768w, https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/domingo_1784446227961-600x900.webp 600w, https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/domingo_1784446227961.webp 1024w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-156ffba e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"156ffba\" data-element_type=\"container\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_direction&quot;:&quot;negative&quot;,&quot;motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;motion_fx_scale_direction&quot;:&quot;in-out&quot;,&quot;motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:2,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;],&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-792eb45 elementor-widget elementor-widget-heading\" data-id=\"792eb45\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">\u0633\u0627\u06cc\u062a \u0631\u06cc\u0627\u0636\u06cc<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05cb5d9 elementor-widget elementor-widget-html\" data-id=\"05cb5d9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"ms-type\" aria-live=\"polite\"><\/div>\r\n\r\n<style>\r\n#ms-type {\r\n  font-size: 3rem;\r\n  font-weight: 900;\r\n  white-space: nowrap;\r\n  display: inline-block;\r\n  -webkit-font-smoothing: antialiased;\r\n  transition: color 120ms linear, text-shadow 120ms linear;\r\n  \/* \u0631\u0646\u06af \u0648 text-shadow \u062a\u0648\u0633\u0637 JS \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f *\/\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ \u0645\u062a\u0646 \u0648 \u0627\u0644\u0645\u0646\u062a\r\n  const text = \"mathsymbol.ir\";\r\n  const el = document.getElementById(\"ms-type\");\r\n\r\n  \/\/ \u062a\u0627\u06cc\u067e\/\u062d\u0630\u0641\r\n  let i = 0;\r\n  let forward = true;\r\n  const typingInterval = 150; \/\/ \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647 \u0628\u06cc\u0646 \u0647\u0631 \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631\r\n\r\n  \/\/ \u0631\u0646\u06af\u200c\u062f\u0647\u06cc \u067e\u06cc\u0648\u0633\u062a\u0647 \u0628\u0627 requestAnimationFrame\r\n  let hue = 30; \/\/ \u0634\u0631\u0648\u0639 \u0646\u0632\u062f\u06cc\u06a9 \u0646\u0627\u0631\u0646\u062c\u06cc\r\n  const hueSpeed = 30; \/\/ \u062f\u0631\u062c\u0647 \u062f\u0631 \u062b\u0627\u0646\u06cc\u0647 (\u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u06a9\u0645\/\u0632\u06cc\u0627\u062f \u06a9\u0631\u062f)\r\n  let lastTime = null;\r\n\r\n  function colorLoop(timestamp) {\r\n    if (!lastTime) lastTime = timestamp;\r\n    const delta = (timestamp - lastTime) \/ 1000; \/\/ \u062b\u0627\u0646\u06cc\u0647\r\n    lastTime = timestamp;\r\n\r\n    \/\/ \u0627\u0641\u0632\u0627\u06cc\u0634 hue \u0628\u0631 \u0627\u0633\u0627\u0633 \u0632\u0645\u0627\u0646 (\u067e\u06cc\u0648\u0633\u062a\u0647 \u0648 \u0646\u0631\u0645)\r\n    hue = (hue + hueSpeed * delta) % 360;\r\n\r\n    \/\/ \u0631\u0646\u06af \u0645\u062a\u0646 \u0648 \u0647\u0627\u0644\u0647 \u0646\u0626\u0648\u0646\u06cc \u0628\u0627 hsla \u0628\u0631\u0627\u06cc \u0634\u0641\u0627\u0641\u06cc\u062a\r\n    const color = `hsl(${Math.round(hue)}, 100%, 60%)`;\r\n    const glow1 = `hsla(${Math.round(hue)}, 100%, 60%, 0.95)`;\r\n    const glow2 = `hsla(${Math.round(hue)}, 100%, 60%, 0.7)`;\r\n    const glow3 = `hsla(${Math.round(hue)}, 100%, 60%, 0.45)`;\r\n    const glow4 = `hsla(${Math.round(hue)}, 100%, 60%, 0.28)`;\r\n\r\n    el.style.color = color;\r\n    el.style.textShadow = `\r\n      0 0 12px ${glow1},\r\n      0 0 25px ${glow2},\r\n      0 0 45px ${glow3},\r\n      0 0 80px ${glow4}\r\n    `;\r\n\r\n    requestAnimationFrame(colorLoop);\r\n  }\r\n\r\n  \/\/ \u062a\u0627\u0628\u0639 \u062a\u0627\u06cc\u067e\/\u062d\u0630\u0641 \u0645\u062a\u0646\r\n  function animateTextOnce() {\r\n    if (forward) {\r\n      i++;\r\n      if (i >= text.length) {\r\n        forward = false;\r\n      }\r\n    } else {\r\n      i--;\r\n      if (i <= 0) {\r\n        forward = true;\r\n      }\r\n    }\r\n    el.textContent = text.substring(0, i);\r\n  }\r\n\r\n  \/\/ \u0634\u0631\u0648\u0639 \u0628\u0627 \u06a9\u0645\u06cc \u062a\u0627\u062e\u06cc\u0631 \u0645\u062b\u0644 \u06a9\u062f \u0642\u0628\u0644\u06cc\r\n  setTimeout(function(){\r\n    \/\/ \u0634\u0631\u0648\u0639 \u062d\u0644\u0642\u0647 \u0631\u0646\u06af\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631\r\n    requestAnimationFrame(colorLoop);\r\n\r\n    \/\/ \u0634\u0631\u0648\u0639 \u062a\u0627\u06cc\u067e \u0628\u0627 setInterval (\u0647\u0645\u0627\u0646 \u0631\u0641\u062a\u0627\u0631 \u0642\u0628\u0644\u06cc)\r\n    animateTextOnce(); \/\/ \u06cc\u06a9 \u0628\u0627\u0631 \u0627\u062c\u0631\u0627 \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062a\u0627\u062e\u06cc\u0631 \u0627\u0648\u0644\u06cc\u0647\r\n    setInterval(animateTextOnce, typingInterval);\r\n  }, 300);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2ea2c7 e-con-full e-flex e-con e-child\" data-id=\"e2ea2c7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-082e839 elementor-align-left elementor-mobile-align-center elementor-widget__width-inherit noted elementor-widget elementor-widget-button\" data-id=\"082e839\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/mathsymbol.ir\/?page_id=1458\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u062e\u0631\u06cc\u062f \u062f\u0648\u0631\u0647<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0be3541 e-con-full e-flex e-con e-child\" data-id=\"0be3541\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c70d068 nias-home-counter elementor-widget elementor-widget-counter\" data-id=\"c70d068\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<span class=\"elementor-counter-title\">\u0645\u0634\u062a\u0631\u06cc \u0631\u0627\u0636\u06cc<\/span>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\">+<\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"150\" data-from-value=\"0\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acf331f elementor-widget elementor-widget-image\" data-id=\"acf331f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"175\" height=\"47\" src=\"https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/02\/group36884-2.webp\" class=\"attachment-large size-large wp-image-1597\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca5c25f elementor-widget elementor-widget-text-editor\" data-id=\"ca5c25f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0647\u062f\u0641 \u0641\u0642\u0637 \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0646 \u0631\u06cc\u0627\u0636\u06cc \u0647\u0633\u062a<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b10a97 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex elementor-invisible e-con e-child\" data-id=\"5b10a97\" data-element_type=\"container\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_direction&quot;:&quot;negative&quot;,&quot;motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:2,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;],&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-743981a e-transform elementor-widget elementor-widget-image\" data-id=\"743981a\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.2,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/Copilot_20260719_111428-683x1024.png\" class=\"attachment-large size-large wp-image-2426\" alt=\"\" srcset=\"https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/Copilot_20260719_111428-683x1024.png 683w, https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/Copilot_20260719_111428-200x300.png 200w, https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/Copilot_20260719_111428-768x1152.png 768w, https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/Copilot_20260719_111428-600x900.png 600w, https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/Copilot_20260719_111428.png 1024w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c84ed5b e-con-full e-flex e-con e-parent\" data-id=\"c84ed5b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-441c0ff elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"441c0ff\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u062f\u0646\u06cc\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc\u0627\u062a | \u0633\u06cc\u0633\u062a\u0645 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f<\/title>\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@400;700;900&display=swap');\r\n\r\n        :root {\r\n            --bg-color: #030712;\r\n            --orange-neon: #ff8c00;\r\n            --glass-bg: rgba(255, 255, 255, 0.03);\r\n            --glass-border: rgba(255, 255, 255, 0.1);\r\n            --text-main: #f8fafc;\r\n            --text-dim: #94a3b8;\r\n        }\r\n\r\n        @media (prefers-color-scheme: light) {\r\n            :root {\r\n                --bg-color: #f1f5f9;\r\n                --orange-neon: #f97316;\r\n                --glass-bg: rgba(255, 255, 255, 0.5);\r\n                --glass-border: rgba(0, 0, 0, 0.05);\r\n                --text-main: #0f172a;\r\n                --text-dim: #475569;\r\n            }\r\n        }\r\n\r\n        body {\r\n            background-color: var(--bg-color);\r\n            color: var(--text-main);\r\n            font-family: 'Vazirmatn', sans-serif;\r\n            margin: 0;\r\n            padding: 0;\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .hero {\r\n            height: 50vh;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            text-align: center;\r\n            padding: 20px;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: clamp(2.5rem, 8vw, 5rem);\r\n            font-weight: 900;\r\n            color: var(--orange-neon);\r\n            text-shadow: 0 0 30px rgba(255, 140, 0, 0.3);\r\n            margin: 0;\r\n        }\r\n\r\n        .container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            padding: 0 20px 150px;\r\n        }\r\n\r\n        .glass-stack {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 40px;\r\n        }\r\n\r\n        \/* \ud83d\udfe2 \u062d\u0627\u0644\u062a \u0627\u0648\u0644\u06cc\u0647 \u0628\u0627\u06a9\u0633 (\u0645\u062e\u0641\u06cc) *\/\r\n        .math-card {\r\n            position: relative;\r\n            background: var(--glass-bg);\r\n            backdrop-filter: blur(25px) saturate(200%);\r\n            -webkit-backdrop-filter: blur(25px);\r\n            border: 1px solid var(--glass-border);\r\n            border-radius: 35px;\r\n            padding: 35px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 25px;\r\n            cursor: pointer;\r\n            \r\n            \/* \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0648\u0631\u0648\u062f *\/\r\n            opacity: 0;\r\n            transform: translateY(100px) scale(0.9);\r\n            transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);\r\n        }\r\n\r\n        \/* \ud83d\udd35 \u062d\u0627\u0644\u062a\u06cc \u06a9\u0647 \u0628\u0639\u062f \u0627\u0632 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0641\u0639\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f *\/\r\n        .math-card.reveal-active {\r\n            opacity: 1;\r\n            transform: translateY(0) scale(1);\r\n        }\r\n\r\n        .card-icon {\r\n            font-size: 3.5rem;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .card-content h3 {\r\n            margin: 0;\r\n            font-size: 1.8rem;\r\n            font-weight: 800;\r\n        }\r\n\r\n        .card-content p {\r\n            margin: 10px 0 0;\r\n            color: var(--text-dim);\r\n            font-size: 1.15rem;\r\n        }\r\n\r\n        \/* \u0647\u0627\u0648\u0631 \u0646\u0626\u0648\u0646\u06cc *\/\r\n        .math-card:hover {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-color: var(--orange-neon);\r\n            box-shadow: 0 25px 50px rgba(0,0,0,0.3);\r\n            transform: translateY(-10px); \/* \u0647\u0627\u0648\u0631 \u0633\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u062a\u062f\u0627\u062e\u0644 \u0646\u062f\u0627\u0634\u062a\u0646 \u0628\u0627 \u0627\u0633\u06a9\u0631\u0648\u0644 *\/\r\n        }\r\n\r\n        .badges {\r\n            display: flex;\r\n            gap: 10px;\r\n            margin-top: 15px;\r\n        }\r\n\r\n        .badges span {\r\n            font-size: 0.8rem;\r\n            padding: 4px 12px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            border-radius: 10px;\r\n            border: 1px solid var(--glass-border);\r\n            color: var(--orange-neon);\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .math-card { flex-direction: column; text-align: center; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <header class=\"hero\">\r\n        <h1>\u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0631\u06cc\u0627\u0636\u06cc \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u0645\u061f<\/h1>\r\n        <p>\u0631\u06cc\u0627\u0636\u06cc\u0627\u062a \u0632\u0628\u0627\u0646 \u0645\u062e\u0641\u06cc \u062c\u0647\u0627\u0646 \u0648 \u0627\u0628\u0632\u0627\u0631 \u062a\u0633\u0644\u0637 \u0628\u0631 \u0622\u06cc\u0646\u062f\u0647 \u0627\u0633\u062a.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"container\">\r\n        <div class=\"glass-stack\">\r\n            \r\n            <div class=\"math-card\">\r\n                <div class=\"card-icon\">\ud83e\udde0<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>\u06f1. \u0647\u0646\u0631 \u062d\u0644 \u0645\u0633\u0626\u0644\u0647<\/h3>\r\n                    <p>\u0631\u06cc\u0627\u0636\u06cc\u0627\u062a \u0645\u063a\u0632 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0632\u0646\u062f\u06af\u06cc \u0622\u0645\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\r\n                    <div class=\"badges\"><span>IQ Boost<\/span><span>Logic<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"math-card\">\r\n                <div class=\"card-icon\">\ud83e\udd16<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>\u06f2. \u0642\u0644\u0628 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc<\/h3>\r\n                    <p>\u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0648 \u062f\u0646\u06cc\u0627\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u062a\u0645\u0627\u0645\u0627\u064b \u0628\u0631 \u067e\u0627\u06cc\u0647 \u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645\u200c\u0647\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc \u0647\u0633\u062a\u0646\u062f.<\/p>\r\n                    <div class=\"badges\"><span>AI<\/span><span>Future<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"math-card\">\r\n                <div class=\"card-icon\">\ud83d\udcb0<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>\u06f3. \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0627\u0644\u06cc<\/h3>\r\n                    <p>\u062f\u0631\u06a9 \u0628\u0627\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0628\u0647 \u0634\u0645\u0627 \u0642\u062f\u0631\u062a \u0645\u062f\u06cc\u0631\u06cc\u062a \u062b\u0631\u0648\u062a \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\r\n                    <div class=\"badges\"><span>Wealth<\/span><span>Trading<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"math-card\">\r\n                <div class=\"card-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>\u06f4. \u0645\u0639\u0645\u0627\u0631\u06cc \u0648 \u0647\u0646\u0631<\/h3>\r\n                    <p>\u0632\u06cc\u0628\u0627\u06cc\u06cc\u200c\u0647\u0627\u06cc \u062c\u0647\u0627\u0646 \u0627\u0632 \u0646\u0633\u0628\u062a \u0637\u0644\u0627\u06cc\u06cc \u0648 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u062f\u0642\u06cc\u0642 \u0647\u0646\u062f\u0633\u06cc \u067e\u062f\u06cc\u062f \u0645\u06cc\u200c\u0622\u06cc\u0646\u062f.<\/p>\r\n                    <div class=\"badges\"><span>Design<\/span><span>Art<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"math-card\">\r\n                <div class=\"card-icon\">\ud83c\udfaf<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>\u06f5. \u062a\u0635\u0645\u06cc\u0645\u200c\u06af\u06cc\u0631\u06cc \u062f\u0642\u06cc\u0642<\/h3>\r\n                    <p>\u0628\u0627 \u0622\u0645\u0627\u0631 \u0648 \u0627\u062d\u062a\u0645\u0627\u0644\u060c \u0631\u06cc\u0633\u06a9\u200c\u0647\u0627 \u0631\u0627 \u0628\u0634\u0646\u062c\u06cc\u062f \u0648 \u0647\u0648\u0634\u0645\u0646\u062f\u0627\u0646\u0647 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/p>\r\n                    <div class=\"badges\"><span>Strategy<\/span><span>Stats<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"math-card\">\r\n                <div class=\"card-icon\">\ud83e\uddec<\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>\u06f6. \u0632\u0628\u0627\u0646 \u0637\u0628\u06cc\u0639\u062a<\/h3>\r\n                    <p>\u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc \u062f\u0631 \u06af\u0644\u200c\u0647\u0627\u060c \u0628\u0631\u0641 \u0648 \u062d\u062a\u06cc DNA \u0645\u0627 \u0646\u0647\u0641\u062a\u0647 \u0627\u0633\u062a.<\/p>\r\n                    <div class=\"badges\"><span>Nature<\/span><span>DNA<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ \u06f1. \u062a\u0627\u0628\u0639 \u0638\u0627\u0647\u0631 \u0634\u062f\u0646 \u0628\u0627\u06a9\u0633\u200c\u0647\u0627 \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u06a9\u0631\u0648\u0644 (\u062a\u0636\u0645\u06cc\u0646\u06cc)\r\n        const observerOptions = {\r\n            threshold: 0.1, \/\/ \u0648\u0642\u062a\u06cc \u06f1\u06f0\u066a \u06a9\u0627\u0631\u062a \u062f\u06cc\u062f\u0647 \u0634\u062f\r\n            rootMargin: \"0px 0px -50px 0px\"\r\n        };\r\n\r\n        const revealOnScroll = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('reveal-active');\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        \/\/ \u0627\u0639\u0645\u0627\u0644 \u0622\u0628\u0632\u0631\u0648\u0631 \u0631\u0648\u06cc \u062a\u0645\u0627\u0645 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\r\n        document.querySelectorAll('.math-card').forEach(card => {\r\n            revealOnScroll.observe(card);\r\n        });\r\n\r\n        \/\/ \u06f2. \u0627\u0641\u06a9\u062a \u06a9\u062c \u0634\u062f\u0646 \u0633\u0647\u200c\u0628\u0639\u062f\u06cc (Tilt) \u0641\u0642\u0637 \u062f\u0631 \u062f\u0633\u06a9\u062a\u0627\u067e \u0628\u0631\u0627\u06cc \u062c\u0630\u0627\u0628\u06cc\u062a \u0628\u06cc\u0634\u062a\u0631\r\n        const cards = document.querySelectorAll('.math-card');\r\n        cards.forEach(card => {\r\n            card.addEventListener('mousemove', (e) => {\r\n                const rect = card.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n                const rotateX = (rect.height \/ 2 - y) \/ 20;\r\n                const rotateY = (x - rect.width \/ 2) \/ 25;\r\n                card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.02, 1.02, 1.02)`;\r\n            });\r\n\r\n            card.addEventListener('mouseleave', () => {\r\n                card.style.transform = `perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)`;\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d51981 e-con-full e-flex e-con e-parent\" data-id=\"2d51981\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bff530f elementor-widget elementor-widget-html\" data-id=\"bff530f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Math Symbol Slider \u2014 Light<\/title>\n<style>\n\/* ===== SCOPED: .ms-slider ===== *\/\n.ms-slider-wrap {\n  --ms-card-w: 240px;\n  --ms-card-h: 320px;\n  --ms-gap: 18px;\n  --ms-radius: 30px;\n  --ms-items: 21;\n  --ms-speed: 60s;\n  --ms-c1: #2b7de9;\n  --ms-c2: #e5333b;\n  --ms-c3: #0da678;\n  --ms-c4: #d4a017;\n  --ms-c5: #7c3aed;\n  --ms-c6: #0ba5a5;\n  --ms-fade-bg: #f4f5f7;\n  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  padding: 30px 0;\n  background: transparent;\n  direction: rtl;\n}\n\/* ===== TRACK ===== *\/\n.ms-track {\n  display: flex;\n  gap: var(--ms-gap);\n  width: max-content;\n  animation: ms-scroll var(--ms-speed) linear infinite;\n  will-change: transform;\n}\n.ms-slider-wrap:hover .ms-track {\n  animation-play-state: paused;\n}\n@keyframes ms-scroll {\n  0%   { transform: translateX(0); }\n  100% { transform: translateX(calc((var(--ms-card-w) + var(--ms-gap)) * var(--ms-items))); }\n}\n\/* ===== CARD ===== *\/\n.ms-card {\n  flex-shrink: 0;\n  width: var(--ms-card-w);\n  height: var(--ms-card-h);\n  border-radius: var(--ms-radius);\n  border: 1px solid rgba(0,0,0,0.06);\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: transform 0.45s cubic-bezier(.23,1,.32,1), box-shadow 0.45s cubic-bezier(.23,1,.32,1);\n  box-shadow:\n    0 2px 8px rgba(0,0,0,0.04),\n    0 8px 30px rgba(0,0,0,0.06),\n    0 20px 50px rgba(0,0,0,0.04),\n    inset 0 1px 0 rgba(255,255,255,0.9);\n}\n.ms-card:hover {\n  transform: scale(1.07) translateY(-6px);\n  box-shadow:\n    0 6px 20px rgba(0,0,0,0.07),\n    0 16px 45px rgba(0,0,0,0.08),\n    0 30px 70px rgba(0,0,0,0.05),\n    inset 0 1px 0 rgba(255,255,255,1);\n}\n\/* ===== CARD COLORS \u2014 LIGHT PASTELS ===== *\/\n.ms-card[data-c=\"1\"] {\n  background: linear-gradient(160deg, #e8f2ff 0%, #d0e4fd 50%, #c2d9fb 100%);\n  --ms-accent: var(--ms-c1);\n}\n.ms-card[data-c=\"2\"] {\n  background: linear-gradient(160deg, #fff0f0 0%, #fddcdc 50%, #fccece 100%);\n  --ms-accent: var(--ms-c2);\n}\n.ms-card[data-c=\"3\"] {\n  background: linear-gradient(160deg, #e6faf3 0%, #c8f5e4 50%, #b4f0d9 100%);\n  --ms-accent: var(--ms-c3);\n}\n.ms-card[data-c=\"4\"] {\n  background: linear-gradient(160deg, #fef8e8 0%, #fcefc6 50%, #fae8aa 100%);\n  --ms-accent: var(--ms-c4);\n}\n.ms-card[data-c=\"5\"] {\n  background: linear-gradient(160deg, #f3edff 0%, #e4d8fd 50%, #d8c8fc 100%);\n  --ms-accent: var(--ms-c5);\n}\n.ms-card[data-c=\"6\"] {\n  background: linear-gradient(160deg, #e6fafa 0%, #c8f3f3 50%, #b0eded 100%);\n  --ms-accent: var(--ms-c6);\n}\n\/* ===== INNER SHINE ===== *\/\n.ms-card::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 50%;\n  border-radius: var(--ms-radius) var(--ms-radius) 0 0;\n  background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);\n  pointer-events: none;\n  z-index: 1;\n}\n\/* ===== BUBBLES ===== *\/\n.ms-bubble {\n  position: absolute;\n  border-radius: 50%;\n  opacity: 0.15;\n  background: var(--ms-accent);\n  z-index: 0;\n  will-change: transform, opacity;\n}\n.ms-bubble-1 {\n  width: 60px; height: 60px;\n  bottom: -10px; left: -15px;\n  animation: ms-float-1 5s ease-in-out infinite;\n}\n.ms-bubble-2 {\n  width: 35px; height: 35px;\n  top: 20px; right: 15px;\n  animation: ms-float-2 6.5s ease-in-out infinite;\n}\n.ms-bubble-3 {\n  width: 20px; height: 20px;\n  bottom: 60px; right: 40px;\n  animation: ms-float-3 4.5s ease-in-out infinite;\n  opacity: 0.10;\n}\n\/* ===== GLOW ORBS ===== *\/\n.ms-glow {\n  position: absolute;\n  border-radius: 50%;\n  z-index: 0;\n  opacity: 0.22;\n  will-change: transform, opacity;\n}\n.ms-glow-1 {\n  width: 100px; height: 100px;\n  bottom: -30px; right: -30px;\n  background: radial-gradient(circle, var(--ms-accent) 0%, transparent 70%);\n  animation: ms-glow-pulse 4s ease-in-out infinite;\n}\n.ms-glow-2 {\n  width: 60px; height: 60px;\n  top: -15px; left: -15px;\n  background: radial-gradient(circle, var(--ms-accent) 0%, transparent 70%);\n  animation: ms-glow-pulse 5.5s ease-in-out infinite reverse;\n}\n\/* ===== SYMBOL ===== *\/\n.ms-symbol {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  padding-top: 40px;\n  font-size: 48px;\n  font-weight: 900;\n  line-height: 1;\n  color: var(--ms-accent);\n  text-shadow: 0 0 25px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.08);\n  animation: ms-symbol-float 4s ease-in-out infinite;\n  will-change: transform;\n}\n\/* ===== TITLE (always visible) ===== *\/\n.ms-title {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  padding: 18px 16px 0;\n  font-size: 22px;\n  font-weight: 800;\n  color: #1a1a2e;\n  letter-spacing: -0.01em;\n  text-shadow: 0 1px 2px rgba(255,255,255,0.6);\n}\n\/* ===== INFO (hover reveal) ===== *\/\n.ms-info {\n  position: absolute;\n  bottom: 0;\n  left: 0; right: 0;\n  z-index: 3;\n  padding: 20px 18px 24px;\n  background: linear-gradient(0deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0) 100%);\n  border-radius: 0 0 var(--ms-radius) var(--ms-radius);\n  opacity: 0;\n  transform: translateY(10px);\n  transition: opacity 0.4s ease, transform 0.4s ease;\n  pointer-events: none;\n}\n.ms-card:hover .ms-info {\n  opacity: 1;\n  transform: translateY(0);\n}\n.ms-def {\n  font-size: 14px;\n  line-height: 1.8;\n  font-weight: 500;\n  color: rgba(0,0,0,0.65);\n  margin-bottom: 8px;\n  text-align: center;\n}\n.ms-inventor {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--ms-accent);\n  text-align: center;\n  letter-spacing: 0.02em;\n}\n.ms-inventor-label {\n  color: rgba(0,0,0,0.38);\n  font-weight: 400;\n}\n\/* ===== BADGE ===== *\/\n.ms-badge {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  z-index: 4;\n  width: 8px; height: 8px;\n  border-radius: 50%;\n  background: var(--ms-accent);\n  box-shadow: 0 0 6px var(--ms-accent);\n  animation: ms-badge-pulse 2s ease-in-out infinite;\n}\n\/* ===== KEYFRAMES ===== *\/\n@keyframes ms-float-1 {\n  0%, 100% { transform: translateY(0) scale(1); opacity: 0.15; }\n  50%      { transform: translateY(-18px) scale(1.08); opacity: 0.22; }\n}\n@keyframes ms-float-2 {\n  0%, 100% { transform: translateY(0) translateX(0); opacity: 0.15; }\n  50%      { transform: translateY(-12px) translateX(6px); opacity: 0.20; }\n}\n@keyframes ms-float-3 {\n  0%, 100% { transform: translateY(0) scale(1); opacity: 0.10; }\n  50%      { transform: translateY(-10px) scale(1.15); opacity: 0.16; }\n}\n@keyframes ms-glow-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.22; }\n  50%      { transform: scale(1.2); opacity: 0.32; }\n}\n@keyframes ms-symbol-float {\n  0%, 100% { transform: translateY(0); }\n  50%      { transform: translateY(-8px); }\n}\n@keyframes ms-badge-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.85; }\n  50%      { transform: scale(1.4); opacity: 0.45; }\n}\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .ms-slider-wrap {\n    --ms-card-w: 220px;\n    --ms-card-h: 300px;\n  }\n  .ms-symbol { font-size: 42px; padding-top: 35px; }\n  .ms-title { font-size: 20px; }\n}\n@media (max-width: 640px) {\n  .ms-slider-wrap {\n    --ms-card-w: 200px;\n    --ms-card-h: 280px;\n    --ms-gap: 14px;\n  }\n  .ms-symbol { font-size: 38px; padding-top: 30px; }\n  .ms-title { font-size: 18px; padding: 14px 12px 0; }\n  .ms-info { padding: 16px 14px 20px; }\n  .ms-def { font-size: 13px; }\n}\n\/* ===== REDUCED MOTION ===== *\/\n@media (prefers-reduced-motion: reduce) {\n  .ms-track { animation-duration: 0.01s; animation-iteration-count: 1; }\n  .ms-bubble, .ms-glow, .ms-symbol, .ms-badge { animation: none !important; }\n  .ms-card { transition: none; }\n  .ms-info { transition: none; }\n}\n\/* ===== EDGE FADE MASKS ===== *\/\n.ms-slider-wrap::before,\n.ms-slider-wrap::after {\n  content: '';\n  position: absolute;\n  top: 0; bottom: 0;\n  width: 80px;\n  z-index: 10;\n  pointer-events: none;\n}\n.ms-slider-wrap::before {\n  right: 0;\n  background: linear-gradient(to left, var(--ms-fade-bg), transparent);\n}\n.ms-slider-wrap::after {\n  left: 0;\n  background: linear-gradient(to right, var(--ms-fade-bg), transparent);\n}\n\/* ===== STAGGER FLOAT DELAYS ===== *\/\n.ms-card:nth-child(6n+1) .ms-symbol { animation-delay: 0s; }\n.ms-card:nth-child(6n+2) .ms-symbol { animation-delay: -0.7s; }\n.ms-card:nth-child(6n+3) .ms-symbol { animation-delay: -1.4s; }\n.ms-card:nth-child(6n+4) .ms-symbol { animation-delay: -2.1s; }\n.ms-card:nth-child(6n+5) .ms-symbol { animation-delay: -2.8s; }\n.ms-card:nth-child(6n+6) .ms-symbol { animation-delay: -3.5s; }\n.ms-card:nth-child(6n+1) .ms-bubble-1 { animation-delay: 0s; }\n.ms-card:nth-child(6n+2) .ms-bubble-1 { animation-delay: -0.8s; }\n.ms-card:nth-child(6n+3) .ms-bubble-1 { animation-delay: -1.6s; }\n.ms-card:nth-child(6n+4) .ms-bubble-1 { animation-delay: -2.5s; }\n.ms-card:nth-child(6n+5) .ms-bubble-1 { animation-delay: -3.3s; }\n.ms-card:nth-child(6n+6) .ms-bubble-1 { animation-delay: -4.1s; }\n.ms-card:nth-child(6n+1) .ms-glow-1 { animation-delay: 0s; }\n.ms-card:nth-child(6n+2) .ms-glow-1 { animation-delay: -1s; }\n.ms-card:nth-child(6n+3) .ms-glow-1 { animation-delay: -2s; }\n.ms-card:nth-child(6n+4) .ms-glow-1 { animation-delay: -3s; }\n.ms-card:nth-child(6n+5) .ms-glow-1 { animation-delay: -1.5s; }\n.ms-card:nth-child(6n+6) .ms-glow-1 { animation-delay: -2.5s; }\n\/* ===== FOCUS ===== *\/\n.ms-card:focus-visible {\n  outline: 2px solid var(--ms-accent);\n  outline-offset: 4px;\n}\n.ms-card:focus-visible .ms-info {\n  opacity: 1;\n  transform: translateY(0);\n}\n\/* ===== CARD BOTTOM ACCENT LINE ===== *\/\n.ms-card::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 20%;\n  right: 20%;\n  height: 3px;\n  border-radius: 3px 3px 0 0;\n  background: var(--ms-accent);\n  opacity: 0;\n  transform: scaleX(0);\n  transition: opacity 0.4s ease, transform 0.4s ease;\n  z-index: 5;\n}\n.ms-card:hover::after {\n  opacity: 0.6;\n  transform: scaleX(1);\n}\n<\/style>\n<\/head>\n<body style=\"background:#f4f5f7;margin:0;padding:40px 0;\">\n<div class=\"ms-slider-wrap\" role=\"region\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u0646\u0645\u0627\u062f\u0647\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc\">\n  <div class=\"ms-track\">\n    <!-- === SET 1 (original 21 cards) === -->\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"0\" role=\"group\" aria-label=\"\u067e\u06cc \u2014 \u03c0\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u03c0<\/div>\n      <div class=\"ms-title\">\u067e\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u0633\u0628\u062a \u0645\u062d\u06cc\u0637 \u062f\u0627\u06cc\u0631\u0647 \u0628\u0647 \u0642\u0637\u0631<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0627\u0631\u0634\u0645\u06cc\u062f\u0633<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"0\" role=\"group\" aria-label=\"\u0628\u06cc\u200c\u0646\u0647\u0627\u06cc\u062a \u2014 \u221e\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u221e<\/div>\n      <div class=\"ms-title\">\u0628\u06cc\u200c\u0646\u0647\u0627\u06cc\u062a<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0645\u0641\u0647\u0648\u0645 \u067e\u0627\u06cc\u0627\u0646\u200c\u0646\u0627\u067e\u0630\u06cc\u0631\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u062c\u0627\u0646 \u0648\u0627\u0644\u06cc\u0633<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"0\" role=\"group\" aria-label=\"\u062c\u0645\u0639 \u2014 \u2211\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2211<\/div>\n      <div class=\"ms-title\">\u062c\u0645\u0639<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u0645\u0627\u062f \u062c\u0645\u0639\u200c\u0632\u062f\u0646<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0627\u0648\u06cc\u0644\u0631<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"4\" tabindex=\"0\" role=\"group\" aria-label=\"\u0631\u06cc\u0634\u0647 \u2014 \u221a\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u221a<\/div>\n      <div class=\"ms-title\">\u0631\u06cc\u0634\u0647<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0645\u062d\u0627\u0633\u0628\u0647\u0654 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0631\u0646\u0647 \u062f\u06a9\u0627\u0631\u062a<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"5\" tabindex=\"0\" role=\"group\" aria-label=\"\u0627\u0646\u062a\u06af\u0631\u0627\u0644 \u2014 \u222b\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u222b<\/div>\n      <div class=\"ms-title\">\u0627\u0646\u062a\u06af\u0631\u0627\u0644<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062c\u0645\u0639 \u067e\u06cc\u0648\u0633\u062a\u0647\u0654 \u0628\u06cc\u200c\u0646\u0647\u0627\u06cc\u062a \u062c\u0632\u0621<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0644\u0627\u06cc\u0628\u0646\u06cc\u062a\u0633<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"6\" tabindex=\"0\" role=\"group\" aria-label=\"\u062f\u0644\u062a\u0627 \u2014 \u0394\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u0394<\/div>\n      <div class=\"ms-title\">\u062f\u0644\u062a\u0627<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u0634\u0627\u0646\u200c\u062f\u0647\u0646\u062f\u0647\u0654 \u062a\u063a\u06cc\u06cc\u0631<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u06cc\u0648\u0646\u0627\u0646 \u0628\u0627\u0633\u062a\u0627\u0646<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"0\" role=\"group\" aria-label=\"\u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u0645\u0633\u0627\u0648\u06cc \u2014 \u2248\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2248<\/div>\n      <div class=\"ms-title\">\u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u0645\u0633\u0627\u0648\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u0632\u062f\u06cc\u06a9 \u0628\u0647 \u0628\u0631\u0627\u0628\u0631<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0648\u06cc\u0644\u06cc\u0627\u0645 \u0627\u0648\u062a\u0631\u062f<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"0\" role=\"group\" aria-label=\"\u0646\u0627\u0645\u0633\u0627\u0648\u06cc \u2014 \u2260\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2260<\/div>\n      <div class=\"ms-title\">\u0646\u0627\u0645\u0633\u0627\u0648\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062f\u0648 \u0645\u0642\u062f\u0627\u0631 \u0628\u0631\u0627\u0628\u0631 \u0646\u06cc\u0633\u062a\u0646\u062f<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0631\u06cc\u0627\u0636\u06cc\u0627\u062a \u0645\u062f\u0631\u0646<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"0\" role=\"group\" aria-label=\"\u062a\u0646\u0627\u0633\u0628 \u2014 \u221d\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u221d<\/div>\n      <div class=\"ms-title\">\u062a\u0646\u0627\u0633\u0628<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0631\u0627\u0628\u0637\u0647\u0654 \u0645\u062a\u0646\u0627\u0633\u0628<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0631\u06cc\u0627\u0636\u06cc\u0627\u062a \u0645\u062f\u0631\u0646<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"4\" tabindex=\"0\" role=\"group\" aria-label=\"\u0646\u062a\u06cc\u062c\u0647 \u2014 \u2234\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2234<\/div>\n      <div class=\"ms-title\">\u0646\u062a\u06cc\u062c\u0647<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u067e\u0633 \u0648 \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0645\u0646\u0637\u0642<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"5\" tabindex=\"0\" role=\"group\" aria-label=\"\u062f\u06cc\u0641\u0631\u0627\u0646\u0633\u06cc\u0644 \u062c\u0632\u0626\u06cc \u2014 \u2202\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2202<\/div>\n      <div class=\"ms-title\">\u062f\u06cc\u0641\u0631\u0627\u0646\u0633\u06cc\u0644 \u062c\u0632\u0626\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0645\u0634\u062a\u0642 \u062c\u0632\u0626\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0644\u0627\u06cc\u0628\u0646\u06cc\u062a\u0633<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"6\" tabindex=\"0\" role=\"group\" aria-label=\"\u0628\u0631\u0627\u06cc \u0647\u0645\u0647 \u2014 \u2200\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2200<\/div>\n      <div class=\"ms-title\">\u0628\u0631\u0627\u06cc \u0647\u0645\u0647<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u06a9\u0648\u0627\u0646\u062a\u0627\u06cc\u0641\u0627\u06cc\u0631 \u06a9\u0644\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0645\u0646\u0637\u0642<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"0\" role=\"group\" aria-label=\"\u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u2014 \u2203\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2203<\/div>\n      <div class=\"ms-title\">\u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u06a9\u0648\u0627\u0646\u062a\u0627\u06cc\u0641\u0627\u06cc\u0631 \u0648\u062c\u0648\u062f\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0645\u0646\u0637\u0642<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"0\" role=\"group\" aria-label=\"\u0639\u0636\u0648\u06cc\u062a \u2014 \u2208\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2208<\/div>\n      <div class=\"ms-title\">\u0639\u0636\u0648\u06cc\u062a<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0639\u0636\u0648 \u06cc\u06a9 \u0645\u062c\u0645\u0648\u0639\u0647 \u0628\u0648\u062f\u0646<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0646\u0638\u0631\u06cc\u0647 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"0\" role=\"group\" aria-label=\"\u0639\u0636\u0648 \u0646\u06cc\u0633\u062a \u2014 \u2209\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2209<\/div>\n      <div class=\"ms-title\">\u0639\u0636\u0648 \u0646\u06cc\u0633\u062a<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062f\u0631 \u0645\u062c\u0645\u0648\u0639\u0647 \u0642\u0631\u0627\u0631 \u0646\u062f\u0627\u0631\u062f<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0646\u0638\u0631\u06cc\u0647 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"4\" tabindex=\"0\" role=\"group\" aria-label=\"\u0627\u062c\u062a\u0645\u0627\u0639 \u2014 \u222a\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u222a<\/div>\n      <div class=\"ms-title\">\u0627\u062c\u062a\u0645\u0627\u0639<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062a\u0631\u06a9\u06cc\u0628 \u062f\u0648 \u0645\u062c\u0645\u0648\u0639\u0647<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0646\u0638\u0631\u06cc\u0647 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"5\" tabindex=\"0\" role=\"group\" aria-label=\"\u062a\u0642\u0627\u0637\u0639 \u2014 \u2229\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2229<\/div>\n      <div class=\"ms-title\">\u062a\u0642\u0627\u0637\u0639<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0627\u0634\u062a\u0631\u0627\u06a9 \u062f\u0648 \u0645\u062c\u0645\u0648\u0639\u0647<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0646\u0638\u0631\u06cc\u0647 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"6\" tabindex=\"0\" role=\"group\" aria-label=\"\u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647 \u2014 \u2282\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2282<\/div>\n      <div class=\"ms-title\">\u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647\u0654 \u0648\u0627\u0642\u0639\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0646\u0638\u0631\u06cc\u0647 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"0\" role=\"group\" aria-label=\"\u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647 \u06cc\u0627 \u0628\u0631\u0627\u0628\u0631 \u2014 \u2286\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2286<\/div>\n      <div class=\"ms-title\">\u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647 \u06cc\u0627 \u0628\u0631\u0627\u0628\u0631<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647 \u06cc\u0627 \u0645\u0633\u0627\u0648\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0646\u0638\u0631\u06cc\u0647 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"0\" role=\"group\" aria-label=\"\u0627\u0633\u062a\u0644\u0632\u0627\u0645 \u2014 \u21d2\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u21d2<\/div>\n      <div class=\"ms-title\">\u0627\u0633\u062a\u0644\u0632\u0627\u0645<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u062a\u06cc\u062c\u0647\u0654 \u0645\u0646\u0637\u0642\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0645\u0646\u0637\u0642<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"0\" role=\"group\" aria-label=\"\u0647\u0645\u200c\u0627\u0631\u0632\u06cc \u2014 \u21d4\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u21d4<\/div>\n      <div class=\"ms-title\">\u0647\u0645\u200c\u0627\u0631\u0632\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0645\u0639\u0627\u062f\u0644 \u0645\u0646\u0637\u0642\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0645\u0646\u0637\u0642<\/div>\n      <\/div>\n    <\/div>\n    <!-- === SET 2 (duplicate for seamless loop) === -->\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u03c0<\/div>\n      <div class=\"ms-title\">\u067e\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u0633\u0628\u062a \u0645\u062d\u06cc\u0637 \u062f\u0627\u06cc\u0631\u0647 \u0628\u0647 \u0642\u0637\u0631<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0627\u0631\u0634\u0645\u06cc\u062f\u0633<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u221e<\/div>\n      <div class=\"ms-title\">\u0628\u06cc\u200c\u0646\u0647\u0627\u06cc\u062a<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0645\u0641\u0647\u0648\u0645 \u067e\u0627\u06cc\u0627\u0646\u200c\u0646\u0627\u067e\u0630\u06cc\u0631\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u062c\u0627\u0646 \u0648\u0627\u0644\u06cc\u0633<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2211<\/div>\n      <div class=\"ms-title\">\u062c\u0645\u0639<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u0645\u0627\u062f \u062c\u0645\u0639\u200c\u0632\u062f\u0646<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0627\u0648\u06cc\u0644\u0631<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"4\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u221a<\/div>\n      <div class=\"ms-title\">\u0631\u06cc\u0634\u0647<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0645\u062d\u0627\u0633\u0628\u0647\u0654 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0631\u0646\u0647 \u062f\u06a9\u0627\u0631\u062a<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"5\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u222b<\/div>\n      <div class=\"ms-title\">\u0627\u0646\u062a\u06af\u0631\u0627\u0644<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062c\u0645\u0639 \u067e\u06cc\u0648\u0633\u062a\u0647\u0654 \u0628\u06cc\u200c\u0646\u0647\u0627\u06cc\u062a \u062c\u0632\u0621<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0644\u0627\u06cc\u0628\u0646\u06cc\u062a\u0633<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"6\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u0394<\/div>\n      <div class=\"ms-title\">\u062f\u0644\u062a\u0627<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u0634\u0627\u0646\u200c\u062f\u0647\u0646\u062f\u0647\u0654 \u062a\u063a\u06cc\u06cc\u0631<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u06cc\u0648\u0646\u0627\u0646 \u0628\u0627\u0633\u062a\u0627\u0646<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2248<\/div>\n      <div class=\"ms-title\">\u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u0645\u0633\u0627\u0648\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u0632\u062f\u06cc\u06a9 \u0628\u0647 \u0628\u0631\u0627\u0628\u0631<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0648\u06cc\u0644\u06cc\u0627\u0645 \u0627\u0648\u062a\u0631\u062f<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2260<\/div>\n      <div class=\"ms-title\">\u0646\u0627\u0645\u0633\u0627\u0648\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062f\u0648 \u0645\u0642\u062f\u0627\u0631 \u0628\u0631\u0627\u0628\u0631 \u0646\u06cc\u0633\u062a\u0646\u062f<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0631\u06cc\u0627\u0636\u06cc\u0627\u062a \u0645\u062f\u0631\u0646<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u221d<\/div>\n      <div class=\"ms-title\">\u062a\u0646\u0627\u0633\u0628<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0631\u0627\u0628\u0637\u0647\u0654 \u0645\u062a\u0646\u0627\u0633\u0628<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0631\u06cc\u0627\u0636\u06cc\u0627\u062a \u0645\u062f\u0631\u0646<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"4\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2234<\/div>\n      <div class=\"ms-title\">\u0646\u062a\u06cc\u062c\u0647<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u067e\u0633 \u0648 \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0645\u0646\u0637\u0642<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"5\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2202<\/div>\n      <div class=\"ms-title\">\u062f\u06cc\u0641\u0631\u0627\u0646\u0633\u06cc\u0644 \u062c\u0632\u0626\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0645\u0634\u062a\u0642 \u062c\u0632\u0626\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0644\u0627\u06cc\u0628\u0646\u06cc\u062a\u0633<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"6\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2200<\/div>\n      <div class=\"ms-title\">\u0628\u0631\u0627\u06cc \u0647\u0645\u0647<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u06a9\u0648\u0627\u0646\u062a\u0627\u06cc\u0641\u0627\u06cc\u0631 \u06a9\u0644\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0645\u0646\u0637\u0642<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2203<\/div>\n      <div class=\"ms-title\">\u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u06a9\u0648\u0627\u0646\u062a\u0627\u06cc\u0641\u0627\u06cc\u0631 \u0648\u062c\u0648\u062f\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0645\u0646\u0637\u0642<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2208<\/div>\n      <div class=\"ms-title\">\u0639\u0636\u0648\u06cc\u062a<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0639\u0636\u0648 \u06cc\u06a9 \u0645\u062c\u0645\u0648\u0639\u0647 \u0628\u0648\u062f\u0646<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0646\u0638\u0631\u06cc\u0647 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2209<\/div>\n      <div class=\"ms-title\">\u0639\u0636\u0648 \u0646\u06cc\u0633\u062a<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062f\u0631 \u0645\u062c\u0645\u0648\u0639\u0647 \u0642\u0631\u0627\u0631 \u0646\u062f\u0627\u0631\u062f<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0646\u0638\u0631\u06cc\u0647 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"4\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u222a<\/div>\n      <div class=\"ms-title\">\u0627\u062c\u062a\u0645\u0627\u0639<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062a\u0631\u06a9\u06cc\u0628 \u062f\u0648 \u0645\u062c\u0645\u0648\u0639\u0647<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0646\u0638\u0631\u06cc\u0647 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"5\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2229<\/div>\n      <div class=\"ms-title\">\u062a\u0642\u0627\u0637\u0639<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0627\u0634\u062a\u0631\u0627\u06a9 \u062f\u0648 \u0645\u062c\u0645\u0648\u0639\u0647<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0646\u0638\u0631\u06cc\u0647 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"6\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2282<\/div>\n      <div class=\"ms-title\">\u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647\u0654 \u0648\u0627\u0642\u0639\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0646\u0638\u0631\u06cc\u0647 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2286<\/div>\n      <div class=\"ms-title\">\u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647 \u06cc\u0627 \u0628\u0631\u0627\u0628\u0631<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647 \u06cc\u0627 \u0645\u0633\u0627\u0648\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0646\u0638\u0631\u06cc\u0647 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u21d2<\/div>\n      <div class=\"ms-title\">\u0627\u0633\u062a\u0644\u0632\u0627\u0645<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u062a\u06cc\u062c\u0647\u0654 \u0645\u0646\u0637\u0642\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0645\u0646\u0637\u0642<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u21d4<\/div>\n      <div class=\"ms-title\">\u0647\u0645\u200c\u0627\u0631\u0632\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0645\u0639\u0627\u062f\u0644 \u0645\u0646\u0637\u0642\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u06a9\u0627\u0634\u0641: <\/span>\u0645\u0646\u0637\u0642<\/div>\n      <\/div>\n    <\/div>\n  <\/div><!-- \/ms-track -->\n<\/div><!-- \/ms-slider-wrap -->\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b1e17f e-con-full e-flex e-con e-parent\" data-id=\"5b1e17f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f3d225 elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"1f3d225\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t <div class=\"super-quantum-wrapper\">\r\n    <div class=\"sq-card fb-squircle\" onmousemove=\"sqHover(event, this)\" onmouseleave=\"sqReset(this)\">\r\n        <div class=\"sq-shimmer\"><\/div>\r\n        <div class=\"sq-inner-content\">\r\n            <div class=\"sq-visual\">\r\n                <div class=\"sq-icon-box\">\r\n                    <span class=\"sq-math-icon\">\u2211<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sq-stats\">\r\n                <div class=\"sq-number-container\">\r\n                    <span class=\"sq-number-gradient\" id=\"sq-func\">85420<\/span>\r\n                <\/div>\r\n                <span class=\"sq-label\">\u062a\u0648\u0627\u0628\u0639 \u067e\u0631\u062f\u0627\u0632\u0634 \u0634\u062f\u0647 (REAL-TIME)<\/span>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"sq-glow-effect\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sq-card fb-squircle\" onmousemove=\"sqHover(event, this)\" onmouseleave=\"sqReset(this)\">\r\n        <div class=\"sq-shimmer\"><\/div>\r\n        <div class=\"sq-inner-content\">\r\n            <div class=\"sq-visual\">\r\n                <div class=\"sq-icon-box\">\r\n                    <span class=\"sq-math-icon\">\u221e<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"sq-stats\">\r\n                <div class=\"sq-number-container\">\r\n                    <span class=\"sq-number-gradient\" id=\"sq-stab\">98.5<\/span><span class=\"sq-percent-glow\">%<\/span>\r\n                <\/div>\r\n                <span class=\"sq-label\">\u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0647\u0633\u062a\u0647 \u06a9\u0648\u0627\u0646\u062a\u0648\u0645\u06cc<\/span>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"sq-glow-effect\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* --- \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u067e\u0627\u06cc\u0647 \u062a\u0645\u0627\u0645 \u0639\u0631\u0636 --- *\/\r\n.super-quantum-wrapper {\r\n    display: flex;\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    gap: 30px;\r\n    padding: 80px 5vw;\r\n    box-sizing: border-box;\r\n    background: transparent;\r\n    direction: rtl;\r\n    perspective: 2000px;\r\n    overflow-x: hidden; \/* \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0627\u0641\u0642\u06cc \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n}\r\n\r\n\/* --- \u0627\u0633\u062a\u0627\u06cc\u0644 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc --- *\/\r\n.sq-card {\r\n    flex: 1;\r\n    min-height: 280px;\r\n    position: relative;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    backdrop-filter: blur(20px) saturate(180%);\r\n    -webkit-backdrop-filter: blur(20px) saturate(180%);\r\n    border: 1.5px solid rgba(255, 255, 255, 0.4);\r\n    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n    overflow: hidden;\r\n}\r\n\r\n.fb-squircle { border-radius: 80px; }\r\n@supports (corner-shape: squircle) {\r\n    .fb-squircle { border-radius: 80px; corner-shape: squircle; }\r\n}\r\n\r\n.sq-inner-content {\r\n    position: relative;\r\n    z-index: 10;\r\n    width: 100%; height: 100%;\r\n    display: flex; \r\n    align-items: center; \r\n    justify-content: center;\r\n    gap: 35px;\r\n    padding: 20px;\r\n}\r\n\r\n\/* --- \u0628\u0627\u06a9\u0633 \u0622\u06cc\u06a9\u0648\u0646 --- *\/\r\n.sq-icon-box {\r\n    width: 100px; height: 100px;\r\n    background: rgba(255, 255, 255, 0.9);\r\n    border-radius: 30px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    box-shadow: 12px 12px 25px rgba(0,0,0,0.03), -10px -10px 20px rgba(255,255,255,0.8);\r\n}\r\n\r\n.sq-math-icon { font-size: 3.5rem; color: #ff8c00; font-weight: 900; }\r\n\r\n\/* --- \u0627\u0633\u062a\u0627\u06cc\u0644 \u0627\u0639\u062f\u0627\u062f \u0631\u0646\u06af\u06cc --- *\/\r\n.sq-number-gradient {\r\n    font-size: 5.5rem;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    background: linear-gradient(90deg, #ff8c00, #ff4500, #ffd700, #ff8c00);\r\n    background-size: 300% auto;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    animation: sq-color-flow 5s linear infinite;\r\n}\r\n\r\n.sq-percent-glow { font-size: 2rem; color: #ff8c00; font-weight: 900; margin-right: 10px; }\r\n.sq-label { color: #555; font-size: 1.1rem; font-weight: 700; margin-top: 8px; display: block; opacity: 0.8; }\r\n\r\n@keyframes sq-color-flow {\r\n    0% { background-position: 0% 50%; }\r\n    100% { background-position: 300% 50%; }\r\n}\r\n\r\n\/* --- \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0631\u0627\u06cc \u06af\u0648\u0634\u06cc (Mobile) --- *\/\r\n@media (max-width: 767px) {\r\n    .super-quantum-wrapper {\r\n        flex-direction: column; \/* \u0632\u06cc\u0631 \u0647\u0645 \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0646 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 *\/\r\n        padding: 40px 15px;\r\n        gap: 20px;\r\n    }\r\n\r\n    .sq-card {\r\n        min-height: 180px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u06a9\u0645\u062a\u0631 \u0628\u0631\u0627\u06cc \u0627\u0634\u063a\u0627\u0644 \u0646\u0634\u062f\u0646 \u06a9\u0644 \u0635\u0641\u062d\u0647 \u06af\u0648\u0634\u06cc *\/\r\n        border-radius: 40px; \/* \u0644\u0628\u0647\u200c\u0647\u0627\u06cc \u0646\u0631\u0645\u200c\u062a\u0631 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n    }\r\n\r\n    .sq-inner-content {\r\n        flex-direction: row; \/* \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0622\u06cc\u06a9\u0648\u0646 \u0648 \u0645\u062a\u0646 \u06a9\u0646\u0627\u0631 \u0647\u0645 \u0628\u0645\u0627\u0646\u0646\u062f *\/\r\n        gap: 20px;\r\n        justify-content: flex-start;\r\n        padding: 15px 25px;\r\n    }\r\n\r\n    .sq-icon-box {\r\n        width: 70px; height: 70px; \/* \u06a9\u0648\u0686\u06a9\u200c\u062a\u0631 \u0634\u062f\u0646 \u0622\u06cc\u06a9\u0648\u0646 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .sq-math-icon { font-size: 2.2rem; }\r\n\r\n    .sq-number-gradient {\r\n        font-size: 3rem; \/* \u0633\u0627\u06cc\u0632 \u0639\u062f\u062f \u06a9\u0648\u0686\u06a9\u200c\u062a\u0631 \u0628\u0631\u0627\u06cc \u062c\u0627 \u0634\u062f\u0646 \u062f\u0631 \u06cc\u06a9 \u062e\u0637 *\/\r\n    }\r\n\r\n    .sq-label { font-size: 0.9rem; }\r\n\r\n    \/* \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646 \u0627\u0641\u06a9\u062a\u200c\u0647\u0627\u06cc \u0633\u0647\u200c\u0628\u0639\u062f\u06cc \u0633\u0646\u06af\u06cc\u0646 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0628\u0631\u0627\u06cc \u0631\u0648\u0627\u0646\u06cc \u0627\u0633\u06a9\u0631\u0648\u0644 *\/\r\n    .sq-card:hover { transform: none !important; }\r\n}\r\n\r\n\/* --- \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0628\u0631\u0627\u06cc \u062a\u0628\u0644\u062a --- *\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n    .sq-number-gradient { font-size: 4rem; }\r\n    .sq-inner-content { gap: 20px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ \u0633\u06cc\u0633\u062a\u0645 \u0627\u0639\u062f\u0627\u062f \u0644\u0627\u06cc\u0648 (\u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0633\u0628\u062a \u0628\u0647 \u0646\u0633\u062e\u0647 \u0642\u0628\u0644)\r\nfunction startSuperStats() {\r\n    let fValue = 85420;\r\n    let sValue = 98.8;\r\n    const fEl = document.getElementById('sq-func');\r\n    const sEl = document.getElementById('sq-stab');\r\n\r\n    setInterval(() => {\r\n        fValue += Math.floor(Math.random() * 5) + 1;\r\n        fEl.innerText = fValue.toLocaleString();\r\n\r\n        let change = (Math.random() - 0.5) * 0.2;\r\n        sValue = Math.min(99.9, Math.max(97.5, sValue + change));\r\n        sEl.innerText = sValue.toFixed(1);\r\n    }, 2000);\r\n}\r\n\r\n\/\/ \u0645\u062f\u06cc\u0631\u06cc\u062a \u0647\u0627\u0648\u0631 (\u0641\u0642\u0637 \u062f\u0631 \u062f\u0633\u06a9\u062a\u0627\u067e \u0627\u062c\u0631\u0627 \u0645\u06cc\u200c\u0634\u0648\u062f)\r\nfunction sqHover(e, card) {\r\n    if (window.innerWidth < 768) return; \r\n    const rect = card.getBoundingClientRect();\r\n    const x = e.clientX - rect.left;\r\n    const y = e.clientY - rect.top;\r\n    const rotateX = (y - rect.height\/2) \/ 15;\r\n    const rotateY = (rect.width\/2 - x) \/ 25;\r\n    card.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateY(-10px)`;\r\n}\r\n\r\nfunction sqReset(card) {\r\n    card.style.transform = `rotateX(0deg) rotateY(0deg) translateY(0)`;\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', startSuperStats);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-feb1899 e-con-full e-flex e-con e-parent\" data-id=\"feb1899\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86def73 elementor-widget elementor-widget-html\" data-id=\"86def73\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n   \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0642\u06cc\u0642\u0627\u064b \u062f\u0631 \u0648\u06cc\u062c\u062a \"HTML \u0633\u0641\u0627\u0631\u0634\u06cc\" (Custom HTML) \u0627\u0644\u0645\u0646\u062a\u0648\u0631 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f.\r\n   \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u0647\u06cc\u0686 \u0627\u0641\u0632\u0648\u0646\u0647 \u0627\u0636\u0627\u0641\u06cc \u0646\u06cc\u0633\u062a.\r\n-->\r\n<div id=\"gfc-root\">\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CSS \u0627\u06cc\u0632\u0648\u0644\u0647 \u0634\u062f\u0647 - \u0641\u0642\u0637 \u062f\u0627\u062e\u0644 #gfc-root \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f\r\n   \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062a\u062f\u0627\u062e\u0644 \u0628\u0627 \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0642\u0627\u0644\u0628 \u0648\u0631\u062f\u067e\u0631\u0633\/\u0627\u0644\u0645\u0646\u062a\u0648\u0631\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#gfc-root,\r\n#gfc-root *,\r\n#gfc-root *::before,\r\n#gfc-root *::after {\r\n  box-sizing: border-box !important;\r\n  -webkit-tap-highlight-color: transparent;\r\n}\r\n#gfc-root *:not(style):not(script):not(svg):not(path):not(line):not(text):not(g):not(rect):not(circle):not(polyline):not(polygon) {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n#gfc-root {\r\n  --c1:#ff8c00; --c2:#ffb35c; --c3:#e07800;\r\n  --cg:rgba(255,140,0,0.30);\r\n  \/* \u2500\u2500 \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u062a\u0645 \u0631\u0648\u0634\u0646 \u2500\u2500 *\/\r\n  --glass:rgba(255,255,255,0.45);\r\n  --glass-hover:rgba(255,255,255,0.58);\r\n  --gbdr:rgba(255,255,255,0.60);\r\n  --gbdr2:rgba(255,255,255,0.40);\r\n  --glass-blur:24px;\r\n  --glass-saturate:200%;\r\n  --sh1:rgba(0,0,0,0.06);\r\n  --sh2:rgba(0,0,0,0.03);\r\n  --sh-glass:0 8px 32px rgba(255,140,0,0.06), 0 2px 8px rgba(0,0,0,0.04);\r\n  --txt:#0a111a; --txts:#3d4f63;\r\n  --rr:22px; --rb:13px;\r\n  --dur:0.28s;\r\n  --ease:cubic-bezier(0.25,0.46,0.45,0.94);\r\n  \r\n  direction: rtl !important;\r\n  font-family: 'Segoe UI', 'Tahoma', 'Arial', sans-serif !important;\r\n  width: 100% !important;\r\n  background: transparent !important;\r\n  position: relative !important;\r\n  display: block !important;\r\n  line-height: normal !important;\r\n  color: var(--txt) !important;\r\n}\r\n\r\n\/* \u2500\u2500 \u0647\u062f\u0631 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#gfc-root .gfc-header {\r\n  display: flex !important; align-items: center !important;\r\n  justify-content: space-between !important;\r\n  flex-wrap: wrap !important; gap: 12px !important;\r\n  padding-bottom: 18px !important;\r\n}\r\n#gfc-root .gfc-brand {\r\n  display: flex !important; align-items: center !important; gap: 12px !important;\r\n}\r\n#gfc-root .gfc-logo {\r\n  width: 46px !important; height: 46px !important; flex-shrink: 0 !important;\r\n  filter: drop-shadow(0 4px 10px var(--cg)) !important;\r\n}\r\n#gfc-root .gfc-title {\r\n  font-size: 1.4rem !important; font-weight: 900 !important;\r\n  color: var(--txt) !important; line-height: 1.25 !important;\r\n  margin: 0 !important;\r\n}\r\n#gfc-root .gfc-title em {\r\n  font-style: normal !important;\r\n  background: linear-gradient(90deg, var(--c1), var(--c2)) !important;\r\n  -webkit-background-clip: text !important;\r\n  -webkit-text-fill-color: transparent !important;\r\n  background-clip: text !important;\r\n}\r\n#gfc-root .gfc-sub {\r\n  font-size: 0.80rem !important; color: var(--txts) !important;\r\n  margin-top: 3px !important; display: flex !important;\r\n  align-items: center !important; gap: 6px !important;\r\n}\r\n#gfc-root .gfc-live {\r\n  width: 7px !important; height: 7px !important; border-radius: 50% !important;\r\n  background: var(--c1) !important;\r\n  box-shadow: 0 0 7px var(--cg) !important;\r\n  animation: gfc-blink 1.8s ease-in-out infinite !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n@keyframes gfc-blink {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50% { opacity: 0.45; transform: scale(0.72); }\r\n}\r\n\r\n\/* \u2500\u2500 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0647\u062f\u0631 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#gfc-root .gfc-hbtns {\r\n  display: flex !important; gap: 8px !important; flex-wrap: wrap !important;\r\n  align-items: center !important;\r\n}\r\n#gfc-root .gfc-dl, #gfc-root .gfc-print-btn {\r\n  display: inline-flex !important; align-items: center !important;\r\n  gap: 7px !important; padding: 10px 18px !important;\r\n  border: none !important; border-radius: var(--rb) !important;\r\n  font-size: 0.88rem !important; font-weight: 700 !important;\r\n  cursor: pointer !important; white-space: nowrap !important;\r\n  position: relative !important; overflow: hidden !important;\r\n  font-family: inherit !important;\r\n  transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease) !important;\r\n  text-decoration: none !important;\r\n  outline: none !important;\r\n}\r\n#gfc-root .gfc-dl {\r\n  background: linear-gradient(135deg, var(--c1), var(--c2)) !important;\r\n  color: #fff !important;\r\n  box-shadow: 0 4px 18px var(--cg), 0 2px 6px var(--sh1) !important;\r\n}\r\n#gfc-root .gfc-dl::before {\r\n  content: '' !important; position: absolute !important; inset: 0 !important;\r\n  background: linear-gradient(180deg, rgba(255,255,255,0.20) 0%, transparent 55%) !important;\r\n  pointer-events: none !important;\r\n}\r\n#gfc-root .gfc-dl:hover {\r\n  transform: translateY(-2px) scale(1.04) !important;\r\n  box-shadow: 0 9px 28px var(--cg) !important;\r\n}\r\n#gfc-root .gfc-dl:active { transform: scale(0.97) !important; }\r\n#gfc-root .gfc-dl:disabled { opacity: 0.65 !important; cursor: wait !important; }\r\n\r\n#gfc-root .gfc-print-btn {\r\n  background: rgba(255, 255, 255, 0.45) !important;\r\n  backdrop-filter: blur(16px) saturate(180%) !important;\r\n  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;\r\n  color: var(--c1) !important;\r\n  border: 1.5px solid rgba(255, 255, 255, 0.55) !important;\r\n  box-shadow: 0 2px 12px rgba(0,0,0,0.04), inset 0 1px 0 rgba(255,255,255,0.6) !important;\r\n}\r\n#gfc-root .gfc-print-btn:hover {\r\n  background: rgba(255, 255, 255, 0.62) !important;\r\n  transform: translateY(-1px) !important;\r\n  box-shadow: 0 4px 18px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.7) !important;\r\n}\r\n\r\n\/* \u2500\u2500 \u0646\u0648\u0627\u0631 \u067e\u06cc\u0634\u0631\u0641\u062a \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#gfc-root .gfc-prog-track {\r\n  height: 5px !important;\r\n  background: rgba(255, 140, 0, 0.10) !important;\r\n  border-radius: 99px !important; margin-bottom: 16px !important;\r\n  overflow: hidden !important;\r\n  backdrop-filter: blur(8px) !important;\r\n  -webkit-backdrop-filter: blur(8px) !important;\r\n}\r\n#gfc-root .gfc-prog-fill {\r\n  height: 100% !important;\r\n  background: linear-gradient(90deg, var(--c1), var(--c2)) !important;\r\n  border-radius: 99px !important;\r\n  box-shadow: 0 0 8px var(--cg) !important;\r\n  transition: width 0.5s var(--ease) !important;\r\n}\r\n\r\n\/* \u2500\u2500 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#gfc-root .gfc-outer {\r\n  overflow: hidden !important; border-radius: 16px !important;\r\n  padding: 4px 2px 16px !important;\r\n  cursor: grab !important; user-select: none !important;\r\n  -webkit-user-select: none !important;\r\n  touch-action: pan-y !important;\r\n}\r\n#gfc-root .gfc-outer.dragging { cursor: grabbing !important; }\r\n#gfc-root .gfc-track {\r\n  display: flex !important; gap: 16px !important;\r\n  direction: ltr !important;\r\n  will-change: transform !important;\r\n  align-items: stretch !important;\r\n}\r\n\r\n\/* \u2500\u2500 \u06a9\u0627\u0631\u062a \u2014 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#gfc-root .gfc-card {\r\n  flex-shrink: 0 !important;\r\n  \/* \u2605 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u2605 *\/\r\n  background: var(--glass) !important;\r\n  backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate)) !important;\r\n  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate)) !important;\r\n  \/* \u2605 \u0628\u0648\u0631\u062f\u0631 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u2605 *\/\r\n  border: 1.5px solid var(--gbdr) !important;\r\n  border-radius: var(--rr) !important;\r\n  \/* \u2605 \u0633\u0627\u06cc\u0647 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u2605 *\/\r\n  box-shadow:\r\n    var(--sh-glass),\r\n    inset 0 1.5px 0 rgba(255, 255, 255, 0.70),\r\n    inset 0 0 0 0.5px rgba(255, 255, 255, 0.25) !important;\r\n  padding: 24px 18px 18px !important;\r\n  display: flex !important; flex-direction: column !important; gap: 11px !important;\r\n  position: relative !important; overflow: hidden !important;\r\n  opacity: 0 !important; transform: translateY(20px) scale(0.97) !important;\r\n  transition: opacity 0.50s ease, transform 0.50s ease,\r\n             box-shadow 0.30s var(--ease), background 0.30s var(--ease) !important;\r\n}\r\n#gfc-root .gfc-card.visible {\r\n  opacity: 1 !important; transform: translateY(0) scale(1) !important;\r\n}\r\n#gfc-root .gfc-card:hover {\r\n  background: var(--glass-hover) !important;\r\n  box-shadow:\r\n    0 12px 40px rgba(255,140,0,0.08),\r\n    0 4px 12px rgba(0,0,0,0.05),\r\n    inset 0 1.5px 0 rgba(255, 255, 255, 0.80),\r\n    inset 0 0 0 0.5px rgba(255, 255, 255, 0.35) !important;\r\n}\r\n\/* \u2605 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u2014 \u0628\u0627\u0632\u062a\u0627\u0628 \u0646\u0648\u0631\u06cc \u0628\u0627\u0644\u0627 \u2605 *\/\r\n#gfc-root .gfc-card::before {\r\n  content: '' !important; position: absolute !important; inset: 0 !important;\r\n  background: linear-gradient(\r\n    155deg,\r\n    rgba(255, 255, 255, 0.50) 0%,\r\n    rgba(255, 255, 255, 0.15) 25%,\r\n    rgba(255, 255, 255, 0.02) 50%,\r\n    transparent 100%\r\n  ) !important;\r\n  border-radius: var(--rr) !important;\r\n  pointer-events: none !important; z-index: 0 !important;\r\n}\r\n#gfc-root .gfc-card > * { position: relative !important; z-index: 1 !important; }\r\n\r\n\/* \u2500\u2500 \u0634\u0645\u0627\u0631\u0647 \u0628\u0627\u06a9\u0633 \u2014 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#gfc-root .gfc-num {\r\n  position: absolute !important; top: 12px !important; left: 12px !important;\r\n  z-index: 5 !important;\r\n  padding: 2px 9px !important; height: 28px !important;\r\n  display: flex !important; align-items: center !important;\r\n  background: rgba(255, 255, 255, 0.40) !important;\r\n  backdrop-filter: blur(12px) saturate(160%) !important;\r\n  -webkit-backdrop-filter: blur(12px) saturate(160%) !important;\r\n  border: 1.5px solid rgba(255, 255, 255, 0.50) !important;\r\n  border-radius: 8px !important; color: var(--c1) !important;\r\n  font-size: 0.76rem !important; font-weight: 900 !important;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.04), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;\r\n  direction: ltr !important;\r\n}\r\n\r\n\/* \u2500\u2500 \u0641\u0635\u0644 \u2014 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#gfc-root .gfc-ch {\r\n  display: inline-flex !important; align-items: center !important; gap: 5px !important;\r\n  font-size: 0.73rem !important; font-weight: 700 !important;\r\n  color: var(--c1) !important;\r\n  background: rgba(255, 255, 255, 0.35) !important;\r\n  backdrop-filter: blur(10px) !important;\r\n  -webkit-backdrop-filter: blur(10px) !important;\r\n  border: 1px solid rgba(255, 255, 255, 0.45) !important;\r\n  border-radius: 7px !important; padding: 3px 8px !important;\r\n  width: fit-content !important;\r\n  direction: rtl !important;\r\n  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5) !important;\r\n}\r\n\r\n\/* \u2500\u2500 \u0639\u0646\u0648\u0627\u0646 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#gfc-root .gfc-ctitle {\r\n  font-size: 1.05rem !important; font-weight: 900 !important;\r\n  color: var(--txt) !important; line-height: 1.4 !important;\r\n  direction: rtl !important;\r\n}\r\n\r\n\/* \u2500\u2500 \u0628\u0627\u06a9\u0633 \u0641\u0631\u0645\u0648\u0644 \u2014 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#gfc-root .gfc-fbox {\r\n  background: rgba(255, 255, 255, 0.40) !important;\r\n  backdrop-filter: blur(18px) saturate(180%) !important;\r\n  -webkit-backdrop-filter: blur(18px) saturate(180%) !important;\r\n  border: 1.5px solid rgba(255, 255, 255, 0.50) !important;\r\n  border-radius: 14px !important;\r\n  padding: 22px 16px !important;\r\n  text-align: center !important;\r\n  min-height: 100px !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  overflow: visible !important;\r\n  direction: ltr !important;\r\n  position: relative !important;\r\n  box-shadow:\r\n    inset 0 1.5px 0 rgba(255, 255, 255, 0.70),\r\n    inset 0 0 0 0.5px rgba(255,255,255,0.20),\r\n    0 4px 16px rgba(255, 140, 0, 0.05) !important;\r\n}\r\n\r\n\/* \u2500\u2500 \u0641\u0631\u0645\u0648\u0644 \u0645\u062a\u0646\u06cc \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#gfc-root .gfc-formula-text {\r\n  font-family: 'Georgia', 'Times New Roman', 'Cambria Math', serif !important;\r\n  font-size: 1.3rem !important;\r\n  font-weight: 600 !important;\r\n  color: #c05e00 !important;\r\n  direction: ltr !important;\r\n  text-align: center !important;\r\n  line-height: 1.9 !important;\r\n  letter-spacing: 0.03em !important;\r\n  word-break: break-word !important;\r\n  white-space: pre-wrap !important;\r\n  display: block !important;\r\n  width: 100% !important;\r\n  padding: 0 8px !important;\r\n}\r\n\r\n\/* \u0633\u0648\u067e\u0631\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u0633\u0627\u0628\u200c\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a *\/\r\n#gfc-root .gfc-formula-text sup {\r\n  font-size: 0.65em !important;\r\n  vertical-align: super !important;\r\n  line-height: 0 !important;\r\n  color: #e07800 !important;\r\n  font-weight: 700 !important;\r\n}\r\n#gfc-root .gfc-formula-text sub {\r\n  font-size: 0.65em !important;\r\n  vertical-align: sub !important;\r\n  line-height: 0 !important;\r\n  color: #e07800 !important;\r\n  font-weight: 700 !important;\r\n}\r\n\r\n\/* \u06a9\u0633\u0631 *\/\r\n#gfc-root .gfc-frac {\r\n  display: inline-flex !important;\r\n  flex-direction: column !important;\r\n  align-items: center !important;\r\n  vertical-align: middle !important;\r\n  margin: 0 4px !important;\r\n  gap: 2px !important;\r\n}\r\n#gfc-root .gfc-frac-num {\r\n  font-size: 0.82em !important;\r\n  border-bottom: 2px solid #e07800 !important;\r\n  padding: 1px 8px 4px !important;\r\n  font-weight: 700 !important;\r\n  color: #1a1a2e !important;\r\n  white-space: nowrap !important;\r\n}\r\n#gfc-root .gfc-frac-den {\r\n  font-size: 0.82em !important;\r\n  padding: 4px 8px 1px !important;\r\n  font-weight: 700 !important;\r\n  color: #1a1a2e !important;\r\n  white-space: nowrap !important;\r\n}\r\n\r\n\/* \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 *\/\r\n#gfc-root .gfc-sqrt {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  vertical-align: middle !important;\r\n  position: relative !important;\r\n  margin: 0 4px !important;\r\n}\r\n#gfc-root .gfc-sqrt-content {\r\n  border-top: 2px solid #e07800 !important;\r\n  padding: 2px 6px 2px 4px !important;\r\n  font-weight: 700 !important;\r\n  position: relative !important;\r\n  color: #1a1a2e !important;\r\n}\r\n#gfc-root .gfc-sqrt-symbol {\r\n  font-size: 1.5em !important;\r\n  color: #e07800 !important;\r\n  margin-right: 2px !important;\r\n  line-height: 1 !important;\r\n  font-family: 'Georgia', serif !important;\r\n}\r\n\r\n\/* \u0628\u0631\u0627\u06a9\u062a \u0622\u06a9\u0648\u0644\u0627\u062f *\/\r\n#gfc-root .gfc-brace-wrap {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 8px !important;\r\n  vertical-align: middle !important;\r\n}\r\n#gfc-root .gfc-brace-cases {\r\n  display: inline-flex !important;\r\n  flex-direction: column !important;\r\n  gap: 4px !important;\r\n  text-align: left !important;\r\n}\r\n#gfc-root .gfc-brace-case {\r\n  font-size: 0.88em !important;\r\n  color: #1a1a2e !important;\r\n  white-space: nowrap !important;\r\n}\r\n#gfc-root .gfc-brace-case .gfc-cond {\r\n  color: #888 !important;\r\n  font-size: 0.85em !important;\r\n  margin-right: 6px !important;\r\n}\r\n\r\n\/* \u2500\u2500 \u062a\u0648\u0636\u06cc\u062d \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#gfc-root .gfc-desc {\r\n  font-size: 0.87rem !important; color: var(--txts) !important;\r\n  line-height: 1.78 !important; flex: 1 !important; direction: rtl !important;\r\n}\r\n\r\n\/* \u2500\u2500 \u062f\u06a9\u0645\u0647 \u06a9\u067e\u06cc \u2014 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#gfc-root .gfc-copy {\r\n  display: flex !important; align-items: center !important;\r\n  justify-content: center !important; gap: 6px !important;\r\n  padding: 9px 14px !important;\r\n  background: rgba(255, 255, 255, 0.35) !important;\r\n  backdrop-filter: blur(12px) saturate(160%) !important;\r\n  -webkit-backdrop-filter: blur(12px) saturate(160%) !important;\r\n  color: var(--c1) !important;\r\n  border: 1.5px solid rgba(255, 255, 255, 0.45) !important;\r\n  border-radius: var(--rb) !important;\r\n  font-size: 0.84rem !important; font-weight: 700 !important;\r\n  cursor: pointer !important;\r\n  transition: all var(--dur) var(--ease) !important;\r\n  font-family: inherit !important; width: 100% !important;\r\n  position: relative !important; overflow: hidden !important;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.03), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;\r\n  text-decoration: none !important;\r\n}\r\n#gfc-root .gfc-copy:hover {\r\n  background: linear-gradient(135deg, var(--c1), var(--c2)) !important;\r\n  color: #fff !important; border-color: transparent !important;\r\n  box-shadow: 0 5px 18px var(--cg) !important;\r\n  transform: translateY(-1px) !important;\r\n}\r\n#gfc-root .gfc-copy:active { transform: scale(0.97) !important; }\r\n#gfc-root .gfc-copy.copied {\r\n  background: linear-gradient(135deg, #22c55e, #4ade80) !important;\r\n  color: #fff !important; border-color: transparent !important;\r\n  box-shadow: 0 4px 16px rgba(34, 197, 94, 0.35) !important;\r\n}\r\n\r\n\/* \u2500\u2500 \u06a9\u0646\u062a\u0631\u0644\u200c\u0647\u0627 \u2014 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#gfc-root .gfc-controls {\r\n  display: flex !important; align-items: center !important;\r\n  justify-content: center !important;\r\n  gap: 10px !important; margin-top: 18px !important; flex-wrap: wrap !important;\r\n}\r\n#gfc-root .gfc-btn {\r\n  width: 46px !important; height: 46px !important; border-radius: 13px !important;\r\n  background: rgba(255, 255, 255, 0.45) !important;\r\n  backdrop-filter: blur(16px) saturate(180%) !important;\r\n  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;\r\n  border: 1.5px solid rgba(255, 255, 255, 0.55) !important;\r\n  color: var(--c1) !important; font-size: 1rem !important; cursor: pointer !important;\r\n  display: flex !important; align-items: center !important; justify-content: center !important;\r\n  box-shadow: 0 4px 16px rgba(0,0,0,0.04), inset 0 1.5px 0 rgba(255, 255, 255, 0.6) !important;\r\n  transition: all var(--dur) var(--ease) !important;\r\n  position: relative !important; overflow: hidden !important; flex-shrink: 0 !important;\r\n}\r\n#gfc-root .gfc-btn:hover {\r\n  background: var(--c1) !important; color: #fff !important;\r\n  border-color: transparent !important;\r\n  box-shadow: 0 7px 24px var(--cg) !important;\r\n  transform: translateY(-2px) scale(1.07) !important;\r\n}\r\n#gfc-root .gfc-btn:active { transform: scale(0.94) !important; }\r\n\r\n#gfc-root .gfc-dots {\r\n  display: flex !important; gap: 5px !important; align-items: center !important;\r\n  flex-wrap: wrap !important; max-width: 220px !important;\r\n  justify-content: center !important;\r\n}\r\n#gfc-root .gfc-dot {\r\n  width: 7px !important; height: 7px !important; border-radius: 50% !important;\r\n  background: rgba(255, 140, 0, 0.20) !important;\r\n  border: none !important; padding: 0 !important; cursor: pointer !important;\r\n  transition: all 0.28s var(--ease) !important; flex-shrink: 0 !important;\r\n}\r\n#gfc-root .gfc-dot.on {\r\n  background: var(--c1) !important; width: 19px !important;\r\n  border-radius: 4px !important;\r\n  box-shadow: 0 0 8px var(--cg) !important;\r\n}\r\n\r\n#gfc-root .gfc-counter {\r\n  font-size: 0.84rem !important; font-weight: 800 !important;\r\n  color: var(--c1) !important;\r\n  background: rgba(255, 255, 255, 0.40) !important;\r\n  backdrop-filter: blur(12px) saturate(160%) !important;\r\n  -webkit-backdrop-filter: blur(12px) saturate(160%) !important;\r\n  border: 1.5px solid rgba(255, 255, 255, 0.50) !important;\r\n  border-radius: 9px !important; padding: 5px 12px !important;\r\n  white-space: nowrap !important; direction: ltr !important;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.03), inset 0 1px 0 rgba(255,255,255,0.5) !important;\r\n}\r\n\r\n#gfc-root .gfc-ripple {\r\n  position: absolute !important; border-radius: 50% !important;\r\n  background: rgba(255, 255, 255, 0.38) !important;\r\n  transform: scale(0) !important;\r\n  animation: gfc-rpl 0.5s linear forwards !important;\r\n  pointer-events: none !important;\r\n}\r\n@keyframes gfc-rpl { to { transform: scale(5); opacity: 0; } }\r\n\r\n@media(max-width:680px){\r\n  #gfc-root .gfc-title{font-size:1.18rem !important}\r\n  #gfc-root .gfc-header{flex-direction:column !important; align-items:flex-start !important}\r\n  #gfc-root .gfc-formula-text{font-size:1.1rem !important}\r\n}\r\n@media(max-width:440px){\r\n  #gfc-root .gfc-fbox{padding:16px 10px !important; min-height:80px !important}\r\n  #gfc-root .gfc-btn{width:40px !important; height:40px !important}\r\n  #gfc-root .gfc-dl,#gfc-root .gfc-print-btn{padding:8px 12px !important; font-size:0.80rem !important}\r\n  #gfc-root .gfc-formula-text{font-size:1rem !important}\r\n}\r\n@media(max-width:360px){\r\n  #gfc-root .gfc-dots{display:none !important}\r\n}\r\n\r\n\/* \u2500\u2500 \u0627\u0633\u062a\u0627\u06cc\u0644 \u067e\u0631\u06cc\u0646\u062a \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media print {\r\n  body * { visibility: hidden !important; }\r\n  #gfc-print-area, #gfc-print-area * { visibility: visible !important; }\r\n  #gfc-print-area {\r\n    position: fixed !important; top: 0 !important; left: 0 !important;\r\n    width: 100% !important; background: #fff !important;\r\n    padding: 20px !important; direction: rtl !important;\r\n    font-family: Tahoma, Arial, sans-serif !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- \u0645\u0646\u0637\u0642\u0647 \u0645\u062e\u0641\u06cc \u0628\u0631\u0627\u06cc \u067e\u0631\u06cc\u0646\u062a -->\r\n<div id=\"gfc-print-area\" style=\"display:none;\"><\/div>\r\n\r\n<div id=\"gfc-root\" role=\"region\" aria-label=\"\u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645\">\r\n\r\n  <header class=\"gfc-header\">\r\n    <div class=\"gfc-brand\">\r\n      <svg class=\"gfc-logo\" viewBox=\"0 0 50 50\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n        <rect width=\"50\" height=\"50\" rx=\"15\" fill=\"rgba(255,140,0,0.09)\"\/>\r\n        <rect x=\"1\" y=\"1\" width=\"48\" height=\"48\" rx=\"14\" stroke=\"rgba(255,140,0,0.28)\" stroke-width=\"1.5\"\/>\r\n        <path d=\"M10 36L17 15L24 30L29 21L38 36\" stroke=\"#ff8c00\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <circle cx=\"24\" cy=\"18\" r=\"4\" fill=\"rgba(255,140,0,0.15)\" stroke=\"#ff8c00\" stroke-width=\"2\"\/>\r\n        <text x=\"13\" y=\"13\" font-size=\"7\" fill=\"#ffb35c\" font-weight=\"bold\" font-family=\"serif\">\u03c0<\/text>\r\n        <text x=\"30\" y=\"12\" font-size=\"7\" fill=\"#ffb35c\" font-weight=\"bold\" font-family=\"serif\">\u2211<\/text>\r\n      <\/svg>\r\n      <div>\r\n        <h1 class=\"gfc-title\">\u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc <em>\u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645<\/em><\/h1>\r\n        <div class=\"gfc-sub\">\r\n          <span class=\"gfc-live\" aria-hidden=\"true\"><\/span>\r\n          \u0641\u0635\u0644 \u06f1 \u062a\u0627 \u06f8 \u2014 \u06f2\u06f4 \u0641\u0631\u0645\u0648\u0644 \u06a9\u0644\u06cc\u062f\u06cc\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"gfc-hbtns\">\r\n      <button class=\"gfc-print-btn\" id=\"gfc-print-btn\" aria-label=\"\u0686\u0627\u067e \/ \u0630\u062e\u06cc\u0631\u0647 PDF\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n          <polyline points=\"6 9 6 2 18 2 18 9\"\/><path d=\"M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2\"\/>\r\n          <rect x=\"6\" y=\"14\" width=\"12\" height=\"8\"\/>\r\n        <\/svg>\r\n        \u0686\u0627\u067e \/ PDF\r\n      <\/button>\r\n      <button class=\"gfc-dl\" id=\"gfc-dl-btn\" aria-label=\"\u062f\u0627\u0646\u0644\u0648\u062f HTML\">\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n          <path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\"\/>\r\n          <polyline points=\"7 10 12 15 17 10\"\/>\r\n          <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\r\n        <\/svg>\r\n        \u062f\u0627\u0646\u0644\u0648\u062f \u062c\u0632\u0648\u0647\r\n      <\/button>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <div class=\"gfc-prog-track\" aria-hidden=\"true\">\r\n    <div class=\"gfc-prog-fill\" id=\"gfc-prog\" style=\"width:4%\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"gfc-outer\" id=\"gfc-outer\" role=\"list\">\r\n    <div class=\"gfc-track\" id=\"gfc-track\"><\/div>\r\n  <\/div>\r\n\r\n  <nav class=\"gfc-controls\" aria-label=\"\u06a9\u0646\u062a\u0631\u0644 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631\">\r\n    <button class=\"gfc-btn\" id=\"gfc-prev\" aria-label=\"\u0642\u0628\u0644\u06cc\">\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n    <\/button>\r\n    <div class=\"gfc-dots\" id=\"gfc-dots\" role=\"tablist\"><\/div>\r\n    <div class=\"gfc-counter\" id=\"gfc-ctr\" aria-live=\"polite\">\u06f1 \/ \u06f2\u06f4<\/div>\r\n    <button class=\"gfc-btn\" id=\"gfc-next\" aria-label=\"\u0628\u0639\u062f\u06cc\">\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n    <\/button>\r\n  <\/nav>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n'use strict';\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   \u0645\u0648\u062a\u0648\u0631 \u0631\u0646\u062f\u0631 \u0641\u0631\u0645\u0648\u0644 \u2014 HTML \u062e\u0627\u0644\u0635\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfunction h(tag, cls, inner, attrs){\r\n  const e = document.createElement(tag);\r\n  if(cls) e.className = cls;\r\n  if(inner !== undefined && inner !== null) e.innerHTML = inner;\r\n  if(attrs) Object.entries(attrs).forEach(([k,v]) => e.setAttribute(k,v));\r\n  return e;\r\n}\r\n\r\nfunction frac(num, den){\r\n  return `<span class=\"gfc-frac\"><span class=\"gfc-frac-num\">${num}<\/span><span class=\"gfc-frac-den\">${den}<\/span><\/span>`;\r\n}\r\n\r\nfunction sqrt(content){\r\n  return `<span class=\"gfc-sqrt\"><span class=\"gfc-sqrt-symbol\">\u221a<\/span><span class=\"gfc-sqrt-content\">${content}<\/span><\/span>`;\r\n}\r\n\r\nfunction sup(base, exp, baseColor){\r\n  const col = baseColor ? `style=\"color:${baseColor}\"` : '';\r\n  return `<span ${col}>${base}<\/span><sup>${exp}<\/sup>`;\r\n}\r\n\r\nconst FORMULAS = {\r\n  '01': () => `<span class=\"gfc-formula-text\">|P(A)| = 2${sup('','n(A)')}<\/span>`,\r\n  '02': () => `<span class=\"gfc-formula-text\">n(A\u222aB) = n(A) + n(B) \u2212 n(A\u2229B)<\/span>`,\r\n  '03': () => `<span class=\"gfc-formula-text\">${sup('A','c')} = U \u2216 A<\/span>`,\r\n  '04': () => `<span class=\"gfc-formula-text\">\r\n    <span class=\"gfc-brace-wrap\">\r\n      <span style=\"font-size:2.2em;color:#e07800;line-height:1;font-family:Georgia,serif\">{<\/span>\r\n      <span class=\"gfc-brace-cases\">\r\n        <span class=\"gfc-brace-case\">|x| = x <span class=\"gfc-cond\">\u0627\u06af\u0631 x \u2265 0<\/span><\/span>\r\n        <span class=\"gfc-brace-case\">|x| = \u2212x <span class=\"gfc-cond\">\u0627\u06af\u0631 x &lt; 0<\/span><\/span>\r\n      <\/span>\r\n    <\/span>\r\n  <\/span>`,\r\n  '05': () => `<span class=\"gfc-formula-text\">|a + b|  \u2264  |a| + |b|<\/span>`,\r\n  '06': () => `<span class=\"gfc-formula-text\">${sqrt(sup('a','2'))} = |a|  ,  a \u2208 \u211d<\/span>`,\r\n  '07': () => `<span class=\"gfc-formula-text\">${frac('S<sub>1<\/sub>','S<sub>2<\/sub>')} = k<sup>2<\/sup><\/span>`,\r\n  '08': () => `<span class=\"gfc-formula-text\">${frac('AB',\"A'B'\")} = ${frac('BC',\"B'C'\")} = k<\/span>`,\r\n  '09': () => `<span class=\"gfc-formula-text\">${frac('V<sub>1<\/sub>','V<sub>2<\/sub>')} = k<sup>3<\/sup><\/span>`,\r\n  '10': () => `<span class=\"gfc-formula-text\"><i>y<\/i> = <i>m<\/i>x + <i>b<\/i><\/span>`,\r\n  '11': () => `<span class=\"gfc-formula-text\"><i>m<\/i> = ${frac('y<sub>2<\/sub> \u2212 y<sub>1<\/sub>','x<sub>2<\/sub> \u2212 x<sub>1<\/sub>')}<\/span>`,\r\n  '12': () => `<span class=\"gfc-formula-text\"><i>a<\/i>x + <i>b<\/i>y + <i>c<\/i> = 0<\/span>`,\r\n  '13': () => `<span class=\"gfc-formula-text\">|v&#x20D7;| = ${sqrt('v<sub>x<\/sub><sup>2<\/sup> + v<sub>y<\/sub><sup>2<\/sup>')}<\/span>`,\r\n  '14': () => `<span class=\"gfc-formula-text\">u&#x20D7; + v&#x20D7; = (u<sub>x<\/sub>+v<sub>x<\/sub> , u<sub>y<\/sub>+v<sub>y<\/sub>)<\/span>`,\r\n  '15': () => `<span class=\"gfc-formula-text\"><i>a<\/i><sup>m<\/sup> \u00d7 <i>a<\/i><sup>n<\/sup> = <i>a<\/i><sup>m+n<\/sup><\/span>`,\r\n  '16': () => `<span class=\"gfc-formula-text\"><i>a<\/i><sup>\u2212n<\/sup> = ${frac('1','a<sup>n<\/sup>')} &nbsp; (a \u2260 0)<\/span>`,\r\n  '17': () => `<span class=\"gfc-formula-text\">N = a \u00d7 10<sup>n<\/sup> &nbsp;,&nbsp; 1 \u2264 a &lt; 10<\/span>`,\r\n  '18': () => `<span class=\"gfc-formula-text\">${sqrt('a')} \u00b7 ${sqrt('b')} = ${sqrt('ab')} &nbsp; (a,b \u2265 0)<\/span>`,\r\n  '19': () => `<span class=\"gfc-formula-text\" style=\"color:#c05e00\"><i>c<\/i><sup>2<\/sup> = <i>a<\/i><sup>2<\/sup> + <i>b<\/i><sup>2<\/sup><\/span>`,\r\n  '20': () => `<span class=\"gfc-formula-text\"><i>c<\/i><sup>2<\/sup> = <i>a<\/i><sup>2<\/sup> + <i>b<\/i><sup>2<\/sup> &nbsp;\u27f9&nbsp; \u0108 = 90\u00b0<\/span>`,\r\n  '21': () => `<span class=\"gfc-formula-text\">h = ${sqrt('<i>a<\/i><sup>2<\/sup> \u2212 ' + frac('<i>b<\/i>','2') + '<sup style=\"font-size:0.6em;color:#e07800\">2<\/sup>')}<\/span>`,\r\n  '22': () => `<span class=\"gfc-formula-text\">sin \u03b8 = ${frac('\u0631\u0648\u0628\u0631\u0648','\u0648\u062a\u0631')} &nbsp;,&nbsp; cos \u03b8 = ${frac('\u0645\u062c\u0627\u0648\u0631','\u0648\u062a\u0631')}<\/span>`,\r\n  '23': () => `<span class=\"gfc-formula-text\">sin<sup>2<\/sup>\u03b8 + cos<sup>2<\/sup>\u03b8 = 1<\/span>`,\r\n  '24': () => `<span class=\"gfc-formula-text\">tan \u03b8 = ${frac('sin \u03b8','cos \u03b8')} &nbsp;,&nbsp; cot \u03b8 = ${frac('cos \u03b8','sin \u03b8')}<\/span>`,\r\n};\r\n\r\nconst DATA = [\r\n  {id:'01', ch:'\u0641\u0635\u0644 \u06f1 \u2014 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627',    title:'\u062a\u0639\u062f\u0627\u062f \u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627', latex:'|P(A)| = 2^n(A)', desc:'\u0627\u06af\u0631 \u0645\u062c\u0645\u0648\u0639\u0647 A \u062f\u0627\u0631\u0627\u06cc n \u0639\u0636\u0648 \u0628\u0627\u0634\u062f\u060c \u062a\u0639\u062f\u0627\u062f \u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627\u06cc \u0622\u0646 \u0628\u0631\u0627\u0628\u0631 \u06f2 \u0628\u0647 \u062a\u0648\u0627\u0646 n \u0627\u0633\u062a.'},\r\n  {id:'02', ch:'\u0641\u0635\u0644 \u06f1 \u2014 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627',    title:'\u0642\u0627\u0646\u0648\u0646 \u0627\u062a\u062d\u0627\u062f \u062f\u0648 \u0645\u062c\u0645\u0648\u0639\u0647', latex:'n(A\u222aB) = n(A) + n(B) \u2212 n(A\u2229B)', desc:'\u062a\u0639\u062f\u0627\u062f \u0627\u0639\u0636\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639 \u062f\u0648 \u0645\u062c\u0645\u0648\u0639\u0647 \u0628\u0631\u0627\u0628\u0631 \u0645\u062c\u0645\u0648\u0639 \u062a\u0639\u062f\u0627\u062f \u0627\u0639\u0636\u0627 \u0645\u0646\u0647\u0627\u06cc \u062a\u0639\u062f\u0627\u062f \u0627\u0634\u062a\u0631\u0627\u06a9 \u0627\u0633\u062a.'},\r\n  {id:'03', ch:'\u0641\u0635\u0644 \u06f1 \u2014 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627',    title:'\u0645\u062a\u0645\u0645 \u0645\u062c\u0645\u0648\u0639\u0647', latex:'A^c = U \\\\ A', desc:'\u0645\u062a\u0645\u0645 \u0645\u062c\u0645\u0648\u0639\u0647 A \u0646\u0633\u0628\u062a \u0628\u0647 \u0645\u062c\u0645\u0648\u0639\u0647 \u062c\u0647\u0627\u0646\u06cc U \u0634\u0627\u0645\u0644 \u062a\u0645\u0627\u0645 \u0627\u0639\u0636\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 A \u0646\u06cc\u0633\u062a\u0646\u062f.'},\r\n  {id:'04', ch:'\u0641\u0635\u0644 \u06f2 \u2014 \u0627\u0639\u062f\u0627\u062f \u062d\u0642\u06cc\u0642\u06cc',  title:'\u062a\u0639\u0631\u06cc\u0641 \u0642\u062f\u0631\u0645\u0637\u0644\u0642', latex:'|x| = x \u0627\u06af\u0631 x\u22650 \u060c -x \u0627\u06af\u0631 x<0', desc:'\u0642\u062f\u0631\u0645\u0637\u0644\u0642 \u0647\u0631 \u0639\u062f\u062f\u060c \u0641\u0627\u0635\u0644\u0647 \u0622\u0646 \u0627\u0632 \u0635\u0641\u0631 \u0631\u0648\u06cc \u0645\u062d\u0648\u0631 \u0627\u0639\u062f\u0627\u062f \u0627\u0633\u062a \u0648 \u0647\u0645\u0648\u0627\u0631\u0647 \u063a\u06cc\u0631\u0645\u0646\u0641\u06cc \u0627\u0633\u062a.'},\r\n  {id:'05', ch:'\u0641\u0635\u0644 \u06f2 \u2014 \u0627\u0639\u062f\u0627\u062f \u062d\u0642\u06cc\u0642\u06cc',  title:'\u0646\u0627\u0645\u0633\u0627\u0648\u06cc \u0645\u062b\u0644\u062b', latex:'|a + b| \u2264 |a| + |b|', desc:'\u0642\u062f\u0631\u0645\u0637\u0644\u0642 \u0645\u062c\u0645\u0648\u0639 \u062f\u0648 \u0639\u062f\u062f \u0647\u0645\u0648\u0627\u0631\u0647 \u06a9\u0645\u062a\u0631 \u06cc\u0627 \u0645\u0633\u0627\u0648\u06cc \u0645\u062c\u0645\u0648\u0639 \u0642\u062f\u0631\u0645\u0637\u0644\u0642\u200c\u0647\u0627\u06cc \u0622\u0646\u200c\u0647\u0627\u0633\u062a.'},\r\n  {id:'06', ch:'\u0641\u0635\u0644 \u06f2 \u2014 \u0627\u0639\u062f\u0627\u062f \u062d\u0642\u06cc\u0642\u06cc',  title:'\u0631\u06cc\u0634\u0647 \u062f\u0648\u0645 \u0645\u0631\u0628\u0639', latex:'\u221a(a\u00b2) = |a|  ,  a \u2208 \u211d', desc:'\u0631\u06cc\u0634\u0647 \u062f\u0648\u0645 \u0645\u0631\u0628\u0639 \u0647\u0631 \u0639\u062f\u062f \u062d\u0642\u06cc\u0642\u06cc \u0628\u0631\u0627\u0628\u0631 \u0642\u062f\u0631\u0645\u0637\u0644\u0642 \u0622\u0646 \u0639\u062f\u062f \u0627\u0633\u062a.'},\r\n  {id:'07', ch:'\u0641\u0635\u0644 8 \u2014 \u0634\u0628\u0627\u0647\u062a',         title:'\u0646\u0633\u0628\u062a \u0645\u0633\u0627\u062d\u062a', latex:'S\u2081\/S\u2082 = k\u00b2', desc:'\u0646\u0633\u0628\u062a \u0645\u0633\u0627\u062d\u062a \u062f\u0648 \u0634\u06a9\u0644 \u0645\u062a\u0634\u0627\u0628\u0647 \u0628\u0631\u0627\u0628\u0631 \u0645\u0631\u0628\u0639 \u0646\u0633\u0628\u062a \u0634\u0628\u0627\u0647\u062a k \u0627\u0633\u062a.'},\r\n  {id:'08', ch:'\u0641\u0635\u0644 3 \u2014 \u0634\u0628\u0627\u0647\u062a',         title:'\u0642\u0636\u06cc\u0647 \u062a\u0627\u0644\u0633', latex:\"AB\/A'B' = BC\/B'C' = k\", desc:'\u062f\u0631 \u062f\u0648 \u0645\u062b\u0644\u062b \u0645\u062a\u0634\u0627\u0628\u0647 \u0646\u0633\u0628\u062a \u0627\u0636\u0644\u0627\u0639 \u0645\u062a\u0646\u0627\u0638\u0631 \u0628\u0631\u0627\u0628\u0631 \u0646\u0633\u0628\u062a \u0634\u0628\u0627\u0647\u062a k \u0627\u0633\u062a.'},\r\n  {id:'09', ch:'\u0641\u0635\u0644 8 \u2014 \u0634\u0628\u0627\u0647\u062a',         title:'\u0646\u0633\u0628\u062a \u062d\u062c\u0645', latex:'V\u2081\/V\u2082 = k\u00b3', desc:'\u0646\u0633\u0628\u062a \u062d\u062c\u0645 \u062f\u0648 \u062c\u0633\u0645 \u0645\u062a\u0634\u0627\u0628\u0647 \u0633\u0647\u200c\u0628\u0639\u062f\u06cc \u0628\u0631\u0627\u0628\u0631 \u0645\u06a9\u0639\u0628 \u0646\u0633\u0628\u062a \u0634\u0628\u0627\u0647\u062a k \u0627\u0633\u062a.'},\r\n  {id:'10', ch:'\u0641\u0635\u0644 6 \u2014 \u0645\u0639\u0627\u062f\u0644\u0647 \u062e\u0637\u06cc',   title:'\u0645\u0639\u0627\u062f\u0644\u0647 \u062e\u0637 (\u0634\u06cc\u0628-\u0639\u0631\u0636)', latex:'y = mx + b', desc:'\u0645\u0639\u0627\u062f\u0644\u0647 \u062e\u0637 \u0628\u0647 \u0634\u06cc\u0628 m \u0648 \u0639\u0631\u0636 \u0627\u0632 \u0645\u0628\u062f\u0623 b. \u0634\u06cc\u0628 \u062c\u0647\u062a \u062e\u0637 \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f.'},\r\n  {id:'11', ch:'\u0641\u0635\u0644 6 \u2014 \u0645\u0639\u0627\u062f\u0644\u0647 \u062e\u0637\u06cc',   title:'\u0634\u06cc\u0628 \u062e\u0637 \u0627\u0632 \u062f\u0648 \u0646\u0642\u0637\u0647', latex:'m = (y\u2082\u2212y\u2081) \/ (x\u2082\u2212x\u2081)', desc:'\u0634\u06cc\u0628 \u062e\u0637 \u0646\u0633\u0628\u062a \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a y \u0628\u0647 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a x \u0628\u06cc\u0646 \u062f\u0648 \u0646\u0642\u0637\u0647 \u0627\u0633\u062a.'},\r\n  {id:'12', ch:'\u0641\u0635\u0644 6 \u2014 \u0645\u0639\u0627\u062f\u0644\u0647 \u062e\u0637\u06cc',   title:'\u0641\u0631\u0645 \u0639\u0645\u0648\u0645\u06cc \u062e\u0637', latex:'ax + by + c = 0', desc:'\u0641\u0631\u0645 \u06a9\u0644\u06cc \u0645\u0639\u0627\u062f\u0644\u0647 \u06cc\u06a9 \u062e\u0637 \u062f\u0631 \u0635\u0641\u062d\u0647. a \u0648 b \u0647\u0645\u0632\u0645\u0627\u0646 \u0635\u0641\u0631 \u0646\u0645\u06cc\u200c\u0634\u0648\u0646\u062f.'},\r\n  {id:'13', ch:'\u0641\u0635\u0644 \u06f5 \u2014 \u0628\u0631\u062f\u0627\u0631',         title:'\u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0631\u062f\u0627\u0631', latex:'|v\u20d7| = \u221a(vx\u00b2 + vy\u00b2)', desc:'\u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0631\u062f\u0627\u0631 v \u0627\u0632 \u0642\u0636\u06cc\u0647 \u0641\u06cc\u062b\u0627\u063a\u0648\u0631\u0633 \u0628\u0631 \u0631\u0648\u06cc \u0645\u0624\u0644\u0641\u0647\u200c\u0647\u0627\u06cc \u0622\u0646 \u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.'},\r\n  {id:'14', ch:'\u0641\u0635\u0644 6 \u2014 \u0628\u0631\u062f\u0627\u0631',         title:'\u062c\u0645\u0639 \u0628\u0631\u062f\u0627\u0631\u0647\u0627', latex:'u\u20d7 + v\u20d7 = (ux+vx , uy+vy)', desc:'\u062c\u0645\u0639 \u0628\u0631\u062f\u0627\u0631\u0647\u0627 \u0628\u0627 \u062c\u0645\u0639 \u0645\u0624\u0644\u0641\u0647\u200c\u0647\u0627\u06cc \u0645\u062a\u0646\u0627\u0638\u0631 \u0622\u0646\u200c\u0647\u0627 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f.'},\r\n  {id:'15', ch:'\u0641\u0635\u0644 4 \u2014 \u062a\u0648\u0627\u0646 \u0648 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644',title:'\u0636\u0631\u0628 \u062a\u0648\u0627\u0646\u200c\u0647\u0627\u06cc \u0647\u0645\u200c\u067e\u0627\u06cc\u0647', latex:'a\u1d50 \u00d7 a\u207f = a\u1d50\u207a\u207f', desc:'\u062f\u0631 \u0636\u0631\u0628 \u062a\u0648\u0627\u0646\u200c\u0647\u0627\u06cc\u06cc \u0628\u0627 \u067e\u0627\u06cc\u0647 \u06cc\u06a9\u0633\u0627\u0646\u060c \u062a\u0648\u0627\u0646\u200c\u0647\u0627 \u0628\u0627 \u0647\u0645 \u062c\u0645\u0639 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.'},\r\n  {id:'16', ch:'\u0641\u0635\u0644 4 \u2014 \u062a\u0648\u0627\u0646 \u0648 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644',title:'\u062a\u0648\u0627\u0646 \u0645\u0646\u0641\u06cc', latex:'a\u207b\u207f = 1\/a\u207f  (a\u22600)', desc:'\u0647\u0631 \u0639\u062f\u062f \u0628\u0627 \u062a\u0648\u0627\u0646 \u0645\u0646\u0641\u06cc \u0628\u0631\u0627\u0628\u0631 \u06cc\u06a9 \u062a\u0642\u0633\u06cc\u0645 \u0628\u0631 \u0647\u0645\u0627\u0646 \u0639\u062f\u062f \u0628\u0627 \u062a\u0648\u0627\u0646 \u0645\u062b\u0628\u062a \u0627\u0633\u062a.'},\r\n  {id:'17', ch:'\u0641\u0635\u0644 4 \u2014 \u062a\u0648\u0627\u0646 \u0648 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644',title:'\u0646\u0645\u0627\u062f \u0639\u0644\u0645\u06cc', latex:'N = a \u00d7 10\u207f  ,  1 \u2264 a < 10', desc:'\u0646\u0645\u0627\u062f \u0639\u0644\u0645\u06cc \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0627\u0639\u062f\u0627\u062f \u0628\u0633\u06cc\u0627\u0631 \u0628\u0632\u0631\u06af \u06cc\u0627 \u0628\u0633\u06cc\u0627\u0631 \u06a9\u0648\u0686\u06a9 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.'},\r\n  {id:'18', ch:'\u0641\u0635\u0644 4 \u2014 \u062a\u0648\u0627\u0646 \u0648 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644',title:'\u0636\u0631\u0628 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627', latex:'\u221aa \u00b7 \u221ab = \u221a(ab)  ,  a,b \u2265 0', desc:'\u0636\u0631\u0628 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627\u06cc \u063a\u06cc\u0631\u0645\u0646\u0641\u06cc \u0628\u0631\u0627\u0628\u0631 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0636\u0631\u0628 \u0622\u0646\u200c\u0647\u0627\u0633\u062a.'},\r\n  {id:'19', ch:'\u0641\u0635\u0644 3 \u2014 \u0641\u06cc\u062b\u0627\u063a\u0648\u0631\u0633',     title:'\u0642\u0636\u06cc\u0647 \u0641\u06cc\u062b\u0627\u063a\u0648\u0631\u0633', latex:'c\u00b2 = a\u00b2 + b\u00b2', desc:'\u062f\u0631 \u0645\u062b\u0644\u062b \u0642\u0627\u0626\u0645\u200c\u0627\u0644\u0632\u0627\u0648\u06cc\u0647\u060c \u0645\u0631\u0628\u0639 \u0648\u062a\u0631 \u0628\u0631\u0627\u0628\u0631 \u0645\u062c\u0645\u0648\u0639 \u0645\u0631\u0628\u0639 \u062f\u0648 \u0636\u0644\u0639 \u0642\u0627\u0626\u0645\u0647 \u0627\u0633\u062a.'},\r\n  {id:'20', ch:'\u0641\u0635\u0644 3 \u2014 \u0641\u06cc\u062b\u0627\u063a\u0648\u0631\u0633',     title:'\u0639\u06a9\u0633 \u0642\u0636\u06cc\u0647 \u0641\u06cc\u062b\u0627\u063a\u0648\u0631\u0633', latex:'c\u00b2=a\u00b2+b\u00b2  \u27f9  \u0108=90\u00b0', desc:'\u0627\u06af\u0631 \u0645\u0631\u0628\u0639 \u0628\u0632\u0631\u06af\u200c\u062a\u0631\u06cc\u0646 \u0636\u0644\u0639 \u0628\u0631\u0627\u0628\u0631 \u0645\u062c\u0645\u0648\u0639 \u0645\u0631\u0628\u0639 \u062f\u0648 \u0636\u0644\u0639 \u062f\u06cc\u06af\u0631 \u0628\u0627\u0634\u062f \u0645\u062b\u0644\u062b \u0642\u0627\u0626\u0645\u200c\u0627\u0644\u0632\u0627\u0648\u06cc\u0647 \u0627\u0633\u062a.'},\r\n  {id:'21', ch:'\u0641\u0635\u0644 3 \u2014 \u0641\u06cc\u062b\u0627\u063a\u0648\u0631\u0633',     title:'\u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u062b\u0644\u062b \u0645\u062a\u0633\u0627\u0648\u06cc\u200c\u0627\u0644\u0633\u0627\u0642\u06cc\u0646', latex:'h = \u221a(a\u00b2 \u2212 (b\/2)\u00b2)', desc:'\u0627\u0631\u062a\u0641\u0627\u0639 \u0645\u062b\u0644\u062b \u0645\u062a\u0633\u0627\u0648\u06cc\u200c\u0627\u0644\u0633\u0627\u0642\u06cc\u0646 \u0628\u0627 \u0633\u0627\u0642 a \u0648 \u0642\u0627\u0639\u062f\u0647 b \u0627\u0632 \u0627\u06cc\u0646 \u0641\u0631\u0645\u0648\u0644 \u0628\u0647 \u062f\u0633\u062a \u0645\u06cc\u200c\u0622\u06cc\u062f.'},\r\n  {id:'22', ch:'\u0641\u0635\u0644 3 \u2014 \u0645\u062b\u0644\u062b\u0627\u062a',       title:'\u0633\u06cc\u0646\u0648\u0633 \u0648 \u06a9\u0633\u06cc\u0646\u0648\u0633', latex:'sin\u03b8 = \u0631\u0648\u0628\u0631\u0648\/\u0648\u062a\u0631  ,  cos\u03b8 = \u0645\u062c\u0627\u0648\u0631\/\u0648\u062a\u0631', desc:'\u062a\u0639\u0631\u06cc\u0641 \u0633\u06cc\u0646\u0648\u0633 \u0648 \u06a9\u0633\u06cc\u0646\u0648\u0633 \u062f\u0631 \u0645\u062b\u0644\u062b \u0642\u0627\u0626\u0645\u200c\u0627\u0644\u0632\u0627\u0648\u06cc\u0647 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u0633\u0628\u062a \u0627\u0636\u0644\u0627\u0639.'},\r\n  {id:'23', ch:'\u0641\u0635\u0644 3 \u2014 \u0645\u062b\u0644\u062b\u0627\u062a',       title:'\u0647\u0648\u06cc\u062a \u0627\u0635\u0644\u06cc \u0645\u062b\u0644\u062b\u0627\u062a\u06cc', latex:'sin\u00b2\u03b8 + cos\u00b2\u03b8 = 1', desc:'\u0645\u062c\u0645\u0648\u0639 \u0645\u0631\u0628\u0639 \u0633\u06cc\u0646\u0648\u0633 \u0648 \u06a9\u0633\u06cc\u0646\u0648\u0633 \u0647\u0631 \u0632\u0627\u0648\u06cc\u0647 \u0647\u0645\u0648\u0627\u0631\u0647 \u0628\u0631\u0627\u0628\u0631 \u06cc\u06a9 \u0627\u0633\u062a.'},\r\n  {id:'24', ch:'\u0641\u0635\u0644 3 \u2014 \u0645\u062b\u0644\u062b\u0627\u062a',       title:'\u062a\u0627\u0646\u0698\u0627\u0646\u062a \u0648 \u06a9\u062a\u0627\u0646\u0698\u0627\u0646\u062a', latex:'tan\u03b8 = sin\u03b8\/cos\u03b8  ,  cot\u03b8 = cos\u03b8\/sin\u03b8', desc:'\u062a\u0627\u0646\u0698\u0627\u0646\u062a \u0646\u0633\u0628\u062a \u0633\u06cc\u0646\u0648\u0633 \u0628\u0647 \u06a9\u0633\u06cc\u0646\u0648\u0633 \u0648 \u06a9\u062a\u0627\u0646\u0698\u0627\u0646\u062a \u0639\u06a9\u0633 \u062a\u0627\u0646\u0698\u0627\u0646\u062a \u0627\u0633\u062a.'}\r\n];\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nconst root     = document.getElementById('gfc-root');\r\nconst track    = document.getElementById('gfc-track');\r\nconst outer    = document.getElementById('gfc-outer');\r\nconst dotsEl   = document.getElementById('gfc-dots');\r\nconst progEl   = document.getElementById('gfc-prog');\r\nconst ctrEl    = document.getElementById('gfc-ctr');\r\nconst prevBtn  = document.getElementById('gfc-prev');\r\nconst nextBtn  = document.getElementById('gfc-next');\r\nconst dlBtn    = document.getElementById('gfc-dl-btn');\r\nconst printBtn = document.getElementById('gfc-print-btn');\r\nconst printArea= document.getElementById('gfc-print-area');\r\n\r\nconst TOTAL = DATA.length;\r\nconst toFa  = n => String(n).replace(\/\\d\/g, d => '\u06f0\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8\u06f9'[+d]);\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   \u0633\u0627\u062e\u062a \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nDATA.forEach((d, i) => {\r\n  const card = document.createElement('article');\r\n  card.className = 'gfc-card';\r\n  card.setAttribute('role', 'listitem');\r\n  card.setAttribute('tabindex', '0');\r\n  card.dataset.idx = i;\r\n\r\n  \/* \u0634\u0645\u0627\u0631\u0647 \u0628\u0627\u06a9\u0633 *\/\r\n  const num = document.createElement('div');\r\n  num.className = 'gfc-num';\r\n  num.textContent = d.id;\r\n  card.appendChild(num);\r\n\r\n  \/* \u0641\u0635\u0644 *\/\r\n  const ch = document.createElement('div');\r\n  ch.className = 'gfc-ch';\r\n  ch.innerHTML = `<svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M4 19.5A2.5 2.5 0 016.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z\"\/><\/svg>${d.ch}`;\r\n  card.appendChild(ch);\r\n\r\n  \/* \u0639\u0646\u0648\u0627\u0646 *\/\r\n  const title = document.createElement('h2');\r\n  title.className = 'gfc-ctitle';\r\n  title.textContent = d.title;\r\n  card.appendChild(title);\r\n\r\n  \/* \u0628\u0627\u06a9\u0633 \u0641\u0631\u0645\u0648\u0644 *\/\r\n  const fbox = document.createElement('div');\r\n  fbox.className = 'gfc-fbox';\r\n  fbox.setAttribute('aria-label', '\u0641\u0631\u0645\u0648\u0644: ' + d.latex);\r\n  const renderer = FORMULAS[d.id];\r\n  if(renderer){ fbox.innerHTML = renderer(); }\r\n  else {\r\n    const fb = document.createElement('span');\r\n    fb.className = 'gfc-formula-text';\r\n    fb.textContent = d.latex;\r\n    fbox.appendChild(fb);\r\n  }\r\n  card.appendChild(fbox);\r\n\r\n  \/* \u062a\u0648\u0636\u06cc\u062d *\/\r\n  const desc = document.createElement('p');\r\n  desc.className = 'gfc-desc';\r\n  desc.textContent = d.desc;\r\n  card.appendChild(desc);\r\n\r\n  \/* \u062f\u06a9\u0645\u0647 \u06a9\u067e\u06cc *\/\r\n  const copyBtn = document.createElement('button');\r\n  copyBtn.className = 'gfc-copy';\r\n  copyBtn.dataset.latex = d.latex;\r\n  copyBtn.setAttribute('aria-label', '\u06a9\u067e\u06cc \u0641\u0631\u0645\u0648\u0644 ' + d.id);\r\n  copyBtn.innerHTML = `<svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1\"\/><\/svg>\u06a9\u067e\u06cc \u0641\u0631\u0645\u0648\u0644`;\r\n  card.appendChild(copyBtn);\r\n\r\n  track.appendChild(card);\r\n\r\n  \/* \u0646\u0642\u0637\u0647 *\/\r\n  const dot = document.createElement('button');\r\n  dot.className = 'gfc-dot';\r\n  dot.setAttribute('role', 'tab');\r\n  dot.setAttribute('aria-label', '\u0641\u0631\u0645\u0648\u0644 ' + (i + 1));\r\n  dot.dataset.idx = i;\r\n  dotsEl.appendChild(dot);\r\n});\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   \u0645\u0646\u0637\u0642 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nlet cur = 0, autoT = null, resumeT = null, hovering = false;\r\nconst AUTO_MS = 3400, RESUME_MS = 1400;\r\n\r\nfunction setWidths(){\r\n  const w = Math.min(340, Math.max(260, outer.clientWidth - 6));\r\n  root.querySelectorAll('.gfc-card').forEach(c => c.style.width = w + 'px');\r\n}\r\n\r\nfunction getCardW(){\r\n  const c = track.querySelector('.gfc-card');\r\n  if(!c) return 320;\r\n  const gap = parseFloat(getComputedStyle(track).gap) || 16;\r\n  return c.offsetWidth + gap;\r\n}\r\n\r\nfunction goTo(idx, animate){\r\n  if(animate === undefined) animate = true;\r\n  if(idx < 0) idx = TOTAL - 1;\r\n  if(idx >= TOTAL) idx = 0;\r\n  cur = idx;\r\n  const off = -(cur * getCardW());\r\n  track.style.transition = animate\r\n    ? 'transform 0.52s cubic-bezier(0.25,0.46,0.45,0.94)'\r\n    : 'none';\r\n  track.style.transform = `translateX(${off}px)`;\r\n  if(!animate){ void track.offsetWidth; }\r\n  updateUI();\r\n}\r\n\r\nfunction updateUI(){\r\n  progEl.style.width = ((cur + 1) \/ TOTAL * 100) + '%';\r\n  ctrEl.textContent = toFa(cur + 1) + ' \/ ' + toFa(TOTAL);\r\n  root.querySelectorAll('.gfc-dot').forEach((d, i) => {\r\n    const on = i === cur;\r\n    d.classList.toggle('on', on);\r\n    d.setAttribute('aria-selected', on ? 'true' : 'false');\r\n  });\r\n}\r\n\r\nfunction startAuto(){ stopAuto(); autoT = setInterval(() => { if(!hovering) goTo(cur + 1); }, AUTO_MS); }\r\nfunction stopAuto(){ if(autoT){ clearInterval(autoT); autoT = null; } }\r\nfunction pauseResume(){ stopAuto(); if(resumeT) clearTimeout(resumeT); resumeT = setTimeout(startAuto, RESUME_MS); }\r\n\r\nprevBtn.addEventListener('click', e => { ripple(prevBtn, e); goTo(cur - 1); pauseResume(); });\r\nnextBtn.addEventListener('click', e => { ripple(nextBtn, e); goTo(cur + 1); pauseResume(); });\r\ndotsEl.addEventListener('click', e => {\r\n  const d = e.target.closest('.gfc-dot');\r\n  if(!d) return;\r\n  goTo(+d.dataset.idx); pauseResume();\r\n});\r\n\r\nroot.addEventListener('mouseenter', () => hovering = true);\r\nroot.addEventListener('mouseleave', () => hovering = false);\r\nroot.addEventListener('focusin',    () => hovering = true);\r\nroot.addEventListener('focusout',   () => hovering = false);\r\nroot.addEventListener('keydown', e => {\r\n  if(!['ArrowLeft','ArrowRight'].includes(e.key)) return;\r\n  e.preventDefault();\r\n  if(e.key === 'ArrowRight') goTo(cur - 1); else goTo(cur + 1);\r\n  pauseResume();\r\n});\r\n\r\n\/* Drag *\/\r\nlet drag = false, dsx = 0, dbase = 0, ddelta = 0;\r\nouter.addEventListener('pointerdown', e => {\r\n  if(e.button !== 0 && e.pointerType === 'mouse') return;\r\n  drag = true; dsx = e.clientX; ddelta = 0;\r\n  dbase = new DOMMatrix(getComputedStyle(track).transform).m41;\r\n  track.style.transition = 'none';\r\n  outer.classList.add('dragging');\r\n  outer.setPointerCapture(e.pointerId);\r\n  stopAuto();\r\n});\r\nouter.addEventListener('pointermove', e => {\r\n  if(!drag) return;\r\n  ddelta = e.clientX - dsx;\r\n  const raw = dbase + ddelta;\r\n  const min = -((TOTAL - 1) * getCardW());\r\n  track.style.transform = `translateX(${Math.max(min - 55, Math.min(55, raw))}px)`;\r\n});\r\nouter.addEventListener('pointerup', () => {\r\n  if(!drag) return;\r\n  drag = false; outer.classList.remove('dragging');\r\n  track.style.transition = 'transform 0.52s cubic-bezier(0.25,0.46,0.45,0.94)';\r\n  const th = getCardW() * 0.20;\r\n  if(ddelta < -th) goTo(cur + 1);\r\n  else if(ddelta > th) goTo(cur - 1);\r\n  else goTo(cur);\r\n  pauseResume();\r\n});\r\nouter.addEventListener('pointercancel', () => { drag = false; outer.classList.remove('dragging'); goTo(cur); pauseResume(); });\r\n\r\n\/* Copy *\/\r\ntrack.addEventListener('click', e => {\r\n  const btn = e.target.closest('.gfc-copy');\r\n  if(!btn) return;\r\n  ripple(btn, e);\r\n  const latex = btn.dataset.latex || '';\r\n  const orig = btn.innerHTML;\r\n  function doSuccess(){\r\n    btn.classList.add('copied');\r\n    btn.innerHTML = `<svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\u06a9\u067e\u06cc \u0634\u062f \u2713`;\r\n    setTimeout(() => { btn.classList.remove('copied'); btn.innerHTML = orig; }, 1600);\r\n  }\r\n  if(navigator.clipboard && navigator.clipboard.writeText){\r\n    navigator.clipboard.writeText(latex).then(doSuccess).catch(() => { fallbackCopy(latex) && doSuccess(); });\r\n  } else { fallbackCopy(latex) && doSuccess(); }\r\n});\r\n\r\nfunction fallbackCopy(text){\r\n  try{\r\n    const ta = document.createElement('textarea');\r\n    ta.value = text;\r\n    Object.assign(ta.style, {position:'fixed',top:'0',left:'0',width:'2em',height:'2em',opacity:'0',border:'none',outline:'none'});\r\n    document.body.appendChild(ta);\r\n    ta.focus(); ta.select();\r\n    const ok = document.execCommand('copy');\r\n    document.body.removeChild(ta);\r\n    return ok;\r\n  } catch(e){ return false; }\r\n}\r\n\r\n\/* Ripple *\/\r\nfunction ripple(el, e){\r\n  const r = el.getBoundingClientRect();\r\n  const s = Math.max(r.width, r.height) * 2;\r\n  const x = (e && e.clientX ? e.clientX : r.left + r.width \/ 2) - r.left - s \/ 2;\r\n  const y = (e && e.clientY ? e.clientY : r.top + r.height \/ 2) - r.top - s \/ 2;\r\n  const sp = document.createElement('span');\r\n  sp.className = 'gfc-ripple';\r\n  sp.style.cssText = `width:${s}px;height:${s}px;left:${x}px;top:${y}px`;\r\n  el.appendChild(sp);\r\n  setTimeout(() => sp.remove(), 560);\r\n}\r\n\r\n\/* Print *\/\r\nprintBtn.addEventListener('click', e => {\r\n  ripple(printBtn, e);\r\n  const html = `\r\n    <div style=\"font-family:Tahoma,Arial,sans-serif;direction:rtl;max-width:750px;margin:0 auto;padding:20px;background:#fff;color:#0a111a;\">\r\n      <div style=\"text-align:center;padding-bottom:18px;margin-bottom:24px;border-bottom:3px solid #ff8c00;\">\r\n        <h1 style=\"font-size:20px;font-weight:900;color:#ff8c00;margin:0 0 5px;\">\u062c\u0632\u0648\u0647 \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645<\/h1>\r\n        <p style=\"color:#888;font-size:12px;margin:0;\">\u0641\u0635\u0644 \u06f1 \u062a\u0627 \u06f8 \u2014 \u06f2\u06f4 \u0641\u0631\u0645\u0648\u0644<\/p>\r\n      <\/div>\r\n      ${DATA.map(d => `\r\n        <div style=\"margin-bottom:14px;padding:14px 16px;border:1.5px solid #ffe0b2;border-radius:10px;background:#fffbf7;page-break-inside:avoid;break-inside:avoid;\">\r\n          <div style=\"display:flex;align-items:center;gap:8px;margin-bottom:6px;\">\r\n            <span style=\"background:#ff8c00;color:#fff;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800;\">${d.id}<\/span>\r\n            <span style=\"font-size:11px;color:#ff8c00;font-weight:700;\">${d.ch}<\/span>\r\n          <\/div>\r\n          <h3 style=\"font-size:13px;font-weight:900;margin:0 0 7px;\">${d.title}<\/h3>\r\n          <div style=\"background:#fff8f0;border:1px solid #ffe0b2;border-radius:7px;padding:10px 14px;margin-bottom:7px;font-family:'Courier New',monospace;font-size:13px;color:#e07800;direction:ltr;text-align:center;letter-spacing:0.5px;word-break:break-all;\">${d.latex}<\/div>\r\n          <p style=\"font-size:12px;color:#3d4f63;margin:0;line-height:1.7;\">${d.desc}<\/p>\r\n        <\/div>\r\n      `).join('')}\r\n      <div style=\"text-align:center;margin-top:20px;padding-top:12px;border-top:2px solid #ffe0b2;color:#bbb;font-size:10px;\">\u062c\u0632\u0648\u0647 \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645<\/div>\r\n    <\/div>`;\r\n  printArea.innerHTML = html;\r\n  printArea.style.display = 'block';\r\n  const bodyOv = document.body.style.overflow;\r\n  document.body.style.overflow = 'hidden';\r\n  setTimeout(() => { window.print(); setTimeout(() => { printArea.style.display = 'none'; printArea.innerHTML = ''; document.body.style.overflow = bodyOv; }, 600); }, 150);\r\n});\r\n\r\n\/* Download *\/\r\ndlBtn.addEventListener('click', e => {\r\n  ripple(dlBtn, e);\r\n  const origHTML = dlBtn.innerHTML;\r\n  dlBtn.disabled = true;\r\n  dlBtn.innerHTML = `<svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a...`;\r\n  const content = `<!DOCTYPE html><html lang=\"fa\" dir=\"rtl\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\"><title>\u062c\u0632\u0648\u0647 \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645<\/title><style>*{box-sizing:border-box;margin:0;padding:0}body{font-family:Tahoma,Arial,sans-serif;direction:rtl;background:#fff9f2;padding:24px 16px;color:#0a111a}.header{text-align:center;padding:22px;margin-bottom:24px;background:#fff;border-radius:14px;border-bottom:3px solid #ff8c00;box-shadow:0 4px 16px rgba(0,0,0,0.07)}h1{font-size:22px;font-weight:900;color:#ff8c00;margin-bottom:6px}.sub{color:#888;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.card{background:#fff;border:1.5px solid #ffe0b2;border-radius:12px;padding:18px;break-inside:avoid;page-break-inside:avoid}.badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:9px}.num{background:#ff8c00;color:#fff;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800}.ch{font-size:11px;color:#ff8c00;font-weight:700}.ctitle{font-size:14px;font-weight:900;margin-bottom:10px}.formula{background:#fff8f0;border:1px solid #ffe0b2;border-radius:8px;padding:12px;margin-bottom:10px;font-family:'Courier New',monospace;font-size:14px;color:#e07800;text-align:center;direction:ltr;letter-spacing:0.5px;word-break:break-all;line-height:1.7}.desc{font-size:12.5px;color:#3d4f63;line-height:1.8}.footer{text-align:center;margin-top:24px;color:#bbb;font-size:11px;padding:16px}@media print{body{background:#fff;padding:10px}.card{break-inside:avoid}}<\/style><\/head><body><div class=\"header\"><h1>\ud83d\udcd0 \u062c\u0632\u0648\u0647 \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645<\/h1><div class=\"sub\">\u0641\u0635\u0644 \u06f1 \u062a\u0627 \u06f8 \u2014 ${DATA.length} \u0641\u0631\u0645\u0648\u0644<\/div><\/div><div class=\"grid\">${DATA.map(d => `  <div class=\"card\"><div class=\"badge\"><span class=\"num\">${d.id}<\/span><span class=\"ch\">${d.ch}<\/span><\/div><div class=\"ctitle\">${d.title}<\/div><div class=\"formula\">${d.latex}<\/div><div class=\"desc\">${d.desc}<\/div><\/div>`).join('\\n')}<\/div><div class=\"footer\">\u062c\u0632\u0648\u0647 \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645 \u2014 \u0628\u0631\u0627\u06cc \u0686\u0627\u067e Ctrl+P \u0631\u0627 \u0628\u0632\u0646\u06cc\u062f<\/div><\/body><\/html>`;\r\n  try{ const blob = new Blob([content], {type:'text\/html;charset=utf-8'}); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'Riazi_Nohom_Formulas.html'; document.body.appendChild(a); a.click(); document.body.removeChild(a); setTimeout(() => URL.revokeObjectURL(url), 1000); } catch(err){ alert('\u062e\u0637\u0627 \u062f\u0631 \u0633\u0627\u062e\u062a \u0641\u0627\u06cc\u0644.'); }\r\n  setTimeout(() => { dlBtn.innerHTML = origHTML; dlBtn.disabled = false; }, 900);\r\n});\r\n\r\n\/* Init *\/\r\nconst io = new IntersectionObserver(entries => { entries.forEach(en => { if(!en.isIntersecting) return; const card = en.target; const delay = (+card.dataset.idx % 6) * 50; setTimeout(() => card.classList.add('visible'), delay); io.unobserve(card); }); }, {threshold: 0.04});\r\nroot.querySelectorAll('.gfc-card').forEach(c => io.observe(c));\r\nlet resT; window.addEventListener('resize', () => { clearTimeout(resT); resT = setTimeout(() => { setWidths(); goTo(cur, false); }, 160); });\r\nsetWidths(); goTo(0, false); startAuto();\r\n})();\r\n<\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32b0b44 e-con-full e-flex e-con e-parent\" data-id=\"32b0b44\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-402d25e elementor-widget elementor-widget-html\" data-id=\"402d25e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<style>\n\/* ============================================\n   MS ULTRA GLASS \u2014 \u0646\u0633\u062e\u0647 \u0646\u0647\u0627\u06cc\u06cc \u062e\u0641\u0646\n   \u0628\u062f\u0648\u0646 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u2014 \u0645\u062e\u0635\u0648\u0635 \u0627\u0644\u0645\u0646\u062a\u0648\u0631\n   ============================================ *\/\n\n\/* ---- \u0631\u06cc\u0633\u062a \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u062e\u0648\u062f\u0645\u0627\u0646 ---- *\/\n.ms-ultra-glass,\n.ms-ultra-glass * {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n\/* ============ \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0627\u0635\u0644\u06cc ============ *\/\n.ms-ultra-glass {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0;\n  flex-wrap: nowrap;\n  position: relative;\n  padding: 60px 12px 80px;\n  perspective: 1200px;\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n  \/* \u0628\u062f\u0648\u0646 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u2014 \u0634\u0641\u0627\u0641 \u0628\u0631\u0627\u06cc \u0627\u0644\u0645\u0646\u062a\u0648\u0631 *\/\n  background: transparent !important;\n}\n\n\/* ============ \u0647\u0631 \u0628\u0627\u06a9\u0633 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc ============ *\/\n.ms-ultra-glass .ug-box {\n  --base-width: 190px;\n  --base-height: 280px;\n  --glow: rgba(255, 140, 0, 0.0);\n  position: relative;\n  width: var(--base-width);\n  height: var(--base-height);\n\n  \/* \u0634\u06cc\u0634\u0647 \u0648\u0627\u0642\u0639\u06cc \u0628\u0627 \u0644\u0627\u06cc\u0647\u200c\u0628\u0646\u062f\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 *\/\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255,255,255,0.72) 0%,\n      rgba(255,255,255,0.38) 40%,\n      rgba(255,255,255,0.52) 70%,\n      rgba(255,255,255,0.65) 100%\n    );\n  border: 1.5px solid rgba(255, 255, 255, 0.85);\n  backdrop-filter: blur(22px) saturate(1.4);\n  -webkit-backdrop-filter: blur(22px) saturate(1.4);\n\n  \/* \u0633\u0627\u06cc\u0647 \u0633\u0647\u200c\u0628\u0639\u062f\u06cc \u062e\u0641\u0646 *\/\n  box-shadow:\n    0 35px 60px rgba(0,0,0,0.35),\n    0 15px 30px rgba(0,0,0,0.15),\n    0 2px 8px rgba(255,255,255,0.35) inset,\n    0 -2px 12px rgba(0,0,0,0.06) inset,\n    0 0 40px var(--glow);\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 22px;\n  cursor: pointer;\n\n  \/* \u0631\u0648\u06cc\u200c\u0647\u0645 \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0646 *\/\n  margin: 0 -55px;\n  transform:\n    rotate(calc(var(--r) * 1deg))\n    scale(0.92)\n    translateZ(0);\n  transform-style: preserve-3d;\n\n  \/* \u062a\u0631\u0646\u0632\u06cc\u0634\u0646 \u0641\u0648\u0642 \u0631\u0648\u0627\u0646 *\/\n  transition:\n    transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1),\n    margin 0.65s cubic-bezier(0.34, 1.56, 0.64, 1),\n    box-shadow 0.5s ease,\n    --glow 0.5s ease;\n\n  \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0634\u0646\u0627\u0648\u0631\u06cc *\/\n  animation: ug-float 5s ease-in-out infinite;\n  animation-delay: calc(var(--i, 0) * 0.6s);\n  overflow: hidden;\n  z-index: calc(10 - var(--i, 0));\n}\n\n\/* ---- z-index \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0647\u0631 \u06a9\u0627\u0631\u062a ---- *\/\n.ms-ultra-glass .ug-box:nth-child(1) { --i: 0; z-index: 4; }\n.ms-ultra-glass .ug-box:nth-child(2) { --i: 1; z-index: 3; }\n.ms-ultra-glass .ug-box:nth-child(3) { --i: 2; z-index: 2; }\n.ms-ultra-glass .ug-box:nth-child(4) { --i: 3; z-index: 1; }\n\n\/* ============ \u0647\u0627\u0648\u0631 \u0631\u0648\u06cc \u06a9\u0644 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u2014 \u0628\u0627\u0632 \u0634\u062f\u0646 ============ *\/\n.ms-ultra-glass.is-spread .ug-box,\n.ms-ultra-glass:hover .ug-box {\n  transform: rotate(0deg) scale(1) translateY(0) translateZ(0);\n  margin: 0 16px;\n  animation: none;\n  box-shadow:\n    0 25px 50px rgba(0,0,0,0.25),\n    0 10px 20px rgba(0,0,0,0.1),\n    0 2px 8px rgba(255,255,255,0.3) inset,\n    0 0 60px rgba(255, 140, 0, 0.12);\n}\n\n\/* ============ \u0647\u0627\u0648\u0631 \u062a\u06a9\u200c\u06a9\u0627\u0631\u062a \u2014 3D \u062a\u06cc\u0644\u062a ============ *\/\n.ms-ultra-glass .ug-box:hover {\n  --glow: rgba(255, 140, 0, 0.35);\n  transform: rotate(0deg) scale(1.08) translateY(-18px) translateZ(30px) !important;\n  z-index: 50 !important;\n  box-shadow:\n    0 40px 80px rgba(0,0,0,0.35),\n    0 20px 40px rgba(0,0,0,0.15),\n    0 2px 8px rgba(255,255,255,0.4) inset,\n    0 0 80px rgba(255, 140, 0, 0.3),\n    0 0 120px rgba(255, 140, 0, 0.12) !important;\n}\n\n\/* ============ \u0645\u0648\u062c \u0646\u0648\u0631 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc ============ *\/\n.ms-ultra-glass .ug-box .light-wave {\n  position: absolute;\n  top: 0;\n  left: -150%;\n  width: 80%;\n  height: 100%;\n  background: linear-gradient(\n    105deg,\n    transparent 20%,\n    rgba(255,255,255,0.9) 45%,\n    rgba(255,255,255,0.6) 55%,\n    transparent 80%\n  );\n  transform: skewX(-20deg);\n  animation: ug-light 4s infinite;\n  animation-delay: calc(var(--i, 0) * 0.8s);\n  mix-blend-mode: overlay;\n  pointer-events: none;\n  z-index: 5;\n}\n\n\/* ============ \u062d\u0627\u0634\u06cc\u0647 \u0631\u0646\u06af\u06cc\u0646\u200c\u06a9\u0645\u0627\u0646\u06cc \u062f\u0627\u062e\u0644\u06cc ============ *\/\n.ms-ultra-glass .ug-box .rainbow-border {\n  position: absolute;\n  inset: 0;\n  border-radius: 22px;\n  padding: 1.5px;\n  background: linear-gradient(\n    135deg,\n    rgba(255,140,0,0.4),\n    rgba(255,200,50,0.2),\n    rgba(255,255,255,0.3),\n    rgba(255,140,0,0.2)\n  );\n  -webkit-mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  pointer-events: none;\n  z-index: 3;\n  opacity: 0;\n  transition: opacity 0.5s ease;\n}\n\n.ms-ultra-glass .ug-box:hover .rainbow-border {\n  opacity: 1;\n}\n\n\/* ============ \u0645\u062a\u0646 \u067e\u0627\u06cc\u06cc\u0646 (data-text) ============ *\/\n.ms-ultra-glass .ug-box .card-label {\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  height: 58px;\n  background: linear-gradient(\n    180deg,\n    rgba(255,255,255,0.08),\n    rgba(255,255,255,0.18)\n  );\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #ff8c00;\n  font-weight: 800;\n  font-size: 1.3rem;\n  letter-spacing: 0.8px;\n  text-shadow:\n    0 0 12px rgba(255,140,0,0.9),\n    0 0 30px rgba(255,140,0,0.5),\n    0 0 60px rgba(255,140,0,0.2);\n  border-top: 1px solid rgba(255,255,255,0.2);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  pointer-events: none;\n  z-index: 4;\n  border-radius: 0 0 22px 22px;\n  transition: all 0.4s ease;\n}\n\n.ms-ultra-glass .ug-box:hover .card-label {\n  height: 64px;\n  background: linear-gradient(\n    180deg,\n    rgba(255,140,0,0.05),\n    rgba(255,140,0,0.12)\n  );\n  text-shadow:\n    0 0 18px rgba(255,140,0,1),\n    0 0 50px rgba(255,140,0,0.7),\n    0 0 100px rgba(255,140,0,0.3);\n}\n\n\/* ============ \u0639\u0644\u0627\u0645\u062a \u0631\u06cc\u0627\u0636\u06cc \u0646\u0626\u0648\u0646\u06cc ============ *\/\n.ms-ultra-glass .ug-box .symbol {\n  font-size: 5.5em;\n  font-weight: 900;\n  color: #ff8c00;\n  text-shadow:\n    0 0 20px rgba(255,140,0,0.9),\n    0 0 50px rgba(255,140,0,0.7),\n    0 0 100px rgba(255,140,0,0.4),\n    0 0 180px rgba(255,140,0,0.15);\n  transition:\n    transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1),\n    text-shadow 0.5s ease,\n    filter 0.5s ease;\n  transform-origin: center;\n  z-index: 4;\n  position: relative;\n  line-height: 1;\n  margin-top: -16px;\n}\n\n\/* \u0627\u0646\u0641\u062c\u0627\u0631 \u0646\u0626\u0648\u0646\u06cc \u0639\u0644\u0627\u0645\u062a *\/\n.ms-ultra-glass .ug-box:hover .symbol {\n  transform: scale(1.3) rotate(12deg);\n  filter: brightness(1.2);\n  text-shadow:\n    0 0 30px rgba(255,140,0,1),\n    0 0 80px rgba(255,140,0,1),\n    0 0 150px rgba(255,140,0,0.7),\n    0 0 250px rgba(255,140,0,0.3);\n}\n\n\/* ============ \u067e\u0627\u0631\u062a\u06cc\u06a9\u0644\u200c\u0647\u0627\u06cc \u062f\u0631\u062e\u0634\u0646\u062f\u0647 ============ *\/\n.ms-ultra-glass .ug-box .particles {\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: 2;\n  opacity: 0;\n  transition: opacity 0.5s ease;\n}\n\n.ms-ultra-glass .ug-box:hover .particles {\n  opacity: 1;\n}\n\n.ms-ultra-glass .ug-box .particles span {\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background: rgba(255, 180, 50, 0.9);\n  box-shadow: 0 0 8px rgba(255, 140, 0, 0.8);\n  animation: ug-particle 2.5s ease-in-out infinite;\n}\n\n.ms-ultra-glass .ug-box .particles span:nth-child(1) { left: 15%; top: 20%; animation-delay: 0s; }\n.ms-ultra-glass .ug-box .particles span:nth-child(2) { left: 75%; top: 30%; animation-delay: 0.4s; }\n.ms-ultra-glass .ug-box .particles span:nth-child(3) { left: 45%; top: 60%; animation-delay: 0.8s; }\n.ms-ultra-glass .ug-box .particles span:nth-child(4) { left: 85%; top: 70%; animation-delay: 1.2s; }\n.ms-ultra-glass .ug-box .particles span:nth-child(5) { left: 25%; top: 80%; animation-delay: 1.6s; }\n.ms-ultra-glass .ug-box .particles span:nth-child(6) { left: 60%; top: 15%; animation-delay: 2.0s; }\n\n\/* ============ \u062d\u0644\u0642\u0647 \u062f\u0631\u062e\u0634\u0627\u0646 \u067e\u0634\u062a \u0633\u06cc\u0645\u0628\u0644 ============ *\/\n.ms-ultra-glass .ug-box .glow-ring {\n  position: absolute;\n  width: 100px;\n  height: 100px;\n  border-radius: 50%;\n  border: 2px solid rgba(255, 140, 0, 0.15);\n  box-shadow:\n    0 0 30px rgba(255, 140, 0, 0.1),\n    inset 0 0 30px rgba(255, 140, 0, 0.05);\n  z-index: 1;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -55%) scale(0.8);\n  transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n  opacity: 0.3;\n  margin-top: -10px;\n}\n\n.ms-ultra-glass .ug-box:hover .glow-ring {\n  transform: translate(-50%, -55%) scale(1.4);\n  opacity: 1;\n  border-color: rgba(255, 140, 0, 0.35);\n  box-shadow:\n    0 0 50px rgba(255, 140, 0, 0.25),\n    inset 0 0 40px rgba(255, 140, 0, 0.1);\n}\n\n\/* ============ \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627 ============ *\/\n@keyframes ug-float {\n  0%   { transform: translateY(0px)   rotate(calc(var(--r) * 1deg)) scale(0.92); }\n  50%  { transform: translateY(-22px) rotate(calc(var(--r) * 1deg)) scale(0.92); }\n  100% { transform: translateY(0px)   rotate(calc(var(--r) * 1deg)) scale(0.92); }\n}\n\n@keyframes ug-light {\n  0%   { left: -150%; opacity: 0; }\n  20%  { opacity: 0.6; }\n  50%  { left: 200%; opacity: 0.8; }\n  100% { left: 200%; opacity: 0; }\n}\n\n@keyframes ug-particle {\n  0%   { transform: translateY(0) scale(0); opacity: 0; }\n  20%  { transform: translateY(-8px) scale(1); opacity: 1; }\n  80%  { transform: translateY(-40px) scale(0.6); opacity: 0.6; }\n  100% { transform: translateY(-60px) scale(0); opacity: 0; }\n}\n\n@keyframes ug-entrance {\n  0%   { opacity: 0; transform: translateY(80px) rotate(calc(var(--r) * 1deg)) scale(0.5); }\n  100% { opacity: 1; transform: translateY(0) rotate(calc(var(--r) * 1deg)) scale(0.92); }\n}\n\n\/* ============ \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0648\u0631\u0648\u062f\u06cc ============ *\/\n.ms-ultra-glass .ug-box {\n  animation:\n    ug-entrance 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) calc(var(--i, 0) * 0.15s) both,\n    ug-float 5s ease-in-out calc(0.9s + var(--i, 0) * 0.6s) infinite;\n}\n\n\/* ============ \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u2014 \u062a\u0628\u0644\u062a ============ *\/\n@media (max-width: 900px) {\n  .ms-ultra-glass {\n    padding: 40px 10px 60px;\n  }\n  .ms-ultra-glass .ug-box {\n    --base-width: 160px;\n    --base-height: 240px;\n    margin: 0 -45px;\n    border-radius: 18px;\n  }\n  .ms-ultra-glass .ug-box .card-label {\n    height: 50px;\n    font-size: 1.1rem;\n    border-radius: 0 0 18px 18px;\n  }\n  .ms-ultra-glass .ug-box .symbol {\n    font-size: 4.2em;\n  }\n  .ms-ultra-glass .ug-box .glow-ring {\n    width: 80px;\n    height: 80px;\n  }\n  .ms-ultra-glass:hover .ug-box,\n  .ms-ultra-glass.is-spread .ug-box {\n    margin: 0 10px;\n  }\n}\n\n\/* ============ \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u2014 \u0645\u0648\u0628\u0627\u06cc\u0644 ============ *\/\n@media (max-width: 600px) {\n  .ms-ultra-glass {\n    flex-wrap: wrap;\n    gap: 0;\n    padding: 30px 16px 50px;\n    perspective: 800px;\n  }\n  .ms-ultra-glass .ug-box {\n    --base-width: calc(50% - 20px);\n    --base-height: 200px;\n    margin: -12px 6px !important;\n    border-radius: 18px;\n    transform: rotate(0deg) scale(0.95) translateZ(0) !important;\n    animation:\n      ug-entrance-mobile 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) calc(var(--i, 0) * 0.12s) both !important;\n  }\n  .ms-ultra-glass .ug-box .card-label {\n    height: 44px;\n    font-size: 1rem;\n    border-radius: 0 0 18px 18px;\n  }\n  .ms-ultra-glass .ug-box .symbol {\n    font-size: 3.5em;\n    margin-top: -10px;\n  }\n  .ms-ultra-glass .ug-box .glow-ring {\n    width: 65px;\n    height: 65px;\n  }\n  .ms-ultra-glass .ug-box .rainbow-border {\n    border-radius: 18px;\n  }\n  .ms-ultra-glass .ug-box:hover {\n    transform: rotate(0deg) scale(1.05) translateY(-10px) translateZ(20px) !important;\n  }\n  .ms-ultra-glass:hover .ug-box {\n    margin: -12px 6px !important;\n  }\n\n  @keyframes ug-entrance-mobile {\n    0%   { opacity: 0; transform: translateY(60px) scale(0.5); }\n    100% { opacity: 1; transform: translateY(0) scale(0.95); }\n  }\n}\n\n\/* ============ \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u2014 \u0645\u0648\u0628\u0627\u06cc\u0644 \u062e\u06cc\u0644\u06cc \u06a9\u0648\u0686\u06a9 ============ *\/\n@media (max-width: 380px) {\n  .ms-ultra-glass .ug-box {\n    --base-width: calc(50% - 14px);\n    --base-height: 170px;\n    margin: -10px 4px !important;\n  }\n  .ms-ultra-glass .ug-box .card-label {\n    height: 38px;\n    font-size: 0.9rem;\n  }\n  .ms-ultra-glass .ug-box .symbol {\n    font-size: 2.8em;\n  }\n  .ms-ultra-glass .ug-box .glow-ring {\n    width: 55px;\n    height: 55px;\n  }\n}\n\n\/* ============ \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u2014 \u062f\u0633\u06a9\u062a\u0627\u067e \u0628\u0632\u0631\u06af ============ *\/\n@media (min-width: 1200px) {\n  .ms-ultra-glass .ug-box {\n    --base-width: 220px;\n    --base-height: 330px;\n    margin: 0 -65px;\n    border-radius: 24px;\n    box-shadow:\n      0 40px 80px rgba(0,0,0,0.4),\n      0 15px 35px rgba(0,0,0,0.15),\n      0 2px 10px rgba(255,255,255,0.35) inset;\n  }\n  .ms-ultra-glass .ug-box .card-label {\n    height: 64px;\n    font-size: 1.4rem;\n    border-radius: 0 0 24px 24px;\n  }\n  .ms-ultra-glass .ug-box .symbol {\n    font-size: 6.5em;\n  }\n  .ms-ultra-glass .ug-box .glow-ring {\n    width: 120px;\n    height: 120px;\n  }\n  .ms-ultra-glass .ug-box .rainbow-border {\n    border-radius: 24px;\n  }\n  .ms-ultra-glass:hover .ug-box,\n  .ms-ultra-glass.is-spread .ug-box {\n    margin: 0 22px;\n  }\n}\n\n\/* ============ \u0635\u0627\u0641\u200c\u0633\u0627\u0632\u06cc \u0641\u0648\u0646\u062a ============ *\/\n.ms-ultra-glass .ug-box .symbol,\n.ms-ultra-glass .ug-box .card-label {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n\/* ============ \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u067e\u0631\u06cc\u0646\u062a \u2014 \u0645\u062e\u0641\u06cc\u200c\u0633\u0627\u0632\u06cc \u0627\u0641\u06a9\u062a\u200c\u0647\u0627 ============ *\/\n@media print {\n  .ms-ultra-glass .ug-box {\n    animation: none !important;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;\n    transform: none !important;\n    margin: 8px !important;\n  }\n}\n<\/style>\n\n<div class=\"ms-ultra-glass\" id=\"msUltraGlass\">\n\n  <div data-text=\"\u062c\u0645\u0639\" style=\"--r:-18; --i:0;\" class=\"ug-box\">\n    <div class=\"glow-ring\"><\/div>\n    <div class=\"particles\">\n      <span><\/span><span><\/span><span><\/span>\n      <span><\/span><span><\/span><span><\/span>\n    <\/div>\n    <div class=\"light-wave\"><\/div>\n    <div class=\"rainbow-border\"><\/div>\n    <div class=\"symbol\">+<\/div>\n    <div class=\"card-label\">\u062c\u0645\u0639<\/div>\n  <\/div>\n\n  <div data-text=\"\u062a\u0641\u0631\u06cc\u0642\" style=\"--r:-4; --i:1;\" class=\"ug-box\">\n    <div class=\"glow-ring\"><\/div>\n    <div class=\"particles\">\n      <span><\/span><span><\/span><span><\/span>\n      <span><\/span><span><\/span><span><\/span>\n    <\/div>\n    <div class=\"light-wave\"><\/div>\n    <div class=\"rainbow-border\"><\/div>\n    <div class=\"symbol\">\u2212<\/div>\n    <div class=\"card-label\">\u062a\u0641\u0631\u06cc\u0642<\/div>\n  <\/div>\n\n  <div data-text=\"\u0636\u0631\u0628\" style=\"--r:10; --i:2;\" class=\"ug-box\">\n    <div class=\"glow-ring\"><\/div>\n    <div class=\"particles\">\n      <span><\/span><span><\/span><span><\/span>\n      <span><\/span><span><\/span><span><\/span>\n    <\/div>\n    <div class=\"light-wave\"><\/div>\n    <div class=\"rainbow-border\"><\/div>\n    <div class=\"symbol\">\u00d7<\/div>\n    <div class=\"card-label\">\u0636\u0631\u0628<\/div>\n  <\/div>\n\n  <div data-text=\"\u062a\u0642\u0633\u06cc\u0645\" style=\"--r:22; --i:3;\" class=\"ug-box\">\n    <div class=\"glow-ring\"><\/div>\n    <div class=\"particles\">\n      <span><\/span><span><\/span><span><\/span>\n      <span><\/span><span><\/span><span><\/span>\n    <\/div>\n    <div class=\"light-wave\"><\/div>\n    <div class=\"rainbow-border\"><\/div>\n    <div class=\"symbol\">\u00f7<\/div>\n    <div class=\"card-label\">\u062a\u0642\u0633\u06cc\u0645<\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n(function() {\n  const container = document.getElementById('msUltraGlass');\n  if (!container) return;\n\n  const boxes = container.querySelectorAll('.ug-box');\n\n  \/* ======= 3D Tilt \u0628\u0627 \u0645\u0627\u0648\u0633 ======= *\/\n  boxes.forEach(box => {\n    box.addEventListener('mousemove', function(e) {\n      const rect = this.getBoundingClientRect();\n      const x = e.clientX - rect.left;\n      const y = e.clientY - rect.top;\n      const centerX = rect.width \/ 2;\n      const centerY = rect.height \/ 2;\n\n      const rotateX = ((y - centerY) \/ centerY) * -12;\n      const rotateY = ((x - centerX) \/ centerX) * 12;\n\n      this.style.transform =\n        `rotate(0deg) scale(1.08) translateY(-18px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n    });\n\n    box.addEventListener('mouseleave', function() {\n      this.style.transform = '';\n    });\n  });\n\n  \/* ======= Intersection Observer \u2014 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0648\u0631\u0648\u062f \u062f\u0631 \u0627\u0633\u06a9\u0631\u0648\u0644 ======= *\/\n  if ('IntersectionObserver' in window) {\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('is-visible');\n        }\n      });\n    }, { threshold: 0.2 });\n\n    observer.observe(container);\n  }\n\n  \/* ======= \u062a\u0627\u0686 \u0633\u0627\u067e\u0648\u0631\u062a \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 ======= *\/\n  let touchTimeout;\n  boxes.forEach(box => {\n    box.addEventListener('touchstart', function(e) {\n      \/\/ \u062d\u0630\u0641 \u06a9\u0644\u0627\u0633 \u0647\u0627\u0648\u0631 \u0627\u0632 \u0628\u0642\u06cc\u0647\n      boxes.forEach(b => b.classList.remove('touch-active'));\n      this.classList.add('touch-active');\n\n      clearTimeout(touchTimeout);\n      touchTimeout = setTimeout(() => {\n        this.classList.remove('touch-active');\n      }, 2500);\n    }, { passive: true });\n  });\n\n  \/\/ \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062a\u0627\u0686\n  const touchStyle = document.createElement('style');\n  touchStyle.textContent = `\n    .ms-ultra-glass .ug-box.touch-active {\n      --glow: rgba(255, 140, 0, 0.35);\n      transform: rotate(0deg) scale(1.06) translateY(-14px) !important;\n      z-index: 50 !important;\n      box-shadow:\n        0 35px 70px rgba(0,0,0,0.3),\n        0 15px 30px rgba(0,0,0,0.12),\n        0 2px 8px rgba(255,255,255,0.35) inset,\n        0 0 70px rgba(255, 140, 0, 0.25) !important;\n    }\n    .ms-ultra-glass .ug-box.touch-active .symbol {\n      transform: scale(1.2) rotate(8deg);\n      text-shadow:\n        0 0 30px rgba(255,140,0,1),\n        0 0 80px rgba(255,140,0,0.9),\n        0 0 150px rgba(255,140,0,0.5);\n    }\n    .ms-ultra-glass .ug-box.touch-active .glow-ring {\n      transform: translate(-50%, -55%) scale(1.3);\n      opacity: 1;\n      border-color: rgba(255, 140, 0, 0.3);\n    }\n    .ms-ultra-glass .ug-box.touch-active .particles {\n      opacity: 1;\n    }\n    .ms-ultra-glass .ug-box.touch-active .rainbow-border {\n      opacity: 1;\n    }\n    .ms-ultra-glass .ug-box.touch-active .card-label {\n      background: linear-gradient(180deg, rgba(255,140,0,0.05), rgba(255,140,0,0.12));\n      text-shadow:\n        0 0 18px rgba(255,140,0,1),\n        0 0 50px rgba(255,140,0,0.7);\n    }\n  `;\n  document.head.appendChild(touchStyle);\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2002256 e-con-full e-flex e-con e-parent\" data-id=\"2002256\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e892635 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"e892635\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n<title>\u0645\u0633\u0627\u0628\u0642\u0647 \u0631\u06cc\u0627\u0636\u06cc<\/title>\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   \u062a\u0645\u0627\u0645 \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627 \u0641\u0642\u0637 \u062f\u0627\u062e\u0644 .math-arena-pro\r\n   \u0647\u06cc\u0686 \u062a\u0623\u062b\u06cc\u0631\u06cc \u0631\u0648\u06cc \u0628\u0642\u06cc\u0647 \u0633\u0627\u06cc\u062a \u0646\u062f\u0627\u0631\u0646\u062f\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.math-arena-pro *,\r\n.math-arena-pro *::before,\r\n.math-arena-pro *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.math-arena-pro {\r\n  --map-orange:        #FF7A00;\r\n  --map-orange-light:  #FFB35A;\r\n  --map-orange-glow:   rgba(255,122,0,0.28);\r\n  --map-glass-bg:      rgba(255,255,255,0.62);\r\n  --map-glass-border:  rgba(255,255,255,0.82);\r\n  --map-text:          #1a1a2e;\r\n  --map-text-soft:     #55557a;\r\n  --map-success:       #00C896;\r\n  --map-error:         #FF4757;\r\n  --map-radius:        24px;\r\n  --map-radius-sm:     14px;\r\n\r\n  direction: rtl;\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont,\r\n               \"Segoe UI\", Tahoma, sans-serif;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 24px 12px 32px;\r\n  position: relative;\r\n  \/* \u2705 \u0628\u062f\u0648\u0646 background - \u0634\u0641\u0627\u0641 *\/\r\n  background: transparent;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 \u0644\u0627\u06cc\u0647\u200c\u0647\u0627\u06cc \u062f\u06a9\u0648\u0631\u06cc \u2550\u2550\u2550 *\/\r\n.math-arena-pro .map-deco {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  animation: map-floatDeco 20s ease-in-out infinite alternate;\r\n}\r\n.math-arena-pro .map-deco-1 {\r\n  width: 280px; height: 280px;\r\n  background: radial-gradient(circle,\r\n    rgba(255,122,0,0.18) 0%, transparent 70%);\r\n  top: -60px; right: -60px;\r\n  filter: blur(30px);\r\n}\r\n.math-arena-pro .map-deco-2 {\r\n  width: 240px; height: 240px;\r\n  background: radial-gradient(circle,\r\n    rgba(255,179,90,0.15) 0%, transparent 70%);\r\n  bottom: -50px; left: -50px;\r\n  filter: blur(25px);\r\n  animation-delay: -8s;\r\n}\r\n.math-arena-pro .map-deco-3 {\r\n  width: 160px; height: 160px;\r\n  background: radial-gradient(circle,\r\n    rgba(255,122,0,0.1) 0%, transparent 70%);\r\n  top: 50%; left: 20%;\r\n  filter: blur(20px);\r\n  animation-delay: -4s;\r\n}\r\n\r\n@keyframes map-floatDeco {\r\n  0%   { transform: translate(0, 0) scale(1); }\r\n  33%  { transform: translate(12px, -18px) scale(1.05); }\r\n  66%  { transform: translate(-8px, 10px) scale(0.97); }\r\n  100% { transform: translate(6px, -8px) scale(1.02); }\r\n}\r\n\r\n\/* \u2550\u2550\u2550 wrapper \u2550\u2550\u2550 *\/\r\n.math-arena-pro .map-wrapper {\r\n  width: 100%;\r\n  max-width: 1060px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 \u06a9\u0627\u0631\u062a \u0627\u0635\u0644\u06cc - Glass \u2550\u2550\u2550 *\/\r\n.math-arena-pro .map-card {\r\n  background: var(--map-glass-bg);\r\n  backdrop-filter: blur(24px) saturate(180%);\r\n  -webkit-backdrop-filter: blur(24px) saturate(180%);\r\n  border: 1px solid var(--map-glass-border);\r\n  border-radius: var(--map-radius);\r\n  padding: 24px 22px 28px;\r\n  box-shadow:\r\n    0 20px 60px rgba(255,122,0,0.10),\r\n    0 4px 16px rgba(0,0,0,0.06),\r\n    inset 0 1px 0 rgba(255,255,255,0.95);\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: transform 0.35s cubic-bezier(.34,1.56,.64,1),\r\n              box-shadow 0.35s ease;\r\n}\r\n.math-arena-pro .map-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg,\r\n    rgba(255,255,255,0.45) 0%,\r\n    rgba(255,255,255,0.05) 100%);\r\n  pointer-events: none;\r\n  border-radius: inherit;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 \u0647\u062f\u0631 \u2550\u2550\u2550 *\/\r\n.math-arena-pro .map-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n  gap: 14px;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 20px;\r\n}\r\n.math-arena-pro .map-brand-title {\r\n  font-size: 1.65rem;\r\n  font-weight: 900;\r\n  background: linear-gradient(135deg, var(--map-orange), var(--map-orange-light));\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  letter-spacing: 0.02em;\r\n}\r\n.math-arena-pro .map-brand-sub {\r\n  font-size: 0.82rem;\r\n  color: var(--map-text-soft);\r\n  margin-top: 3px;\r\n}\r\n.math-arena-pro .map-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  margin-top: 8px;\r\n  padding: 5px 13px;\r\n  border-radius: 999px;\r\n  background: rgba(255,122,0,0.09);\r\n  border: 1px solid rgba(255,122,0,0.28);\r\n  font-size: 0.78rem;\r\n  color: var(--map-orange);\r\n  font-weight: 600;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 \u0686\u06cc\u067e\u200c\u0647\u0627\u06cc \u0622\u0645\u0627\u0631 \u2550\u2550\u2550 *\/\r\n.math-arena-pro .map-top-stats {\r\n  display: flex;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n  align-items: flex-start;\r\n}\r\n.math-arena-pro .map-stat-chip {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 8px 14px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.7);\r\n  border: 1px solid rgba(255,122,0,0.22);\r\n  font-size: 0.82rem;\r\n  color: var(--map-text-soft);\r\n  backdrop-filter: blur(10px);\r\n  box-shadow: 0 2px 8px rgba(255,122,0,0.08);\r\n}\r\n.math-arena-pro .map-stat-chip .value {\r\n  font-weight: 800;\r\n  color: var(--map-orange);\r\n  font-size: 1rem;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 \u0646\u0648\u0627\u0631 \u062a\u0627\u06cc\u0645\u0631 \u2550\u2550\u2550 *\/\r\n.math-arena-pro .map-timer-wrapper {\r\n  width: 100%;\r\n  height: 10px;\r\n  border-radius: 999px;\r\n  background: rgba(0,0,0,0.07);\r\n  overflow: hidden;\r\n  margin-bottom: 22px;\r\n  position: relative;\r\n  box-shadow: inset 0 1px 3px rgba(0,0,0,0.08);\r\n}\r\n.math-arena-pro .map-timer-bar {\r\n  height: 100%;\r\n  width: 100%;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg,\r\n    #FF7A00 0%, #FF9A3C 50%, #FFD700 100%);\r\n  transition: width 0.18s linear;\r\n  position: relative;\r\n  box-shadow: 0 0 14px rgba(255,122,0,0.55);\r\n}\r\n.math-arena-pro .map-timer-bar::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0; right: 0;\r\n  width: 40px; height: 100%;\r\n  background: rgba(255,255,255,0.4);\r\n  border-radius: 999px;\r\n  animation: map-timerShine 1.5s ease-in-out infinite;\r\n}\r\n@keyframes map-timerShine {\r\n  0%,100% { opacity: 0.3; }\r\n  50%      { opacity: 0.8; }\r\n}\r\n\r\n\/* \u2550\u2550\u2550 \u06af\u0631\u06cc\u062f \u0627\u0635\u0644\u06cc \u2550\u2550\u2550 *\/\r\n.math-arena-pro .map-main {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 2fr) minmax(0, 1.35fr);\r\n  gap: 18px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 \u067e\u0646\u0644 \u0633\u0648\u0627\u0644 - Glass \u2550\u2550\u2550 *\/\r\n.math-arena-pro .map-question-panel {\r\n  background: rgba(255,255,255,0.55);\r\n  backdrop-filter: blur(18px) saturate(160%);\r\n  -webkit-backdrop-filter: blur(18px) saturate(160%);\r\n  border: 1px solid rgba(255,255,255,0.78);\r\n  border-radius: var(--map-radius);\r\n  padding: 20px 18px 22px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n  box-shadow:\r\n    0 10px 40px rgba(255,122,0,0.09),\r\n    0 2px 8px rgba(0,0,0,0.05),\r\n    inset 0 1px 0 rgba(255,255,255,0.92);\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: transform 0.3s cubic-bezier(.34,1.56,.64,1),\r\n              box-shadow 0.3s ease;\r\n}\r\n.math-arena-pro .map-question-panel::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 200px; height: 200px;\r\n  background: radial-gradient(circle,\r\n    rgba(255,179,90,0.22) 0%, transparent 70%);\r\n  top: -80px; left: -60px;\r\n  pointer-events: none;\r\n  animation: map-floatDeco 15s ease-in-out infinite alternate;\r\n}\r\n.math-arena-pro .map-question-panel:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow:\r\n    0 18px 50px rgba(255,122,0,0.14),\r\n    0 4px 12px rgba(0,0,0,0.07),\r\n    inset 0 1px 0 rgba(255,255,255,0.95);\r\n}\r\n\r\n\/* \u0645\u062a\u0627\u06cc \u0633\u0648\u0627\u0644 *\/\r\n.math-arena-pro .map-question-meta {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  font-size: 0.8rem;\r\n  color: var(--map-text-soft);\r\n}\r\n.math-arena-pro .map-question-tag {\r\n  padding: 4px 11px;\r\n  border-radius: 999px;\r\n  background: rgba(255,122,0,0.10);\r\n  color: var(--map-orange);\r\n  border: 1px solid rgba(255,122,0,0.25);\r\n  font-weight: 600;\r\n}\r\n\r\n\/* \u2705 \u0645\u062a\u0646 \u0633\u0648\u0627\u0644 - LTR \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0635\u062d\u06cc\u062d \u0641\u0631\u0645\u0648\u0644 *\/\r\n.math-arena-pro .map-question-text {\r\n  font-size: 2.4rem;\r\n  font-weight: 900;\r\n  color: var(--map-text);\r\n  direction: ltr;\r\n  text-align: center;\r\n  letter-spacing: 0.04em;\r\n  padding: 10px 0;\r\n  min-height: 80px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  unicode-bidi: isolate;\r\n  transition: opacity 0.15s ease, transform 0.15s ease;\r\n}\r\n.math-arena-pro .map-question-text.map-q-enter {\r\n  animation: map-slideInRight 0.28s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n.math-arena-pro .map-question-text.map-q-correct {\r\n  animation: map-popCorrect 0.35s ease;\r\n}\r\n.math-arena-pro .map-question-text.map-q-wrong {\r\n  animation: map-shakeWrong 0.4s ease;\r\n}\r\n\r\n@keyframes map-slideInRight {\r\n  from { opacity:0; transform: translateX(-20px) scale(0.95); }\r\n  to   { opacity:1; transform: translateX(0) scale(1); }\r\n}\r\n@keyframes map-popCorrect {\r\n  0%   { transform: scale(1); }\r\n  40%  { transform: scale(1.08); color: var(--map-success); }\r\n  100% { transform: scale(1); }\r\n}\r\n@keyframes map-shakeWrong {\r\n  0%,100% { transform: translateX(0); }\r\n  20%     { transform: translateX(-8px); }\r\n  40%     { transform: translateX(8px); }\r\n  60%     { transform: translateX(-6px); }\r\n  80%     { transform: translateX(6px); }\r\n}\r\n\r\n\/* \u2550\u2550\u2550 \u0631\u062f\u06cc\u0641 \u062c\u0648\u0627\u0628 \u2550\u2550\u2550 *\/\r\n.math-arena-pro .map-answer-row {\r\n  display: flex;\r\n  gap: 10px;\r\n}\r\n.math-arena-pro .map-answer-input {\r\n  flex: 1;\r\n  padding: 11px 14px;\r\n  border-radius: var(--map-radius-sm);\r\n  border: 1.5px solid rgba(255,122,0,0.22);\r\n  background: rgba(255,255,255,0.75);\r\n  backdrop-filter: blur(10px);\r\n  font-size: 1rem;\r\n  font-family: inherit;\r\n  color: var(--map-text);\r\n  outline: none;\r\n  transition: border 0.18s ease, box-shadow 0.18s ease, transform 0.15s ease;\r\n  direction: ltr;\r\n  text-align: center;\r\n}\r\n.math-arena-pro .map-answer-input:focus {\r\n  border-color: var(--map-orange);\r\n  box-shadow: 0 0 0 4px rgba(255,122,0,0.14);\r\n  transform: translateY(-1px);\r\n}\r\n.math-arena-pro .map-answer-input:disabled {\r\n  opacity: 0.5;\r\n  cursor: not-allowed;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u2550\u2550\u2550 *\/\r\n.math-arena-pro .map-btn {\r\n  border: none;\r\n  border-radius: var(--map-radius-sm);\r\n  padding: 11px 20px;\r\n  font-size: 0.95rem;\r\n  font-weight: 700;\r\n  font-family: inherit;\r\n  cursor: pointer;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: transform 0.2s cubic-bezier(.34,1.56,.64,1),\r\n              box-shadow 0.2s ease,\r\n              background 0.2s ease;\r\n  white-space: nowrap;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 6px;\r\n}\r\n.math-arena-pro .map-btn::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg,\r\n    rgba(255,255,255,0.22) 0%,\r\n    rgba(255,255,255,0) 60%);\r\n  pointer-events: none;\r\n}\r\n.math-arena-pro .map-btn::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(circle at center,\r\n    rgba(255,255,255,0.55), transparent 65%);\r\n  opacity: 0;\r\n  transform: scale(0.4);\r\n  transition: opacity 0.25s ease, transform 0.25s ease;\r\n}\r\n.math-arena-pro .map-btn:active::after {\r\n  opacity: 1;\r\n  transform: scale(1.2);\r\n}\r\n\r\n\/* \u062f\u06a9\u0645\u0647 \u0627\u0635\u0644\u06cc \u0646\u0627\u0631\u0646\u062c\u06cc *\/\r\n.math-arena-pro .map-btn-primary {\r\n  background: linear-gradient(135deg,\r\n    #FF7A00 0%, #FF9A3C 55%, #FFB35A 100%);\r\n  color: #ffffff;\r\n  box-shadow:\r\n    0 6px 22px rgba(255,122,0,0.48),\r\n    0 1px 4px rgba(0,0,0,0.1),\r\n    inset 0 1px 0 rgba(255,255,255,0.28);\r\n}\r\n.math-arena-pro .map-btn-primary:hover:not(:disabled) {\r\n  transform: translateY(-2px) scale(1.03);\r\n  box-shadow:\r\n    0 10px 32px rgba(255,122,0,0.62),\r\n    0 2px 8px rgba(0,0,0,0.12),\r\n    inset 0 1px 0 rgba(255,255,255,0.3);\r\n}\r\n.math-arena-pro .map-btn-primary:active:not(:disabled) {\r\n  transform: translateY(0) scale(0.98);\r\n}\r\n\r\n\/* \u062f\u06a9\u0645\u0647 ghost *\/\r\n.math-arena-pro .map-btn-ghost {\r\n  background: rgba(255,122,0,0.08);\r\n  color: var(--map-orange);\r\n  border: 1.5px solid rgba(255,122,0,0.30);\r\n  box-shadow: none;\r\n}\r\n.math-arena-pro .map-btn-ghost:hover:not(:disabled) {\r\n  background: rgba(255,122,0,0.14);\r\n  transform: translateY(-1px);\r\n}\r\n.math-arena-pro .map-btn-ghost:disabled {\r\n  opacity: 0.45;\r\n  cursor: not-allowed;\r\n}\r\n\r\n\/* \u062f\u06a9\u0645\u0647 \u0634\u0631\u0648\u0639 - glowing *\/\r\n.math-arena-pro .map-btn-start {\r\n  animation: map-startGlow 2s ease-in-out infinite alternate;\r\n}\r\n@keyframes map-startGlow {\r\n  from { box-shadow: 0 6px 22px rgba(255,122,0,0.48), inset 0 1px 0 rgba(255,255,255,0.28); }\r\n  to   { box-shadow: 0 10px 40px rgba(255,122,0,0.70), 0 0 20px rgba(255,179,90,0.4), inset 0 1px 0 rgba(255,255,255,0.28); }\r\n}\r\n\r\n.math-arena-pro .map-btn:disabled {\r\n  opacity: 0.5;\r\n  cursor: not-allowed;\r\n  animation: none;\r\n}\r\n\r\n\/* \u0631\u062f\u06cc\u0641 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0627\u06a9\u0634\u0646 *\/\r\n.math-arena-pro .map-actions-row {\r\n  display: flex;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 \u0628\u0627\u0632\u062e\u0648\u0631\u062f \u2550\u2550\u2550 *\/\r\n.math-arena-pro .map-feedback {\r\n  font-size: 0.92rem;\r\n  font-weight: 600;\r\n  min-height: 22px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 0 2px;\r\n  transition: all 0.2s ease;\r\n}\r\n.math-arena-pro .map-feedback.map-correct {\r\n  color: var(--map-success);\r\n}\r\n.math-arena-pro .map-feedback.map-wrong {\r\n  color: var(--map-error);\r\n}\r\n\r\n\/* \u2550\u2550\u2550 \u067e\u0646\u0644 \u06a9\u0646\u0627\u0631\u06cc - Glass \u2550\u2550\u2550 *\/\r\n.math-arena-pro .map-side-panel {\r\n  background: rgba(255,255,255,0.52);\r\n  backdrop-filter: blur(18px) saturate(160%);\r\n  -webkit-backdrop-filter: blur(18px) saturate(160%);\r\n  border: 1px solid rgba(255,255,255,0.75);\r\n  border-radius: var(--map-radius);\r\n  padding: 18px 16px 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n  box-shadow:\r\n    0 10px 40px rgba(255,122,0,0.08),\r\n    0 2px 8px rgba(0,0,0,0.05),\r\n    inset 0 1px 0 rgba(255,255,255,0.90);\r\n}\r\n.math-arena-pro .map-side-title {\r\n  font-size: 0.82rem;\r\n  font-weight: 800;\r\n  color: var(--map-orange);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.06em;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n}\r\n.math-arena-pro .map-side-title::before {\r\n  content: \"\";\r\n  width: 3px; height: 14px;\r\n  background: linear-gradient(180deg,\r\n    var(--map-orange), var(--map-orange-light));\r\n  border-radius: 999px;\r\n  display: inline-block;\r\n}\r\n\r\n\/* \u0627\u0645\u062a\u06cc\u0627\u0632 *\/\r\n.math-arena-pro .map-score-card {\r\n  background: rgba(255,122,0,0.07);\r\n  border: 1px solid rgba(255,122,0,0.18);\r\n  border-radius: 16px;\r\n  padding: 12px 14px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n.math-arena-pro .map-score-label {\r\n  font-size: 0.82rem;\r\n  color: var(--map-text-soft);\r\n}\r\n.math-arena-pro .map-score-value {\r\n  font-size: 2.1rem;\r\n  font-weight: 900;\r\n  background: linear-gradient(135deg,\r\n    var(--map-orange), var(--map-orange-light));\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  line-height: 1;\r\n  direction: ltr;\r\n}\r\n\r\n\/* \u06a9\u0627\u0645\u0628\u0648 *\/\r\n.math-arena-pro .map-combo-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 14px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(135deg,\r\n    rgba(255,122,0,0.12), rgba(255,179,90,0.12));\r\n  border: 1.5px solid rgba(255,122,0,0.30);\r\n  font-size: 0.85rem;\r\n  font-weight: 700;\r\n  color: var(--map-orange);\r\n  animation: map-comboPulse 0.8s ease-in-out infinite alternate;\r\n}\r\n.math-arena-pro .map-combo-badge .combo-num {\r\n  font-size: 1.2rem;\r\n  font-weight: 900;\r\n  direction: ltr;\r\n}\r\n@keyframes map-comboPulse {\r\n  from {\r\n    transform: scale(1);\r\n    box-shadow: 0 0 0 rgba(255,122,0,0);\r\n  }\r\n  to {\r\n    transform: scale(1.04);\r\n    box-shadow: 0 0 18px rgba(255,122,0,0.45);\r\n  }\r\n}\r\n\r\n\/* \u0633\u0637\u062d \u0633\u062e\u062a\u06cc *\/\r\n.math-arena-pro .map-difficulty-row {\r\n  display: flex;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n}\r\n.math-arena-pro .map-diff-pill {\r\n  padding: 6px 12px;\r\n  border-radius: 999px;\r\n  border: 1.5px solid rgba(255,122,0,0.28);\r\n  font-size: 0.8rem;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  background: rgba(255,255,255,0.6);\r\n  color: var(--map-orange);\r\n  transition: all 0.2s cubic-bezier(.34,1.56,.64,1);\r\n  font-family: inherit;\r\n}\r\n.math-arena-pro .map-diff-pill:hover {\r\n  background: rgba(255,122,0,0.10);\r\n  transform: translateY(-1px);\r\n}\r\n.math-arena-pro .map-diff-pill.map-active {\r\n  background: linear-gradient(135deg,\r\n    var(--map-orange), var(--map-orange-light));\r\n  color: #fff;\r\n  border-color: transparent;\r\n  box-shadow: 0 4px 16px rgba(255,122,0,0.45);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* \u062a\u0627\u0631\u06cc\u062e\u0686\u0647 *\/\r\n.math-arena-pro .map-history-list {\r\n  max-height: 190px;\r\n  overflow-y: auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n  padding-left: 2px;\r\n}\r\n.math-arena-pro .map-history-list::-webkit-scrollbar {\r\n  width: 4px;\r\n}\r\n.math-arena-pro .map-history-list::-webkit-scrollbar-track {\r\n  background: rgba(0,0,0,0.04);\r\n  border-radius: 999px;\r\n}\r\n.math-arena-pro .map-history-list::-webkit-scrollbar-thumb {\r\n  background: rgba(255,122,0,0.35);\r\n  border-radius: 999px;\r\n}\r\n\r\n.math-arena-pro .map-history-item {\r\n  font-size: 0.78rem;\r\n  padding: 5px 8px;\r\n  border-radius: 10px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 8px;\r\n  animation: map-historyIn 0.25s ease;\r\n}\r\n@keyframes map-historyIn {\r\n  from { opacity:0; transform: translateY(-6px); }\r\n  to   { opacity:1; transform: translateY(0); }\r\n}\r\n.math-arena-pro .map-history-item.map-his-correct {\r\n  background: rgba(0,200,150,0.09);\r\n  border: 1px solid rgba(0,200,150,0.22);\r\n}\r\n.math-arena-pro .map-history-item.map-his-wrong {\r\n  background: rgba(255,71,87,0.08);\r\n  border: 1px solid rgba(255,71,87,0.20);\r\n}\r\n.math-arena-pro .map-his-q {\r\n  color: var(--map-text-soft);\r\n  direction: ltr;\r\n  font-family: monospace;\r\n  font-size: 0.8rem;\r\n}\r\n.math-arena-pro .map-his-r {\r\n  font-weight: 700;\r\n  white-space: nowrap;\r\n}\r\n.math-arena-pro .map-history-item.map-his-correct .map-his-r {\r\n  color: var(--map-success);\r\n}\r\n.math-arena-pro .map-history-item.map-his-wrong .map-his-r {\r\n  color: var(--map-error);\r\n}\r\n\r\n\/* \u2550\u2550\u2550 \u0635\u0641\u062d\u0647 \u067e\u0627\u06cc\u0627\u0646 \u0628\u0627\u0632\u06cc \u2550\u2550\u2550 *\/\r\n.math-arena-pro .map-game-over {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(255,255,255,0.88);\r\n  backdrop-filter: blur(18px) saturate(160%);\r\n  -webkit-backdrop-filter: blur(18px) saturate(160%);\r\n  display: none;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 14px;\r\n  text-align: center;\r\n  border-radius: var(--map-radius);\r\n  z-index: 10;\r\n  animation: map-gameOverIn 0.4s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n@keyframes map-gameOverIn {\r\n  from { opacity:0; transform: scale(0.9); }\r\n  to   { opacity:1; transform: scale(1); }\r\n}\r\n.math-arena-pro .map-game-over.map-show {\r\n  display: flex;\r\n}\r\n.math-arena-pro .map-go-icon {\r\n  font-size: 3rem;\r\n  animation: map-goIconBounce 0.6s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n@keyframes map-goIconBounce {\r\n  from { transform: scale(0) rotate(-20deg); }\r\n  to   { transform: scale(1) rotate(0deg); }\r\n}\r\n.math-arena-pro .map-go-title {\r\n  font-size: 1.8rem;\r\n  font-weight: 900;\r\n  background: linear-gradient(135deg,\r\n    var(--map-orange), var(--map-orange-light));\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n.math-arena-pro .map-go-stats {\r\n  display: flex;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n}\r\n.math-arena-pro .map-go-stat {\r\n  background: rgba(255,122,0,0.08);\r\n  border: 1px solid rgba(255,122,0,0.22);\r\n  border-radius: 16px;\r\n  padding: 12px 20px;\r\n  text-align: center;\r\n}\r\n.math-arena-pro .map-go-stat-val {\r\n  font-size: 2rem;\r\n  font-weight: 900;\r\n  color: var(--map-orange);\r\n  direction: ltr;\r\n  display: block;\r\n}\r\n.math-arena-pro .map-go-stat-label {\r\n  font-size: 0.78rem;\r\n  color: var(--map-text-soft);\r\n  display: block;\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u2550\u2550\u2550 *\/\r\n@media (max-width: 860px) {\r\n  .math-arena-pro .map-main {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .math-arena-pro .map-side-panel {\r\n    order: -1;\r\n  }\r\n  .math-arena-pro .map-difficulty-row {\r\n    justify-content: flex-start;\r\n  }\r\n}\r\n@media (max-width: 560px) {\r\n  .math-arena-pro .map-card {\r\n    padding: 18px 14px 22px;\r\n    border-radius: 20px;\r\n  }\r\n  .math-arena-pro .map-brand-title {\r\n    font-size: 1.4rem;\r\n  }\r\n  .math-arena-pro .map-question-text {\r\n    font-size: 1.9rem;\r\n  }\r\n  .math-arena-pro .map-answer-row {\r\n    flex-direction: column;\r\n  }\r\n  .math-arena-pro .map-btn {\r\n    width: 100%;\r\n  }\r\n  .math-arena-pro .map-header {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n  .math-arena-pro .map-top-stats {\r\n    flex-direction: row;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!--              HTML MARKUP               -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"math-arena-pro\">\r\n  <!-- \u0627\u0634\u06a9\u0627\u0644 \u062f\u06a9\u0648\u0631\u06cc -->\r\n  <div class=\"map-deco map-deco-1\"><\/div>\r\n  <div class=\"map-deco map-deco-2\"><\/div>\r\n  <div class=\"map-deco map-deco-3\"><\/div>\r\n\r\n  <div class=\"map-wrapper\">\r\n    <div class=\"map-card\">\r\n\r\n      <!-- \u2550\u2550 \u0647\u062f\u0631 \u2550\u2550 -->\r\n      <div class=\"map-header\">\r\n        <div class=\"map-brand\">\r\n          <div class=\"map-brand-title\">\u26a1 \u0645\u0633\u0627\u0628\u0642\u0647 \u0631\u06cc\u0627\u0636\u06cc<\/div>\r\n          <div class=\"map-brand-sub\">\u0645\u0633\u0627\u0628\u0642\u0647 \u0633\u0631\u0639\u062a\u06cc - \u062a\u0645 \u06af\u0644\u0627\u0633<\/div>\r\n          <div class=\"map-badge\">\ud83c\udfc6 \u062d\u0627\u0644\u062a \u0645\u0633\u0627\u0628\u0642\u0647 \u0641\u0639\u0627\u0644<\/div>\r\n        <\/div>\r\n        <div class=\"map-top-stats\">\r\n          <div class=\"map-stat-chip\">\r\n            \u23f1 \u0632\u0645\u0627\u0646: <span class=\"value\" id=\"map-time\">60<\/span>s\r\n          <\/div>\r\n          <div class=\"map-stat-chip\">\r\n            \ud83c\udfaf \u0633\u0648\u0627\u0644: <span class=\"value\" id=\"map-qcount\">0<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u2550\u2550 \u0646\u0648\u0627\u0631 \u062a\u0627\u06cc\u0645\u0631 \u2550\u2550 -->\r\n      <div class=\"map-timer-wrapper\">\r\n        <div class=\"map-timer-bar\" id=\"map-timer-bar\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- \u2550\u2550 \u06af\u0631\u06cc\u062f \u0627\u0635\u0644\u06cc \u2550\u2550 -->\r\n      <div class=\"map-main\">\r\n\r\n        <!-- \u067e\u0646\u0644 \u0633\u0648\u0627\u0644 -->\r\n        <div class=\"map-question-panel\">\r\n          <div class=\"map-question-meta\">\r\n            <span>\u0633\u0648\u0627\u0644 \u0641\u0639\u0644\u06cc<\/span>\r\n            <span class=\"map-question-tag\" id=\"map-diff-label\">\u0633\u0637\u062d: \u0622\u0633\u0627\u0646<\/span>\r\n          <\/div>\r\n\r\n          <!-- \u2705 \u0645\u062a\u0646 \u0633\u0648\u0627\u0644 \u0628\u0627 direction=ltr -->\r\n          <div class=\"map-question-text\" id=\"map-question-text\">\r\n            \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u062f\u06a9\u0645\u0647 \u00ab\u0634\u0631\u0648\u0639 \u0645\u0633\u0627\u0628\u0642\u0647\u00bb \u0631\u0627 \u0628\u0632\u0646\r\n          <\/div>\r\n\r\n          <div class=\"map-answer-row\">\r\n            <input type=\"number\"\r\n                   id=\"map-answer-input\"\r\n                   class=\"map-answer-input\"\r\n                   placeholder=\"\u062c\u0648\u0627\u0628\u061f\"\r\n                   disabled \/>\r\n            <button class=\"map-btn map-btn-primary\"\r\n                    id=\"map-submit-btn\"\r\n                    disabled>\u2713 \u062b\u0628\u062a<\/button>\r\n          <\/div>\r\n\r\n          <div class=\"map-feedback\" id=\"map-feedback\"><\/div>\r\n\r\n          <div class=\"map-actions-row\">\r\n            <button class=\"map-btn map-btn-ghost\"\r\n                    id=\"map-next-btn\"\r\n                    disabled>\u27e9 \u0633\u0648\u0627\u0644 \u0628\u0639\u062f\u06cc<\/button>\r\n            <button class=\"map-btn map-btn-primary map-btn-start\"\r\n                    id=\"map-start-btn\">\u25b6 \u0634\u0631\u0648\u0639 \u0645\u0633\u0627\u0628\u0642\u0647<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u067e\u0646\u0644 \u06a9\u0646\u0627\u0631\u06cc -->\r\n        <div class=\"map-side-panel\">\r\n          <div class=\"map-side-title\">\u0627\u0645\u062a\u06cc\u0627\u0632<\/div>\r\n          <div class=\"map-score-card\">\r\n            <div class=\"map-score-label\">\u0645\u062c\u0645\u0648\u0639 \u0627\u0645\u062a\u06cc\u0627\u0632<\/div>\r\n            <div class=\"map-score-value\" id=\"map-score\">0<\/div>\r\n          <\/div>\r\n\r\n          <div id=\"map-combo-badge\"\r\n               class=\"map-combo-badge\"\r\n               style=\"display:none;\">\r\n            \ud83d\udd25 \u06a9\u0627\u0645\u0628\u0648\r\n            <span class=\"combo-num\" id=\"map-combo-num\">0<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"map-side-title\">\u0633\u0637\u062d \u0633\u062e\u062a\u06cc<\/div>\r\n          <div class=\"map-difficulty-row\">\r\n            <button class=\"map-diff-pill map-active\"\r\n                    data-level=\"easy\">\u0622\u0633\u0627\u0646<\/button>\r\n            <button class=\"map-diff-pill\"\r\n                    data-level=\"medium\">\u0645\u062a\u0648\u0633\u0637<\/button>\r\n            <button class=\"map-diff-pill\"\r\n                    data-level=\"hard\">\u0633\u062e\u062a<\/button>\r\n          <\/div>\r\n\r\n          <div class=\"map-side-title\">\u062a\u0627\u0631\u06cc\u062e\u0686\u0647<\/div>\r\n          <div class=\"map-history-list\" id=\"map-history-list\">\r\n            <div style=\"font-size:0.78rem;color:#aaa;text-align:center;padding:10px 0;\">\r\n              \u0647\u0646\u0648\u0632 \u067e\u0627\u0633\u062e\u06cc \u062b\u0628\u062a \u0646\u0634\u062f\u0647\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u2550\u2550 \u0635\u0641\u062d\u0647 \u067e\u0627\u06cc\u0627\u0646 \u0628\u0627\u0632\u06cc \u2550\u2550 -->\r\n      <div class=\"map-game-over\" id=\"map-game-over\">\r\n        <div class=\"map-go-icon\">\ud83c\udfc6<\/div>\r\n        <div class=\"map-go-title\">\u067e\u0627\u06cc\u0627\u0646 \u0645\u0633\u0627\u0628\u0642\u0647!<\/div>\r\n        <div class=\"map-go-stats\">\r\n          <div class=\"map-go-stat\">\r\n            <span class=\"map-go-stat-val\" id=\"map-final-score\">0<\/span>\r\n            <span class=\"map-go-stat-label\">\u0627\u0645\u062a\u06cc\u0627\u0632<\/span>\r\n          <\/div>\r\n          <div class=\"map-go-stat\">\r\n            <span class=\"map-go-stat-val\" id=\"map-final-q\">0<\/span>\r\n            <span class=\"map-go-stat-label\">\u0633\u0648\u0627\u0644<\/span>\r\n          <\/div>\r\n          <div class=\"map-go-stat\">\r\n            <span class=\"map-go-stat-val\" id=\"map-final-correct\">0<\/span>\r\n            <span class=\"map-go-stat-label\">\u062f\u0631\u0633\u062a<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <button class=\"map-btn map-btn-primary map-btn-start\"\r\n                id=\"map-restart-btn\">\ud83d\udd04 \u0634\u0631\u0648\u0639 \u062f\u0648\u0628\u0627\u0631\u0647<\/button>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/map-card -->\r\n  <\/div><!-- \/map-wrapper -->\r\n<\/div><!-- \/math-arena-pro -->\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  \/* \u2550\u2550 \u0627\u0644\u0645\u0646\u062a\u200c\u0647\u0627 \u2550\u2550 *\/\r\n  const $ = id => document.getElementById(id);\r\n  const qText    = $(\"map-question-text\");\r\n  const ansInput = $(\"map-answer-input\");\r\n  const submitBtn= $(\"map-submit-btn\");\r\n  const nextBtn  = $(\"map-next-btn\");\r\n  const startBtn = $(\"map-start-btn\");\r\n  const restartBtn=$(\"map-restart-btn\");\r\n  const timerBar = $(\"map-timer-bar\");\r\n  const timeEl   = $(\"map-time\");\r\n  const qCountEl = $(\"map-qcount\");\r\n  const scoreEl  = $(\"map-score\");\r\n  const feedbackEl=$(\"map-feedback\");\r\n  const historyEl= $(\"map-history-list\");\r\n  const gameOverEl=$(\"map-game-over\");\r\n  const finalScore=$(\"map-final-score\");\r\n  const finalQ   = $(\"map-final-q\");\r\n  const finalCorrect=$(\"map-final-correct\");\r\n  const comboBadge=$(\"map-combo-badge\");\r\n  const comboNum = $(\"map-combo-num\");\r\n  const diffLabel= $(\"map-diff-label\");\r\n  const diffPills= document.querySelectorAll(\r\n                   \".math-arena-pro .map-diff-pill\");\r\n\r\n  \/* \u2550\u2550 \u0648\u0636\u0639\u06cc\u062a \u2550\u2550 *\/\r\n  let answer   = null;\r\n  let score    = 0;\r\n  let qCount   = 0;\r\n  let correct  = 0;\r\n  let timeLeft = 60;\r\n  let combo    = 0;\r\n  let diff     = \"easy\";\r\n  let gameOn   = false;\r\n  let timer    = null;\r\n  let currentQ = \"\";\r\n  let firstHistory = true;\r\n\r\n  \/* \u2550\u2550 \u06a9\u0645\u06a9\u200c\u0631\u0633\u0627\u0646\u200c\u0647\u0627 \u2550\u2550 *\/\r\n  function rnd(a, b) {\r\n    return Math.floor(Math.random() * (b - a + 1)) + a;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     \u2705 \u062a\u0648\u0644\u06cc\u062f \u0633\u0648\u0627\u0644 \u0628\u062f\u0648\u0646 \u0628\u0627\u06af \u062c\u0647\u062a \u0627\u0639\u062f\u0627\u062f\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  function makeQuestion() {\r\n    let a, b, op, text, ans;\r\n    const t = Math.random();\r\n\r\n    if (diff === \"easy\") {\r\n      if (t < 0.5) {\r\n        a = rnd(5, 45); b = rnd(5, 45);\r\n        op = \"+\"; ans = a + b;\r\n      } else {\r\n        \/* \u2705 \u062a\u0636\u0645\u06cc\u0646 a >= b \u062a\u0627 \u062a\u0641\u0631\u06cc\u0642 \u0645\u0646\u0641\u06cc \u0646\u0634\u0648\u062f *\/\r\n        b = rnd(3, 25);\r\n        a = rnd(b, 50);\r\n        op = \"\u2212\"; ans = a - b;\r\n      }\r\n    } else if (diff === \"medium\") {\r\n      if (t < 0.38) {\r\n        a = rnd(20, 90); b = rnd(10, 70);\r\n        op = \"+\"; ans = a + b;\r\n      } else if (t < 0.75) {\r\n        b = rnd(5, 40);\r\n        a = rnd(b, 99);\r\n        op = \"\u2212\"; ans = a - b;\r\n      } else {\r\n        a = rnd(2, 12); b = rnd(2, 12);\r\n        op = \"\u00d7\"; ans = a * b;\r\n      }\r\n    } else {\r\n      if (t < 0.35) {\r\n        a = rnd(3, 15); b = rnd(3, 15);\r\n        op = \"\u00d7\"; ans = a * b;\r\n      } else if (t < 0.70) {\r\n        \/* \u2705 \u062a\u0642\u0633\u06cc\u0645 \u0628\u062f\u0648\u0646 \u0628\u0627\u0642\u06cc\u0645\u0627\u0646\u062f\u0647 *\/\r\n        b = rnd(2, 12);\r\n        ans = rnd(2, 12);\r\n        a = b * ans;\r\n        op = \"\u00f7\";\r\n      } else {\r\n        b = rnd(10, 40);\r\n        a = rnd(b, 99);\r\n        op = \"\u2212\"; ans = a - b;\r\n      }\r\n    }\r\n\r\n    \/* \u2705 \u0641\u0631\u0645\u0648\u0644 \u0628\u0647 \u0635\u0648\u0631\u062a LTR (\u0639\u062f\u062f \u0627\u0648\u0644 op \u0639\u062f\u062f \u062f\u0648\u0645) *\/\r\n    text = `${a}  ${op}  ${b}  =  ?`;\r\n\r\n    qText.textContent = text;\r\n    currentQ = `${a} ${op} ${b}`;\r\n    answer = ans;\r\n\r\n    qCount++;\r\n    qCountEl.textContent = qCount;\r\n    feedbackEl.textContent = \"\";\r\n    feedbackEl.className = \"map-feedback\";\r\n\r\n    \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0648\u0631\u0648\u062f *\/\r\n    qText.classList.remove(\r\n      \"map-q-enter\",\"map-q-correct\",\"map-q-wrong\");\r\n    void qText.offsetWidth;\r\n    qText.classList.add(\"map-q-enter\");\r\n  }\r\n\r\n  \/* \u2550\u2550 \u0622\u067e\u062f\u06cc\u062a \u0646\u0648\u0627\u0631 \u0632\u0645\u0627\u0646 \u2550\u2550 *\/\r\n  function updateBar() {\r\n    timerBar.style.width = (timeLeft \/ 60 * 100) + \"%\";\r\n    \/* \u0631\u0646\u06af \u0642\u0631\u0645\u0632 \u0648\u0642\u062a\u06cc \u06a9\u0645\u062a\u0631 \u0627\u0632 10 \u062b\u0627\u0646\u06cc\u0647 *\/\r\n    if (timeLeft <= 10) {\r\n      timerBar.style.background =\r\n        \"linear-gradient(90deg,#FF4757,#FF8A5A)\";\r\n    } else {\r\n      timerBar.style.background =\r\n        \"linear-gradient(90deg,#FF7A00,#FF9A3C,#FFD700)\";\r\n    }\r\n  }\r\n\r\n  \/* \u2550\u2550 \u0634\u0631\u0648\u0639 \u0628\u0627\u0632\u06cc \u2550\u2550 *\/\r\n  function startGame() {\r\n    gameOn   = true;\r\n    score    = 0;\r\n    qCount   = 0;\r\n    correct  = 0;\r\n    timeLeft = 60;\r\n    combo    = 0;\r\n\r\n    scoreEl.textContent   = \"0\";\r\n    qCountEl.textContent  = \"0\";\r\n    timeEl.textContent    = \"60\";\r\n    historyEl.innerHTML   = \"\";\r\n    firstHistory          = true;\r\n    feedbackEl.textContent= \"\";\r\n    feedbackEl.className  = \"map-feedback\";\r\n    comboBadge.style.display = \"none\";\r\n    gameOverEl.classList.remove(\"map-show\");\r\n\r\n    ansInput.disabled  = false;\r\n    submitBtn.disabled = false;\r\n    nextBtn.disabled   = false;\r\n\r\n    updateBar();\r\n    makeQuestion();\r\n    ansInput.value = \"\";\r\n    ansInput.focus();\r\n\r\n    clearInterval(timer);\r\n    timer = setInterval(() => {\r\n      if (!gameOn) return;\r\n      timeLeft--;\r\n      timeEl.textContent = timeLeft;\r\n      updateBar();\r\n      if (timeLeft <= 0) endGame();\r\n    }, 1000);\r\n  }\r\n\r\n  \/* \u2550\u2550 \u067e\u0627\u06cc\u0627\u0646 \u0628\u0627\u0632\u06cc \u2550\u2550 *\/\r\n  function endGame() {\r\n    gameOn = false;\r\n    clearInterval(timer);\r\n    ansInput.disabled  = true;\r\n    submitBtn.disabled = true;\r\n    nextBtn.disabled   = true;\r\n\r\n    finalScore.textContent  = score;\r\n    finalQ.textContent      = qCount;\r\n    finalCorrect.textContent= correct;\r\n    gameOverEl.classList.add(\"map-show\");\r\n  }\r\n\r\n  \/* \u2550\u2550 \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0647 \u062a\u0627\u0631\u06cc\u062e\u0686\u0647 \u2550\u2550 *\/\r\n  function addHistory(isOk, userAns) {\r\n    if (firstHistory) {\r\n      historyEl.innerHTML = \"\";\r\n      firstHistory = false;\r\n    }\r\n    const item = document.createElement(\"div\");\r\n    item.className =\r\n      \"map-history-item \" +\r\n      (isOk ? \"map-his-correct\" : \"map-his-wrong\");\r\n\r\n    const qSpan = document.createElement(\"span\");\r\n    qSpan.className = \"map-his-q\";\r\n    qSpan.textContent = currentQ + \" =\";\r\n\r\n    const rSpan = document.createElement(\"span\");\r\n    rSpan.className = \"map-his-r\";\r\n    rSpan.textContent = isOk\r\n      ? `\u2714 ${userAns}`\r\n      : `\u2716 ${userAns} (${answer})`;\r\n\r\n    item.appendChild(qSpan);\r\n    item.appendChild(rSpan);\r\n    historyEl.prepend(item);\r\n\r\n    \/* \u0641\u0642\u0637 \u06f1\u06f0 \u0622\u06cc\u062a\u0645 \u0622\u062e\u0631 *\/\r\n    const items = historyEl.querySelectorAll(\".map-history-item\");\r\n    if (items.length > 10)\r\n      items[items.length - 1].remove();\r\n  }\r\n\r\n  \/* \u2550\u2550 \u067e\u0631\u062f\u0627\u0632\u0634 \u062c\u0648\u0627\u0628 \u2550\u2550 *\/\r\n  function handleAnswer() {\r\n    if (!gameOn || answer === null) return;\r\n    const raw = ansInput.value.trim();\r\n    if (raw === \"\") return;\r\n\r\n    const userAns = Number(raw);\r\n    const isOk = (userAns === answer);\r\n\r\n    \/* \u0645\u062d\u0627\u0633\u0628\u0647 \u0627\u0645\u062a\u06cc\u0627\u0632 *\/\r\n    if (isOk) {\r\n      combo++;\r\n      correct++;\r\n      const base = diff === \"easy\" ? 10 :\r\n                   diff === \"medium\" ? 16 : 25;\r\n      const timeBonus = timeLeft <= 10 ? 5 : 0;\r\n      const gained = base + combo * 3 + timeBonus;\r\n      score += gained;\r\n\r\n      feedbackEl.textContent = `\u2705 \u0622\u0641\u0631\u06cc\u0646! +${gained} \u0627\u0645\u062a\u06cc\u0627\u0632`;\r\n      feedbackEl.className = \"map-feedback map-correct\";\r\n\r\n      comboBadge.style.display = \"inline-flex\";\r\n      comboNum.textContent = combo;\r\n\r\n      qText.classList.remove(\r\n        \"map-q-enter\",\"map-q-correct\",\"map-q-wrong\");\r\n      void qText.offsetWidth;\r\n      qText.classList.add(\"map-q-correct\");\r\n    } else {\r\n      combo = 0;\r\n      comboBadge.style.display = \"none\";\r\n\r\n      feedbackEl.textContent =\r\n        `\u274c \u0627\u0634\u062a\u0628\u0627\u0647! \u062c\u0648\u0627\u0628 \u062f\u0631\u0633\u062a: ${answer}`;\r\n      feedbackEl.className = \"map-feedback map-wrong\";\r\n\r\n      qText.classList.remove(\r\n        \"map-q-enter\",\"map-q-correct\",\"map-q-wrong\");\r\n      void qText.offsetWidth;\r\n      qText.classList.add(\"map-q-wrong\");\r\n    }\r\n\r\n    scoreEl.textContent = score;\r\n    addHistory(isOk, userAns);\r\n\r\n    ansInput.value = \"\";\r\n    ansInput.focus();\r\n\r\n    \/* \u0633\u0648\u0627\u0644 \u062c\u062f\u06cc\u062f \u0628\u0627 \u062a\u0623\u062e\u06cc\u0631 \u06a9\u0648\u062a\u0627\u0647 *\/\r\n    setTimeout(() => {\r\n      if (gameOn) makeQuestion();\r\n    }, 350);\r\n  }\r\n\r\n  \/* \u2550\u2550 \u0627\u0646\u062a\u062e\u0627\u0628 \u0633\u0637\u062d \u0633\u062e\u062a\u06cc \u2550\u2550 *\/\r\n  diffPills.forEach(p => {\r\n    p.addEventListener(\"click\", () => {\r\n      if (gameOn) return; \/* \u062f\u0631 \u062d\u06cc\u0646 \u0628\u0627\u0632\u06cc \u0642\u0627\u0628\u0644 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u06cc\u0633\u062a *\/\r\n      diffPills.forEach(x => x.classList.remove(\"map-active\"));\r\n      p.classList.add(\"map-active\");\r\n      diff = p.dataset.level;\r\n      diffLabel.textContent =\r\n        diff === \"easy\"   ? \"\u0633\u0637\u062d: \u0622\u0633\u0627\u0646\"  :\r\n        diff === \"medium\" ? \"\u0633\u0637\u062d: \u0645\u062a\u0648\u0633\u0637\" : \"\u0633\u0637\u062d: \u0633\u062e\u062a\";\r\n    });\r\n  });\r\n\r\n  \/* \u2550\u2550 \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627 \u2550\u2550 *\/\r\n  startBtn.addEventListener(\"click\", startGame);\r\n  restartBtn.addEventListener(\"click\", startGame);\r\n\r\n  submitBtn.addEventListener(\"click\", handleAnswer);\r\n\r\n  nextBtn.addEventListener(\"click\", () => {\r\n    if (!gameOn) return;\r\n    feedbackEl.textContent = \"\";\r\n    feedbackEl.className = \"map-feedback\";\r\n    ansInput.value = \"\";\r\n    makeQuestion();\r\n    ansInput.focus();\r\n  });\r\n\r\n  ansInput.addEventListener(\"keydown\", e => {\r\n    if (e.key === \"Enter\") handleAnswer();\r\n  });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48bffa1 e-con-full e-flex e-con e-parent\" data-id=\"48bffa1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0aff214 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"0aff214\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"pro-bulb-container\">\r\n  <div class=\"bulb-stage\">\r\n    <svg class=\"bulb-svg\" viewBox=\"0 0 1200 280\" preserveAspectRatio=\"xMidYMin slice\">\r\n      <defs>\r\n        <linearGradient id=\"wireGrad\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"0\">\r\n          <stop offset=\"0%\" stop-color=\"#1a1c1e\"><\/stop>\r\n          <stop offset=\"50%\" stop-color=\"#3a4146\"><\/stop>\r\n          <stop offset=\"100%\" stop-color=\"#121416\"><\/stop>\r\n        <\/linearGradient>\r\n\r\n        <radialGradient id=\"bulbGlow\" cx=\"50%\" cy=\"40%\" r=\"60%\">\r\n          <stop offset=\"0%\" stop-color=\"white\" stop-opacity=\"0.9\"><\/stop>\r\n          <stop offset=\"50%\" stop-color=\"white\" stop-opacity=\"0.2\"><\/stop>\r\n          <stop offset=\"100%\" stop-color=\"white\" stop-opacity=\"0\"><\/stop>\r\n        <\/radialGradient>\r\n      <\/defs>\r\n\r\n      <g class=\"wire-group\">\r\n        <path d=\"M0 80 C 200 10, 400 150, 600 80 S 1000 20, 1200 90\" class=\"wire-path main\" fill=\"none\" stroke=\"url(#wireGrad)\" stroke-width=\"8\"><\/path>\r\n      <\/g>\r\n\r\n      <g class=\"lamp\" style=\"--on:#ff3131; --off:#2e0a0a; --dur:3s; --delay:0.1s; --x:150px; --y:95px; --rot: 2deg\">\r\n        <line class=\"hanger\" x1=\"150\" y1=\"45\" x2=\"150\" y2=\"95\" stroke=\"#111\" stroke-width=\"4\"><\/line>\r\n        <g transform=\"translate(150, 95)\">\r\n           <circle class=\"glow-bg\" r=\"50\" fill=\"var(--on)\" opacity=\"0.05\"><\/circle>\r\n           <ellipse class=\"glass-bulb\" cx=\"0\" cy=\"30\" rx=\"30\" ry=\"40\"><\/ellipse>\r\n           <rect class=\"socket\" x=\"-15\" y=\"0\" width=\"30\" height=\"15\" rx=\"3\" fill=\"#222\"><\/rect>\r\n        <\/g>\r\n      <\/g>\r\n\r\n      <g class=\"lamp\" style=\"--on:#00d2ff; --off:#051b22; --dur:2.5s; --delay:0.5s; --x:350px; --y:125px; --rot: -3deg\">\r\n        <line class=\"hanger\" x1=\"350\" y1=\"80\" x2=\"350\" y2=\"125\" stroke=\"#111\" stroke-width=\"4\"><\/line>\r\n        <g transform=\"translate(350, 125)\">\r\n           <circle class=\"glow-bg\" r=\"55\" fill=\"var(--on)\" opacity=\"0.05\"><\/circle>\r\n           <ellipse class=\"glass-bulb\" cx=\"0\" cy=\"32\" rx=\"32\" ry=\"42\"><\/ellipse>\r\n           <rect class=\"socket\" x=\"-16\" y=\"0\" width=\"32\" height=\"16\" rx=\"3\" fill=\"#222\"><\/rect>\r\n        <\/g>\r\n      <\/g>\r\n\r\n      <g class=\"lamp\" style=\"--on:#bc13fe; --off:#1a0422; --dur:4s; --delay:1.2s; --x:550px; --y:105px; --rot: 1.5deg\">\r\n        <line class=\"hanger\" x1=\"550\" y1=\"85\" x2=\"550\" y2=\"105\" stroke=\"#111\" stroke-width=\"4\"><\/line>\r\n        <g transform=\"translate(550, 105)\">\r\n           <circle class=\"glow-bg\" r=\"50\" fill=\"var(--on)\" opacity=\"0.05\"><\/circle>\r\n           <ellipse class=\"glass-bulb\" cx=\"0\" cy=\"30\" rx=\"28\" ry=\"38\"><\/ellipse>\r\n           <rect class=\"socket\" x=\"-14\" y=\"0\" width=\"28\" height=\"15\" rx=\"3\" fill=\"#222\"><\/rect>\r\n        <\/g>\r\n      <\/g>\r\n\r\n      <g class=\"lamp\" style=\"--on:#39ff14; --off:#0a1a05; --dur:2.8s; --delay:0.8s; --x:750px; --y:75px; --rot: -2deg\">\r\n        <line class=\"hanger\" x1=\"750\" y1=\"45\" x2=\"750\" y2=\"75\" stroke=\"#111\" stroke-width=\"4\"><\/line>\r\n        <g transform=\"translate(750, 75)\">\r\n           <circle class=\"glow-bg\" r=\"45\" fill=\"var(--on)\" opacity=\"0.05\"><\/circle>\r\n           <ellipse class=\"glass-bulb\" cx=\"0\" cy=\"28\" rx=\"26\" ry=\"36\"><\/ellipse>\r\n           <rect class=\"socket\" x=\"-13\" y=\"0\" width=\"26\" height=\"14\" rx=\"3\" fill=\"#222\"><\/rect>\r\n        <\/g>\r\n      <\/g>\r\n\r\n      <g class=\"lamp\" style=\"--on:#ff9100; --off:#221405; --dur:3.2s; --delay:0.3s; --x:950px; --y:85px; --rot: 2.5deg\">\r\n        <line class=\"hanger\" x1=\"950\" y1=\"35\" x2=\"950\" y2=\"85\" stroke=\"#111\" stroke-width=\"4\"><\/line>\r\n        <g transform=\"translate(950, 85)\">\r\n           <circle class=\"glow-bg\" r=\"50\" fill=\"var(--on)\" opacity=\"0.05\"><\/circle>\r\n           <ellipse class=\"glass-bulb\" cx=\"0\" cy=\"30\" rx=\"30\" ry=\"40\"><\/ellipse>\r\n           <rect class=\"socket\" x=\"-15\" y=\"0\" width=\"30\" height=\"15\" rx=\"3\" fill=\"#222\"><\/rect>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .pro-bulb-container {\r\n    width: 100%;\r\n    background: transparent;\r\n    padding: 0; \/* \u062d\u0630\u0641 \u067e\u062f\u06cc\u0646\u06af \u0627\u0636\u0627\u0641\u06cc *\/\r\n    margin-bottom: -10px; \/* \u0686\u0633\u0628\u0627\u0646\u062f\u0646 \u0628\u0647 \u0628\u0627\u06a9\u0633 \u067e\u0627\u06cc\u06cc\u0646 *\/\r\n    overflow: hidden;\r\n  }\r\n  \r\n  .bulb-stage {\r\n    line-height: 0; \/* \u062d\u0630\u0641 \u0641\u0627\u0635\u0644\u0647 \u0632\u06cc\u0631 \u0639\u06a9\u0633 *\/\r\n  }\r\n\r\n  .bulb-svg {\r\n    width: 100%;\r\n    height: auto;\r\n    max-height: 220px; \/* \u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0627\u0631\u062a\u0641\u0627\u0639 \u0646\u0647\u0627\u06cc\u06cc \u062f\u0631 \u0627\u0644\u0645\u0646\u062a\u0648\u0631 *\/\r\n    display: block;\r\n  }\r\n\r\n  .lamp {\r\n    transform-origin: var(--x) 0;\r\n    animation: lampSway var(--dur) ease-in-out infinite alternate;\r\n  }\r\n\r\n  @keyframes lampSway {\r\n    from { transform: rotate(calc(var(--rot) * -1.5)); }\r\n    to { transform: rotate(var(--rot)); }\r\n  }\r\n\r\n  .glass-bulb {\r\n    fill: var(--off);\r\n    animation: bulbBlink var(--dur) var(--delay) infinite;\r\n  }\r\n\r\n  @keyframes bulbBlink {\r\n    0%, 100% { fill: var(--off); filter: none; }\r\n    45%, 55% { fill: var(--on); filter: drop-shadow(0 0 15px var(--on)); }\r\n    50% { fill: #fff; filter: drop-shadow(0 0 20px #fff); }\r\n  }\r\n\r\n  .glow-bg { animation: glowPulse var(--dur) var(--delay) infinite; }\r\n  @keyframes glowPulse {\r\n    0%, 100% { opacity: 0; }\r\n    50% { opacity: 0.15; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0aaedc4 e-con-full e-flex e-con e-parent\" data-id=\"0aaedc4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bf02de elementor-widget elementor-widget-html\" data-id=\"0bf02de\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fa\" dir=\"rtl\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>\u062f\u0627\u0646\u0634\u0645\u0646\u062f\u0627\u0646 \u0628\u0632\u0631\u06af \u0631\u06cc\u0627\u0636\u06cc<\/title>\n<style>\n\/* ===== SCOPED: .ms-slider ===== *\/\n.ms-slider-wrap {\n  --ms-card-w: 240px;\n  --ms-card-h: 320px;\n  --ms-gap: 18px;\n  --ms-radius: 30px;\n  --ms-items: 21;\n  --ms-speed: 60s;\n  --ms-c1: #2b7de9;\n  --ms-c2: #e5333b;\n  --ms-c3: #0da678;\n  --ms-c4: #d4a017;\n  --ms-c5: #7c3aed;\n  --ms-c6: #0ba5a5;\n  --ms-fade-bg: #f4f5f7;\n  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  padding: 30px 0;\n  background: transparent;\n  direction: rtl;\n}\n\n\/* ===== TRACK ===== *\/\n.ms-track {\n  display: flex;\n  gap: var(--ms-gap);\n  width: max-content;\n  animation: ms-scroll var(--ms-speed) linear infinite;\n  will-change: transform;\n}\n.ms-slider-wrap:hover .ms-track {\n  animation-play-state: paused;\n}\n\n@keyframes ms-scroll {\n  0%   { transform: translateX(0); }\n  100% { transform: translateX(calc((var(--ms-card-w) + var(--ms-gap)) * var(--ms-items))); }\n}\n\n\/* ===== CARD ===== *\/\n.ms-card {\n  flex-shrink: 0;\n  width: var(--ms-card-w);\n  height: var(--ms-card-h);\n  border-radius: var(--ms-radius);\n  border: 1px solid rgba(0,0,0,0.06);\n  position: relative;\n  overflow: hidden;\n  cursor: default;\n  transition: transform 0.45s cubic-bezier(.23,1,.32,1), box-shadow 0.45s cubic-bezier(.23,1,.32,1);\n  box-shadow:\n    0 2px 8px rgba(0,0,0,0.04),\n    0 8px 30px rgba(0,0,0,0.06),\n    0 20px 50px rgba(0,0,0,0.04),\n    inset 0 1px 0 rgba(255,255,255,0.9);\n}\n.ms-card:hover {\n  transform: scale(1.07) translateY(-6px);\n  box-shadow:\n    0 6px 20px rgba(0,0,0,0.07),\n    0 16px 45px rgba(0,0,0,0.08),\n    0 30px 70px rgba(0,0,0,0.05),\n    inset 0 1px 0 rgba(255,255,255,1);\n}\n\n\/* ===== CARD COLORS \u2014 LIGHT PASTELS ===== *\/\n.ms-card[data-c=\"1\"] {\n  background: linear-gradient(160deg, #e8f2ff 0%, #d0e4fd 50%, #c2d9fb 100%);\n  --ms-accent: var(--ms-c1);\n}\n.ms-card[data-c=\"2\"] {\n  background: linear-gradient(160deg, #fff0f0 0%, #fddcdc 50%, #fccece 100%);\n  --ms-accent: var(--ms-c2);\n}\n.ms-card[data-c=\"3\"] {\n  background: linear-gradient(160deg, #e6faf3 0%, #c8f5e4 50%, #b4f0d9 100%);\n  --ms-accent: var(--ms-c3);\n}\n.ms-card[data-c=\"4\"] {\n  background: linear-gradient(160deg, #fef8e8 0%, #fcefc6 50%, #fae8aa 100%);\n  --ms-accent: var(--ms-c4);\n}\n.ms-card[data-c=\"5\"] {\n  background: linear-gradient(160deg, #f3edff 0%, #e4d8fd 50%, #d8c8fc 100%);\n  --ms-accent: var(--ms-c5);\n}\n.ms-card[data-c=\"6\"] {\n  background: linear-gradient(160deg, #e6fafa 0%, #c8f3f3 50%, #b0eded 100%);\n  --ms-accent: var(--ms-c6);\n}\n\n\/* ===== INNER SHINE ===== *\/\n.ms-card::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 50%;\n  border-radius: var(--ms-radius) var(--ms-radius) 0 0;\n  background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);\n  pointer-events: none;\n  z-index: 1;\n}\n\n\/* ===== BUBBLES ===== *\/\n.ms-bubble {\n  position: absolute;\n  border-radius: 50%;\n  opacity: 0.15;\n  background: var(--ms-accent);\n  z-index: 0;\n  will-change: transform, opacity;\n}\n.ms-bubble-1 {\n  width: 60px; height: 60px;\n  bottom: -10px; left: -15px;\n  animation: ms-float-1 5s ease-in-out infinite;\n}\n.ms-bubble-2 {\n  width: 35px; height: 35px;\n  top: 20px; right: 15px;\n  animation: ms-float-2 6.5s ease-in-out infinite;\n}\n.ms-bubble-3 {\n  width: 20px; height: 20px;\n  bottom: 60px; right: 40px;\n  animation: ms-float-3 4.5s ease-in-out infinite;\n  opacity: 0.10;\n}\n\n\/* ===== GLOW ORBS ===== *\/\n.ms-glow {\n  position: absolute;\n  border-radius: 50%;\n  z-index: 0;\n  opacity: 0.22;\n  will-change: transform, opacity;\n}\n.ms-glow-1 {\n  width: 100px; height: 100px;\n  bottom: -30px; right: -30px;\n  background: radial-gradient(circle, var(--ms-accent) 0%, transparent 70%);\n  animation: ms-glow-pulse 4s ease-in-out infinite;\n}\n.ms-glow-2 {\n  width: 60px; height: 60px;\n  top: -15px; left: -15px;\n  background: radial-gradient(circle, var(--ms-accent) 0%, transparent 70%);\n  animation: ms-glow-pulse 5.5s ease-in-out infinite reverse;\n}\n\n\/* ===== SYMBOL (initial letter) ===== *\/\n.ms-symbol {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  padding-top: 36px;\n  font-size: 52px;\n  font-weight: 900;\n  line-height: 1;\n  color: var(--ms-accent);\n  text-shadow: 0 0 25px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.08);\n  animation: ms-symbol-float 4s ease-in-out infinite;\n  will-change: transform;\n}\n\n\/* ===== TITLE (always visible) ===== *\/\n.ms-title {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  padding: 14px 14px 0;\n  font-size: 20px;\n  font-weight: 800;\n  color: #1a1a2e;\n  letter-spacing: -0.01em;\n  text-shadow: 0 1px 2px rgba(255,255,255,0.6);\n}\n\n\/* ===== INFO (hover reveal) ===== *\/\n.ms-info {\n  position: absolute;\n  bottom: 0;\n  left: 0; right: 0;\n  z-index: 3;\n  padding: 20px 16px 22px;\n  background: linear-gradient(0deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0) 100%);\n  border-radius: 0 0 var(--ms-radius) var(--ms-radius);\n  opacity: 0;\n  transform: translateY(10px);\n  transition: opacity 0.4s ease, transform 0.4s ease;\n  pointer-events: none;\n}\n.ms-card:hover .ms-info {\n  opacity: 1;\n  transform: translateY(0);\n}\n.ms-def {\n  font-size: 13px;\n  line-height: 1.8;\n  font-weight: 500;\n  color: rgba(0,0,0,0.62);\n  margin-bottom: 6px;\n  text-align: center;\n}\n.ms-inventor {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--ms-accent);\n  text-align: center;\n  letter-spacing: 0.02em;\n}\n.ms-inventor-label {\n  color: rgba(0,0,0,0.38);\n  font-weight: 400;\n}\n\n\/* ===== BADGE ===== *\/\n.ms-badge {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  z-index: 4;\n  width: 8px; height: 8px;\n  border-radius: 50%;\n  background: var(--ms-accent);\n  box-shadow: 0 0 6px var(--ms-accent);\n  animation: ms-badge-pulse 2s ease-in-out infinite;\n}\n\n\/* ===== KEYFRAMES ===== *\/\n@keyframes ms-float-1 {\n  0%, 100% { transform: translateY(0) scale(1); opacity: 0.15; }\n  50%      { transform: translateY(-18px) scale(1.08); opacity: 0.22; }\n}\n@keyframes ms-float-2 {\n  0%, 100% { transform: translateY(0) translateX(0); opacity: 0.15; }\n  50%      { transform: translateY(-12px) translateX(6px); opacity: 0.20; }\n}\n@keyframes ms-float-3 {\n  0%, 100% { transform: translateY(0) scale(1); opacity: 0.10; }\n  50%      { transform: translateY(-10px) scale(1.15); opacity: 0.16; }\n}\n@keyframes ms-glow-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.22; }\n  50%      { transform: scale(1.2); opacity: 0.32; }\n}\n@keyframes ms-symbol-float {\n  0%, 100% { transform: translateY(0); }\n  50%      { transform: translateY(-8px); }\n}\n@keyframes ms-badge-pulse {\n  0%, 100% { transform: scale(1); opacity: 0.85; }\n  50%      { transform: scale(1.4); opacity: 0.45; }\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 1024px) {\n  .ms-slider-wrap {\n    --ms-card-w: 220px;\n    --ms-card-h: 300px;\n  }\n  .ms-symbol { font-size: 46px; padding-top: 32px; }\n  .ms-title { font-size: 18px; }\n}\n@media (max-width: 640px) {\n  .ms-slider-wrap {\n    --ms-card-w: 200px;\n    --ms-card-h: 280px;\n    --ms-gap: 14px;\n  }\n  .ms-symbol { font-size: 40px; padding-top: 28px; }\n  .ms-title { font-size: 16px; padding: 12px 12px 0; }\n  .ms-info { padding: 16px 14px 20px; }\n  .ms-def { font-size: 12px; }\n}\n\n\/* ===== REDUCED MOTION ===== *\/\n@media (prefers-reduced-motion: reduce) {\n  .ms-track { animation-duration: 0.01s; animation-iteration-count: 1; }\n  .ms-bubble, .ms-glow, .ms-symbol, .ms-badge { animation: none !important; }\n  .ms-card { transition: none; }\n  .ms-info { transition: none; }\n}\n\n\/* ===== EDGE FADE MASKS ===== *\/\n.ms-slider-wrap::before,\n.ms-slider-wrap::after {\n  content: '';\n  position: absolute;\n  top: 0; bottom: 0;\n  width: 80px;\n  z-index: 10;\n  pointer-events: none;\n}\n.ms-slider-wrap::before {\n  right: 0;\n  background: linear-gradient(to left, var(--ms-fade-bg), transparent);\n}\n.ms-slider-wrap::after {\n  left: 0;\n  background: linear-gradient(to right, var(--ms-fade-bg), transparent);\n}\n\n\/* ===== STAGGER FLOAT DELAYS ===== *\/\n.ms-card:nth-child(6n+1) .ms-symbol { animation-delay: 0s; }\n.ms-card:nth-child(6n+2) .ms-symbol { animation-delay: -0.7s; }\n.ms-card:nth-child(6n+3) .ms-symbol { animation-delay: -1.4s; }\n.ms-card:nth-child(6n+4) .ms-symbol { animation-delay: -2.1s; }\n.ms-card:nth-child(6n+5) .ms-symbol { animation-delay: -2.8s; }\n.ms-card:nth-child(6n+6) .ms-symbol { animation-delay: -3.5s; }\n\n.ms-card:nth-child(6n+1) .ms-bubble-1 { animation-delay: 0s; }\n.ms-card:nth-child(6n+2) .ms-bubble-1 { animation-delay: -0.8s; }\n.ms-card:nth-child(6n+3) .ms-bubble-1 { animation-delay: -1.6s; }\n.ms-card:nth-child(6n+4) .ms-bubble-1 { animation-delay: -2.5s; }\n.ms-card:nth-child(6n+5) .ms-bubble-1 { animation-delay: -3.3s; }\n.ms-card:nth-child(6n+6) .ms-bubble-1 { animation-delay: -4.1s; }\n\n.ms-card:nth-child(6n+1) .ms-glow-1 { animation-delay: 0s; }\n.ms-card:nth-child(6n+2) .ms-glow-1 { animation-delay: -1s; }\n.ms-card:nth-child(6n+3) .ms-glow-1 { animation-delay: -2s; }\n.ms-card:nth-child(6n+4) .ms-glow-1 { animation-delay: -3s; }\n.ms-card:nth-child(6n+5) .ms-glow-1 { animation-delay: -1.5s; }\n.ms-card:nth-child(6n+6) .ms-glow-1 { animation-delay: -2.5s; }\n\n\/* ===== FOCUS ===== *\/\n.ms-card:focus-visible {\n  outline: 2px solid var(--ms-accent);\n  outline-offset: 4px;\n}\n.ms-card:focus-visible .ms-info {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ===== CARD BOTTOM ACCENT LINE ===== *\/\n.ms-card::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 20%;\n  right: 20%;\n  height: 3px;\n  border-radius: 3px 3px 0 0;\n  background: var(--ms-accent);\n  opacity: 0;\n  transform: scaleX(0);\n  transition: opacity 0.4s ease, transform 0.4s ease;\n  z-index: 5;\n}\n.ms-card:hover::after {\n  opacity: 0.6;\n  transform: scaleX(1);\n}\n<\/style>\n<\/head>\n<body style=\"background:#f4f5f7;margin:0;padding:40px 0;\">\n\n<div class=\"ms-slider-wrap\" role=\"region\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u062f\u0627\u0646\u0634\u0645\u0646\u062f\u0627\u0646 \u0628\u0632\u0631\u06af \u0631\u06cc\u0627\u0636\u06cc\">\n  <div class=\"ms-track\">\n\n    <!-- === SET 1 \u2014 21 \u062f\u0627\u0646\u0634\u0645\u0646\u062f \u0631\u06cc\u0627\u0636\u06cc === -->\n\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"0\" role=\"group\" aria-label=\"\u0641\u06cc\u062b\u0627\u063a\u0648\u0631\u0633\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u03a0<\/div>\n      <div class=\"ms-title\">\u0641\u06cc\u062b\u0627\u063a\u0648\u0631\u0633<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0642\u0636\u06cc\u0647\u0654 \u0641\u06cc\u062b\u0627\u063a\u0648\u0631\u0633 \u0648 \u0646\u0638\u0631\u06cc\u0647\u0654 \u0627\u0639\u062f\u0627\u062f<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f5\u06f7\u06f0\u2013\u06f4\u06f9\u06f5 \u0642.\u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"0\" role=\"group\" aria-label=\"\u0627\u0642\u0644\u06cc\u062f\u0633\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u0395<\/div>\n      <div class=\"ms-title\">\u0627\u0642\u0644\u06cc\u062f\u0633<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u067e\u062f\u0631 \u0647\u0646\u062f\u0633\u0647 \u0648 \u0646\u0648\u06cc\u0633\u0646\u062f\u0647\u0654 \u00ab\u0627\u0635\u0648\u0644\u00bb<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u062d\u062f\u0648\u062f \u06f3\u06f0\u06f0 \u0642.\u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"0\" role=\"group\" aria-label=\"\u0627\u0631\u0634\u0645\u06cc\u062f\u0633\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u0391<\/div>\n      <div class=\"ms-title\">\u0627\u0631\u0634\u0645\u06cc\u062f\u0633<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0645\u062d\u0627\u0633\u0628\u0647\u0654 \u03c0 \u0648 \u0627\u0635\u0648\u0644 \u062d\u0633\u0627\u0628 \u062f\u06cc\u0641\u0631\u0627\u0646\u0633\u06cc\u0644<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f2\u06f8\u06f7\u2013\u06f2\u06f1\u06f2 \u0642.\u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"4\" tabindex=\"0\" role=\"group\" aria-label=\"\u062e\u0648\u0627\u0631\u0632\u0645\u06cc\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u062e<\/div>\n      <div class=\"ms-title\">\u062e\u0648\u0627\u0631\u0632\u0645\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u067e\u062f\u0631 \u062c\u0628\u0631 \u0648 \u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631 \u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f7\u06f8\u06f0\u2013\u06f8\u06f5\u06f0 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"5\" tabindex=\"0\" role=\"group\" aria-label=\"\u0639\u0645\u0631 \u062e\u06cc\u0627\u0645\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u062e<\/div>\n      <div class=\"ms-title\">\u0639\u0645\u0631 \u062e\u06cc\u0627\u0645<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062d\u0644 \u0645\u0639\u0627\u062f\u0644\u0627\u062a \u062f\u0631\u062c\u0647 \u06f3 \u0648 \u0627\u0635\u0644\u0627\u062d \u062a\u0642\u0648\u06cc\u0645<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f0\u06f4\u06f8\u2013\u06f1\u06f1\u06f3\u06f1 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"6\" tabindex=\"0\" role=\"group\" aria-label=\"\u0644\u0626\u0648\u0646\u0627\u0631\u062f\u0648 \u0641\u06cc\u0628\u0648\u0646\u0627\u0686\u06cc\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">F<\/div>\n      <div class=\"ms-title\">\u0641\u06cc\u0628\u0648\u0646\u0627\u0686\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062f\u0646\u0628\u0627\u0644\u0647\u0654 \u0641\u06cc\u0628\u0648\u0646\u0627\u0686\u06cc \u0648 \u0648\u0631\u0648\u062f \u0627\u0639\u062f\u0627\u062f \u0639\u0631\u0628\u06cc \u0628\u0647 \u0627\u0631\u0648\u067e\u0627<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f1\u06f7\u06f0\u2013\u06f1\u06f2\u06f5\u06f0 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"0\" role=\"group\" aria-label=\"\u0631\u0646\u0647 \u062f\u06a9\u0627\u0631\u062a\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">D<\/div>\n      <div class=\"ms-title\">\u0631\u0646\u0647 \u062f\u06a9\u0627\u0631\u062a<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631 \u0647\u0646\u062f\u0633\u0647\u0654 \u062a\u062d\u0644\u06cc\u0644\u06cc \u0648 \u062f\u0633\u062a\u06af\u0627\u0647 \u0645\u062e\u062a\u0635\u0627\u062a<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f5\u06f9\u06f6\u2013\u06f1\u06f6\u06f5\u06f0 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"0\" role=\"group\" aria-label=\"\u0628\u0644\u0632 \u067e\u0627\u0633\u06a9\u0627\u0644\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">P<\/div>\n      <div class=\"ms-title\">\u0628\u0644\u0632 \u067e\u0627\u0633\u06a9\u0627\u0644<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0645\u062b\u0644\u062b \u067e\u0627\u0633\u06a9\u0627\u0644 \u0648 \u0646\u0638\u0631\u06cc\u0647\u0654 \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u062a<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f6\u06f2\u06f3\u2013\u06f1\u06f6\u06f6\u06f2 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"0\" role=\"group\" aria-label=\"\u0622\u06cc\u0632\u0627\u06a9 \u0646\u06cc\u0648\u062a\u0646\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">N<\/div>\n      <div class=\"ms-title\">\u0622\u06cc\u0632\u0627\u06a9 \u0646\u06cc\u0648\u062a\u0646<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062d\u0633\u0627\u0628 \u062f\u06cc\u0641\u0631\u0627\u0646\u0633\u06cc\u0644 \u0648 \u0627\u0646\u062a\u06af\u0631\u0627\u0644<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f6\u06f4\u06f3\u2013\u06f1\u06f7\u06f2\u06f7 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"4\" tabindex=\"0\" role=\"group\" aria-label=\"\u06af\u0648\u062a\u0641\u0631\u06cc\u062f \u0644\u0627\u06cc\u0628\u0646\u06cc\u062a\u0633\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">L<\/div>\n      <div class=\"ms-title\">\u0644\u0627\u06cc\u0628\u0646\u06cc\u062a\u0633<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u0645\u0627\u062f \u222b \u0648 d\/dx \u0648 \u0633\u06cc\u0633\u062a\u0645 \u062f\u0648\u062f\u0648\u06cc\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f6\u06f4\u06f6\u2013\u06f1\u06f7\u06f1\u06f6 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"5\" tabindex=\"0\" role=\"group\" aria-label=\"\u0644\u0626\u0648\u0646\u0627\u0631\u062f \u0627\u0648\u06cc\u0644\u0631\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">E<\/div>\n      <div class=\"ms-title\">\u0644\u0626\u0648\u0646\u0627\u0631\u062f \u0627\u0648\u06cc\u0644\u0631<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0641\u0631\u0645\u0648\u0644 e^i\u03c0+1=0 \u0648 \u0646\u0638\u0631\u06cc\u0647\u0654 \u06af\u0631\u0627\u0641<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f7\u06f0\u06f7\u2013\u06f1\u06f7\u06f8\u06f3 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"6\" tabindex=\"0\" role=\"group\" aria-label=\"\u06a9\u0627\u0631\u0644 \u0641\u0631\u062f\u0631\u06cc\u0634 \u06af\u0627\u0648\u0633\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">G<\/div>\n      <div class=\"ms-title\">\u06a9\u0627\u0631\u0644 \u06af\u0627\u0648\u0633<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0634\u0627\u0647\u0632\u0627\u062f\u0647\u0654 \u0631\u06cc\u0627\u0636\u06cc\u0627\u062a \u0648 \u062a\u0648\u0632\u06cc\u0639 \u0646\u0631\u0645\u0627\u0644<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f7\u06f7\u06f7\u2013\u06f1\u06f8\u06f5\u06f5 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"0\" role=\"group\" aria-label=\"\u0627\u0648\u06af\u0648\u0633\u062a\u06cc\u0646 \u06a9\u0648\u0634\u06cc\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">C<\/div>\n      <div class=\"ms-title\">\u0627\u0648\u06af\u0648\u0633\u062a\u06cc\u0646 \u06a9\u0648\u0634\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631 \u0622\u0646\u0627\u0644\u06cc\u0632 \u0631\u06cc\u0627\u0636\u06cc \u062f\u0642\u06cc\u0642<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f7\u06f8\u06f9\u2013\u06f1\u06f8\u06f5\u06f7 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"0\" role=\"group\" aria-label=\"\u0646\u06cc\u0644\u0633 \u0647\u0646\u0631\u06cc\u06a9 \u0622\u0628\u0644\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">A<\/div>\n      <div class=\"ms-title\">\u0646\u06cc\u0644\u0633 \u0622\u0628\u0644<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0627\u062b\u0628\u0627\u062a \u062d\u0644\u200c\u0646\u0627\u067e\u0630\u06cc\u0631\u06cc \u0645\u0639\u0627\u062f\u0644\u0627\u062a \u062f\u0631\u062c\u0647 \u2265\u06f5<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f8\u06f0\u06f2\u2013\u06f1\u06f8\u06f2\u06f9 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"0\" role=\"group\" aria-label=\"\u0627\u0648\u0627\u0631\u06cc\u0633\u062a \u06af\u0627\u0644\u0648\u0627\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">G<\/div>\n      <div class=\"ms-title\">\u0627\u0648\u0627\u0631\u06cc\u0633\u062a \u06af\u0627\u0644\u0648\u0627<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631 \u0646\u0638\u0631\u06cc\u0647\u0654 \u06af\u0631\u0648\u0647\u200c\u0647\u0627 \u062f\u0631 \u06f2\u06f0 \u0633\u0627\u0644\u06af\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f8\u06f1\u06f1\u2013\u06f1\u06f8\u06f3\u06f2 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"4\" tabindex=\"0\" role=\"group\" aria-label=\"\u0628\u0631\u0646\u0647\u0627\u0631\u062f \u0631\u06cc\u0645\u0627\u0646\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">R<\/div>\n      <div class=\"ms-title\">\u0628\u0631\u0646\u0647\u0627\u0631\u062f \u0631\u06cc\u0645\u0627\u0646<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0647\u0646\u062f\u0633\u0647\u0654 \u0631\u06cc\u0645\u0627\u0646\u06cc \u0648 \u062d\u062f\u0633 \u0631\u06cc\u0645\u0627\u0646<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f8\u06f2\u06f6\u2013\u06f1\u06f8\u06f6\u06f6 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"5\" tabindex=\"0\" role=\"group\" aria-label=\"\u06af\u0626\u0648\u0631\u06af \u06a9\u0627\u0646\u062a\u0648\u0631\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u221e<\/div>\n      <div class=\"ms-title\">\u06af\u0626\u0648\u0631\u06af \u06a9\u0627\u0646\u062a\u0648\u0631<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u0638\u0631\u06cc\u0647\u0654 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627 \u0648 \u0628\u06cc\u200c\u0646\u0647\u0627\u06cc\u062a\u200c\u0647\u0627<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f8\u06f4\u06f5\u2013\u06f1\u06f9\u06f1\u06f8 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"6\" tabindex=\"0\" role=\"group\" aria-label=\"\u0647\u0627\u0646\u0631\u06cc \u067e\u0648\u0627\u0646\u06a9\u0627\u0631\u0647\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">H<\/div>\n      <div class=\"ms-title\">\u0647\u0627\u0646\u0631\u06cc \u067e\u0648\u0627\u0646\u06a9\u0627\u0631\u0647<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062a\u0648\u067e\u0648\u0644\u0648\u0698\u06cc \u0648 \u062d\u062f\u0633 \u067e\u0648\u0627\u0646\u06a9\u0627\u0631\u0647<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f8\u06f5\u06f4\u2013\u06f1\u06f9\u06f1\u06f2 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"0\" role=\"group\" aria-label=\"\u062f\u06cc\u0648\u06cc\u062f \u0647\u06cc\u0644\u0628\u0631\u062a\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">H<\/div>\n      <div class=\"ms-title\">\u062f\u06cc\u0648\u06cc\u062f \u0647\u06cc\u0644\u0628\u0631\u062a<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u06f2\u06f3 \u0645\u0633\u0626\u0644\u0647\u0654 \u0647\u06cc\u0644\u0628\u0631\u062a \u0648 \u0641\u0636\u0627\u06cc \u0647\u06cc\u0644\u0628\u0631\u062a<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f8\u06f6\u06f2\u2013\u06f1\u06f9\u06f4\u06f3 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"0\" role=\"group\" aria-label=\"\u0633\u0631\u06cc\u0646\u06cc\u0648\u0627\u0633\u0627 \u0631\u0627\u0645\u0627\u0646\u0648\u062c\u0627\u0646\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2211<\/div>\n      <div class=\"ms-title\">\u0631\u0627\u0645\u0627\u0646\u0648\u062c\u0627\u0646<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u0627\u0628\u063a\u0647\u0654 \u0646\u0638\u0631\u06cc\u0647\u0654 \u0627\u0639\u062f\u0627\u062f \u0648 \u0633\u0631\u06cc\u200c\u0647\u0627\u06cc \u0646\u0627\u0645\u062a\u0646\u0627\u0647\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f8\u06f8\u06f7\u2013\u06f1\u06f9\u06f2\u06f0 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"0\" role=\"group\" aria-label=\"\u0622\u0644\u0646 \u062a\u0648\u0631\u06cc\u0646\u06af\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">T<\/div>\n      <div class=\"ms-title\">\u0622\u0644\u0646 \u062a\u0648\u0631\u06cc\u0646\u06af<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0645\u0627\u0634\u06cc\u0646 \u062a\u0648\u0631\u06cc\u0646\u06af \u0648 \u067e\u062f\u0631 \u0639\u0644\u0648\u0645 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f9\u06f1\u06f2\u2013\u06f1\u06f9\u06f5\u06f4 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- === SET 2 \u2014 \u06a9\u067e\u06cc \u0628\u0631\u0627\u06cc \u062d\u0644\u0642\u0647\u0654 \u0628\u06cc\u200c\u0646\u0647\u0627\u06cc\u062a === -->\n\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u03a0<\/div>\n      <div class=\"ms-title\">\u0641\u06cc\u062b\u0627\u063a\u0648\u0631\u0633<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0642\u0636\u06cc\u0647\u0654 \u0641\u06cc\u062b\u0627\u063a\u0648\u0631\u0633 \u0648 \u0646\u0638\u0631\u06cc\u0647\u0654 \u0627\u0639\u062f\u0627\u062f<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f5\u06f7\u06f0\u2013\u06f4\u06f9\u06f5 \u0642.\u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u0395<\/div>\n      <div class=\"ms-title\">\u0627\u0642\u0644\u06cc\u062f\u0633<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u067e\u062f\u0631 \u0647\u0646\u062f\u0633\u0647 \u0648 \u0646\u0648\u06cc\u0633\u0646\u062f\u0647\u0654 \u00ab\u0627\u0635\u0648\u0644\u00bb<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u062d\u062f\u0648\u062f \u06f3\u06f0\u06f0 \u0642.\u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u0391<\/div>\n      <div class=\"ms-title\">\u0627\u0631\u0634\u0645\u06cc\u062f\u0633<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0645\u062d\u0627\u0633\u0628\u0647\u0654 \u03c0 \u0648 \u0627\u0635\u0648\u0644 \u062d\u0633\u0627\u0628 \u062f\u06cc\u0641\u0631\u0627\u0646\u0633\u06cc\u0644<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f2\u06f8\u06f7\u2013\u06f2\u06f1\u06f2 \u0642.\u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"4\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u062e<\/div>\n      <div class=\"ms-title\">\u062e\u0648\u0627\u0631\u0632\u0645\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u067e\u062f\u0631 \u062c\u0628\u0631 \u0648 \u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631 \u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f7\u06f8\u06f0\u2013\u06f8\u06f5\u06f0 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"5\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u062e<\/div>\n      <div class=\"ms-title\">\u0639\u0645\u0631 \u062e\u06cc\u0627\u0645<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062d\u0644 \u0645\u0639\u0627\u062f\u0644\u0627\u062a \u062f\u0631\u062c\u0647 \u06f3 \u0648 \u0627\u0635\u0644\u0627\u062d \u062a\u0642\u0648\u06cc\u0645<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f0\u06f4\u06f8\u2013\u06f1\u06f1\u06f3\u06f1 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"6\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">F<\/div>\n      <div class=\"ms-title\">\u0641\u06cc\u0628\u0648\u0646\u0627\u0686\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062f\u0646\u0628\u0627\u0644\u0647\u0654 \u0641\u06cc\u0628\u0648\u0646\u0627\u0686\u06cc \u0648 \u0648\u0631\u0648\u062f \u0627\u0639\u062f\u0627\u062f \u0639\u0631\u0628\u06cc \u0628\u0647 \u0627\u0631\u0648\u067e\u0627<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f1\u06f7\u06f0\u2013\u06f1\u06f2\u06f5\u06f0 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">D<\/div>\n      <div class=\"ms-title\">\u0631\u0646\u0647 \u062f\u06a9\u0627\u0631\u062a<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631 \u0647\u0646\u062f\u0633\u0647\u0654 \u062a\u062d\u0644\u06cc\u0644\u06cc \u0648 \u062f\u0633\u062a\u06af\u0627\u0647 \u0645\u062e\u062a\u0635\u0627\u062a<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f5\u06f9\u06f6\u2013\u06f1\u06f6\u06f5\u06f0 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">P<\/div>\n      <div class=\"ms-title\">\u0628\u0644\u0632 \u067e\u0627\u0633\u06a9\u0627\u0644<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0645\u062b\u0644\u062b \u067e\u0627\u0633\u06a9\u0627\u0644 \u0648 \u0646\u0638\u0631\u06cc\u0647\u0654 \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u062a<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f6\u06f2\u06f3\u2013\u06f1\u06f6\u06f6\u06f2 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">N<\/div>\n      <div class=\"ms-title\">\u0622\u06cc\u0632\u0627\u06a9 \u0646\u06cc\u0648\u062a\u0646<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062d\u0633\u0627\u0628 \u062f\u06cc\u0641\u0631\u0627\u0646\u0633\u06cc\u0644 \u0648 \u0627\u0646\u062a\u06af\u0631\u0627\u0644<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f6\u06f4\u06f3\u2013\u06f1\u06f7\u06f2\u06f7 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"4\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">L<\/div>\n      <div class=\"ms-title\">\u0644\u0627\u06cc\u0628\u0646\u06cc\u062a\u0633<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u0645\u0627\u062f \u222b \u0648 d\/dx \u0648 \u0633\u06cc\u0633\u062a\u0645 \u062f\u0648\u062f\u0648\u06cc\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f6\u06f4\u06f6\u2013\u06f1\u06f7\u06f1\u06f6 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"5\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">E<\/div>\n      <div class=\"ms-title\">\u0644\u0626\u0648\u0646\u0627\u0631\u062f \u0627\u0648\u06cc\u0644\u0631<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0641\u0631\u0645\u0648\u0644 e^i\u03c0+1=0 \u0648 \u0646\u0638\u0631\u06cc\u0647\u0654 \u06af\u0631\u0627\u0641<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f7\u06f0\u06f7\u2013\u06f1\u06f7\u06f8\u06f3 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"6\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">G<\/div>\n      <div class=\"ms-title\">\u06a9\u0627\u0631\u0644 \u06af\u0627\u0648\u0633<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0634\u0627\u0647\u0632\u0627\u062f\u0647\u0654 \u0631\u06cc\u0627\u0636\u06cc\u0627\u062a \u0648 \u062a\u0648\u0632\u06cc\u0639 \u0646\u0631\u0645\u0627\u0644<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f7\u06f7\u06f7\u2013\u06f1\u06f8\u06f5\u06f5 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">C<\/div>\n      <div class=\"ms-title\">\u0627\u0648\u06af\u0648\u0633\u062a\u06cc\u0646 \u06a9\u0648\u0634\u06cc<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631 \u0622\u0646\u0627\u0644\u06cc\u0632 \u0631\u06cc\u0627\u0636\u06cc \u062f\u0642\u06cc\u0642<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f7\u06f8\u06f9\u2013\u06f1\u06f8\u06f5\u06f7 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">A<\/div>\n      <div class=\"ms-title\">\u0646\u06cc\u0644\u0633 \u0622\u0628\u0644<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0627\u062b\u0628\u0627\u062a \u062d\u0644\u200c\u0646\u0627\u067e\u0630\u06cc\u0631\u06cc \u0645\u0639\u0627\u062f\u0644\u0627\u062a \u062f\u0631\u062c\u0647 \u2265\u06f5<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f8\u06f0\u06f2\u2013\u06f1\u06f8\u06f2\u06f9 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">G<\/div>\n      <div class=\"ms-title\">\u0627\u0648\u0627\u0631\u06cc\u0633\u062a \u06af\u0627\u0644\u0648\u0627<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631 \u0646\u0638\u0631\u06cc\u0647\u0654 \u06af\u0631\u0648\u0647\u200c\u0647\u0627 \u062f\u0631 \u06f2\u06f0 \u0633\u0627\u0644\u06af\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f8\u06f1\u06f1\u2013\u06f1\u06f8\u06f3\u06f2 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"4\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">R<\/div>\n      <div class=\"ms-title\">\u0628\u0631\u0646\u0647\u0627\u0631\u062f \u0631\u06cc\u0645\u0627\u0646<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0647\u0646\u062f\u0633\u0647\u0654 \u0631\u06cc\u0645\u0627\u0646\u06cc \u0648 \u062d\u062f\u0633 \u0631\u06cc\u0645\u0627\u0646<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f8\u06f2\u06f6\u2013\u06f1\u06f8\u06f6\u06f6 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"5\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u221e<\/div>\n      <div class=\"ms-title\">\u06af\u0626\u0648\u0631\u06af \u06a9\u0627\u0646\u062a\u0648\u0631<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u0638\u0631\u06cc\u0647\u0654 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627 \u0648 \u0628\u06cc\u200c\u0646\u0647\u0627\u06cc\u062a\u200c\u0647\u0627<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f8\u06f4\u06f5\u2013\u06f1\u06f9\u06f1\u06f8 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"6\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">H<\/div>\n      <div class=\"ms-title\">\u0647\u0627\u0646\u0631\u06cc \u067e\u0648\u0627\u0646\u06a9\u0627\u0631\u0647<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u062a\u0648\u067e\u0648\u0644\u0648\u0698\u06cc \u0648 \u062d\u062f\u0633 \u067e\u0648\u0627\u0646\u06a9\u0627\u0631\u0647<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f8\u06f5\u06f4\u2013\u06f1\u06f9\u06f1\u06f2 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"1\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">H<\/div>\n      <div class=\"ms-title\">\u062f\u06cc\u0648\u06cc\u062f \u0647\u06cc\u0644\u0628\u0631\u062a<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u06f2\u06f3 \u0645\u0633\u0626\u0644\u0647\u0654 \u0647\u06cc\u0644\u0628\u0631\u062a \u0648 \u0641\u0636\u0627\u06cc \u0647\u06cc\u0644\u0628\u0631\u062a<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f8\u06f6\u06f2\u2013\u06f1\u06f9\u06f4\u06f3 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"2\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">\u2211<\/div>\n      <div class=\"ms-title\">\u0631\u0627\u0645\u0627\u0646\u0648\u062c\u0627\u0646<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0646\u0627\u0628\u063a\u0647\u0654 \u0646\u0638\u0631\u06cc\u0647\u0654 \u0627\u0639\u062f\u0627\u062f \u0648 \u0633\u0631\u06cc\u200c\u0647\u0627\u06cc \u0646\u0627\u0645\u062a\u0646\u0627\u0647\u06cc<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f8\u06f8\u06f7\u2013\u06f1\u06f9\u06f2\u06f0 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ms-card\" data-c=\"3\" tabindex=\"-1\" aria-hidden=\"true\">\n      <div class=\"ms-badge\"><\/div>\n      <div class=\"ms-bubble ms-bubble-1\"><\/div><div class=\"ms-bubble ms-bubble-2\"><\/div><div class=\"ms-bubble ms-bubble-3\"><\/div>\n      <div class=\"ms-glow ms-glow-1\"><\/div><div class=\"ms-glow ms-glow-2\"><\/div>\n      <div class=\"ms-symbol\">T<\/div>\n      <div class=\"ms-title\">\u0622\u0644\u0646 \u062a\u0648\u0631\u06cc\u0646\u06af<\/div>\n      <div class=\"ms-info\">\n        <div class=\"ms-def\">\u0645\u0627\u0634\u06cc\u0646 \u062a\u0648\u0631\u06cc\u0646\u06af \u0648 \u067e\u062f\u0631 \u0639\u0644\u0648\u0645 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631<\/div>\n        <div class=\"ms-inventor\"><span class=\"ms-inventor-label\">\u062f\u0648\u0631\u0647: <\/span>\u06f1\u06f9\u06f1\u06f2\u2013\u06f1\u06f9\u06f5\u06f4 \u0645<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div><!-- \/ms-track -->\n<\/div><!-- \/ms-slider-wrap -->\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b542ad9 e-flex e-con-boxed e-con e-parent\" data-id=\"b542ad9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-162645b elementor-invisible elementor-widget elementor-widget-html\" data-id=\"162645b\" data-element_type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:2,&quot;sizes&quot;:[]},&quot;motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:36,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;],&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;_animation&quot;:&quot;zoomIn&quot;,&quot;motion_fx_scale_direction&quot;:&quot;out-in&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Paste this whole block into an Elementor HTML widget -->\r\n<div class=\"sea-rtl-wrap\" id=\"sea-rtl-wrap\">\r\n  <div class=\"glow-layer\" aria-hidden=\"true\"><\/div>\r\n  <h1 id=\"sea-title\" class=\"sea-title\">\u0622\u0645\u0648\u0632\u0634 \u0645\u0639\u0627\u062f\u0644\u0647 \u062e\u0637<\/h1>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0631\u0627\u0633\u062a\u200c\u0686\u06cc\u0646 \u0628\u0627 stacking context \u0627\u06cc\u0632\u0648\u0644\u0647 \u0634\u062f\u0647 \u062a\u0627 \u0627\u0641\u06a9\u062a\u200c\u0647\u0627 \u0628\u06cc\u0631\u0648\u0646 \u0646\u0631\u06cc\u0632\u062f *\/\r\n.sea-rtl-wrap{\r\n  width:100%;\r\n  display:flex;\r\n  justify-content:flex-end; \/* \u0645\u062a\u0646 \u0633\u0645\u062a \u0631\u0627\u0633\u062a *\/\r\n  direction:rtl;\r\n  align-items:center;\r\n  padding:6px 12px;\r\n  position:relative;\r\n  overflow:visible;\r\n  isolation:isolate; \/* \u0645\u0647\u0645: \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062a\u0627\u062b\u06cc\u0631 \u0631\u0648\u06cc \u0639\u0646\u0627\u0635\u0631 \u0628\u06cc\u0631\u0648\u0646 *\/\r\n  z-index:0;\r\n}\r\n\r\n\/* \u0644\u0627\u06cc\u0647 \u067e\u0631\u062a\u0648\u0647\u0627 (\u0631\u06af\u200c\u0647\u0627) \u067e\u0634\u062a \u0645\u062a\u0646\u060c \u0627\u0645\u0627 \u062f\u0627\u062e\u0644 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0627\u06cc\u0632\u0648\u0644\u0647 *\/\r\n.sea-rtl-wrap .glow-layer{\r\n  position:absolute;\r\n  right:0;\r\n  top:50%;\r\n  transform:translateY(-50%);\r\n  width:60%;\r\n  height:120%;\r\n  pointer-events:none;\r\n  filter: blur(18px) saturate(140%);\r\n  mix-blend-mode:normal; \/* \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 blend \u0628\u0627 \u0645\u062d\u062a\u0648\u0627\u06cc \u0628\u06cc\u0631\u0648\u0646 *\/\r\n  z-index:1;\r\n  overflow:visible;\r\n}\r\n\r\n\/* \u0647\u0631 \u0631\u06af \u0633\u0641\u06cc\u062f *\/\r\n.sea-rtl-wrap .glow-layer .ray{\r\n  position:absolute;\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n  mix-blend-mode:screen;\r\n  filter: blur(8px) saturate(160%);\r\n  opacity:0.12;\r\n  transform-origin:center;\r\n  will-change: transform, opacity, background;\r\n}\r\n\r\n\/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u062d\u0631\u06a9\u062a \u0648 \u067e\u0627\u0644\u0633 \u0631\u06af\u200c\u0647\u0627 (CSS loop) *\/\r\n@keyframes rayPulse {\r\n  0% { transform: translateY(0) scaleY(0.9) rotate(var(--r-rot)); opacity:0.08; }\r\n  30% { transform: translateY(-8px) scaleY(1.15) rotate(var(--r-rot)); opacity:0.9; }\r\n  70% { transform: translateY(6px) scaleY(1.02) rotate(var(--r-rot)); opacity:0.35; }\r\n  100% { transform: translateY(0) scaleY(0.95) rotate(var(--r-rot)); opacity:0.12; }\r\n}\r\n\r\n\/* \u0645\u062a\u0646 \u0627\u0635\u0644\u06cc (\u067e\u0627\u0644\u062a \u062f\u0631\u06cc\u0627\u06cc\u06cc \u0634\u0631\u0648\u0639\u06cc) *\/\r\n.sea-rtl-wrap .sea-title{\r\n  font-family: \"Vazirmatn\", \"IRANSans\", system-ui, sans-serif;\r\n  font-size:2.6rem;\r\n  font-weight:900;\r\n  margin:0;\r\n  padding:0 18px;\r\n  text-align:right;\r\n  color:#2aa6c9; \/* \u0634\u0631\u0648\u0639 \u0628\u0627 \u06cc\u06a9 \u0622\u0628\u06cc \u062f\u0631\u06cc\u0627\u06cc\u06cc *\/\r\n  z-index:2;\r\n  position:relative;\r\n  -webkit-font-smoothing:antialiased;\r\n  transition: color .28s linear, text-shadow .28s linear;\r\n  text-shadow:\r\n    0 0 10px rgba(42,166,201,0.9),\r\n    0 0 22px rgba(42,166,201,0.55),\r\n    0 0 40px rgba(42,166,201,0.28);\r\n}\r\n\r\n\/* responsive *\/\r\n@media (max-width:800px){\r\n  .sea-rtl-wrap .sea-title{ font-size:2.0rem; padding:0 12px; }\r\n  .sea-rtl-wrap .glow-layer{ width:75%; height:140%; filter: blur(14px); }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const container = document.getElementById('sea-rtl-wrap');\r\n  if(!container) return;\r\n  const title = document.getElementById('sea-title');\r\n  const glowLayer = container.querySelector('.glow-layer');\r\n\r\n  \/\/ \u067e\u0627\u0644\u062a \u0631\u0646\u06af\u200c\u0647\u0627\u06cc \u062f\u0631\u06cc\u0627\u06cc\u06cc (sea tones) \u2014 \u062f\u0642\u06cc\u0642\u0627\u064b \u0637\u0628\u0642 \u062e\u0648\u0627\u0633\u062a\u0647\r\n  const seaColors = [\r\n    { css:\"#2aa6c9\", rgb:\"42,166,201\" },  \/\/ \u0622\u0628\u06cc \u062f\u0631\u06cc\u0627\u06cc\u06cc \u0631\u0648\u0634\u0646\r\n    { css:\"#1f8f9a\", rgb:\"31,143,154\" },  \/\/ \u0641\u06cc\u0631\u0648\u0632\u0647\u200c\u0627\u06cc \u062a\u06cc\u0631\u0647\r\n    { css:\"#0f6f7a\", rgb:\"15,111,122\" },  \/\/ \u0622\u0628\u06cc \u0639\u0645\u06cc\u0642\r\n    { css:\"#2bb39a\", rgb:\"43,179,154\" },  \/\/ \u0633\u0628\u0632-\u062f\u0631\u06cc\u0627\u06cc\u06cc\r\n    { css:\"#3ec1b0\", rgb:\"62,193,176\" },  \/\/ \u0622\u06a9\u0648\u0627\u0645\u0627\u0631\u06cc\u0646\r\n    { css:\"#1aa3b5\", rgb:\"26,163,181\" }   \/\/ \u0633\u06cc\u0627\u0646 \u062f\u0631\u06cc\u0627\u06cc\u06cc\r\n  ];\r\n\r\n  \/\/ \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0686\u0646\u062f\u0628\u0627\u0631 init\r\n  if(container.dataset.seaInit === '1') return;\r\n  container.dataset.seaInit = '1';\r\n\r\n  \/\/ \u0627\u06cc\u062c\u0627\u062f \u0631\u06af\u200c\u0647\u0627 \u0633\u0641\u06cc\u062f \u0648 \u0645\u0633\u062a\u0642\u0644\r\n  function createRays(count = 18){\r\n    glowLayer.innerHTML = '';\r\n    for(let i=0;i<count;i++){\r\n      const r = document.createElement('span');\r\n      r.className = 'ray';\r\n      const top = 5 + Math.random()*90; \/\/ %\r\n      const right = Math.random()*60; \/\/ %\r\n      const width = 6 + Math.random()*36; \/\/ px\r\n      const height = 40 + Math.random()*220; \/\/ px\r\n      const rotate = -30 + Math.random()*60; \/\/ deg\r\n      r.style.top = top + '%';\r\n      r.style.right = right + '%';\r\n      r.style.width = width + 'px';\r\n      r.style.height = height + 'px';\r\n      r.style.borderRadius = (width\/2 + 6) + 'px';\r\n      r.style.setProperty('--r-rot', rotate + 'deg');\r\n      const dur = 1600 + Math.floor(Math.random()*1600); \/\/ 1.6s - 3.2s\r\n      const delay = Math.floor(Math.random()*800); \/\/ 0-0.8s\r\n      r.style.animation = `rayPulse ${dur}ms cubic-bezier(.2,.9,.2,1) ${delay}ms infinite`;\r\n      \/\/ \u0631\u06af\u200c\u0647\u0627 \u0633\u0641\u06cc\u062f (glass-like)\r\n      r.style.background = 'linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.06))';\r\n      r.style.opacity = 0.12 + Math.random()*0.6;\r\n      glowLayer.appendChild(r);\r\n    }\r\n  }\r\n\r\n  \/\/ \u0622\u067e\u062f\u06cc\u062a \u0631\u0646\u06af \u0645\u062a\u0646 \u0648 \u0647\u0627\u0644\u0647 (\u0641\u0642\u0637 \u0627\u0632 \u067e\u0627\u0644\u062a \u062f\u0631\u06cc\u0627\u06cc\u06cc)\r\n  let idx = -1;\r\n  const intervalMs = 1000; \/\/ \u0647\u0631 1 \u062b\u0627\u0646\u06cc\u0647\r\n  function applySeaColor(col){\r\n    title.style.color = col.css;\r\n    title.style.textShadow = `\r\n      0 0 12px rgba(${col.rgb},0.95),\r\n      0 0 26px rgba(${col.rgb},0.6),\r\n      0 0 48px rgba(${col.rgb},0.32)\r\n    `;\r\n    \/\/ \u0631\u06af\u200c\u0647\u0627 \u0633\u0641\u06cc\u062f \u0645\u06cc\u200c\u0645\u0627\u0646\u0646\u062f\u061b \u0641\u0642\u0637 \u06a9\u0645\u06cc opacity \u0648 \u0634\u062f\u062a \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645 \u062a\u0627 \u062d\u0633 \u067e\u0648\u06cc\u0627\u06cc\u06cc \u0628\u062f\u0647\u062f\r\n    const rays = glowLayer.children;\r\n    for(let i=0;i<rays.length;i++){\r\n      const r = rays[i];\r\n      \/\/ \u06a9\u0645\u06cc \u062a\u063a\u06cc\u06cc\u0631 opacity \u0628\u0631\u0627\u06cc \u0637\u0628\u06cc\u0639\u06cc \u0628\u0648\u062f\u0646\r\n      r.style.opacity = 0.12 + Math.random()*0.8;\r\n      \/\/ \u06a9\u0645\u06cc \u062a\u063a\u06cc\u06cc\u0631 blur\/scale \u0628\u0631\u0627\u06cc \u062d\u0631\u06a9\u062a \u0637\u0628\u06cc\u0639\u06cc\r\n      r.style.filter = `blur(${6 + Math.random()*6}px) saturate(160%)`;\r\n    }\r\n  }\r\n\r\n  \/\/ \u062d\u0644\u0642\u0647 \u067e\u0627\u06cc\u062f\u0627\u0631 \u0628\u0627 requestAnimationFrame + setInterval fallback\r\n  let lastTick = 0;\r\n  function rafLoop(ts){\r\n    if(!lastTick) lastTick = ts;\r\n    if(ts - lastTick >= intervalMs){\r\n      idx = (idx + 1) % seaColors.length;\r\n      applySeaColor(seaColors[idx]);\r\n      lastTick = ts;\r\n    }\r\n    requestAnimationFrame(rafLoop);\r\n  }\r\n\r\n  \/\/ visibility handler: \u0648\u0642\u062a\u06cc \u062a\u0628 \u0628\u0631\u06af\u0634\u062a \u0641\u0648\u0631\u0627\u064b \u0622\u067e\u062f\u06cc\u062a \u06a9\u0646\u0647\r\n  document.addEventListener('visibilitychange', function(){\r\n    if(!document.hidden){\r\n      idx = (idx + 1) % seaColors.length;\r\n      applySeaColor(seaColors[idx]);\r\n    }\r\n  });\r\n\r\n  \/\/ init\r\n  createRays(20); \/\/ \u062a\u0639\u062f\u0627\u062f \u0631\u06af\u200c\u0647\u0627\u061b \u0627\u06af\u0631 \u0645\u06cc\u200c\u062e\u0648\u0627\u06cc \u06a9\u0645\u062a\u0631\/\u0628\u06cc\u0634\u062a\u0631 \u06a9\u0646\r\n  requestAnimationFrame(rafLoop);\r\n\r\n  \/\/ cleanup on unload\r\n  window.addEventListener('unload', ()=> {\r\n    \/\/ nothing heavy to cleanup here\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa3f7c6 e-con-full e-flex e-con e-parent\" data-id=\"fa3f7c6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-738aef2 elementor-widget elementor-widget-html\" data-id=\"738aef2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"fa\" dir=\"rtl\">\r\n<head>\r\n<meta charset=\"utf-8\"\/>\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"\/>\r\n<title>\u0646\u0645\u0648\u062f\u0627\u0631 \u062e\u0637\u06cc \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0631\u0648\u0634\u0646 \u2014 \u0633\u0627\u0632\u06af\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u0648\u0631<\/title>\r\n<style>\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n\r\n#lin9-widget{\r\n  --hue:20;\r\n  --accent:hsl(var(--hue),100%,50%);\r\n  --accent2:hsl(calc(var(--hue)+25),100%,58%);\r\n  --accent3:hsl(calc(var(--hue)+50),100%,65%);\r\n  --glass-bg:rgba(255,255,255,0.55);\r\n  --glass-border:rgba(255,255,255,0.7);\r\n  --glass-blur:24px;\r\n  --text-primary:#1a1a2e;\r\n  --text-secondary:#6b7280;\r\n  --glow:hsla(var(--hue),100%,50%,0.5);\r\n  --glow-soft:hsla(var(--hue),100%,55%,0.15);\r\n  --neon:hsla(var(--hue),100%,55%,0.9);\r\n  --neon-glow:hsla(var(--hue),100%,50%,0.6);\r\n  font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;\r\n  direction:rtl;\r\n  width:100%;\r\n  max-width:1060px;\r\n  margin:0 auto;\r\n  padding:20px 12px;\r\n  background:transparent!important;\r\n  position:relative;\r\n  isolation:isolate;\r\n  animation:wEntry 1s cubic-bezier(.2,.9,.2,1) both;\r\n}\r\n@keyframes wEntry{\r\n  from{opacity:0;transform:translateY(30px) scale(.97)}\r\n  to{opacity:1;transform:translateY(0) scale(1)}\r\n}\r\n\r\n\/* \u0627\u0648\u0631\u0628\u0632 \u0646\u0648\u0631\u0627\u0646\u06cc *\/\r\n.lin9-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(50px);opacity:.45;will-change:transform}\r\n.lin9-orb--1{width:320px;height:320px;top:-100px;right:-80px;background:radial-gradient(circle,hsla(var(--hue),100%,60%,.45),transparent 70%);animation:o1 7s ease-in-out infinite alternate}\r\n.lin9-orb--2{width:260px;height:260px;bottom:-60px;left:-50px;background:radial-gradient(circle,hsla(calc(var(--hue)+80),100%,65%,.35),transparent 70%);animation:o2 9s ease-in-out infinite alternate}\r\n.lin9-orb--3{width:200px;height:200px;top:40%;left:45%;background:radial-gradient(circle,hsla(calc(var(--hue)+40),100%,70%,.3),transparent 70%);animation:o3 6s ease-in-out infinite alternate}\r\n@keyframes o1{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-20px,30px) scale(1.15)}}\r\n@keyframes o2{0%{transform:translate(0,0) scale(1)}100%{transform:translate(15px,-25px) scale(1.1)}}\r\n@keyframes o3{0%{transform:translate(-50%,-50%) scale(1)}100%{transform:translate(-40%,-60%) scale(1.25)}}\r\n\r\n\/* \u06a9\u0627\u0631\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0631\u0648\u0634\u0646 *\/\r\n.lin9-card{\r\n  position:relative;\r\n  border-radius:28px;\r\n  background:var(--glass-bg);\r\n  backdrop-filter:blur(var(--glass-blur)) saturate(1.6);\r\n  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.6);\r\n  border:1.5px solid var(--glass-border);\r\n  padding:28px;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,2fr) minmax(0,1.2fr);\r\n  gap:24px;\r\n  overflow:visible;\r\n  box-shadow:\r\n    0 0 0 1px rgba(255,255,255,0.5) inset,\r\n    0 30px 80px rgba(0,0,0,0.06),\r\n    0 0 60px var(--glow-soft);\r\n  transition:box-shadow .5s,border-color .5s;\r\n  animation:cardPulse 5s ease-in-out infinite alternate;\r\n}\r\n@keyframes cardPulse{\r\n  0%{box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 30px 80px rgba(0,0,0,.06),0 0 40px var(--glow-soft)}\r\n  100%{box-shadow:0 0 0 1px rgba(255,255,255,.6) inset,0 30px 80px rgba(0,0,0,.04),0 0 90px var(--glow-soft)}\r\n}\r\n.lin9-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);border-radius:28px 28px 0 0;z-index:5}\r\n.lin9-card::after{content:'';position:absolute;inset:0;border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.12) 0%,transparent 40%);pointer-events:none;z-index:1}\r\n@media(max-width:768px){.lin9-card{grid-template-columns:1fr;padding:18px;gap:16px}}\r\n\r\n\/* \u0639\u0646\u0648\u0627\u0646 \u0634\u06cc\u0645\u0631 *\/\r\n.lin9-title{\r\n  font-size:26px;font-weight:900;margin:0 0 6px;\r\n  background:linear-gradient(135deg,var(--accent),var(--accent2),var(--accent3));\r\n  background-size:200% 200%;\r\n  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\r\n  animation:shimmer 3s ease infinite;\r\n  filter:drop-shadow(0 0 8px var(--glow-soft));\r\n}\r\n@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}\r\n.lin9-sub{font-size:13px;color:var(--text-secondary);margin:0 0 14px;line-height:1.7}\r\n\r\n\/* \u0646\u0627\u062d\u06cc\u0647 \u06a9\u0646\u0648\u0633 \u2014 \u0631\u0648\u0634\u0646 *\/\r\n.lin9-canvas-wrap{\r\n  position:relative;\r\n  border-radius:20px;\r\n  background:rgba(255,255,255,0.6);\r\n  backdrop-filter:blur(14px);\r\n  -webkit-backdrop-filter:blur(14px);\r\n  border:1.5px solid rgba(255,255,255,0.6);\r\n  overflow:hidden;\r\n  display:flex;\r\n  flex-direction:column;\r\n  min-height:360px;\r\n  padding:0;\r\n  box-shadow:\r\n    0 0 0 1px rgba(255,255,255,.4) inset,\r\n    0 15px 50px rgba(0,0,0,.05),\r\n    0 0 30px var(--glow-soft);\r\n  transition:box-shadow .4s;\r\n}\r\n.lin9-canvas-wrap:hover{\r\n  box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 15px 50px rgba(0,0,0,.04),0 0 50px var(--glow-soft);\r\n}\r\n@media(max-width:768px){.lin9-canvas-wrap{min-height:260px}}\r\ncanvas.lin9-canvas{display:block;width:100%;height:100%;border-radius:20px;background:transparent;position:absolute;inset:0}\r\n.particle-layer{position:absolute;inset:0;pointer-events:none;z-index:4}\r\n.lin9-frame{position:absolute;inset:0;border-radius:20px;pointer-events:none;z-index:5;box-shadow:0 0 30px var(--glow-soft) inset;transition:box-shadow .4s}\r\n.lin9-hint{position:absolute;left:14px;bottom:12px;font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:8px;z-index:6}\r\n.lin9-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 14px var(--glow);animation:dp 2s ease-in-out infinite}\r\n@keyframes dp{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.35);opacity:1}}\r\n\r\n\/* \u06a9\u0646\u062a\u0631\u0644\u200c\u0647\u0627 *\/\r\n.lin9-controls{display:flex;flex-direction:column;gap:14px;font-size:13px;color:var(--text-primary);position:relative;z-index:2}\r\n.lin9-controls label{display:block;margin-bottom:5px;font-weight:700;font-size:13px;color:var(--text-primary)}\r\n\r\n\/* \u0627\u06cc\u0646\u067e\u0648\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0631\u0648\u0634\u0646 *\/\r\n.lin9-controls input[type=\"number\"],\r\n.lin9-controls input[type=\"text\"]{\r\n  width:100%;padding:10px 14px;border-radius:14px;\r\n  border:1.5px solid rgba(0,0,0,0.08);\r\n  background:rgba(255,255,255,0.65);\r\n  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);\r\n  color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;\r\n  transition:border-color .3s,box-shadow .3s;\r\n}\r\n.lin9-controls input[type=\"number\"]:focus,\r\n.lin9-controls input[type=\"text\"]:focus{\r\n  border-color:var(--accent);\r\n  box-shadow:0 0 20px var(--glow-soft),0 0 0 4px hsla(var(--hue),100%,50%,.1);\r\n}\r\n\r\n\/* \u0631\u0646\u062c *\/\r\n.lin9-controls input[type=\"range\"]{\r\n  width:100%;-webkit-appearance:none;appearance:none;\r\n  height:6px;border-radius:8px;\r\n  background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.04));\r\n  outline:none;cursor:pointer;\r\n}\r\n.lin9-controls input[type=\"range\"]::-webkit-slider-thumb{\r\n  -webkit-appearance:none;width:24px;height:24px;border-radius:50%;\r\n  background:linear-gradient(135deg,var(--accent),var(--accent2));\r\n  border:3px solid #fff;\r\n  box-shadow:0 0 16px var(--glow),0 4px 10px rgba(0,0,0,.12);\r\n  cursor:pointer;transition:transform .2s,box-shadow .2s;\r\n}\r\n.lin9-controls input[type=\"range\"]::-webkit-slider-thumb:hover{\r\n  transform:scale(1.2);box-shadow:0 0 28px var(--glow),0 4px 14px rgba(0,0,0,.15);\r\n}\r\n.lin9-controls input[type=\"range\"]::-moz-range-thumb{\r\n  width:24px;height:24px;border-radius:50%;\r\n  background:linear-gradient(135deg,var(--accent),var(--accent2));\r\n  border:3px solid #fff;box-shadow:0 0 16px var(--glow);cursor:pointer;\r\n}\r\n\r\n\/* \u0645\u0639\u0627\u062f\u0644\u0647 *\/\r\n.lin9-eq{\r\n  font-size:17px;font-weight:900;display:inline-block;padding:12px 18px;border-radius:14px;\r\n  background:rgba(255,255,255,0.5);backdrop-filter:blur(8px);\r\n  border:1.5px solid rgba(255,255,255,0.5);\r\n  color:var(--accent);\r\n  text-shadow:0 0 18px var(--glow-soft);\r\n  letter-spacing:.5px;\r\n  animation:eqGlow 3s ease-in-out infinite alternate;\r\n}\r\n@keyframes eqGlow{\r\n  0%{text-shadow:0 0 12px var(--glow-soft)}\r\n  100%{text-shadow:0 0 30px var(--glow-soft),0 0 50px hsla(var(--hue),100%,60%,.1)}\r\n}\r\n\r\n.lin9-note{\r\n  margin-top:6px;font-size:11px;color:var(--text-secondary);line-height:1.8;\r\n  padding:10px 14px;border-radius:12px;\r\n  background:rgba(255,255,255,0.35);border:1px solid rgba(0,0,0,0.04);\r\n}\r\n\r\n\/* \u062a\u0648\u0644\u062a\u06cc\u067e *\/\r\n.lin9-tooltip{\r\n  position:fixed;pointer-events:none;display:none;z-index:99999;\r\n  padding:8px 14px;border-radius:12px;font-size:13px;font-weight:700;\r\n  color:var(--text-primary);\r\n  background:rgba(255,255,255,0.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);\r\n  border:1px solid rgba(0,0,0,0.08);\r\n  box-shadow:0 8px 30px rgba(0,0,0,0.1),0 0 20px var(--glow-soft);\r\n  transform:translate(-50%,-130%);white-space:nowrap;\r\n}\r\n\r\n\/* ========================================\r\n   \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0646\u0626\u0648\u0646\u06cc \u0641\u0648\u0642\u200c\u062e\u0641\u0646\r\n   ======================================== *\/\r\n.ultra-btn{\r\n  position:relative;display:inline-flex;align-items:center;justify-content:center;\r\n  gap:10px;padding:14px 28px;min-width:150px;border-radius:18px;\r\n  border:none;cursor:pointer;\r\n  color:#fff;font-weight:900;letter-spacing:.6px;font-size:15px;font-family:inherit;\r\n  user-select:none;overflow:visible;\r\n  background:linear-gradient(135deg,\r\n    hsla(var(--hue),100%,52%,1),\r\n    hsla(calc(var(--hue)+25),100%,56%,1));\r\n  box-shadow:\r\n    0 0 20px var(--neon-glow),\r\n    0 0 60px var(--glow-soft),\r\n    0 8px 32px rgba(0,0,0,0.1),\r\n    inset 0 1px 0 rgba(255,255,255,0.3);\r\n  transition:all .3s cubic-bezier(.2,.9,.2,1);\r\n  transform-origin:center;\r\n  animation:neonPulse 2s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes neonPulse{\r\n  0%{\r\n    box-shadow:\r\n      0 0 15px var(--neon-glow),\r\n      0 0 40px var(--glow-soft),\r\n      0 8px 32px rgba(0,0,0,.1),\r\n      inset 0 1px 0 rgba(255,255,255,.3);\r\n  }\r\n  100%{\r\n    box-shadow:\r\n      0 0 30px var(--neon-glow),\r\n      0 0 80px var(--glow-soft),\r\n      0 0 120px hsla(var(--hue),100%,55%,.08),\r\n      0 8px 32px rgba(0,0,0,.08),\r\n      inset 0 1px 0 rgba(255,255,255,.4);\r\n  }\r\n}\r\n\r\n\/* \u0634\u0627\u06cc\u0646 \u062d\u0631\u06a9\u062a\u06cc *\/\r\n.ultra-btn::before{\r\n  content:'';position:absolute;inset:0;border-radius:inherit;\r\n  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);\r\n  background-size:250% 100%;\r\n  animation:btnSheen 3s ease-in-out infinite;\r\n  z-index:1;pointer-events:none;\r\n}\r\n@keyframes btnSheen{\r\n  0%{background-position:200% 0}\r\n  100%{background-position:-50% 0}\r\n}\r\n\r\n\/* \u062e\u0637 \u0646\u0626\u0648\u0646\u06cc \u0628\u0627\u0644\u0627 *\/\r\n.ultra-btn::after{\r\n  content:'';position:absolute;top:-1px;left:15%;right:15%;height:2px;\r\n  border-radius:2px;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);\r\n  z-index:2;\r\n  animation:topLine 2s ease-in-out infinite alternate;\r\n}\r\n@keyframes topLine{0%{opacity:.5;left:25%;right:25%}100%{opacity:1;left:10%;right:10%}}\r\n\r\n.ultra-btn:hover{\r\n  transform:translateY(-8px) scale(1.05);\r\n  box-shadow:\r\n    0 0 40px var(--neon-glow),\r\n    0 0 100px var(--glow-soft),\r\n    0 0 160px hsla(var(--hue),100%,55%,.12),\r\n    0 20px 60px rgba(0,0,0,.1),\r\n    inset 0 1px 0 rgba(255,255,255,.4);\r\n}\r\n.ultra-btn:active{\r\n  transform:translateY(-2px) scale(.98);\r\n  box-shadow:0 0 15px var(--neon-glow),0 0 40px var(--glow-soft),0 4px 16px rgba(0,0,0,.1);\r\n}\r\n.ultra-btn:focus-visible{outline:none;box-shadow:0 0 0 4px hsla(var(--hue),100%,50%,.3),0 0 40px var(--neon-glow)}\r\n\r\n\/* \u062f\u06a9\u0645\u0647 \u0634\u0628\u062d \u0646\u0626\u0648\u0646\u06cc *\/\r\n.ultra-btn.ghost{\r\n  background:rgba(255,255,255,0.5);\r\n  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);\r\n  color:var(--accent);\r\n  border:2px solid var(--accent);\r\n  box-shadow:\r\n    0 0 15px var(--glow-soft),\r\n    0 0 40px hsla(var(--hue),100%,55%,.06),\r\n    inset 0 0 20px hsla(var(--hue),100%,55%,.05);\r\n  animation:ghostPulse 2.5s ease-in-out infinite alternate;\r\n}\r\n@keyframes ghostPulse{\r\n  0%{box-shadow:0 0 10px var(--glow-soft),0 0 30px hsla(var(--hue),100%,55%,.04),inset 0 0 15px hsla(var(--hue),100%,55%,.03);border-color:var(--accent)}\r\n  100%{box-shadow:0 0 25px var(--glow-soft),0 0 60px hsla(var(--hue),100%,55%,.08),inset 0 0 30px hsla(var(--hue),100%,55%,.06);border-color:var(--accent2)}\r\n}\r\n.ultra-btn.ghost::before{background:linear-gradient(105deg,transparent 40%,hsla(var(--hue),100%,55%,.12) 50%,transparent 60%);background-size:250% 100%;animation:btnSheen 3.5s ease-in-out infinite}\r\n.ultra-btn.ghost::after{background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.3}\r\n.ultra-btn.ghost:hover{\r\n  background:rgba(255,255,255,0.6);\r\n  transform:translateY(-6px) scale(1.04);\r\n  box-shadow:0 0 35px var(--glow-soft),0 0 80px hsla(var(--hue),100%,55%,.1),inset 0 0 25px hsla(var(--hue),100%,55%,.06);\r\n}\r\n\r\n.ultra-btn .label{position:relative;z-index:3;display:inline-block;color:inherit}\r\n.ultra-btn .neon-outline{position:absolute;inset:-12px;border-radius:24px;pointer-events:none;z-index:0;background:radial-gradient(closest-side,hsla(var(--hue),100%,55%,.1),transparent 60%);filter:blur(16px);opacity:0;transition:opacity .4s}\r\n.ultra-btn:hover .neon-outline{opacity:1}\r\n.ultra-btn .sheen,.ultra-btn .corner{display:none}\r\n.ultra-btn .sparks{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:1}\r\n.ultra-btn .ripple{position:absolute;border-radius:50%;transform:translate(-50%,-50%) scale(0);pointer-events:none;opacity:.7;mix-blend-mode:screen;z-index:1}\r\n\r\n\/* \u0646\u0648\u0627\u0631 \u0631\u0646\u06af\u06cc\u0646\u200c\u06a9\u0645\u0627\u0646 *\/\r\n\r\n@keyframes cbm{0%{background-position:0% 50%}100%{background-position:200% 50%}}\r\n\r\n@media(max-width:600px){\r\n  .ultra-btn{padding:12px 18px;min-width:120px;font-size:14px;border-radius:14px}\r\n  .lin9-title{font-size:20px}\r\n  #lin9-widget{padding:12px 6px}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body style=\"margin:0;background:linear-gradient(135deg,#f8f0ff 0%,#fff5f0 30%,#f0f8ff 60%,#f5fff0 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;\">\r\n\r\n<div id=\"lin9-widget\" aria-live=\"polite\">\r\n  <div class=\"lin9-orb lin9-orb--1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"lin9-orb lin9-orb--2\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"lin9-orb lin9-orb--3\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"lin9-card\" role=\"region\" aria-label=\"\u0646\u0645\u0648\u062f\u0627\u0631 \u0645\u0639\u0627\u062f\u0644\u0647 \u062e\u0637\u06cc\">\r\n    <div class=\"lin9-canvas-wrap\" id=\"lin9-canvas-wrap\">\r\n      <canvas id=\"lin9-canvas\" class=\"lin9-canvas\" aria-label=\"\u0646\u0645\u0648\u062f\u0627\u0631 \u0645\u0639\u0627\u062f\u0644\u0647\"><\/canvas>\r\n      <canvas id=\"lin9-particles\" class=\"particle-layer\" aria-hidden=\"true\"><\/canvas>\r\n      <div class=\"lin9-frame\" id=\"lin9-frame\"><\/div>\r\n      <div class=\"lin9-hint\" aria-hidden=\"true\">\r\n        <div class=\"lin9-dot\"><\/div>\r\n        <div>\u0645\u0627\u0648\u0633 \u0631\u0627 \u0631\u0648\u06cc \u0646\u0645\u0648\u062f\u0627\u0631 \u0628\u0628\u0631\u06cc\u062f<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"lin9-controls\" id=\"lin9-controls\">\r\n      <div>\r\n        <h2 class=\"lin9-title\">\ud83d\udcd0 \u0646\u0645\u0648\u062f\u0627\u0631 \u062e\u0637\u06cc y = ax + b<\/h2>\r\n        <p class=\"lin9-sub\">\u0627\u0628\u0632\u0627\u0631 \u062a\u0639\u0627\u0645\u0644\u06cc \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 \u2014 \u062a\u0645 \u0631\u0648\u0634\u0646 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0628\u0627 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u0646\u0626\u0648\u0646\u06cc \u0648 \u062a\u063a\u06cc\u06cc\u0631 \u0631\u0646\u06af \u0632\u0646\u062f\u0647 \u2728<\/p>\r\n      <\/div>\r\n      <div>\r\n        <label for=\"lin9-a-range\">\u0636\u0631\u06cc\u0628 \u0634\u06cc\u0628 (a)<\/label>\r\n        <input id=\"lin9-a-range\" type=\"range\" min=\"-5\" max=\"5\" step=\"0.1\" value=\"1\">\r\n        <input id=\"lin9-a-input\" type=\"number\" step=\"0.1\" value=\"1\" style=\"margin-top:8px\">\r\n      <\/div>\r\n      <div>\r\n        <label for=\"lin9-b-range\">\u0639\u0631\u0636 \u0627\u0632 \u0645\u0628\u062f\u0623 (b)<\/label>\r\n        <input id=\"lin9-b-range\" type=\"range\" min=\"-10\" max=\"10\" step=\"0.5\" value=\"0\">\r\n        <input id=\"lin9-b-input\" type=\"number\" step=\"0.5\" value=\"0\" style=\"margin-top:8px\">\r\n      <\/div>\r\n      <div>\r\n        <label>\u0645\u0639\u0627\u062f\u0644\u0647\u0654 \u062e\u0637<\/label>\r\n        <div class=\"lin9-eq\" id=\"lin9-eq-display\">y = x<\/div>\r\n      <\/div>\r\n      <div>\r\n        <label>\u0648\u0631\u0648\u062f\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645 \u0645\u0639\u0627\u062f\u0644\u0647<\/label>\r\n        <input id=\"lin9-eq-input\" type=\"text\" placeholder=\"\u0645\u062b\u0627\u0644: y = 2x - 3\">\r\n      <\/div>\r\n      <div style=\"display:flex;gap:12px;flex-wrap:wrap;margin-top:10px\">\r\n        <button id=\"lin9-random\" class=\"ultra-btn\">\r\n          <span class=\"neon-outline\"><\/span>\r\n          <span class=\"sparks\"><\/span>\r\n          <span class=\"label\">\ud83c\udfb2 \u062a\u0645\u0631\u06cc\u0646 \u062e\u0648\u062f\u06a9\u0627\u0631<\/span>\r\n        <\/button>\r\n        <button id=\"lin9-reset\" class=\"ultra-btn ghost\">\r\n          <span class=\"neon-outline\"><\/span>\r\n          <span class=\"sparks\"><\/span>\r\n          <span class=\"label\">\u21ba \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc<\/span>\r\n        <\/button>\r\n      <\/div>\r\n      <div class=\"lin9-note\">\ud83d\udca1 \u067e\u0627\u0631\u0627\u0645\u062a\u0631 <b>a<\/b> \u0634\u06cc\u0628 \u062e\u0637 \u0648 <b>b<\/b> \u0645\u062d\u0644 \u0628\u0631\u062e\u0648\u0631\u062f \u0628\u0627 \u0645\u062d\u0648\u0631 \u0639\u0645\u0648\u062f\u06cc \u0631\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0631\u0646\u06af\u200c\u0647\u0627 \u0647\u0631 \u06f3 \u062b\u0627\u0646\u06cc\u0647 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0639\u0648\u0636 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f!<\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"lin9-color-bar\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"lin9-tooltip\" id=\"lin9-tooltip\" role=\"status\" aria-hidden=\"true\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n'use strict';\r\nconst W=document.getElementById('lin9-widget');\r\nif(!W)return;\r\n\r\nconst canvas=W.querySelector('#lin9-canvas'),\r\n      pCanvas=W.querySelector('#lin9-particles'),\r\n      wrap=W.querySelector('#lin9-canvas-wrap'),\r\n      frame=W.querySelector('#lin9-frame'),\r\n      tooltip=W.querySelector('#lin9-tooltip'),\r\n      aRange=W.querySelector('#lin9-a-range'),\r\n      aInput=W.querySelector('#lin9-a-input'),\r\n      bRange=W.querySelector('#lin9-b-range'),\r\n      bInput=W.querySelector('#lin9-b-input'),\r\n      eqDisplay=W.querySelector('#lin9-eq-display'),\r\n      eqInputEl=W.querySelector('#lin9-eq-input'),\r\n      randomBtn=W.querySelector('#lin9-random'),\r\n      resetBtn=W.querySelector('#lin9-reset');\r\n\r\nconst ctx=canvas.getContext('2d'),pctx=pCanvas.getContext('2d');\r\nlet a=1,b=0,lastScale=null,particleId=null,currentHue=20,targetHue=20;\r\nconst XV=10;\r\n\r\n\/* \u0686\u0631\u062e\u0634 \u0631\u0646\u06af \u0647\u0631 \u06f3 \u062b\u0627\u0646\u06cc\u0647 *\/\r\nconst hues=[0,20,45,120,180,220,270,320];\r\nlet hIdx=1;\r\nsetInterval(()=>{hIdx=(hIdx+1)%hues.length;targetHue=hues[hIdx]},3000);\r\n\r\nfunction updateHue(){\r\n  let d=((targetHue-currentHue+540)%360)-180;\r\n  if(Math.abs(d)>0.5)currentHue=(currentHue+d*0.04+360)%360;\r\n  else currentHue=targetHue;\r\n  W.style.setProperty('--hue',Math.round(currentHue));\r\n  requestAnimationFrame(updateHue);\r\n}\r\nrequestAnimationFrame(updateHue);\r\n\r\n\/* \u0627\u0646\u062f\u0627\u0632\u0647 *\/\r\nfunction setSize(){\r\n  const r=wrap.getBoundingClientRect(),dpr=Math.min(2,devicePixelRatio||1);\r\n  [canvas,pCanvas].forEach(c=>{\r\n    c.width=Math.floor(r.width*dpr);c.height=Math.floor(r.height*dpr);\r\n    c.style.width=r.width+'px';c.style.height=r.height+'px';\r\n    c.getContext('2d').setTransform(dpr,0,0,dpr,0,0);\r\n  });\r\n  pctx.clearRect(0,0,pCanvas.width,pCanvas.height);\r\n}\r\n\r\n\/* \u0645\u0642\u06cc\u0627\u0633 *\/\r\nfunction calcScale(aV,bV,w,h){\r\n  const xMin=-XV,xMax=XV;\r\n  let yMin=Infinity,yMax=-Infinity;\r\n  for(let x=xMin;x<=xMax;x+=.25){const y=aV*x+bV;if(y<yMin)yMin=y;if(y>yMax)yMax=y}\r\n  if(Math.abs(yMax-yMin)<1e-6){yMax+=1;yMin-=1}\r\n  const yr=yMax-yMin,pad=0.14,pyr=yr*(1+pad);\r\n  let unit=Math.min(w\/(xMax-xMin),h\/pyr);\r\n  unit=Math.max(10,Math.min(90,unit));\r\n  const cx=w\/2;let cy=h\/2;\r\n  if(yMin<=0&&yMax>=0){const top=(h-pyr*unit)\/2;cy=top+(yMax+yr*pad\/2)*unit}\r\n  return{unit,cx,cy,xMin,xMax,yMin,yMax};\r\n}\r\n\r\n\/* \u0631\u0633\u0645 \u0645\u062d\u0648\u0631 \u2014 \u062a\u0645 \u0631\u0648\u0634\u0646 *\/\r\nfunction drawAxes(s,w,h){\r\n  ctx.clearRect(0,0,w,h);\r\n\r\n  \/* \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0631\u0648\u0634\u0646 *\/\r\n  ctx.fillStyle='rgba(255,255,255,0.92)';\r\n  ctx.fillRect(0,0,w,h);\r\n\r\n  const sv=Math.max(1,Math.round(40\/s.unit));\r\n\r\n  \/* \u0634\u0628\u06a9\u0647 *\/\r\n  ctx.strokeStyle='rgba(0,0,0,0.04)';ctx.lineWidth=1;ctx.beginPath();\r\n  for(let x=Math.ceil(s.xMin\/sv)*sv;x<=s.xMax;x+=sv){const px=s.cx+x*s.unit;ctx.moveTo(px,0);ctx.lineTo(px,h)}\r\n  for(let y=Math.ceil(s.yMin\/sv)*sv;y<=s.yMax;y+=sv){const py=s.cy-y*s.unit;ctx.moveTo(0,py);ctx.lineTo(w,py)}\r\n  ctx.stroke();\r\n\r\n  \/* \u0645\u062d\u0648\u0631\u0647\u0627 *\/\r\n  const axC=`hsla(${currentHue},80%,45%,0.5)`;\r\n  ctx.strokeStyle=axC;ctx.lineWidth=1.8;ctx.beginPath();\r\n  ctx.moveTo(0,s.cy);ctx.lineTo(w,s.cy);ctx.moveTo(s.cx,0);ctx.lineTo(s.cx,h);ctx.stroke();\r\n\r\n  \/* \u0641\u0644\u0634 *\/\r\n  ctx.fillStyle=axC;\r\n  ctx.beginPath();ctx.moveTo(w-10,s.cy-5);ctx.lineTo(w,s.cy);ctx.lineTo(w-10,s.cy+5);ctx.fill();\r\n  ctx.beginPath();ctx.moveTo(s.cx-5,10);ctx.lineTo(s.cx,0);ctx.lineTo(s.cx+5,10);ctx.fill();\r\n\r\n  \/* \u0627\u0639\u062f\u0627\u062f *\/\r\n  ctx.fillStyle='rgba(0,0,0,0.35)';ctx.font='11px system-ui';\r\n  ctx.textAlign='center';ctx.textBaseline='top';\r\n  for(let x=Math.ceil(s.xMin\/sv)*sv;x<=s.xMax;x+=sv){if(x===0)continue;ctx.fillText(String(x),s.cx+x*s.unit,s.cy+6)}\r\n  ctx.textAlign='left';ctx.textBaseline='middle';\r\n  for(let y=Math.ceil(s.yMin\/sv)*sv;y<=s.yMax;y+=sv){if(y===0)continue;ctx.fillText(String(y),s.cx+6,s.cy-y*s.unit)}\r\n}\r\n\r\n\/* \u0631\u0633\u0645 \u062e\u0637 \u0641\u0648\u0631\u06cc *\/\r\nfunction drawLineNow(s,w){\r\n  const h1=`hsl(${currentHue},100%,50%)`,h2=`hsl(${(currentHue+25)%360},100%,55%)`,h3=`hsl(${(currentHue+50)%360},100%,62%)`;\r\n  const grad=ctx.createLinearGradient(0,0,w,0);\r\n  grad.addColorStop(0,h1);grad.addColorStop(.5,h2);grad.addColorStop(1,h3);\r\n\r\n  \/* \u06af\u0644\u0648\u06cc \u0646\u0626\u0648\u0646\u06cc *\/\r\n  ctx.save();\r\n  ctx.lineWidth=10;\r\n  ctx.strokeStyle=`hsla(${currentHue},100%,55%,0.12)`;\r\n  ctx.shadowColor=`hsla(${currentHue},100%,50%,0.3)`;\r\n  ctx.shadowBlur=20;\r\n  ctx.beginPath();\r\n  for(let x=s.xMin;x<=s.xMax;x+=.02){\r\n    const px=s.cx+x*s.unit,py=s.cy-(a*x+b)*s.unit;\r\n    x===s.xMin?ctx.moveTo(px,py):ctx.lineTo(px,py);\r\n  }\r\n  ctx.stroke();\r\n  ctx.restore();\r\n\r\n  \/* \u062e\u0637 \u0627\u0635\u0644\u06cc *\/\r\n  ctx.save();\r\n  ctx.lineWidth=3.2;ctx.strokeStyle=grad;\r\n  ctx.shadowColor=`hsla(${currentHue},100%,50%,0.4)`;ctx.shadowBlur=12;\r\n  ctx.beginPath();\r\n  for(let x=s.xMin;x<=s.xMax;x+=.02){\r\n    const px=s.cx+x*s.unit,py=s.cy-(a*x+b)*s.unit;\r\n    x===s.xMin?ctx.moveTo(px,py):ctx.lineTo(px,py);\r\n  }\r\n  ctx.stroke();\r\n  ctx.restore();\r\n\r\n  \/* \u0646\u0642\u0627\u0637 *\/\r\n  [{x:0,y:b},{x:1,y:a+b},{x:-1,y:-a+b}].forEach(d=>{\r\n    const px=s.cx+d.x*s.unit,py=s.cy-d.y*s.unit;\r\n    ctx.save();\r\n    ctx.beginPath();ctx.fillStyle=`hsla(${currentHue},100%,55%,0.2)`;\r\n    ctx.shadowColor=`hsla(${currentHue},100%,50%,0.5)`;ctx.shadowBlur=16;\r\n    ctx.arc(px,py,10,0,Math.PI*2);ctx.fill();\r\n    ctx.restore();\r\n    ctx.beginPath();ctx.fillStyle=`hsl(${currentHue},100%,50%)`;ctx.arc(px,py,4.5,0,Math.PI*2);ctx.fill();\r\n    ctx.fillStyle='rgba(0,0,0,0.55)';ctx.font='bold 11px system-ui';ctx.textAlign='right';\r\n    ctx.fillText(`(${d.x}, ${d.y.toFixed(1)})`,px-12,py-12);\r\n  });\r\n}\r\n\r\n\/* \u0631\u0633\u0645 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u06cc *\/\r\nfunction animDraw(dur){\r\n  if(particleId)cancelAnimationFrame(particleId);\r\n  pctx.clearRect(0,0,pCanvas.clientWidth,pCanvas.clientHeight);\r\n  const w=canvas.clientWidth,h=canvas.clientHeight,s=calcScale(a,b,w,h);\r\n  lastScale=s;\r\n\r\n  const pts=[];\r\n  for(let i=0;i<=1000;i++){const t=i\/1000;const x=s.xMin+(s.xMax-s.xMin)*t;const y=a*x+b;pts.push({x,y,px:s.cx+x*s.unit,py:s.cy-y*s.unit})}\r\n\r\n  const t0=performance.now(),ease=t=>1-Math.pow(1-t,3);\r\n\r\n  function step(now){\r\n    const t=Math.min(1,(now-t0)\/dur),et=ease(t),upto=Math.floor(pts.length*et);\r\n    drawAxes(s,w,h);\r\n\r\n    const grad=ctx.createLinearGradient(0,0,w,0);\r\n    grad.addColorStop(0,`hsl(${currentHue},100%,50%)`);\r\n    grad.addColorStop(.5,`hsl(${(currentHue+25)%360},100%,55%)`);\r\n    grad.addColorStop(1,`hsl(${(currentHue+50)%360},100%,62%)`);\r\n\r\n    ctx.save();\r\n    ctx.lineWidth=9;ctx.strokeStyle=`hsla(${currentHue},100%,55%,.1)`;\r\n    ctx.shadowColor=`hsla(${currentHue},100%,50%,.25)`;ctx.shadowBlur=18;\r\n    ctx.beginPath();for(let i=0;i<upto;i++){i===0?ctx.moveTo(pts[i].px,pts[i].py):ctx.lineTo(pts[i].px,pts[i].py)}ctx.stroke();\r\n    ctx.restore();\r\n\r\n    ctx.lineWidth=3.2;ctx.strokeStyle=grad;ctx.beginPath();\r\n    for(let i=0;i<upto;i++){i===0?ctx.moveTo(pts[i].px,pts[i].py):ctx.lineTo(pts[i].px,pts[i].py)}ctx.stroke();\r\n\r\n    if(upto>0){\r\n      const hd=pts[upto-1];\r\n      ctx.save();\r\n      ctx.beginPath();ctx.fillStyle=`hsla(${currentHue},100%,70%,.9)`;\r\n      ctx.shadowColor=`hsl(${currentHue},100%,55%)`;ctx.shadowBlur=22;\r\n      ctx.arc(hd.px,hd.py,6,0,Math.PI*2);ctx.fill();\r\n      ctx.restore();\r\n      spawnP(hd.px,hd.py,2);\r\n    }\r\n\r\n    if(t<1)particleId=requestAnimationFrame(step);\r\n    else{drawAxes(s,w,h);drawLineNow(s,w);burst(pts[Math.floor(pts.length*.5)]);updateEq()}\r\n  }\r\n  particleId=requestAnimationFrame(step);\r\n}\r\n\r\n\/* \u0630\u0631\u0627\u062a *\/\r\nfunction spawnP(x,y,n){\r\n  for(let i=0;i<n;i++){\r\n    const ang=Math.random()*Math.PI*2,dist=8+Math.random()*28,dx=Math.cos(ang)*dist,dy=Math.sin(ang)*dist*.7,sz=1.5+Math.random()*3,lt=300+Math.random()*300,t0=performance.now(),hu=currentHue;\r\n    (function(){function f(now){const t=(now-t0)\/lt;if(t>=1)return;const e=1-Math.pow(1-t,3);pctx.globalCompositeOperation='source-over';pctx.beginPath();pctx.fillStyle=`hsla(${hu+Math.random()*30},100%,55%,${.7*(1-e)})`;pctx.arc(x+dx*e,y+dy*e,sz*(1-.5*e),0,Math.PI*2);pctx.fill();requestAnimationFrame(f)}requestAnimationFrame(f)})();\r\n    setTimeout(()=>pctx.clearRect(0,0,pCanvas.clientWidth,pCanvas.clientHeight),lt+40);\r\n  }\r\n}\r\nfunction burst(pt){\r\n  if(!pt)return;\r\n  for(let i=0;i<18;i++){\r\n    const ang=Math.random()*Math.PI*2,dist=15+Math.random()*55,dx=Math.cos(ang)*dist,dy=Math.sin(ang)*dist*.6,sz=3+Math.random()*5,lt=500+Math.random()*400,t0=performance.now(),hu=currentHue;\r\n    (function(){function f(now){const t=(now-t0)\/lt;if(t>=1)return;const e=1-Math.pow(1-t,3);pctx.globalCompositeOperation='source-over';pctx.beginPath();pctx.fillStyle=`hsla(${(hu+i*20)%360},100%,${55+Math.random()*15}%,${.7*(1-e)})`;pctx.arc(pt.px+dx*e,pt.py+dy*e,sz*(1-.4*e),0,Math.PI*2);pctx.fill();requestAnimationFrame(f)}requestAnimationFrame(f)})();\r\n  }\r\n  setTimeout(()=>pctx.clearRect(0,0,pCanvas.clientWidth,pCanvas.clientHeight),1100);\r\n}\r\n\r\n\/* \u0645\u0639\u0627\u062f\u0644\u0647 *\/\r\nfunction updateEq(){\r\n  let eq='y = ';\r\n  if(Math.abs(a)<1e-6){eq+=b.toFixed(2);eqDisplay.textContent=eq;return}\r\n  if(Math.abs(a-1)<1e-6)eq+='x';else if(Math.abs(a+1)<1e-6)eq+='-x';else eq+=a.toFixed(2)+'x';\r\n  if(b>0)eq+=' + '+b.toFixed(2);else if(b<0)eq+=' - '+Math.abs(b).toFixed(2);\r\n  eqDisplay.textContent=eq;\r\n}\r\n\r\n\/* \u0647\u0645\u06af\u0627\u0645\u200c\u0633\u0627\u0632\u06cc *\/\r\nfunction syncS(){a=parseFloat(aRange.value);b=parseFloat(bRange.value);aInput.value=a;bInput.value=b;eqInputEl.value='';animDraw(800);pulse()}\r\nfunction syncI(){a=parseFloat(aInput.value||0);b=parseFloat(bInput.value||0);aRange.value=a;bRange.value=b;eqInputEl.value='';animDraw(800);pulse()}\r\nfunction parseEq(){\r\n  const v=eqInputEl.value.replace(\/\\s+\/g,'').toLowerCase(),m=v.match(\/^y=([+-]?\\d*\\.?\\d*)x([+-]\\d+\\.?\\d*)?$\/);\r\n  if(m){let aS=m[1],bS=m[2]||'+0';if(aS===''||aS==='+')aS='1';if(aS==='-')aS='-1';a=parseFloat(aS);b=parseFloat(bS);aRange.value=a;bRange.value=b;aInput.value=a;bInput.value=b;animDraw(800);pulse()}\r\n}\r\naRange.addEventListener('input',syncS);bRange.addEventListener('input',syncS);\r\naInput.addEventListener('change',syncI);bInput.addEventListener('change',syncI);\r\neqInputEl.addEventListener('change',parseEq);\r\n\r\nfunction pulse(){\r\n  frame.style.boxShadow=`0 0 50px hsla(${currentHue},100%,50%,.18) inset`;\r\n  setTimeout(()=>frame.style.boxShadow=`0 0 30px hsla(${currentHue},100%,55%,.06) inset`,500);\r\n}\r\n\r\n\/* \u0631\u06cc\u067e\u0644 \u0648 \u0627\u0633\u067e\u0627\u0631\u06a9 \u062f\u06a9\u0645\u0647 *\/\r\nfunction ripple(btn,x,y){\r\n  const r=document.createElement('span');r.className='ripple';\r\n  r.style.left=x+'px';r.style.top=y+'px';\r\n  const sz=Math.max(btn.offsetWidth,btn.offsetHeight)*2;\r\n  r.style.width=r.style.height=sz+'px';\r\n  r.style.background=`radial-gradient(circle,rgba(255,255,255,.9),transparent 60%)`;\r\n  btn.appendChild(r);\r\n  requestAnimationFrame(()=>{r.style.transition='transform 550ms cubic-bezier(.2,.9,.2,1),opacity 550ms';r.style.transform='translate(-50%,-50%) scale(1)';r.style.opacity='0'});\r\n  setTimeout(()=>r.remove(),650);\r\n}\r\nfunction sparks(con,x,y,n){\r\n  for(let i=0;i<n;i++){\r\n    const s=document.createElement('span');\r\n    s.style.cssText=`position:absolute;left:${x}px;top:${y}px;pointer-events:none;transform:translate(-50%,-50%)`;\r\n    const sz=3+Math.random()*7;\r\n    s.style.width=s.style.height=sz+'px';s.style.borderRadius='50%';\r\n    s.style.background=`hsl(${(currentHue+Math.random()*60)%360},100%,${55+Math.random()*20}%)`;\r\n    s.style.boxShadow=`0 0 8px hsl(${(currentHue+Math.random()*60)%360},100%,55%)`;\r\n    con.appendChild(s);\r\n    const ang=Math.random()*Math.PI*2,dist=20+Math.random()*55;\r\n    s.animate([\r\n      {transform:'translate(-50%,-50%) translate(0,0) scale(1)',opacity:1},\r\n      {transform:`translate(-50%,-50%) translate(${Math.cos(ang)*dist}px,${Math.sin(ang)*dist*.7}px) scale(0)`,opacity:0}\r\n    ],{duration:400+Math.random()*400,easing:'cubic-bezier(.2,.9,.2,1)'});\r\n    setTimeout(()=>s.remove(),900);\r\n  }\r\n}\r\n\r\nfunction attachFx(){\r\n  W.querySelectorAll('.ultra-btn').forEach((btn,i)=>{\r\n    btn.addEventListener('pointerdown',e=>{\r\n      const r=btn.getBoundingClientRect();\r\n      ripple(btn,(e.clientX-r.left)||r.width\/2,(e.clientY-r.top)||r.height\/2);\r\n      sparks(btn.querySelector('.sparks')||btn,(e.clientX-r.left)||r.width\/2,(e.clientY-r.top)||r.height\/2,14);\r\n    });\r\n    btn.style.opacity='0';btn.style.transform='translateY(18px) scale(.96)';\r\n    setTimeout(()=>{btn.animate([{opacity:0,transform:'translateY(18px) scale(.96)'},{opacity:1,transform:'translateY(0) scale(1)'}],{duration:550,easing:'cubic-bezier(.2,.9,.2,1)',fill:'forwards'})},150+i*100);\r\n  });\r\n}\r\n\r\n\/* \u062a\u0645\u0631\u06cc\u0646 \u062e\u0648\u062f\u06a9\u0627\u0631 *\/\r\nrandomBtn.addEventListener('click',async e=>{\r\n  const rect=randomBtn.getBoundingClientRect();\r\n  ripple(randomBtn,(e.clientX-rect.left)||rect.width\/2,(e.clientY-rect.top)||rect.height\/2);\r\n  sparks(randomBtn.querySelector('.sparks')||randomBtn,(e.clientX-rect.left)||rect.width\/2,(e.clientY-rect.top)||rect.height\/2,18);\r\n  const label=randomBtn.querySelector('.label'),orig=label.textContent;\r\n  await countdown(label);\r\n  const picks=[{a:1,b:2},{a:-1,b:3},{a:2,b:-4},{a:.5,b:1},{a:-2,b:0},{a:3,b:1.5},{a:0,b:2},{a:1.5,b:-1.5},{a:-.5,b:4},{a:2.5,b:-3},{a:-1.5,b:2},{a:.8,b:-.5}];\r\n  const pick=picks[Math.floor(Math.random()*picks.length)];\r\n  a=pick.a;b=pick.b;aRange.value=a;bRange.value=b;aInput.value=a;bInput.value=b;\r\n  animDraw(1100);\r\n  sparks(randomBtn.querySelector('.sparks')||randomBtn,rect.width\/2,rect.height\/2,24);\r\n  randomBtn.animate([{transform:'translateY(-10px) scale(1.06)'},{transform:'translateY(-16px) scale(1.08)'},{transform:'translateY(0) scale(1)'}],{duration:700,easing:'cubic-bezier(.2,.9,.2,1)'});\r\n  setTimeout(()=>label.textContent=orig,1200);\r\n});\r\n\r\nfunction countdown(label){\r\n  return new Promise(res=>{const st=['\u06f3','\u06f2','\u06f1','\ud83d\ude80'];let i=0;const id=setInterval(()=>{label.textContent=st[i++];if(i>=st.length){clearInterval(id);setTimeout(res,100)}},120)});\r\n}\r\n\r\n\/* \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc *\/\r\nresetBtn.addEventListener('click',e=>{\r\n  const rect=resetBtn.getBoundingClientRect();\r\n  ripple(resetBtn,(e.clientX-rect.left)||rect.width\/2,(e.clientY-rect.top)||rect.height\/2);\r\n  sparks(resetBtn.querySelector('.sparks')||resetBtn,rect.width\/2,rect.height\/2,12);\r\n  a=1;b=0;aRange.value=a;bRange.value=b;aInput.value=a;bInput.value=b;eqInputEl.value='';animDraw(700);\r\n});\r\n\r\n\/* \u062a\u0639\u0627\u0645\u0644 \u0645\u0627\u0648\u0633 *\/\r\ncanvas.addEventListener('mousemove',e=>{\r\n  if(!lastScale)return;\r\n  const rect=canvas.getBoundingClientRect(),mx=e.clientX-rect.left,my=e.clientY-rect.top,s=lastScale;\r\n  const xM=(mx-s.cx)\/s.unit,yM=(s.cy-my)\/s.unit;\r\n  const xS=(xM+a*(yM-b))\/(1+a*a),yS=a*xS+b;\r\n  const px=s.cx+xS*s.unit,py=s.cy-yS*s.unit;\r\n  tooltip.style.left=(rect.left+px)+'px';tooltip.style.top=(rect.top+py)+'px';tooltip.style.display='block';\r\n  tooltip.innerHTML=`x: ${xS.toFixed(2)} &nbsp; y: ${yS.toFixed(2)}`;\r\n  const w=canvas.clientWidth,h=canvas.clientHeight;\r\n  drawAxes(s,w,h);drawLineNow(s,w);\r\n  ctx.save();ctx.beginPath();ctx.fillStyle=`hsla(${currentHue},100%,55%,.85)`;\r\n  ctx.shadowColor=`hsl(${currentHue},100%,50%)`;ctx.shadowBlur=20;\r\n  ctx.arc(px,py,7,0,Math.PI*2);ctx.fill();ctx.restore();\r\n});\r\ncanvas.addEventListener('mouseleave',()=>{tooltip.style.display='none';if(lastScale){const w=canvas.clientWidth,h=canvas.clientHeight;drawAxes(lastScale,w,h);drawLineNow(lastScale,w)}});\r\n\r\n\/* \u0631\u06cc\u0633\u0627\u06cc\u0632 *\/\r\nconst ro=new ResizeObserver(()=>{setSize();animDraw(500)});ro.observe(wrap);\r\n\r\n\/* \u0634\u0631\u0648\u0639 *\/\r\nsetTimeout(()=>{setSize();animDraw(900);attachFx();updateEq()},100);\r\nwindow.addEventListener('unload',()=>{try{ro.disconnect()}catch(e){}});\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-249316c e-flex e-con-boxed e-con e-parent\" data-id=\"249316c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aefe4a4 elementor-widget elementor-widget-html\" data-id=\"aefe4a4\" data-element_type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:2,&quot;sizes&quot;:[]},&quot;motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:8,&quot;end&quot;:93}},&quot;motion_fx_scale_direction&quot;:&quot;out-in&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0633\u0631\u0628\u0631\u06af \u06a9\u0627\u0645\u0644: \"\u062a\u0648\u0636\u06cc\u062d \u0639\u0644\u0627\u0645\u062a\u200c\u0647\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc\" \/ \"\u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u0646\u064f\u0647\u0645\" -->\r\n<div class=\"ms-header-wrap\" id=\"ms-header-wrap\" role=\"banner\" aria-label=\"\u0633\u0631\u0628\u0631\u06af \u062a\u0648\u0636\u06cc\u062d \u0639\u0644\u0627\u0645\u062a\u200c\u0647\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc\">\r\n  <div class=\"ms-header-inner\">\r\n    <h1 id=\"ms-main-title\" class=\"ms-main-title\">\u062a\u0648\u0636\u06cc\u062d \u0639\u0644\u0627\u0645\u062a\u200c\u0647\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc<\/h1>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ---------- \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u06a9\u0644\u06cc (\u06a9\u0645\u200c\u0627\u0631\u062a\u0641\u0627\u0639) ---------- *\/\r\n.ms-header-wrap{\r\n  width:100%;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  padding:10px 12px; \/* \u06a9\u0645\u062a\u0631 \u0628\u0631\u0627\u06cc \u0627\u0631\u062a\u0641\u0627\u0639 \u0641\u0634\u0631\u062f\u0647 *\/\r\n  direction:rtl;\r\n  isolation:isolate;\r\n  box-sizing:border-box;\r\n  position:relative;\r\n  background: transparent;\r\n}\r\n\r\n\/* \u062f\u0627\u062e\u0644 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0628\u0631\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u0644\u0627\u06cc\u0647\u200c\u0647\u0627 *\/\r\n.ms-header-inner{\r\n  text-align:center;\r\n  position:relative;\r\n  z-index:2;\r\n  max-width:1100px;\r\n  width:100%;\r\n  padding:4px 12px; \/* \u06a9\u0627\u0647\u0634 padding \u062f\u0627\u062e\u0644\u06cc *\/\r\n}\r\n\r\n\/* \u062a\u06cc\u062a\u0631 \u0627\u0635\u0644\u06cc \u0641\u0634\u0631\u062f\u0647\u200c\u062a\u0631 *\/\r\n.ms-main-title{\r\n  font-family: \"IRANSans\", \"Vazirmatn\", \"Poppins\", system-ui, sans-serif;\r\n  font-size: clamp(20px, 3.2vw, 34px); \/* \u06a9\u0648\u0686\u06a9\u200c\u062a\u0631 \u0648 \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 *\/\r\n  font-weight: 900;\r\n  margin: 0;\r\n  padding: 4px 0;\r\n  letter-spacing: 0.4px;\r\n  color: hsl(30,100%,60%); \/* \u0645\u0642\u062f\u0627\u0631 \u0627\u0648\u0644\u06cc\u0647\u061b \u062a\u0648\u0633\u0637 JS \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f *\/\r\n  -webkit-font-smoothing:antialiased;\r\n  transition: color 120ms linear, text-shadow 120ms linear;\r\n  text-shadow: 0 0 8px rgba(0,0,0,0.14);\r\n  line-height:1;\r\n}\r\n\r\n\/* \u0632\u06cc\u0631\u0639\u0646\u0648\u0627\u0646 \u06a9\u0648\u0686\u06a9\u200c\u062a\u0631 \u0648 \u062c\u0645\u0639\u200c\u062a\u0631 *\/\r\n.ms-subtitle{\r\n  margin: 4px 0 0 0;\r\n  font-size: clamp(12px, 1.2vw, 14px);\r\n  color: rgba(255,255,255,0.85);\r\n  opacity: 0.95;\r\n  font-weight:700;\r\n}\r\n\r\n\/* \u0644\u0627\u06cc\u0647 \u0647\u0627\u0644\u0647 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u06a9\u0648\u0686\u06a9\u200c\u062a\u0631 \u062a\u0627 \u0627\u0631\u062a\u0641\u0627\u0639 \u06a9\u0645\u062a\u0631 \u062d\u0633 \u0634\u0648\u062f *\/\r\n.ms-header-wrap::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(900px 220px at 50% 10%, rgba(40,180,200,0.05), transparent 18%),\r\n              radial-gradient(600px 160px at 10% 80%, rgba(60,140,200,0.02), transparent 12%);\r\n  pointer-events: none;\r\n  z-index:1;\r\n}\r\n\r\n\/* \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 *\/\r\n@media (max-width:420px){\r\n  .ms-main-title{ font-size:18px; }\r\n  .ms-subtitle{ font-size:12px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* \u062a\u063a\u06cc\u06cc\u0631 \u0631\u0646\u06af \u067e\u06cc\u0648\u0633\u062a\u0647 \u0648 \u0646\u0626\u0648\u0646\u06cc \u0628\u0631\u0627\u06cc \u062a\u06cc\u062a\u0631 \u0627\u0635\u0644\u06cc (\u0646\u0633\u062e\u0647 \u06a9\u0645\u200c\u0627\u0631\u062a\u0641\u0627\u0639)\r\n   - requestAnimationFrame \u0628\u0631\u0627\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc\r\n   - hueSpeed \u0631\u0627 \u06a9\u0645\/\u0632\u06cc\u0627\u062f \u06a9\u0646 \u062a\u0627 \u0633\u0631\u0639\u062a \u062a\u063a\u06cc\u06cc\u0631 \u0631\u0646\u06af \u062a\u0646\u0638\u06cc\u0645 \u0634\u0648\u062f\r\n*\/\r\n(function(){\r\n  const el = document.getElementById('ms-main-title');\r\n  if(!el) return;\r\n\r\n  let hue = 30;            \/\/ \u0634\u0631\u0648\u0639 \u0646\u0632\u062f\u06cc\u06a9 \u0646\u0627\u0631\u0646\u062c\u06cc\r\n  const hueSpeed = 18;    \/\/ \u062f\u0631\u062c\u0647 \u062f\u0631 \u062b\u0627\u0646\u06cc\u0647 (\u06a9\u0645\u062a\u0631 = \u06a9\u0646\u062f\u062a\u0631\u060c \u0628\u06cc\u0634\u062a\u0631 = \u0633\u0631\u06cc\u0639\u200c\u062a\u0631)\r\n  let last = null;\r\n\r\n  function frame(ts){\r\n    if(!last) last = ts;\r\n    const dt = (ts - last) \/ 1000; \/\/ \u062b\u0627\u0646\u06cc\u0647\r\n    last = ts;\r\n\r\n    hue = (hue + hueSpeed * dt) % 360;\r\n\r\n    \/\/ \u0631\u0646\u06af \u0648 \u0647\u0627\u0644\u0647 \u0646\u0626\u0648\u0646\u06cc \u0628\u0627 HSLA \u0628\u0631\u0627\u06cc \u0634\u0641\u0627\u0641\u06cc\u062a \u0628\u0647\u062a\u0631\r\n    const color = `hsl(${Math.round(hue)}, 100%, 60%)`;\r\n    const glow1 = `hsla(${Math.round(hue)}, 100%, 60%, 0.95)`;\r\n    const glow2 = `hsla(${Math.round(hue)}, 100%, 60%, 0.65)`;\r\n    const glow3 = `hsla(${Math.round(hue)}, 100%, 60%, 0.38)`;\r\n    const glow4 = `hsla(${Math.round(hue)}, 100%, 60%, 0.22)`;\r\n\r\n    el.style.color = color;\r\n    el.style.textShadow = `\r\n      0 0 8px ${glow1},\r\n      0 0 18px ${glow2},\r\n      0 0 36px ${glow3},\r\n      0 0 64px ${glow4}\r\n    `;\r\n\r\n    requestAnimationFrame(frame);\r\n  }\r\n\r\n  \/\/ \u0648\u0642\u062a\u06cc \u062a\u0628 \u062f\u0648\u0628\u0627\u0631\u0647 \u0641\u0639\u0627\u0644 \u0634\u062f\u060c \u06cc\u06a9 \u062c\u0647\u0634 \u0631\u0646\u06af\u06cc \u0633\u0631\u06cc\u0639 \u0627\u0639\u0645\u0627\u0644 \u06a9\u0646 \u062a\u0627 \u062d\u0633 \u062a\u0648\u0642\u0641 \u0646\u062f\u0647\u062f\r\n  document.addEventListener('visibilitychange', () => {\r\n    if(!document.hidden){\r\n      hue = (hue + 12) % 360;\r\n    }\r\n  });\r\n\r\n  requestAnimationFrame(frame);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1755db0 e-con-full e-flex e-con e-child\" data-id=\"1755db0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6226a1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"c6226a1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"msw-root-elite\" dir=\"rtl\">\r\n\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@400;700;900&display=swap');\r\n\r\n    #msw-root-elite {\r\n      font-family: Vazirmatn, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial;\r\n      display: block;\r\n      padding: 30px 15px;\r\n      background: transparent;\r\n      color-scheme: light dark;\r\n    }\r\n\r\n    #msw-root-elite .msw-box {\r\n      max-width: 920px;\r\n      margin: 0 auto;\r\n      background: rgba(255, 255, 255, 0.08);\r\n      border-radius: 28px;\r\n      padding: 28px;\r\n      box-shadow:\r\n        0 8px 32px rgba(0, 0, 0, 0.18),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.25),\r\n        inset 0 -1px 0 rgba(255, 255, 255, 0.05),\r\n        0 0 0 1px rgba(255, 255, 255, 0.12);\r\n      backdrop-filter: blur(40px) saturate(1.8);\r\n      -webkit-backdrop-filter: blur(40px) saturate(1.8);\r\n      border: 1px solid rgba(255, 255, 255, 0.18);\r\n      box-sizing: border-box;\r\n      position: relative;\r\n      z-index: 1;\r\n      animation: msw-card-in 0.8s cubic-bezier(0.22,1,0.36,1) both;\r\n    }\r\n\r\n    @keyframes msw-card-in {\r\n      0% { opacity: 0; transform: translateY(40px) scale(0.96); }\r\n      100% { opacity: 1; transform: translateY(0) scale(1); }\r\n    }\r\n\r\n    #msw-root-elite .msw-box::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 40px; right: 40px;\r\n      height: 1px;\r\n      background: linear-gradient(90deg,\r\n        transparent,\r\n        rgba(255,255,255,0.5),\r\n        rgba(255,200,100,0.3),\r\n        rgba(168,85,247,0.3),\r\n        transparent);\r\n      border-radius: 50%;\r\n    }\r\n\r\n    #msw-root-elite .msw-header {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    #msw-root-elite .msw-logo {\r\n      width: 58px;\r\n      height: 58px;\r\n      border-radius: 18px;\r\n      background: rgba(255, 255, 255, 0.1);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-weight: 900;\r\n      font-size: 1.3rem;\r\n      color: #fff;\r\n      border: 1px solid rgba(255, 255, 255, 0.2);\r\n      box-shadow:\r\n        0 8px 24px rgba(0, 0, 0, 0.15),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n      backdrop-filter: blur(20px);\r\n      position: relative;\r\n      overflow: hidden;\r\n      animation: msw-logo-glow 4s ease-in-out infinite alternate;\r\n    }\r\n\r\n    @keyframes msw-logo-glow {\r\n      0% { box-shadow: 0 8px 24px rgba(0,0,0,0.15), 0 0 25px rgba(255,106,0,0.12); }\r\n      50% { box-shadow: 0 8px 24px rgba(0,0,0,0.15), 0 0 30px rgba(168,85,247,0.15); }\r\n      100% { box-shadow: 0 8px 24px rgba(0,0,0,0.15), 0 0 25px rgba(59,130,246,0.15); }\r\n    }\r\n\r\n    #msw-root-elite .msw-logo::after {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(135deg, rgba(255,255,255,0.2), transparent 60%);\r\n      border-radius: inherit;\r\n    }\r\n\r\n    #msw-root-elite .msw-title h1 {\r\n      margin: 0;\r\n      font-size: 1.15rem;\r\n      font-weight: 900;\r\n      background: linear-gradient(135deg, #ff6a00, #ff9a3d, #a855f7, #3b82f6);\r\n      background-size: 300% 300%;\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n      animation: msw-title-shift 6s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes msw-title-shift {\r\n      0%, 100% { background-position: 0% 50%; }\r\n      50% { background-position: 100% 50%; }\r\n    }\r\n\r\n    #msw-root-elite .msw-title p {\r\n      margin: 4px 0 0 0;\r\n      font-size: 0.88rem;\r\n      color: rgba(255, 255, 255, 0.5);\r\n    }\r\n\r\n    #msw-root-elite .msw-panel {\r\n      margin-top: 10px;\r\n      border-radius: 20px;\r\n      background: rgba(255, 255, 255, 0.06);\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      padding: 22px;\r\n      box-shadow:\r\n        0 10px 30px rgba(0, 0, 0, 0.12),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.12);\r\n      backdrop-filter: blur(24px);\r\n      -webkit-backdrop-filter: blur(24px);\r\n      box-sizing: border-box;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #msw-root-elite .msw-panel::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 30px; right: 30px;\r\n      height: 2px;\r\n      background: linear-gradient(90deg,\r\n        transparent,\r\n        #ff6a00,\r\n        #a855f7,\r\n        #3b82f6,\r\n        transparent);\r\n      border-radius: 2px;\r\n      animation: msw-line-glow 4s ease-in-out infinite alternate;\r\n    }\r\n\r\n    @keyframes msw-line-glow {\r\n      0% { opacity: 0.4; }\r\n      100% { opacity: 1; }\r\n    }\r\n\r\n    #msw-root-elite .msw-panel h3 {\r\n      margin: 0 0 8px 0;\r\n      font-size: 1rem;\r\n      font-weight: 900;\r\n      background: linear-gradient(90deg, #ff9a3d, #a855f7);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n\r\n    #msw-root-elite .msw-muted {\r\n      margin: 0 0 12px 0;\r\n      font-size: 0.88rem;\r\n      color: rgba(255, 255, 255, 0.45);\r\n    }\r\n\r\n    #msw-root-elite .msw-search {\r\n      display: flex;\r\n      gap: 10px;\r\n      align-items: center;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    #msw-root-elite .msw-input {\r\n      flex: 1;\r\n      padding: 13px 16px;\r\n      border-radius: 14px;\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      background: rgba(255, 255, 255, 0.06);\r\n      font-size: 1rem;\r\n      direction: ltr;\r\n      text-align: left;\r\n      color: #f1f5f9;\r\n      box-sizing: border-box;\r\n      backdrop-filter: blur(10px);\r\n      transition: all 0.4s cubic-bezier(0.22,1,0.36,1);\r\n      outline: none;\r\n      font-family: inherit;\r\n    }\r\n\r\n    #msw-root-elite .msw-input::placeholder {\r\n      color: rgba(255, 255, 255, 0.3);\r\n    }\r\n\r\n    #msw-root-elite .msw-input:focus {\r\n      border-color: rgba(255, 106, 0, 0.45);\r\n      background: rgba(255, 255, 255, 0.1);\r\n      box-shadow:\r\n        0 0 0 3px rgba(255, 106, 0, 0.1),\r\n        0 0 25px rgba(255, 106, 0, 0.06);\r\n    }\r\n\r\n    #msw-root-elite .msw-btn {\r\n      padding: 13px 22px;\r\n      border-radius: 14px;\r\n      border: 0;\r\n      cursor: pointer;\r\n      font-weight: 900;\r\n      font-size: 0.9rem;\r\n      font-family: inherit;\r\n      background: linear-gradient(135deg, #ff6a00, #ff9a3d, #a855f7);\r\n      background-size: 250% 250%;\r\n      color: #fff;\r\n      box-shadow:\r\n        0 8px 25px rgba(255, 106, 0, 0.25),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n      white-space: nowrap;\r\n      transition: all 0.4s cubic-bezier(0.22,1,0.36,1);\r\n      position: relative;\r\n      overflow: hidden;\r\n      animation: msw-btn-bg 5s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes msw-btn-bg {\r\n      0%, 100% { background-position: 0% 50%; }\r\n      50% { background-position: 100% 50%; }\r\n    }\r\n\r\n    #msw-root-elite .msw-btn::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: -100%;\r\n      width: 200%; height: 100%;\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\r\n      transition: left 0.6s;\r\n    }\r\n\r\n    #msw-root-elite .msw-btn:hover {\r\n      transform: translateY(-2px) scale(1.03);\r\n      box-shadow:\r\n        0 12px 35px rgba(255, 106, 0, 0.35),\r\n        0 0 30px rgba(168, 85, 247, 0.15);\r\n    }\r\n\r\n    #msw-root-elite .msw-btn:hover::before {\r\n      left: 100%;\r\n    }\r\n\r\n    #msw-root-elite .msw-btn:active {\r\n      transform: translateY(0) scale(0.98);\r\n    }\r\n\r\n    #msw-root-elite .msw-result {\r\n      margin-top: 16px;\r\n      padding: 20px;\r\n      border-radius: 18px;\r\n      background: rgba(255, 255, 255, 0.05);\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      color: #e5e7eb;\r\n      box-shadow:\r\n        0 15px 45px rgba(0, 0, 0, 0.15),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n      backdrop-filter: blur(24px);\r\n      -webkit-backdrop-filter: blur(24px);\r\n      box-sizing: border-box;\r\n      position: relative;\r\n      overflow: hidden;\r\n      animation: msw-result-in 0.6s cubic-bezier(0.22,1,0.36,1) both;\r\n    }\r\n\r\n    @keyframes msw-result-in {\r\n      0% { opacity: 0; transform: translateY(15px); }\r\n      100% { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    #msw-root-elite .msw-result::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -1px; left: -1px; right: -1px; bottom: -1px;\r\n      border-radius: inherit;\r\n      background: linear-gradient(var(--msw-angle, 0deg),\r\n        rgba(255,106,0,0.25),\r\n        transparent 30%,\r\n        rgba(168,85,247,0.25) 50%,\r\n        transparent 70%,\r\n        rgba(59,130,246,0.25));\r\n      z-index: -1;\r\n      animation: msw-border-rotate 6s linear infinite;\r\n      opacity: 0.4;\r\n    }\r\n\r\n    @keyframes msw-border-rotate {\r\n      0% { --msw-angle: 0deg; filter: hue-rotate(0deg); }\r\n      100% { --msw-angle: 360deg; filter: hue-rotate(360deg); }\r\n    }\r\n\r\n    @property --msw-angle {\r\n      syntax: '<angle>';\r\n      initial-value: 0deg;\r\n      inherits: false;\r\n    }\r\n\r\n    #msw-root-elite .msw-result h4 {\r\n      margin: 0 0 10px 0;\r\n      font-size: 1.05rem;\r\n      font-weight: 900;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      color: #111827;\r\n    }\r\n\r\n    #msw-root-elite .msw-result h4 .msw-symbol-icon {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 38px;\r\n      height: 38px;\r\n      border-radius: 12px;\r\n      background: rgba(255, 255, 255, 0.08);\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      font-size: 1.2rem;\r\n      flex-shrink: 0;\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    #msw-root-elite .msw-result .msw-meaning-text {\r\n      color: rgba(255, 255, 255, 0.65);\r\n      font-size: 0.92rem;\r\n      line-height: 1.7;\r\n      margin: 0 0 14px 0;\r\n      padding-right: 46px;\r\n    }\r\n\r\n    #msw-root-elite .msw-result .msw-detail-row {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 8px;\r\n      margin-bottom: 8px;\r\n      padding: 10px 14px;\r\n      border-radius: 12px;\r\n      background: rgba(255, 255, 255, 0.04);\r\n      border: 1px solid rgba(255, 255, 255, 0.06);\r\n      backdrop-filter: blur(10px);\r\n      transition: background 0.3s;\r\n    }\r\n\r\n    #msw-root-elite .msw-result .msw-detail-row:hover {\r\n      background: rgba(255, 255, 255, 0.08);\r\n    }\r\n\r\n    #msw-root-elite .msw-result .msw-detail-label {\r\n      font-weight: 800;\r\n      color: rgba(255, 255, 255, 0.5);\r\n      font-size: 0.82rem;\r\n      min-width: 70px;\r\n      flex-shrink: 0;\r\n      padding-top: 2px;\r\n    }\r\n\r\n    #msw-root-elite .msw-example,\r\n    #msw-root-elite .msw-code {\r\n      direction: ltr;\r\n      unicode-bidi: embed;\r\n      font-family: ui-monospace, Menlo, Monaco, \"Roboto Mono\", monospace;\r\n      font-size: 0.88rem;\r\n      display: inline-block;\r\n      word-break: break-word;\r\n    }\r\n\r\n    #msw-root-elite .msw-example {\r\n      color: #fbbf24;\r\n    }\r\n\r\n    #msw-root-elite .msw-code {\r\n      background: rgba(255, 255, 255, 0.06);\r\n      padding: 4px 10px;\r\n      border-radius: 8px;\r\n      color: #93c5fd;\r\n      border: 1px solid rgba(255, 255, 255, 0.08);\r\n      backdrop-filter: blur(6px);\r\n    }\r\n\r\n    #msw-root-elite .msw-list {\r\n      margin-top: 16px;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n    }\r\n\r\n    #msw-root-elite .msw-list-btn {\r\n      padding: 8px 14px;\r\n      border-radius: 999px;\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n      background: rgba(255, 255, 255, 0.05);\r\n      font-size: 0.82rem;\r\n      cursor: pointer;\r\n      color: rgba(255, 255, 255, 0.65);\r\n      font-family: inherit;\r\n      backdrop-filter: blur(10px);\r\n      transition: all 0.4s cubic-bezier(0.22,1,0.36,1);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #msw-root-elite .msw-list-btn::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      border-radius: inherit;\r\n      background: linear-gradient(135deg, rgba(255,106,0,0.12), rgba(168,85,247,0.12));\r\n      opacity: 0;\r\n      transition: opacity 0.3s;\r\n    }\r\n\r\n    #msw-root-elite .msw-list-btn:hover {\r\n      border-color: rgba(255, 106, 0, 0.3);\r\n      color: #fff;\r\n      transform: translateY(-2px) scale(1.05);\r\n      box-shadow:\r\n        0 6px 20px rgba(255, 106, 0, 0.12),\r\n        0 0 15px rgba(168, 85, 247, 0.08);\r\n    }\r\n\r\n    #msw-root-elite .msw-list-btn:hover::before {\r\n      opacity: 1;\r\n    }\r\n\r\n    #msw-root-elite .msw-list-btn.active {\r\n      border-color: rgba(255, 106, 0, 0.4);\r\n      background: rgba(255, 106, 0, 0.1);\r\n      color: #fff;\r\n      box-shadow: 0 0 18px rgba(255, 106, 0, 0.12);\r\n    }\r\n\r\n    #msw-root-elite .msw-not-found {\r\n      text-align: center;\r\n      padding: 20px;\r\n    }\r\n\r\n    #msw-root-elite .msw-not-found .msw-nf-icon {\r\n      font-size: 2.5rem;\r\n      margin-bottom: 10px;\r\n      animation: msw-shake 0.5s ease-in-out;\r\n    }\r\n\r\n    @keyframes msw-shake {\r\n      0%, 100% { transform: rotate(0); }\r\n      25% { transform: rotate(-10deg); }\r\n      75% { transform: rotate(10deg); }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      #msw-root-elite .msw-box { padding: 16px; border-radius: 20px; }\r\n      #msw-root-elite .msw-panel { padding: 16px; }\r\n      #msw-root-elite .msw-search { flex-direction: column; }\r\n      #msw-root-elite .msw-btn { width: 100%; text-align: center; }\r\n      #msw-root-elite .msw-result .msw-meaning-text { padding-right: 0; }\r\n      #msw-root-elite .msw-result .msw-detail-row { flex-direction: column; gap: 4px; }\r\n    }\r\n\r\n    @media (prefers-color-scheme: light) {\r\n      #msw-root-elite {\r\n        color: #111827;\r\n      }\r\n\r\n      #msw-root-elite .msw-box {\r\n        background: rgba(255, 255, 255, 0.72);\r\n        border-color: rgba(15, 23, 42, 0.08);\r\n        box-shadow:\r\n          0 12px 40px rgba(15, 23, 42, 0.10),\r\n          inset 0 1px 0 rgba(255, 255, 255, 0.65),\r\n          0 0 0 1px rgba(255, 255, 255, 0.45);\r\n      }\r\n\r\n      #msw-root-elite .msw-box::before {\r\n        background: linear-gradient(90deg,\r\n          transparent,\r\n          rgba(15,23,42,0.10),\r\n          rgba(255,106,0,0.22),\r\n          rgba(168,85,247,0.18),\r\n          transparent);\r\n      }\r\n\r\n      #msw-root-elite .msw-logo {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        color: #111827;\r\n        border-color: rgba(15, 23, 42, 0.08);\r\n      }\r\n\r\n      #msw-root-elite .msw-title p,\r\n      #msw-root-elite .msw-muted {\r\n        color: rgba(15, 23, 42, 0.62);\r\n      }\r\n\r\n      #msw-root-elite .msw-panel {\r\n        background: rgba(255, 255, 255, 0.65);\r\n        border-color: rgba(15, 23, 42, 0.08);\r\n        box-shadow:\r\n          0 10px 30px rgba(15, 23, 42, 0.08),\r\n          inset 0 1px 0 rgba(255, 255, 255, 0.55);\r\n      }\r\n\r\n      #msw-root-elite .msw-input {\r\n        background: rgba(255, 255, 255, 0.88);\r\n        border-color: rgba(15, 23, 42, 0.10);\r\n        color: #111827;\r\n      }\r\n\r\n      #msw-root-elite .msw-input::placeholder {\r\n        color: rgba(15, 23, 42, 0.35);\r\n      }\r\n\r\n      #msw-root-elite .msw-input:focus {\r\n        background: #fff;\r\n        border-color: rgba(255, 106, 0, 0.45);\r\n        box-shadow:\r\n          0 0 0 3px rgba(255, 106, 0, 0.10),\r\n          0 0 25px rgba(255, 106, 0, 0.05);\r\n      }\r\n\r\n      #msw-root-elite .msw-result {\r\n        background: rgba(255, 255, 255, 0.82);\r\n        border-color: rgba(15, 23, 42, 0.08);\r\n        color: #111827;\r\n        box-shadow:\r\n          0 15px 45px rgba(15, 23, 42, 0.08),\r\n          inset 0 1px 0 rgba(255, 255, 255, 0.65);\r\n      }\r\n\r\n      #msw-root-elite .msw-result h4 {\r\n        color: #111827;\r\n      }\r\n\r\n      #msw-root-elite .msw-result .msw-meaning-text {\r\n        color: #475569;\r\n      }\r\n\r\n      #msw-root-elite .msw-result .msw-detail-row {\r\n        background: rgba(15, 23, 42, 0.03);\r\n        border-color: rgba(15, 23, 42, 0.06);\r\n      }\r\n\r\n      #msw-root-elite .msw-result .msw-detail-row:hover {\r\n        background: rgba(15, 23, 42, 0.05);\r\n      }\r\n\r\n      #msw-root-elite .msw-result .msw-detail-label {\r\n        color: rgba(15, 23, 42, 0.58);\r\n      }\r\n\r\n      #msw-root-elite .msw-example {\r\n        color: #b45309;\r\n      }\r\n\r\n      #msw-root-elite .msw-code {\r\n        background: rgba(15, 23, 42, 0.04);\r\n        color: #2563eb;\r\n        border-color: rgba(15, 23, 42, 0.08);\r\n      }\r\n\r\n      #msw-root-elite .msw-list-btn {\r\n        background: rgba(255, 255, 255, 0.75);\r\n        color: #334155;\r\n        border-color: rgba(15, 23, 42, 0.08);\r\n      }\r\n\r\n      #msw-root-elite .msw-list-btn:hover {\r\n        color: #111827;\r\n        border-color: rgba(255, 106, 0, 0.25);\r\n      }\r\n\r\n      #msw-root-elite .msw-list-btn.active {\r\n        background: rgba(255, 106, 0, 0.12);\r\n        color: #111827;\r\n        border-color: rgba(255, 106, 0, 0.28);\r\n      }\r\n\r\n      #msw-root-elite .msw-not-found p {\r\n        color: #475569 !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"msw-box\">\r\n    <div class=\"msw-header\">\r\n      <div style=\"display:flex;gap:12px;align-items:center;\">\r\n        <div class=\"msw-logo\">\u2726<\/div>\r\n        <div class=\"msw-title\">\r\n          <h1>MathSymbol \u2014 \u0645\u062a\u0631\u062c\u0645 \u0646\u0645\u0627\u062f<\/h1>\r\n          <p>\u0646\u0645\u0627\u062f \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u061b \u0645\u0639\u0646\u06cc\u060c \u0645\u062b\u0627\u0644 \u0648 \u0645\u0639\u0627\u062f\u0644 \u06a9\u062f \u0631\u0627 \u0628\u0628\u06cc\u0646.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <section class=\"msw-panel\">\r\n      <h3>\ud83d\udd2e \u0645\u062a\u0631\u062c\u0645 \u0646\u0645\u0627\u062f<\/h3>\r\n      <p class=\"msw-muted\">\u0646\u0645\u0627\u062f \u06cc\u0627 \u0646\u0627\u0645 \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646 \u0648 \u0631\u0648\u06cc \u00ab\u062a\u0648\u0636\u06cc\u062d\u00bb \u0628\u0632\u0646.<\/p>\r\n\r\n      <div class=\"msw-search\">\r\n        <input id=\"msw-input\" class=\"msw-input\" type=\"text\" placeholder=\"\u0645\u062b\u0644\u0627\u064b \u222b \u06cc\u0627 sigma \u06cc\u0627 delta ...\">\r\n        <button id=\"msw-translate\" class=\"msw-btn\">\u2728 \u062a\u0648\u0636\u06cc\u062d<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"msw-result\" id=\"msw-result\"><\/div>\r\n      <div class=\"msw-list\" id=\"msw-list\"><\/div>\r\n    <\/section>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.getElementById('msw-root-elite');\r\n      if (!root) return;\r\n\r\n      const db = {\r\n        \"\u2211\": { sym:\"\u2211\", name:\"\u0633\u06cc\u06af\u0645\u0627 \u2014 \u062c\u0645\u0639\", meaning:\"\u062c\u0645\u0639\u200c\u0632\u062f\u0646 \u0627\u0639\u0636\u0627\u06cc \u06cc\u06a9 \u062f\u0646\u0628\u0627\u0644\u0647 \u06cc\u0627 \u0645\u062c\u0645\u0648\u0639\u0647.\", example:\"\u2211_{i=1}^{5} i = 15\", code:\"sum(range(1,6))\", cat:\"\u0639\u0645\u0644\u06af\u0631\" },\r\n        \"\u222b\": { sym:\"\u222b\", name:\"\u0627\u0646\u062a\u06af\u0631\u0627\u0644\", meaning:\"\u0645\u062d\u0627\u0633\u0628\u0647\u0654 \u0645\u0633\u0627\u062d\u062a \u0632\u06cc\u0631 \u0645\u0646\u062d\u0646\u06cc \u06cc\u0627 \u062c\u0645\u0639 \u067e\u06cc\u0648\u0633\u062a\u0647\u0654 \u0645\u0642\u062f\u0627\u0631\u0647\u0627.\", example:\"\u222b\u2080\u00b9 x\u00b2 dx = 1\/3\", code:\"sympy.integrate(x**2, (x,0,1))\", cat:\"\u062d\u0633\u0627\u0628\" },\r\n        \"\u03c0\": { sym:\"\u03c0\", name:\"\u067e\u06cc \u2014 \u0639\u062f\u062f \u067e\u06cc\", meaning:\"\u0646\u0633\u0628\u062a \u0645\u062d\u06cc\u0637 \u062f\u0627\u06cc\u0631\u0647 \u0628\u0647 \u0642\u0637\u0631 \u0622\u0646\u061b \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u06f3\u066b\u06f1\u06f4\u06f1\u06f5\u06f9.\", example:\"\u03c0 \u2248 3.14159\", code:\"math.pi\", cat:\"\u062b\u0627\u0628\u062a\" },\r\n        \"\u221e\": { sym:\"\u221e\", name:\"\u0628\u06cc\u200c\u0646\u0647\u0627\u06cc\u062a\", meaning:\"\u0646\u0645\u0627\u06cc\u0634 \u0645\u0642\u062f\u0627\u0631 \u0646\u0627\u0645\u062d\u062f\u0648\u062f \u06cc\u0627 \u062d\u062f\u06cc \u06a9\u0647 \u0628\u0647 \u0639\u062f\u062f \u0646\u0645\u06cc\u200c\u0631\u0633\u062f.\", example:\"lim x\u2192\u221e  1\/x = 0\", code:\"float('inf')\", cat:\"\u0645\u0641\u0647\u0648\u0645\" },\r\n        \"\u221a\": { sym:\"\u221a\", name:\"\u062c\u0630\u0631 \u2014 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\", meaning:\"\u0639\u0645\u0644\u06cc\u0627\u062a \u062c\u0630\u0631 \u06cc\u0627 \u0631\u06cc\u0634\u0647\u0654 \u062f\u0648\u0645.\", example:\"\u221a9 = 3\", code:\"math.sqrt(9)\", cat:\"\u0639\u0645\u0644\u06af\u0631\" },\r\n        \"\u00d7\": { sym:\"\u00d7\", name:\"\u0636\u0631\u0628\", meaning:\"\u0639\u0645\u0644\u06af\u0631 \u0636\u0631\u0628 \u062f\u0648 \u0639\u062f\u062f \u06cc\u0627 \u0628\u0631\u062f\u0627\u0631.\", example:\"3 \u00d7 4 = 12\", code:\"3 * 4\", cat:\"\u0639\u0645\u0644\u06af\u0631\" },\r\n        \"\u00f7\": { sym:\"\u00f7\", name:\"\u062a\u0642\u0633\u06cc\u0645\", meaning:\"\u0639\u0645\u0644 \u062a\u0642\u0633\u06cc\u0645 \u062f\u0648 \u0639\u062f\u062f.\", example:\"6 \u00f7 2 = 3\", code:\"6 \/ 2\", cat:\"\u0639\u0645\u0644\u06af\u0631\" },\r\n        \"\u2212\": { sym:\"\u2212\", name:\"\u0645\u0646\u0641\u06cc \/ \u062a\u0641\u0631\u06cc\u0642\", meaning:\"\u0639\u0645\u0644 \u062a\u0641\u0631\u06cc\u0642 \u06cc\u0627 \u0639\u0644\u0627\u0645\u062a \u0645\u0646\u0641\u06cc.\", example:\"5 \u2212 2 = 3\", code:\"5 - 2\", cat:\"\u0639\u0645\u0644\u06af\u0631\" },\r\n        \"\u0394\": { sym:\"\u0394\", name:\"\u062f\u0644\u062a\u0627 \u2014 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a\", meaning:\"\u0646\u0645\u0627\u06cc\u0634 \u062a\u063a\u06cc\u06cc\u0631 \u06cc\u0627 \u0627\u062e\u062a\u0644\u0627\u0641 \u0628\u06cc\u0646 \u062f\u0648 \u0645\u0642\u062f\u0627\u0631.\", example:\"\u0394x = x\u2082 \u2212 x\u2081\", code:\"delta_x = x2 - x1\", cat:\"\u0645\u062a\u063a\u06cc\u0631\" },\r\n        \"\u2202\": { sym:\"\u2202\", name:\"\u0645\u0634\u062a\u0642 \u062c\u0632\u0626\u06cc\", meaning:\"\u0645\u0634\u062a\u0642\u200c\u06af\u06cc\u0631\u06cc \u0646\u0633\u0628\u062a \u0628\u0647 \u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631 \u0648\u0642\u062a\u06cc \u0628\u0642\u06cc\u0647 \u062b\u0627\u0628\u062a\u200c\u0627\u0646\u062f.\", example:\"\u2202f\/\u2202x\", code:\"sympy.diff(f, x)\", cat:\"\u062d\u0633\u0627\u0628\" },\r\n        \"\u2207\": { sym:\"\u2207\", name:\"\u0646\u0627\u0628\u0644\u0627 \u2014 \u06af\u0631\u0627\u062f\u06cc\u0627\u0646\", meaning:\"\u0639\u0645\u0644\u06af\u0631 \u06af\u0631\u0627\u062f\u06cc\u0627\u0646\u061b \u0628\u0631\u062f\u0627\u0631 \u0645\u0634\u062a\u0642\u0627\u062a \u062c\u0632\u0626\u06cc.\", example:\"\u2207f = (\u2202f\/\u2202x, \u2202f\/\u2202y)\", code:\"numpy.gradient(f)\", cat:\"\u0628\u0631\u062f\u0627\u0631\" },\r\n        \"\u220f\": { sym:\"\u220f\", name:\"\u062d\u0627\u0635\u0644\u200c\u0636\u0631\u0628 \u2014 \u067e\u06cc \u0628\u0632\u0631\u06af\", meaning:\"\u0636\u0631\u0628\u200c\u0632\u062f\u0646 \u0627\u0639\u0636\u0627\u06cc \u06cc\u06a9 \u062f\u0646\u0628\u0627\u0644\u0647.\", example:\"\u220f_{i=1}^{4} i = 24\", code:\"math.prod(range(1,5))\", cat:\"\u0639\u0645\u0644\u06af\u0631\" },\r\n        \"\u2208\": { sym:\"\u2208\", name:\"\u0639\u0636\u0648\u06cc\u062a\", meaning:\"\u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0639\u0646\u0635\u0631\u06cc \u0639\u0636\u0648 \u0645\u062c\u0645\u0648\u0639\u0647 \u0627\u0633\u062a.\", example:\"3 \u2208 {1,2,3}\", code:\"3 in {1,2,3}\", cat:\"\u0645\u062c\u0645\u0648\u0639\u0647\" },\r\n        \"\u2209\": { sym:\"\u2209\", name:\"\u0639\u062f\u0645 \u0639\u0636\u0648\u06cc\u062a\", meaning:\"\u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0639\u0646\u0635\u0631\u06cc \u0639\u0636\u0648 \u0645\u062c\u0645\u0648\u0639\u0647 \u0646\u06cc\u0633\u062a.\", example:\"5 \u2209 {1,2,3}\", code:\"5 not in {1,2,3}\", cat:\"\u0645\u062c\u0645\u0648\u0639\u0647\" },\r\n        \"\u2282\": { sym:\"\u2282\", name:\"\u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647\", meaning:\"\u0645\u062c\u0645\u0648\u0639\u0647 A \u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647\u0654 B \u0627\u0633\u062a.\", example:\"{1,2} \u2282 {1,2,3}\", code:\"{1,2}.issubset({1,2,3})\", cat:\"\u0645\u062c\u0645\u0648\u0639\u0647\" },\r\n        \"\u222a\": { sym:\"\u222a\", name:\"\u0627\u062c\u062a\u0645\u0627\u0639\", meaning:\"\u0627\u062c\u062a\u0645\u0627\u0639 \u062f\u0648 \u0645\u062c\u0645\u0648\u0639\u0647\u061b \u0647\u0645\u0647\u0654 \u0639\u0646\u0627\u0635\u0631 \u0647\u0631 \u062f\u0648.\", example:\"{1,2} \u222a {2,3} = {1,2,3}\", code:\"{1,2} | {2,3}\", cat:\"\u0645\u062c\u0645\u0648\u0639\u0647\" },\r\n        \"\u2229\": { sym:\"\u2229\", name:\"\u0627\u0634\u062a\u0631\u0627\u06a9\", meaning:\"\u0627\u0634\u062a\u0631\u0627\u06a9 \u062f\u0648 \u0645\u062c\u0645\u0648\u0639\u0647\u061b \u0639\u0646\u0627\u0635\u0631 \u0645\u0634\u062a\u0631\u06a9.\", example:\"{1,2} \u2229 {2,3} = {2}\", code:\"{1,2} & {2,3}\", cat:\"\u0645\u062c\u0645\u0648\u0639\u0647\" },\r\n        \"\u2205\": { sym:\"\u2205\", name:\"\u0645\u062c\u0645\u0648\u0639\u0647\u0654 \u062a\u0647\u06cc\", meaning:\"\u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0628\u062f\u0648\u0646 \u0647\u06cc\u0686 \u0639\u0636\u0648.\", example:\"{1} \u2229 {2} = \u2205\", code:\"set()\", cat:\"\u0645\u062c\u0645\u0648\u0639\u0647\" },\r\n        \"\u2248\": { sym:\"\u2248\", name:\"\u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u0645\u0633\u0627\u0648\u06cc\", meaning:\"\u062f\u0648 \u0645\u0642\u062f\u0627\u0631 \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u0628\u0631\u0627\u0628\u0631\u0646\u062f.\", example:\"\u03c0 \u2248 3.14\", code:\"math.isclose(a, b)\", cat:\"\u0631\u0627\u0628\u0637\u0647\" },\r\n        \"\u2260\": { sym:\"\u2260\", name:\"\u0646\u0627\u0645\u0633\u0627\u0648\u06cc\", meaning:\"\u062f\u0648 \u0645\u0642\u062f\u0627\u0631 \u0628\u0631\u0627\u0628\u0631 \u0646\u06cc\u0633\u062a\u0646\u062f.\", example:\"2 \u2260 3\", code:\"2 != 3\", cat:\"\u0631\u0627\u0628\u0637\u0647\" },\r\n        \"\u2264\": { sym:\"\u2264\", name:\"\u06a9\u0648\u0686\u06a9\u062a\u0631\u200c\u0645\u0633\u0627\u0648\u06cc\", meaning:\"\u0645\u0642\u062f\u0627\u0631 \u0686\u067e \u06a9\u0645\u062a\u0631 \u06cc\u0627 \u0645\u0633\u0627\u0648\u06cc \u0631\u0627\u0633\u062a.\", example:\"x \u2264 10\", code:\"x <= 10\", cat:\"\u0631\u0627\u0628\u0637\u0647\" },\r\n        \"\u2265\": { sym:\"\u2265\", name:\"\u0628\u0632\u0631\u06af\u062a\u0631\u200c\u0645\u0633\u0627\u0648\u06cc\", meaning:\"\u0645\u0642\u062f\u0627\u0631 \u0686\u067e \u0628\u06cc\u0634\u062a\u0631 \u06cc\u0627 \u0645\u0633\u0627\u0648\u06cc \u0631\u0627\u0633\u062a.\", example:\"x \u2265 0\", code:\"x >= 0\", cat:\"\u0631\u0627\u0628\u0637\u0647\" },\r\n        \"\u2200\": { sym:\"\u2200\", name:\"\u0628\u0631\u0627\u06cc\u200c\u0647\u0631 \u2014 \u06a9\u0648\u0627\u0646\u062a\u0648\u0631 \u0639\u0645\u0648\u0645\u06cc\", meaning:\"\u06af\u0632\u0627\u0631\u0647 \u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u0627\u0639\u0636\u0627 \u0635\u0627\u062f\u0642 \u0627\u0633\u062a.\", example:\"\u2200x\u2208\u211d: x\u00b2 \u2265 0\", code:\"all(x**2 >= 0 for x in X)\", cat:\"\u0645\u0646\u0637\u0642\" },\r\n        \"\u2203\": { sym:\"\u2203\", name:\"\u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u2014 \u06a9\u0648\u0627\u0646\u062a\u0648\u0631 \u0648\u062c\u0648\u062f\u06cc\", meaning:\"\u062d\u062f\u0627\u0642\u0644 \u06cc\u06a9 \u0639\u0636\u0648 \u0647\u0633\u062a \u06a9\u0647 \u06af\u0632\u0627\u0631\u0647 \u0631\u0627 \u0635\u0627\u062f\u0642 \u06a9\u0646\u062f.\", example:\"\u2203x: x\u00b2 = 4\", code:\"any(x**2 == 4 for x in X)\", cat:\"\u0645\u0646\u0637\u0642\" },\r\n        \"\u00ac\": { sym:\"\u00ac\", name:\"\u0646\u0642\u06cc\u0636 \u2014 NOT\", meaning:\"\u0646\u0642\u06cc\u0636 \u06cc\u06a9 \u06af\u0632\u0627\u0631\u0647\u0654 \u0645\u0646\u0637\u0642\u06cc.\", example:\"\u00ac(True) = False\", code:\"not True\", cat:\"\u0645\u0646\u0637\u0642\" },\r\n        \"\u2227\": { sym:\"\u2227\", name:\"\u0648 \u2014 AND\", meaning:\"\u0639\u0645\u0644 \u00ab\u0648\u00bb \u0645\u0646\u0637\u0642\u06cc.\", example:\"True \u2227 False = False\", code:\"True and False\", cat:\"\u0645\u0646\u0637\u0642\" },\r\n        \"\u2228\": { sym:\"\u2228\", name:\"\u06cc\u0627 \u2014 OR\", meaning:\"\u0639\u0645\u0644 \u00ab\u06cc\u0627\u00bb \u0645\u0646\u0637\u0642\u06cc.\", example:\"True \u2228 False = True\", code:\"True or False\", cat:\"\u0645\u0646\u0637\u0642\" },\r\n        \"\u21d2\": { sym:\"\u21d2\", name:\"\u0646\u062a\u06cc\u062c\u0647\u200c\u06af\u06cc\u0631\u06cc \u2014 \u0627\u06af\u0631\u2026\u0622\u0646\u06af\u0627\u0647\", meaning:\"\u0627\u06af\u0631 \u0633\u0645\u062a \u0686\u067e \u062f\u0631\u0633\u062a \u0628\u0627\u0634\u062f\u060c \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u0646\u06cc\u0632 \u062f\u0631\u0633\u062a \u0627\u0633\u062a.\", example:\"P \u21d2 Q\", code:\"not P or Q\", cat:\"\u0645\u0646\u0637\u0642\" },\r\n        \"\u03b1\": { sym:\"\u03b1\", name:\"\u0622\u0644\u0641\u0627\", meaning:\"\u0627\u0648\u0644\u06cc\u0646 \u062d\u0631\u0641 \u06cc\u0648\u0646\u0627\u0646\u06cc\u061b \u0627\u063a\u0644\u0628 \u0646\u0631\u062e \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u06cc\u0627 \u0632\u0627\u0648\u06cc\u0647.\", example:\"\u03b1 = 0.01\", code:\"alpha = 0.01\", cat:\"\u06cc\u0648\u0646\u0627\u0646\u06cc\" },\r\n        \"\u03b2\": { sym:\"\u03b2\", name:\"\u0628\u062a\u0627\", meaning:\"\u062f\u0648\u0645\u06cc\u0646 \u062d\u0631\u0641 \u06cc\u0648\u0646\u0627\u0646\u06cc\u061b \u0636\u0631\u06cc\u0628 \u06cc\u0627 \u067e\u0627\u0631\u0627\u0645\u062a\u0631.\", example:\"\u03b2 = 0.9\", code:\"beta = 0.9\", cat:\"\u06cc\u0648\u0646\u0627\u0646\u06cc\" },\r\n        \"\u03b3\": { sym:\"\u03b3\", name:\"\u06af\u0627\u0645\u0627\", meaning:\"\u062d\u0631\u0641 \u0633\u0648\u0645 \u06cc\u0648\u0646\u0627\u0646\u06cc\u061b \u0636\u0631\u06cc\u0628 \u062a\u062e\u0641\u06cc\u0641 \u06cc\u0627 \u062a\u0627\u0628\u0639 \u06af\u0627\u0645\u0627.\", example:\"\u03b3 = 0.99\", code:\"gamma = 0.99\", cat:\"\u06cc\u0648\u0646\u0627\u0646\u06cc\" },\r\n        \"\u03b8\": { sym:\"\u03b8\", name:\"\u062a\u062a\u0627\", meaning:\"\u0632\u0627\u0648\u06cc\u0647 \u06cc\u0627 \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u0645\u062f\u0644.\", example:\"\u03b8 = \u03c0\/4\", code:\"theta = math.pi\/4\", cat:\"\u06cc\u0648\u0646\u0627\u0646\u06cc\" },\r\n        \"\u03bb\": { sym:\"\u03bb\", name:\"\u0644\u0627\u0645\u0628\u062f\u0627\", meaning:\"\u0645\u0642\u062f\u0627\u0631 \u0648\u06cc\u0698\u0647\u060c \u0646\u0631\u062e \u06cc\u0627 \u062a\u0627\u0628\u0639 \u0628\u06cc\u200c\u0646\u0627\u0645.\", example:\"\u03bb = 0.5\", code:\"lam = 0.5\", cat:\"\u06cc\u0648\u0646\u0627\u0646\u06cc\" },\r\n        \"\u03bc\": { sym:\"\u03bc\", name:\"\u0645\u0648 \u2014 \u0645\u06cc\u0627\u0646\u06af\u06cc\u0646\", meaning:\"\u0645\u06cc\u0627\u0646\u06af\u06cc\u0646 \u062c\u0645\u0639\u06cc\u062a \u06cc\u0627 \u0636\u0631\u06cc\u0628 \u0627\u0635\u0637\u06a9\u0627\u06a9.\", example:\"\u03bc = \u2211x\/n\", code:\"numpy.mean(x)\", cat:\"\u06cc\u0648\u0646\u0627\u0646\u06cc\" },\r\n        \"\u03c3\": { sym:\"\u03c3\", name:\"\u0633\u06cc\u06af\u0645\u0627\u06cc \u06a9\u0648\u0686\u06a9 \u2014 \u0627\u0646\u062d\u0631\u0627\u0641 \u0645\u0639\u06cc\u0627\u0631\", meaning:\"\u0627\u0646\u062d\u0631\u0627\u0641 \u0645\u0639\u06cc\u0627\u0631 \u06cc\u0627 \u062a\u0627\u0628\u0639 \u0633\u06cc\u06af\u0645\u0648\u06cc\u062f.\", example:\"\u03c3 \u2248 2.5\", code:\"numpy.std(x)\", cat:\"\u06cc\u0648\u0646\u0627\u0646\u06cc\" },\r\n        \"\u03b5\": { sym:\"\u03b5\", name:\"\u0627\u067e\u0633\u06cc\u0644\u0648\u0646\", meaning:\"\u0645\u0642\u062f\u0627\u0631 \u0628\u0633\u06cc\u0627\u0631 \u06a9\u0648\u0686\u06a9 \u0645\u062b\u0628\u062a\u061b \u062e\u0637\u0627.\", example:\"\u03b5 = 1e-8\", code:\"eps = 1e-8\", cat:\"\u06cc\u0648\u0646\u0627\u0646\u06cc\" },\r\n        \"\u03c6\": { sym:\"\u03c6\", name:\"\u0641\u06cc \u2014 \u0646\u0633\u0628\u062a \u0637\u0644\u0627\u06cc\u06cc\", meaning:\"\u0646\u0633\u0628\u062a \u0637\u0644\u0627\u06cc\u06cc \u2248 \u06f1\u066b\u06f6\u06f1\u06f8 \u06cc\u0627 \u062a\u0627\u0628\u0639 \u0641\u06cc.\", example:\"\u03c6 \u2248 1.618\", code:\"phi = (1+5**0.5)\/2\", cat:\"\u06cc\u0648\u0646\u0627\u0646\u06cc\" },\r\n        \"\u03c9\": { sym:\"\u03c9\", name:\"\u0627\u0645\u06af\u0627 \u2014 \u0641\u0631\u06a9\u0627\u0646\u0633 \u0632\u0627\u0648\u06cc\u0647\u200c\u0627\u06cc\", meaning:\"\u0641\u0631\u06a9\u0627\u0646\u0633 \u0632\u0627\u0648\u06cc\u0647\u200c\u0627\u06cc \u06cc\u0627 \u0648\u0632\u0646.\", example:\"\u03c9 = 2\u03c0f\", code:\"omega = 2*math.pi*f\", cat:\"\u06cc\u0648\u0646\u0627\u0646\u06cc\" },\r\n      };\r\n\r\n      const aliases = {\r\n        sigma:'\u2211', sum:'\u2211', integral:'\u222b', pi:'\u03c0', infinity:'\u221e',\r\n        sqrt:'\u221a', times:'\u00d7', multiply:'\u00d7', divide:'\u00f7', division:'\u00f7',\r\n        minus:'\u2212', negative:'\u2212', delta:'\u0394', partial:'\u2202', nabla:'\u2207',\r\n        gradient:'\u2207', product:'\u220f', 'in':'\u2208', notin:'\u2209', subset:'\u2282',\r\n        union:'\u222a', intersection:'\u2229', intersect:'\u2229', empty:'\u2205',\r\n        approx:'\u2248', notequal:'\u2260', leq:'\u2264', geq:'\u2265', forall:'\u2200',\r\n        exists:'\u2203', not:'\u00ac', and:'\u2227', or:'\u2228', implies:'\u21d2',\r\n        alpha:'\u03b1', beta:'\u03b2', gamma:'\u03b3', theta:'\u03b8', lambda:'\u03bb',\r\n        mu:'\u03bc', epsilon:'\u03b5', phi:'\u03c6', omega:'\u03c9',\r\n      };\r\n\r\n      const catColors = {\r\n        '\u0639\u0645\u0644\u06af\u0631':['#ff6a00','#ff9a3d'],\r\n        '\u062d\u0633\u0627\u0628':['#a855f7','#c084fc'],\r\n        '\u062b\u0627\u0628\u062a':['#06b6d4','#67e8f9'],\r\n        '\u0645\u0641\u0647\u0648\u0645':['#ec4899','#f9a8d4'],\r\n        '\u0628\u0631\u062f\u0627\u0631':['#10b981','#6ee7b7'],\r\n        '\u0645\u062c\u0645\u0648\u0639\u0647':['#3b82f6','#93c5fd'],\r\n        '\u0631\u0627\u0628\u0637\u0647':['#f59e0b','#fcd34d'],\r\n        '\u0645\u0646\u0637\u0642':['#8b5cf6','#c4b5fd'],\r\n        '\u06cc\u0648\u0646\u0627\u0646\u06cc':['#14b8a6','#5eead4'],\r\n        '\u0645\u062a\u063a\u06cc\u0631':['#ef4444','#fca5a5'],\r\n      };\r\n\r\n      const resultEl = root.querySelector('#msw-result');\r\n      const input = root.querySelector('#msw-input');\r\n      const btnTranslate = root.querySelector('#msw-translate');\r\n      const listWrap = root.querySelector('#msw-list');\r\n\r\n      function showSymbol(key) {\r\n        const data = db[key];\r\n        if (!data) {\r\n          resultEl.innerHTML = `\r\n            <div class=\"msw-not-found\">\r\n              <div class=\"msw-nf-icon\">\ud83d\udd0d<\/div>\r\n              <p style=\"color:rgba(255,255,255,0.6);margin:0;\">\u0646\u0645\u0627\u062f\u06cc \u0628\u0627 \u0627\u06cc\u0646 \u0639\u0646\u0648\u0627\u0646 \u067e\u06cc\u062f\u0627 \u0646\u0634\u062f.<\/p>\r\n              <p style=\"color:rgba(255,255,255,0.35);margin:6px 0 0;font-size:0.82rem;\">\u06cc\u06a9\u06cc \u0627\u0632 \u0646\u0645\u0627\u062f\u0647\u0627\u06cc \u067e\u0627\u06cc\u06cc\u0646 \u0631\u0627 \u0628\u0632\u0646 \u06cc\u0627 \u0646\u0627\u0645 \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc \u0645\u062b\u0644 sigma \u0648\u0627\u0631\u062f \u06a9\u0646.<\/p>\r\n            <\/div>`;\r\n          return;\r\n        }\r\n        const cols = catColors[data.cat] || ['#ff6a00','#ff9a3d'];\r\n        resultEl.innerHTML = `\r\n          <h4>\r\n            <span class=\"msw-symbol-icon\" style=\"background:linear-gradient(135deg,${cols[0]}22,${cols[1]}22);color:${cols[0]};\">${data.sym}<\/span>\r\n            <span style=\"background:linear-gradient(90deg,${cols[0]},${cols[1]});-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">${data.name}<\/span>\r\n            <span style=\"font-size:0.7rem;padding:3px 8px;border-radius:999px;background:${cols[0]}15;color:${cols[0]};border:1px solid ${cols[0]}30;font-weight:600;\">${data.cat}<\/span>\r\n          <\/h4>\r\n          <p class=\"msw-meaning-text\">${data.meaning}<\/p>\r\n          <div class=\"msw-detail-row\">\r\n            <span class=\"msw-detail-label\">\ud83d\udcd0 \u0645\u062b\u0627\u0644<\/span>\r\n            <span class=\"msw-example\">${data.example}<\/span>\r\n          <\/div>\r\n          <div class=\"msw-detail-row\">\r\n            <span class=\"msw-detail-label\">\ud83d\udcbb \u06a9\u062f<\/span>\r\n            <span class=\"msw-code\">${data.code}<\/span>\r\n          <\/div>`;\r\n        listWrap.querySelectorAll('.msw-list-btn').forEach(b => {\r\n          b.classList.toggle('active', b.dataset.key === key);\r\n        });\r\n      }\r\n\r\n      btnTranslate.addEventListener('click', () => {\r\n        const v = (input.value || '').trim();\r\n        if (!v) return;\r\n        const norm = v.toLowerCase();\r\n        const key = db[v] ? v : (aliases[norm] || v);\r\n        showSymbol(key);\r\n      });\r\n\r\n      input.addEventListener('keydown', e => {\r\n        if (e.key === 'Enter') btnTranslate.click();\r\n      });\r\n\r\n      Object.keys(db).forEach(k => {\r\n        const d = db[k];\r\n        const cols = catColors[d.cat] || ['#ff6a00','#ff9a3d'];\r\n        const b = document.createElement('button');\r\n        b.type = 'button';\r\n        b.className = 'msw-list-btn';\r\n        b.dataset.key = k;\r\n        b.innerHTML = `<span style=\"color:${cols[0]};font-weight:900;\">${d.sym}<\/span> ${d.name.split('\u2014')[0].trim()}`;\r\n        b.addEventListener('click', () => {\r\n          input.value = k;\r\n          showSymbol(k);\r\n        });\r\n        listWrap.appendChild(b);\r\n      });\r\n\r\n      showSymbol('\u222b');\r\n    })();\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f07f8c2 e-con-full e-flex e-con e-child\" data-id=\"f07f8c2\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0633\u0627\u06cc\u062a \u0631\u06cc\u0627\u0636\u06cc \u062e\u0631\u06cc\u062f \u062f\u0648\u0631\u0647 \u0645\u0634\u062a\u0631\u06cc \u0631\u0627\u0636\u06cc + 0 \u0647\u062f\u0641 \u0641\u0642\u0637 \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0646 \u0631\u06cc\u0627\u0636\u06cc \u0647\u0633\u062a \u062f\u0646\u06cc\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc\u0627\u062a | \u0633\u06cc\u0633\u062a\u0645 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0631\u06cc\u0627\u0636\u06cc \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u0645\u061f \u0631\u06cc\u0627\u0636\u06cc\u0627\u062a \u0632\u0628\u0627\u0646 \u0645\u062e\u0641\u06cc \u062c\u0647\u0627\u0646 \u0648 \u0627\u0628\u0632\u0627\u0631 \u062a\u0633\u0644\u0637 \u0628\u0631 \u0622\u06cc\u0646\u062f\u0647 \u0627\u0633\u062a. \ud83e\udde0 \u06f1. \u0647\u0646\u0631 \u062d\u0644 \u0645\u0633\u0626\u0644\u0647 \u0631\u06cc\u0627\u0636\u06cc\u0627\u062a \u0645\u063a\u0632 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0632\u0646\u062f\u06af\u06cc \u0622\u0645\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f. IQ BoostLogic \ud83e\udd16 \u06f2. \u0642\u0644\u0628 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.9 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u062e\u0627\u0646\u0647 - Mathsymbol<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mathsymbol.ir\/\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u062e\u0627\u0646\u0647\" \/>\n<meta property=\"og:description\" content=\"\u0633\u0627\u06cc\u062a \u0631\u06cc\u0627\u0636\u06cc \u062e\u0631\u06cc\u062f \u062f\u0648\u0631\u0647 \u0645\u0634\u062a\u0631\u06cc \u0631\u0627\u0636\u06cc + 0 \u0647\u062f\u0641 \u0641\u0642\u0637 \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0646 \u0631\u06cc\u0627\u0636\u06cc \u0647\u0633\u062a \u062f\u0646\u06cc\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc\u0627\u062a | \u0633\u06cc\u0633\u062a\u0645 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0631\u06cc\u0627\u0636\u06cc \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u0645\u061f \u0631\u06cc\u0627\u0636\u06cc\u0627\u062a \u0632\u0628\u0627\u0646 \u0645\u062e\u0641\u06cc \u062c\u0647\u0627\u0646 \u0648 \u0627\u0628\u0632\u0627\u0631 \u062a\u0633\u0644\u0637 \u0628\u0631 \u0622\u06cc\u0646\u062f\u0647 \u0627\u0633\u062a. \ud83e\udde0 \u06f1. \u0647\u0646\u0631 \u062d\u0644 \u0645\u0633\u0626\u0644\u0647 \u0631\u06cc\u0627\u0636\u06cc\u0627\u062a \u0645\u063a\u0632 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0632\u0646\u062f\u06af\u06cc \u0622\u0645\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f. IQ BoostLogic \ud83e\udd16 \u06f2. \u0642\u0644\u0628 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mathsymbol.ir\/\" \/>\n<meta property=\"og:site_name\" content=\"Mathsymbol\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-19T07:46:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/domingo_1784446227961.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1536\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"59 \u062f\u0642\u06cc\u0642\u0647\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/\",\"url\":\"https:\\\/\\\/mathsymbol.ir\\\/\",\"name\":\"\u062e\u0627\u0646\u0647 - Mathsymbol\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mathsymbol.ir\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/domingo_1784446227961-683x1024.webp\",\"datePublished\":\"2025-10-15T14:27:43+00:00\",\"dateModified\":\"2026-07-19T07:46:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mathsymbol.ir\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mathsymbol.ir\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/domingo_1784446227961.webp\",\"contentUrl\":\"https:\\\/\\\/mathsymbol.ir\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/domingo_1784446227961.webp\",\"width\":1024,\"height\":1536},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mathsymbol.ir\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u062e\u0627\u0646\u0647\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#website\",\"url\":\"https:\\\/\\\/mathsymbol.ir\\\/\",\"name\":\"Mathsymbol\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mathsymbol.ir\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fa-IR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#organization\",\"name\":\"Mathsymbol\",\"url\":\"https:\\\/\\\/mathsymbol.ir\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mathsymbol.ir\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Copilot_20260218_130420.png\",\"contentUrl\":\"https:\\\/\\\/mathsymbol.ir\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Copilot_20260218_130420.png\",\"width\":1024,\"height\":1024,\"caption\":\"Mathsymbol\"},\"image\":{\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u062e\u0627\u0646\u0647 - Mathsymbol","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mathsymbol.ir\/","og_locale":"fa_IR","og_type":"article","og_title":"\u062e\u0627\u0646\u0647","og_description":"\u0633\u0627\u06cc\u062a \u0631\u06cc\u0627\u0636\u06cc \u062e\u0631\u06cc\u062f \u062f\u0648\u0631\u0647 \u0645\u0634\u062a\u0631\u06cc \u0631\u0627\u0636\u06cc + 0 \u0647\u062f\u0641 \u0641\u0642\u0637 \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0646 \u0631\u06cc\u0627\u0636\u06cc \u0647\u0633\u062a \u062f\u0646\u06cc\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc\u0627\u062a | \u0633\u06cc\u0633\u062a\u0645 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0631\u06cc\u0627\u0636\u06cc \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u0645\u061f \u0631\u06cc\u0627\u0636\u06cc\u0627\u062a \u0632\u0628\u0627\u0646 \u0645\u062e\u0641\u06cc \u062c\u0647\u0627\u0646 \u0648 \u0627\u0628\u0632\u0627\u0631 \u062a\u0633\u0644\u0637 \u0628\u0631 \u0622\u06cc\u0646\u062f\u0647 \u0627\u0633\u062a. \ud83e\udde0 \u06f1. \u0647\u0646\u0631 \u062d\u0644 \u0645\u0633\u0626\u0644\u0647 \u0631\u06cc\u0627\u0636\u06cc\u0627\u062a \u0645\u063a\u0632 \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0632\u0646\u062f\u06af\u06cc \u0622\u0645\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f. IQ BoostLogic \ud83e\udd16 \u06f2. \u0642\u0644\u0628 [&hellip;]","og_url":"https:\/\/mathsymbol.ir\/","og_site_name":"Mathsymbol","article_modified_time":"2026-07-19T07:46:05+00:00","og_image":[{"width":1024,"height":1536,"url":"https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/domingo_1784446227961.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"59 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mathsymbol.ir\/","url":"https:\/\/mathsymbol.ir\/","name":"\u062e\u0627\u0646\u0647 - Mathsymbol","isPartOf":{"@id":"https:\/\/mathsymbol.ir\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mathsymbol.ir\/#primaryimage"},"image":{"@id":"https:\/\/mathsymbol.ir\/#primaryimage"},"thumbnailUrl":"https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/domingo_1784446227961-683x1024.webp","datePublished":"2025-10-15T14:27:43+00:00","dateModified":"2026-07-19T07:46:05+00:00","breadcrumb":{"@id":"https:\/\/mathsymbol.ir\/#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mathsymbol.ir\/"]}]},{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/mathsymbol.ir\/#primaryimage","url":"https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/domingo_1784446227961.webp","contentUrl":"https:\/\/mathsymbol.ir\/wp-content\/uploads\/2026\/07\/domingo_1784446227961.webp","width":1024,"height":1536},{"@type":"BreadcrumbList","@id":"https:\/\/mathsymbol.ir\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mathsymbol.ir\/"},{"@type":"ListItem","position":2,"name":"\u062e\u0627\u0646\u0647"}]},{"@type":"WebSite","@id":"https:\/\/mathsymbol.ir\/#website","url":"https:\/\/mathsymbol.ir\/","name":"Mathsymbol","description":"","publisher":{"@id":"https:\/\/mathsymbol.ir\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mathsymbol.ir\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fa-IR"},{"@type":"Organization","@id":"https:\/\/mathsymbol.ir\/#organization","name":"Mathsymbol","url":"https:\/\/mathsymbol.ir\/","logo":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/mathsymbol.ir\/#\/schema\/logo\/image\/","url":"https:\/\/mathsymbol.ir\/wp-content\/uploads\/2025\/10\/Copilot_20260218_130420.png","contentUrl":"https:\/\/mathsymbol.ir\/wp-content\/uploads\/2025\/10\/Copilot_20260218_130420.png","width":1024,"height":1024,"caption":"Mathsymbol"},"image":{"@id":"https:\/\/mathsymbol.ir\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=38"}],"version-history":[{"count":421,"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":2429,"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions\/2429"}],"wp:attachment":[{"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}