{"id":965,"date":"2025-12-31T14:51:53","date_gmt":"2025-12-31T11:21:53","guid":{"rendered":"https:\/\/mathsymbol.ir\/?page_id=965"},"modified":"2026-06-13T17:39:28","modified_gmt":"2026-06-13T14:09:28","slug":"%d8%b1%d8%a7%d8%af%db%8c%da%a9%d8%a7%d9%84","status":"publish","type":"page","link":"https:\/\/mathsymbol.ir\/?page_id=965","title":{"rendered":"\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"965\" class=\"elementor elementor-965\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d770fa9 e-flex e-con-boxed e-con e-parent\" data-id=\"d770fa9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b704f33 e-con e-atomic-element e-tabs-base e-b704f33-d5c4acd\" data-id=\"b704f33\" data-element_type=\"e-tabs\" data-e-type=\"e-tabs\" x-data=\"eTabsb704f33\" data-e-settings=\"{&quot;default-active-tab&quot;:&quot;b704f33-tab-0&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42d71da e-con e-atomic-element e-tabs-menu-base\" data-id=\"42d71da\" data-element_type=\"e-tabs-menu\" role=\"tablist\">\n\t\t\t\t<button class=\"elementor-element elementor-element-a9f34eb e-con e-atomic-element e-tab-base glassmorphism-parent\" data-id=\"a9f34eb\" data-element_type=\"e-tab\" role=\"tab\" tabindex=\"0\" aria-selected=\"true\" x-bind=\"tab\" x-ref=\"a9f34eb\" id=\"b704f33-tab-0\" aria-controls=\"b704f33-tab-content-0\">\n\t\t\t\t\t\t\t\t<span class=\"e-9a6ee28-035e9d3 e-paragraph-base\" data-interaction-id=\"9a6ee28\" data-interactions=\"&#x5B;&#x5D;\"  >\n\t\t\t\t\t\t\t\t\t\t\u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645\n\t\t\t\t\t\t<\/span>\n\t\t\t\t<\/button>\n\t\t\t\t<button class=\"elementor-element elementor-element-41a7af5 e-con e-atomic-element e-tab-base glassmorphism-parent\" data-id=\"41a7af5\" data-element_type=\"e-tab\" role=\"tab\" tabindex=\"-1\" aria-selected=\"false\" x-bind=\"tab\" x-ref=\"41a7af5\" id=\"b704f33-tab-1\" aria-controls=\"b704f33-tab-content-1\">\n\t\t\t\t\t\t\t\t<span class=\"e-96e0f54-9c9cee0 e-paragraph-base\" data-interaction-id=\"96e0f54\" data-interactions=\"&#x5B;&#x5D;\"  >\n\t\t\t\t\t\t\t\t\t\t\u0641\u0635\u0644 \u067e\u0646\u062c\u0645\n\t\t\t\t\t\t<\/span>\n\t\t\t\t<\/button>\n\t\t\t\t<button class=\"elementor-element elementor-element-8d8706c e-con e-atomic-element e-tab-base glassmorphism-parent\" data-id=\"8d8706c\" data-element_type=\"e-tab\" role=\"tab\" tabindex=\"-1\" aria-selected=\"false\" x-bind=\"tab\" x-ref=\"8d8706c\" id=\"b704f33-tab-2\" aria-controls=\"b704f33-tab-content-2\">\n\t\t\t\t\t\t\t\t<span class=\"e-d31b0db-559eaea e-paragraph-base\" data-interaction-id=\"d31b0db\" data-interactions=\"&#x5B;&#x5D;\"  >\n\t\t\t\t\t\t\t\t\t\t\u0641\u0635\u0644 \u0647\u0641\u062a\u0645\n\t\t\t\t\t\t<\/span>\n\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5487f4 elementor-widget elementor-widget-html\" data-id=\"b5487f4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ===== Glass Container ===== *\/\n.glassmorphism-parent{\n  \/* \u062e\u06cc\u0644\u06cc \u0634\u0641\u0627\u0641 *\/\n  background: rgba(255, 255, 255, 0.02);\n\n  \/* \u0628\u0644\u0648\u0631 \u0628\u0631\u0627\u06cc \u062d\u0633 \u0634\u06cc\u0634\u0647 \u0648\u0627\u0642\u0639\u06cc *\/\n  backdrop-filter: blur(34px);\n  -webkit-backdrop-filter: blur(34px);\n\n  \/* \u0628\u062f\u0648\u0646 border \u0631\u0646\u06af\u06cc *\/\n  border: none;\n\n  border-radius: 26px;\n\n  \/* \u0639\u0645\u0642 \u0628\u062f\u0648\u0646 \u062d\u0627\u0634\u06cc\u0647 \u0631\u0646\u06af\u06cc *\/\n  box-shadow:\n    0 22px 70px rgba(0,0,0,0.18),\n    inset 0 0 0 1px rgba(255,255,255,0.06),\n    inset 0 18px 40px rgba(255,255,255,0.05);\n\n  \/* \u0628\u0631\u0627\u06cc \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 *\/\n  position: relative;\n  overflow: hidden;\n\n  \/* \u0648\u0633\u0637\u200c\u0686\u06cc\u0646 *\/\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n\n  padding: 34px 28px;\n  width: 100%;\n  max-width: 650px;\n\n  transition: transform .35s cubic-bezier(.2,.8,.2,1),\n              box-shadow .35s cubic-bezier(.2,.8,.2,1),\n              backdrop-filter .35s cubic-bezier(.2,.8,.2,1),\n              background .35s cubic-bezier(.2,.8,.2,1);\n}\n\n\/* \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a \u0646\u0648\u0631 \u0634\u06cc\u0634\u0647 (\u0628\u062f\u0648\u0646 border \u0631\u0646\u06af\u06cc) *\/\n.glassmorphism-parent::before{\n  content: \"\";\n  position: absolute;\n  inset: -2px;\n  background:\n    radial-gradient(900px circle at 15% 15%,\n      rgba(255,255,255,0.12),\n      transparent 45%),\n    radial-gradient(600px circle at 85% 30%,\n      rgba(255,255,255,0.08),\n      transparent 55%),\n    linear-gradient(120deg,\n      rgba(255,255,255,0.08),\n      transparent 55%);\n  pointer-events: none;\n  opacity: .9;\n  transition: opacity .35s ease;\n}\n\n\/* \u062d\u0627\u0644\u062a Hover: \u0628\u062f\u0648\u0646 \u0627\u06cc\u0646\u06a9\u0647 \u062f\u0648\u0631\u0628\u0627\u06a9\u0633 \u0631\u0646\u06af\u06cc \u0628\u0634\u0647 *\/\n.glassmorphism-parent:hover{\n  transform: translateY(-6px) scale(1.01);\n  background: rgba(255,255,255,0.035);\n\n  backdrop-filter: blur(42px);\n  -webkit-backdrop-filter: blur(42px);\n\n  box-shadow:\n    0 30px 90px rgba(0,0,0,0.25),\n    inset 0 0 0 1px rgba(255,255,255,0.08),\n    inset 0 18px 50px rgba(255,255,255,0.07);\n}\n\n.glassmorphism-parent:hover::before{\n  opacity: 1;\n}\n\n\/* ===== Text: black ===== *\/\n.glassmorphism-parent,\n.glassmorphism-parent *{\n  color: #0b0b0f !important;\n}\n\n\/* \u0627\u06af\u0631 \u062e\u0648\u0627\u0633\u062a\u06cc \u0641\u0642\u0637 \u0645\u062a\u0646\u200c\u0647\u0627 \u0631\u0648 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u06cc\u0645 (\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc) *\/\n.glassmorphism-parent p,\n.glassmorphism-parent h1,\n.glassmorphism-parent h2,\n.glassmorphism-parent h3,\n.glassmorphism-parent span{\n  color: #0b0b0f !important;\n}\n\n\/* ===== Tab row (\u062f\u0627\u062e\u0644 \u0628\u0627\u06a9\u0633) ===== *\/\n.glassmorphism-parent .tab-row{\n  width: 100%;\n  margin-bottom: 18px;\n}\n\n\/* \u0648\u0633\u0637\u200c\u0686\u06cc\u0646 \u0628\u0631\u0627\u06cc \u0622\u06cc\u062a\u0645\u200c\u0647\u0627 (\u0627\u06af\u0631 \u0644\u0627\u0632\u0645 \u0634\u062f) *\/\n.glassmorphism-parent .tab-row *{\n  text-align: center;\n}\n\n\/* ===== Buttons: glass super cool ===== *\/\n\/* \u0641\u0631\u0636: \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u062f\u0627\u062e\u0644 \u0648\u0627\u0644\u062f \u0647\u0633\u062a\u0646\u062f \u0648 \u0628\u0627 class \u0632\u06cc\u0631 \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0646 *\/\n.glass-btn{\n  cursor: pointer;\n  border: none;\n\n  \/* \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc\u0650 \u0648\u0627\u0642\u0639\u06cc *\/\n  background: rgba(255,255,255,0.08);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n\n  border-radius: 16px;\n\n  \/* \u0645\u0631\u0632 \u0646\u0627\u0645\u0631\u0626\u06cc (\u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u062a\u0639\u0631\u06cc\u0641 \u0644\u0628\u0647) *\/\n  box-shadow:\n    0 10px 30px rgba(0,0,0,0.14),\n    inset 0 0 0 1px rgba(255,255,255,0.12);\n\n  padding: 12px 18px;\n\n  font-weight: 700;\n  letter-spacing: 0.2px;\n\n  \/* \u0645\u062a\u0646 \u0645\u0634\u06a9\u06cc *\/\n  color: #0b0b0f;\n\n  \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u062e\u0641\u0646 *\/\n  transform: translateZ(0);\n  transition:\n    transform .25s cubic-bezier(.2,.8,.2,1),\n    box-shadow .25s cubic-bezier(.2,.8,.2,1),\n    background .25s cubic-bezier(.2,.8,.2,1),\n    backdrop-filter .25s cubic-bezier(.2,.8,.2,1);\n  position: relative;\n  overflow: hidden;\n}\n\n\/* \u0627\u0641\u06a9\u062a \u0646\u0648\u0631 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647 *\/\n.glass-btn::before{\n  content: \"\";\n  position: absolute;\n  inset: -2px;\n  background:\n    radial-gradient(400px circle at 20% 20%,\n      rgba(255,255,255,0.55),\n      transparent 45%),\n    linear-gradient(110deg,\n      transparent 35%,\n      rgba(255,255,255,0.28) 50%,\n      transparent 62%);\n  opacity: 0;\n  transform: translateX(-20%);\n  transition: opacity .25s ease, transform .55s ease;\n  pointer-events: none;\n}\n\n\/* Hover \u062f\u06a9\u0645\u0647: \u0628\u062f\u0648\u0646 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0648\u0631\u0628\u0627\u06a9\u0633 \u0631\u0646\u06af\u06cc *\/\n.glass-btn:hover{\n  background: rgba(255,255,255,0.12);\n  backdrop-filter: blur(26px);\n  -webkit-backdrop-filter: blur(26px);\n\n  transform: translateY(-3px) scale(1.02);\n\n  box-shadow:\n    0 16px 45px rgba(0,0,0,0.20),\n    inset 0 0 0 1px rgba(255,255,255,0.18);\n}\n\n.glass-btn:hover::before{\n  opacity: 1;\n  transform: translateX(15%);\n}\n\n\/* Active: \u062d\u0633 \u06a9\u0644\u06cc\u06a9 *\/\n.glass-btn:active{\n  transform: translateY(-1px) scale(0.99);\n}\n\n\/* Focus \u0628\u0631\u0627\u06cc \u06a9\u06cc\u0628\u0648\u0631\u062f (\u06a9\u0627\u0631\u0628\u0631\u067e\u0633\u0646\u062f) *\/\n.glass-btn:focus-visible{\n  outline: 3px solid rgba(0,0,0,0.25);\n  outline-offset: 3px;\n}\n\n<\/style>\n\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3941ef e-con e-atomic-element e-tabs-content-area-base\" data-id=\"b3941ef\" data-element_type=\"e-tabs-content-area\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b3642e e-con e-atomic-element e-tab-content-base e-4b3642e-e74b186\" data-id=\"4b3642e\" data-element_type=\"e-tab-content\" role=\"tabpanel\" x-bind=\"tabContent\" id=\"b704f33-tab-content-0\" aria-labelledby=\"b704f33-tab-0\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3f1b0f elementor-widget elementor-widget-html\" data-id=\"a3f1b0f\" 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>\u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 - \u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645: \u062a\u0648\u0627\u0646 \u0648 \u0631\u06cc\u0634\u0647<\/title>\n<style>\n\/* ==================== RESET & SCOPED STYLES ==================== *\/\n#math9-ch4-widget * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n#math9-ch4-widget {\n  --clr-primary: #6c63ff;\n  --clr-secondary: #48cae4;\n  --clr-accent: #f77f00;\n  --clr-success: #06d6a0;\n  --clr-warning: #ffd166;\n  --clr-danger: #ef476f;\n  --clr-purple: #7b2d8b;\n  --clr-teal: #0096c7;\n  --glass-bg: rgba(255, 255, 255, 0.12);\n  --glass-bg-hover: rgba(255, 255, 255, 0.2);\n  --glass-border: rgba(255, 255, 255, 0.3);\n  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n  --glass-shadow-hover: 0 16px 48px rgba(0, 0, 0, 0.2);\n  --blur: blur(12px);\n  --radius: 18px;\n  --radius-sm: 12px;\n  --text-dark: #1a1a2e;\n  --text-mid: #2d2d4e;\n  --text-light: #4a4a6a;\n  --text-white: #ffffff;\n  --font-main: 'Segoe UI', Tahoma, 'Vazirmatn', 'B Nazanin', sans-serif;\n\n  font-family: var(--font-main);\n  direction: rtl;\n  text-align: right;\n  width: 100%;\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 16px;\n  background: transparent !important;\n  position: relative;\n  z-index: 1;\n}\n\n\/* ==================== TYPOGRAPHY ==================== *\/\n#math9-ch4-widget h1,\n#math9-ch4-widget h2,\n#math9-ch4-widget h3,\n#math9-ch4-widget h4,\n#math9-ch4-widget h5,\n#math9-ch4-widget p,\n#math9-ch4-widget span,\n#math9-ch4-widget li,\n#math9-ch4-widget label {\n  font-family: var(--font-main);\n  direction: rtl;\n  text-align: right;\n}\n\n\/* ==================== GLASS CARD BASE ==================== *\/\n#math9-ch4-widget .glass-card {\n  background: var(--glass-bg);\n  backdrop-filter: var(--blur);\n  -webkit-backdrop-filter: var(--blur);\n  border: 1px solid var(--glass-border);\n  border-radius: var(--radius);\n  box-shadow: var(--glass-shadow);\n  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;\n  position: relative;\n  overflow: hidden;\n}\n\n#math9-ch4-widget .glass-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 60%;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n}\n\n#math9-ch4-widget .glass-card:hover {\n  transform: translateY(-3px);\n  box-shadow: var(--glass-shadow-hover);\n  background: var(--glass-bg-hover);\n}\n\n\/* ==================== HEADER ==================== *\/\n#math9-ch4-widget .main-header {\n  background: linear-gradient(135deg, rgba(108, 99, 255, 0.25), rgba(72, 202, 228, 0.2));\n  backdrop-filter: var(--blur);\n  -webkit-backdrop-filter: var(--blur);\n  border: 1px solid rgba(255, 255, 255, 0.35);\n  border-radius: var(--radius);\n  box-shadow: var(--glass-shadow);\n  padding: 28px 32px;\n  margin-bottom: 20px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n#math9-ch4-widget .main-header::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background: linear-gradient(90deg, var(--clr-primary), var(--clr-secondary), var(--clr-accent));\n}\n\n#math9-ch4-widget .header-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: rgba(108, 99, 255, 0.2);\n  border: 1px solid rgba(108, 99, 255, 0.4);\n  border-radius: 20px;\n  padding: 4px 14px;\n  font-size: 12px;\n  color: #6c63ff;\n  margin-bottom: 10px;\n  font-weight: 600;\n}\n\n#math9-ch4-widget .main-title {\n  font-size: clamp(20px, 4vw, 30px);\n  font-weight: 800;\n  color: var(--text-dark);\n  line-height: 1.4;\n  margin-bottom: 6px;\n}\n\n#math9-ch4-widget .main-subtitle {\n  font-size: 14px;\n  color: var(--text-light);\n  font-weight: 500;\n}\n\n\/* ==================== PROGRESS CARD ==================== *\/\n#math9-ch4-widget .progress-card {\n  background: linear-gradient(135deg, rgba(6, 214, 160, 0.15), rgba(72, 202, 228, 0.15));\n  backdrop-filter: var(--blur);\n  -webkit-backdrop-filter: var(--blur);\n  border: 1px solid rgba(6, 214, 160, 0.3);\n  border-radius: var(--radius);\n  box-shadow: var(--glass-shadow);\n  padding: 22px 28px;\n  margin-bottom: 20px;\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n\n#math9-ch4-widget .progress-ring-wrap {\n  position: relative;\n  width: 90px;\n  height: 90px;\n  flex-shrink: 0;\n}\n\n#math9-ch4-widget .progress-ring-svg {\n  transform: rotate(-90deg);\n  width: 90px;\n  height: 90px;\n}\n\n#math9-ch4-widget .progress-ring-bg {\n  fill: none;\n  stroke: rgba(255,255,255,0.2);\n  stroke-width: 8;\n}\n\n#math9-ch4-widget .progress-ring-fill {\n  fill: none;\n  stroke: url(#progressGrad);\n  stroke-width: 8;\n  stroke-linecap: round;\n  stroke-dasharray: 220;\n  stroke-dashoffset: 220;\n  transition: stroke-dashoffset 0.8s ease;\n}\n\n#math9-ch4-widget .progress-percent {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--clr-success);\n}\n\n#math9-ch4-widget .progress-info {\n  flex: 1;\n  min-width: 180px;\n}\n\n#math9-ch4-widget .progress-title {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--text-dark);\n  margin-bottom: 6px;\n}\n\n#math9-ch4-widget .progress-bar-wrap {\n  background: rgba(255,255,255,0.2);\n  border-radius: 8px;\n  height: 10px;\n  overflow: hidden;\n  margin-bottom: 8px;\n}\n\n#math9-ch4-widget .progress-bar-fill {\n  height: 100%;\n  border-radius: 8px;\n  background: linear-gradient(90deg, var(--clr-success), var(--clr-secondary));\n  transition: width 0.8s ease;\n  width: 0%;\n}\n\n#math9-ch4-widget .progress-stats {\n  font-size: 12px;\n  color: var(--text-light);\n  font-weight: 500;\n}\n\n#math9-ch4-widget .progress-stats span {\n  color: var(--clr-success);\n  font-weight: 700;\n}\n\n#math9-ch4-widget .btn-reset {\n  background: rgba(239, 71, 111, 0.15);\n  border: 1px solid rgba(239, 71, 111, 0.35);\n  border-radius: 10px;\n  color: var(--clr-danger);\n  padding: 8px 16px;\n  font-size: 12px;\n  font-family: var(--font-main);\n  cursor: pointer;\n  transition: all 0.3s ease;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  white-space: nowrap;\n}\n\n#math9-ch4-widget .btn-reset:hover {\n  background: rgba(239, 71, 111, 0.25);\n  transform: scale(1.03);\n}\n\n\/* ==================== SECTION TABS ==================== *\/\n#math9-ch4-widget .tabs-wrap {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n#math9-ch4-widget .tab-btn {\n  background: var(--glass-bg);\n  backdrop-filter: var(--blur);\n  -webkit-backdrop-filter: var(--blur);\n  border: 1px solid var(--glass-border);\n  border-radius: 10px;\n  padding: 8px 14px;\n  font-size: 12px;\n  font-family: var(--font-main);\n  color: var(--text-mid);\n  cursor: pointer;\n  transition: all 0.3s ease;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  font-weight: 600;\n}\n\n#math9-ch4-widget .tab-btn:hover,\n#math9-ch4-widget .tab-btn.active {\n  background: rgba(108, 99, 255, 0.2);\n  border-color: rgba(108, 99, 255, 0.5);\n  color: var(--clr-primary);\n  transform: translateY(-2px);\n}\n\n\/* ==================== CONTENT SECTIONS ==================== *\/\n#math9-ch4-widget .content-section {\n  display: none;\n}\n\n#math9-ch4-widget .content-section.active {\n  display: block;\n  animation: fadeInUp 0.4s ease;\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(16px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* ==================== ACCORDION ==================== *\/\n#math9-ch4-widget .accordion-item {\n  background: var(--glass-bg);\n  backdrop-filter: var(--blur);\n  -webkit-backdrop-filter: var(--blur);\n  border: 1px solid var(--glass-border);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--glass-shadow);\n  margin-bottom: 12px;\n  overflow: hidden;\n  transition: box-shadow 0.3s ease;\n}\n\n#math9-ch4-widget .accordion-item:hover {\n  box-shadow: var(--glass-shadow-hover);\n}\n\n#math9-ch4-widget .accordion-item.learned {\n  border-color: rgba(6, 214, 160, 0.5);\n  background: rgba(6, 214, 160, 0.08);\n}\n\n#math9-ch4-widget .accordion-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 18px;\n  cursor: pointer;\n  user-select: none;\n  transition: background 0.3s ease;\n}\n\n#math9-ch4-widget .accordion-header:hover {\n  background: rgba(255,255,255,0.08);\n}\n\n#math9-ch4-widget .acc-icon {\n  width: 40px;\n  height: 40px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-size: 18px;\n}\n\n#math9-ch4-widget .acc-title-wrap {\n  flex: 1;\n}\n\n#math9-ch4-widget .acc-title {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--text-dark);\n  line-height: 1.3;\n}\n\n#math9-ch4-widget .acc-subtitle {\n  font-size: 11px;\n  color: var(--text-light);\n  margin-top: 2px;\n}\n\n#math9-ch4-widget .acc-controls {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-shrink: 0;\n}\n\n#math9-ch4-widget .acc-arrow {\n  width: 28px;\n  height: 28px;\n  border-radius: 8px;\n  background: rgba(255,255,255,0.15);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform 0.3s ease, background 0.3s ease;\n}\n\n#math9-ch4-widget .accordion-item.open .acc-arrow {\n  transform: rotate(180deg);\n  background: rgba(108, 99, 255, 0.2);\n}\n\n#math9-ch4-widget .acc-checkbox {\n  appearance: none;\n  -webkit-appearance: none;\n  width: 22px;\n  height: 22px;\n  border: 2px solid rgba(6, 214, 160, 0.5);\n  border-radius: 6px;\n  background: rgba(255,255,255,0.1);\n  cursor: pointer;\n  transition: all 0.3s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  position: relative;\n}\n\n#math9-ch4-widget .acc-checkbox:checked {\n  background: var(--clr-success);\n  border-color: var(--clr-success);\n}\n\n#math9-ch4-widget .acc-checkbox:checked::after {\n  content: '\u2713';\n  position: absolute;\n  color: white;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n#math9-ch4-widget .accordion-body {\n  display: none;\n  padding: 0 18px 18px;\n  animation: slideDown 0.3s ease;\n}\n\n#math9-ch4-widget .accordion-item.open .accordion-body {\n  display: block;\n}\n\n@keyframes slideDown {\n  from { opacity: 0; transform: translateY(-8px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* ==================== CONTENT BLOCKS ==================== *\/\n#math9-ch4-widget .concept-box {\n  background: rgba(255,255,255,0.1);\n  border-right: 3px solid var(--clr-primary);\n  border-radius: 8px;\n  padding: 14px 16px;\n  margin-bottom: 14px;\n  font-size: 14px;\n  color: var(--text-mid);\n  line-height: 1.8;\n}\n\n#math9-ch4-widget .formula-box {\n  background: linear-gradient(135deg, rgba(108, 99, 255, 0.12), rgba(72, 202, 228, 0.1));\n  border: 1px solid rgba(108, 99, 255, 0.3);\n  border-radius: 10px;\n  padding: 14px 18px;\n  margin-bottom: 14px;\n  text-align: center;\n  font-size: 17px;\n  font-weight: 700;\n  color: var(--clr-primary);\n  letter-spacing: 0.5px;\n  direction: ltr;\n}\n\n#math9-ch4-widget .example-box {\n  background: rgba(6, 214, 160, 0.08);\n  border: 1px solid rgba(6, 214, 160, 0.25);\n  border-radius: 10px;\n  padding: 14px 16px;\n  margin-bottom: 14px;\n}\n\n#math9-ch4-widget .example-box .ex-label {\n  font-size: 11px;\n  font-weight: 700;\n  color: var(--clr-success);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  margin-bottom: 6px;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n\n#math9-ch4-widget .example-box .ex-content {\n  font-size: 14px;\n  color: var(--text-mid);\n  line-height: 1.8;\n}\n\n#math9-ch4-widget .tips-box {\n  background: rgba(255, 209, 102, 0.1);\n  border: 1px solid rgba(255, 209, 102, 0.35);\n  border-radius: 10px;\n  padding: 14px 16px;\n  margin-bottom: 14px;\n}\n\n#math9-ch4-widget .tips-box .tip-label {\n  font-size: 11px;\n  font-weight: 700;\n  color: var(--clr-warning);\n  margin-bottom: 8px;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n\n#math9-ch4-widget .tips-box ul {\n  list-style: none;\n  padding: 0;\n}\n\n#math9-ch4-widget .tips-box ul li {\n  font-size: 13px;\n  color: var(--text-mid);\n  padding: 4px 0;\n  padding-right: 18px;\n  position: relative;\n  line-height: 1.7;\n}\n\n#math9-ch4-widget .tips-box ul li::before {\n  content: '\u25c8';\n  position: absolute;\n  right: 0;\n  color: var(--clr-warning);\n  font-size: 10px;\n  top: 6px;\n}\n\n#math9-ch4-widget .summary-box {\n  background: rgba(247, 127, 0, 0.08);\n  border: 1px solid rgba(247, 127, 0, 0.25);\n  border-radius: 10px;\n  padding: 12px 16px;\n  font-size: 13px;\n  color: var(--text-mid);\n  line-height: 1.7;\n}\n\n#math9-ch4-widget .summary-box .sum-label {\n  font-size: 11px;\n  font-weight: 700;\n  color: var(--clr-accent);\n  margin-bottom: 6px;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n\n#math9-ch4-widget .section-divider {\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n  margin: 14px 0;\n}\n\n\/* ==================== FORMULA GRID ==================== *\/\n#math9-ch4-widget .formula-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 12px;\n  margin-bottom: 16px;\n}\n\n#math9-ch4-widget .formula-card {\n  background: linear-gradient(135deg, rgba(108, 99, 255, 0.12), rgba(72, 202, 228, 0.08));\n  backdrop-filter: var(--blur);\n  -webkit-backdrop-filter: var(--blur);\n  border: 1px solid rgba(108, 99, 255, 0.25);\n  border-radius: 12px;\n  padding: 16px 14px;\n  text-align: center;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  cursor: default;\n}\n\n#math9-ch4-widget .formula-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 32px rgba(108, 99, 255, 0.2);\n}\n\n#math9-ch4-widget .formula-card .fc-label {\n  font-size: 11px;\n  color: var(--text-light);\n  margin-bottom: 8px;\n  font-weight: 600;\n}\n\n#math9-ch4-widget .formula-card .fc-formula {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--clr-primary);\n  direction: ltr;\n  line-height: 1.6;\n}\n\n\/* ==================== QUIZ SECTION ==================== *\/\n#math9-ch4-widget .quiz-card {\n  background: var(--glass-bg);\n  backdrop-filter: var(--blur);\n  -webkit-backdrop-filter: var(--blur);\n  border: 1px solid var(--glass-border);\n  border-radius: var(--radius-sm);\n  padding: 20px;\n  margin-bottom: 14px;\n  box-shadow: var(--glass-shadow);\n}\n\n#math9-ch4-widget .quiz-q-num {\n  font-size: 11px;\n  font-weight: 700;\n  color: var(--clr-primary);\n  margin-bottom: 8px;\n}\n\n#math9-ch4-widget .quiz-q-text {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--text-dark);\n  margin-bottom: 14px;\n  line-height: 1.7;\n}\n\n#math9-ch4-widget .quiz-options {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 8px;\n}\n\n#math9-ch4-widget .quiz-opt {\n  background: rgba(255,255,255,0.1);\n  border: 1px solid rgba(255,255,255,0.2);\n  border-radius: 8px;\n  padding: 10px 14px;\n  font-size: 13px;\n  font-family: var(--font-main);\n  color: var(--text-mid);\n  cursor: pointer;\n  transition: all 0.3s ease;\n  text-align: right;\n  direction: rtl;\n}\n\n#math9-ch4-widget .quiz-opt:hover:not(:disabled) {\n  background: rgba(108, 99, 255, 0.15);\n  border-color: rgba(108, 99, 255, 0.4);\n  color: var(--clr-primary);\n}\n\n#math9-ch4-widget .quiz-opt.correct {\n  background: rgba(6, 214, 160, 0.2);\n  border-color: var(--clr-success);\n  color: var(--clr-success);\n  font-weight: 700;\n}\n\n#math9-ch4-widget .quiz-opt.wrong {\n  background: rgba(239, 71, 111, 0.15);\n  border-color: var(--clr-danger);\n  color: var(--clr-danger);\n}\n\n#math9-ch4-widget .quiz-feedback {\n  margin-top: 10px;\n  font-size: 13px;\n  padding: 8px 12px;\n  border-radius: 8px;\n  display: none;\n  line-height: 1.6;\n}\n\n#math9-ch4-widget .quiz-feedback.show { display: block; }\n#math9-ch4-widget .quiz-feedback.correct-fb {\n  background: rgba(6, 214, 160, 0.1);\n  color: var(--clr-success);\n  border: 1px solid rgba(6, 214, 160, 0.3);\n}\n#math9-ch4-widget .quiz-feedback.wrong-fb {\n  background: rgba(239, 71, 111, 0.1);\n  color: var(--clr-danger);\n  border: 1px solid rgba(239, 71, 111, 0.3);\n}\n\n#math9-ch4-widget .quiz-score-display {\n  background: linear-gradient(135deg, rgba(108, 99, 255, 0.15), rgba(72, 202, 228, 0.12));\n  border: 1px solid rgba(108, 99, 255, 0.3);\n  border-radius: var(--radius-sm);\n  padding: 18px 22px;\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n#math9-ch4-widget .qs-label {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--text-mid);\n}\n\n#math9-ch4-widget .qs-val {\n  font-size: 22px;\n  font-weight: 800;\n  color: var(--clr-primary);\n}\n\n#math9-ch4-widget .btn-quiz-retry {\n  background: rgba(108, 99, 255, 0.15);\n  border: 1px solid rgba(108, 99, 255, 0.4);\n  border-radius: 10px;\n  padding: 10px 20px;\n  font-size: 13px;\n  font-family: var(--font-main);\n  color: var(--clr-primary);\n  cursor: pointer;\n  transition: all 0.3s ease;\n  margin-top: 12px;\n}\n#math9-ch4-widget .btn-quiz-retry:hover {\n  background: rgba(108, 99, 255, 0.25);\n  transform: scale(1.03);\n}\n\n\/* ==================== NIGHT REVIEW ==================== *\/\n#math9-ch4-widget .night-review-header {\n  background: linear-gradient(135deg, rgba(123, 45, 139, 0.2), rgba(247, 127, 0, 0.15));\n  border: 1px solid rgba(123, 45, 139, 0.35);\n  border-radius: var(--radius-sm);\n  padding: 16px 20px;\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n#math9-ch4-widget .night-review-header .nr-icon {\n  font-size: 28px;\n}\n\n#math9-ch4-widget .night-review-header .nr-text h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--text-dark);\n}\n\n#math9-ch4-widget .night-review-header .nr-text p {\n  font-size: 12px;\n  color: var(--text-light);\n  margin-top: 2px;\n}\n\n#math9-ch4-widget .review-item {\n  background: var(--glass-bg);\n  backdrop-filter: var(--blur);\n  -webkit-backdrop-filter: var(--blur);\n  border: 1px solid var(--glass-border);\n  border-radius: var(--radius-sm);\n  padding: 14px 18px;\n  margin-bottom: 10px;\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  transition: all 0.3s ease;\n}\n\n#math9-ch4-widget .review-item:hover {\n  background: var(--glass-bg-hover);\n  transform: translateX(-3px);\n}\n\n#math9-ch4-widget .review-item .ri-num {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  background: rgba(108, 99, 255, 0.2);\n  border: 1px solid rgba(108, 99, 255, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: 800;\n  color: var(--clr-primary);\n  flex-shrink: 0;\n}\n\n#math9-ch4-widget .review-item .ri-content {\n  flex: 1;\n}\n\n#math9-ch4-widget .review-item .ri-title {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--text-dark);\n  margin-bottom: 4px;\n}\n\n#math9-ch4-widget .review-item .ri-formula {\n  font-size: 13px;\n  color: var(--clr-primary);\n  font-weight: 600;\n  direction: ltr;\n  text-align: left;\n  background: rgba(108, 99, 255, 0.08);\n  border-radius: 6px;\n  padding: 3px 8px;\n  display: inline-block;\n  margin-top: 4px;\n}\n\n\/* ==================== SECTION LABEL ==================== *\/\n#math9-ch4-widget .section-label {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--text-light);\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-bottom: 12px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n#math9-ch4-widget .section-label::after {\n  content: '';\n  flex: 1;\n  height: 1px;\n  background: linear-gradient(90deg, rgba(255,255,255,0.3), transparent);\n}\n\n\/* ==================== RESPONSIVE ==================== *\/\n@media (max-width: 600px) {\n  #math9-ch4-widget {\n    padding: 10px;\n  }\n  #math9-ch4-widget .main-header {\n    padding: 20px 16px;\n  }\n  #math9-ch4-widget .progress-card {\n    padding: 16px;\n    gap: 14px;\n  }\n  #math9-ch4-widget .quiz-options {\n    grid-template-columns: 1fr;\n  }\n  #math9-ch4-widget .formula-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n  #math9-ch4-widget .quiz-score-display {\n    flex-direction: column;\n    text-align: center;\n  }\n  #math9-ch4-widget .acc-icon {\n    width: 34px;\n    height: 34px;\n    font-size: 15px;\n  }\n  #math9-ch4-widget .acc-title {\n    font-size: 13px;\n  }\n}\n\n@media (max-width: 400px) {\n  #math9-ch4-widget .formula-grid {\n    grid-template-columns: 1fr;\n  }\n  #math9-ch4-widget .tabs-wrap {\n    gap: 5px;\n  }\n  #math9-ch4-widget .tab-btn {\n    padding: 6px 10px;\n    font-size: 11px;\n  }\n}\n\n\/* ==================== SCROLLBAR ==================== *\/\n#math9-ch4-widget ::-webkit-scrollbar { width: 5px; }\n#math9-ch4-widget ::-webkit-scrollbar-track { background: transparent; }\n#math9-ch4-widget ::-webkit-scrollbar-thumb {\n  background: rgba(108, 99, 255, 0.3);\n  border-radius: 5px;\n}\n\n\/* ==================== BADGE COLORS ==================== *\/\n#math9-ch4-widget .badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  border-radius: 20px;\n  padding: 3px 10px;\n  font-size: 10px;\n  font-weight: 700;\n}\n\n#math9-ch4-widget .badge-blue { background: rgba(108,99,255,0.15); color: var(--clr-primary); border: 1px solid rgba(108,99,255,0.3); }\n#math9-ch4-widget .badge-green { background: rgba(6,214,160,0.15); color: var(--clr-success); border: 1px solid rgba(6,214,160,0.3); }\n#math9-ch4-widget .badge-orange { background: rgba(247,127,0,0.15); color: var(--clr-accent); border: 1px solid rgba(247,127,0,0.3); }\n#math9-ch4-widget .badge-red { background: rgba(239,71,111,0.15); color: var(--clr-danger); border: 1px solid rgba(239,71,111,0.3); }\n\n\/* ==================== COLOR THEMES FOR ICONS ==================== *\/\n#math9-ch4-widget .ic-purple { background: rgba(108, 99, 255, 0.15); }\n#math9-ch4-widget .ic-teal   { background: rgba(72, 202, 228, 0.15); }\n#math9-ch4-widget .ic-green  { background: rgba(6, 214, 160, 0.15); }\n#math9-ch4-widget .ic-orange { background: rgba(247, 127, 0, 0.15); }\n#math9-ch4-widget .ic-red    { background: rgba(239, 71, 111, 0.15); }\n#math9-ch4-widget .ic-yellow { background: rgba(255, 209, 102, 0.15); }\n#math9-ch4-widget .ic-pink   { background: rgba(255, 100, 160, 0.15); }\n\n\/* Descriptive section highlight *\/\n#math9-ch4-widget .desc-block {\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n  margin-bottom: 14px;\n}\n#math9-ch4-widget .desc-item {\n  background: rgba(255,255,255,0.08);\n  border: 1px solid rgba(255,255,255,0.15);\n  border-radius: 8px;\n  padding: 10px 14px;\n  flex: 1;\n  min-width: 140px;\n  font-size: 13px;\n  color: var(--text-mid);\n  line-height: 1.6;\n}\n#math9-ch4-widget .desc-item strong {\n  display: block;\n  font-size: 12px;\n  color: var(--clr-primary);\n  margin-bottom: 3px;\n}\n<\/style>\n<\/head>\n<body style=\"background:transparent; margin:0; padding:0;\">\n\n<!-- ==================== MAIN WIDGET ==================== -->\n<div id=\"math9-ch4-widget\">\n\n  <!-- SVG Gradient Defs -->\n  <svg width=\"0\" height=\"0\" style=\"position:absolute;\">\n    <defs>\n      <linearGradient id=\"progressGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n        <stop offset=\"0%\" style=\"stop-color:#06d6a0\"\/>\n        <stop offset=\"100%\" style=\"stop-color:#48cae4\"\/>\n      <\/linearGradient>\n    <\/defs>\n  <\/svg>\n\n  <!-- ==================== HEADER ==================== -->\n  <div class=\"main-header\">\n    <div class=\"header-badge\">\n      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\n      \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645\n    <\/div>\n    <h1 class=\"main-title\">\u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645: \u062a\u0648\u0627\u0646 \u0648 \u0631\u06cc\u0634\u0647<\/h1>\n    <p class=\"main-subtitle\">\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627 \u00b7 \u0631\u06cc\u0634\u0647\u200c\u06af\u06cc\u0631\u06cc \u00b7 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u06cc<\/p>\n  <\/div>\n\n  <!-- ==================== PROGRESS CARD ==================== -->\n  <div class=\"progress-card\">\n    <div class=\"progress-ring-wrap\">\n      <svg class=\"progress-ring-svg\" viewBox=\"0 0 90 90\">\n        <circle class=\"progress-ring-bg\" cx=\"45\" cy=\"45\" r=\"35\"\/>\n        <circle class=\"progress-ring-fill\" id=\"m9-ring-fill\" cx=\"45\" cy=\"45\" r=\"35\"\/>\n      <\/svg>\n      <div class=\"progress-percent\" id=\"m9-prog-pct\">0\u066a<\/div>\n    <\/div>\n    <div class=\"progress-info\">\n      <div class=\"progress-title\">\u067e\u06cc\u0634\u0631\u0641\u062a \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc<\/div>\n      <div class=\"progress-bar-wrap\">\n        <div class=\"progress-bar-fill\" id=\"m9-prog-bar\"><\/div>\n      <\/div>\n      <div class=\"progress-stats\">\n        <span id=\"m9-learned-count\">0<\/span> \u0627\u0632 <span id=\"m9-total-count\">10<\/span> \u0645\u0628\u062d\u062b \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645\n      <\/div>\n    <\/div>\n    <button class=\"btn-reset\" onclick=\"m9ResetProgress()\">\n      <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"23 4 23 10 17 10\"\/><path d=\"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\"\/><\/svg>\n      \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc\n    <\/button>\n  <\/div>\n\n  <!-- ==================== TABS ==================== -->\n  <div class=\"tabs-wrap\">\n    <button class=\"tab-btn active\" onclick=\"m9ShowSection('learn', this)\">\n      <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><\/svg>\n      \u0622\u0645\u0648\u0632\u0634 \u0645\u0628\u0627\u062d\u062b\n    <\/button>\n    <button class=\"tab-btn\" onclick=\"m9ShowSection('formulas', this)\">\n      <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M8 12h8M12 8v8\"\/><\/svg>\n      \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u0645\u0647\u0645\n    <\/button>\n    <button class=\"tab-btn\" onclick=\"m9ShowSection('quiz', this)\">\n      <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n      \u062a\u0645\u0631\u06cc\u0646 \u0648 \u0622\u0632\u0645\u0648\u0646\n    <\/button>\n    <button class=\"tab-btn\" onclick=\"m9ShowSection('night', this)\">\n      <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/><\/svg>\n      \u0645\u0631\u0648\u0631 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646\n    <\/button>\n  <\/div>\n\n  <!-- ==================== LEARN SECTION ==================== -->\n  <div class=\"content-section active\" id=\"m9-sec-learn\">\n    <div class=\"section-label\">\u0645\u0628\u0627\u062d\u062b \u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645<\/div>\n\n    <!-- TOPIC 1: \u062a\u0648\u0627\u0646 -->\n    <div class=\"accordion-item\" id=\"m9-acc-0\">\n      <div class=\"accordion-header\" onclick=\"m9ToggleAcc(0)\">\n        <div class=\"acc-icon ic-purple\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2.2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n        <\/div>\n        <div class=\"acc-title-wrap\">\n          <div class=\"acc-title\">\u0645\u0641\u0647\u0648\u0645 \u062a\u0648\u0627\u0646 \u0648 \u067e\u0627\u06cc\u0647<\/div>\n          <div class=\"acc-subtitle\">\u062a\u0639\u0631\u06cc\u0641 \u00b7 \u0627\u062c\u0632\u0627 \u00b7 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627<\/div>\n        <\/div>\n        <div class=\"acc-controls\">\n          <input type=\"checkbox\" class=\"acc-checkbox\" id=\"m9-chk-0\" onchange=\"m9CheckChange(0)\" title=\"\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645\">\n          <div class=\"acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"accordion-body\">\n        <div class=\"concept-box\">\n          <strong>\u062a\u0639\u0631\u06cc\u0641 \u062a\u0648\u0627\u0646:<\/strong> \u0648\u0642\u062a\u06cc \u06cc\u06a9 \u0639\u062f\u062f \u0631\u0627 \u0686\u0646\u062f \u0628\u0627\u0631 \u062f\u0631 \u062e\u0648\u062f\u0634 \u0636\u0631\u0628 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645\u060c \u0646\u062a\u06cc\u062c\u0647 \u0631\u0627 \u00ab\u062a\u0648\u0627\u0646\u00bb \u0622\u0646 \u0639\u062f\u062f \u0645\u06cc\u200c\u0646\u0627\u0645\u06cc\u0645. \u0628\u0647 \u0639\u0628\u0627\u0631\u062a\u06cc \u062a\u0648\u0627\u0646 \u06cc\u0639\u0646\u06cc \u0636\u0631\u0628 \u062a\u06a9\u0631\u0627\u0631\u06cc \u06cc\u06a9 \u0639\u062f\u062f \u062f\u0631 \u062e\u0648\u062f\u0634.\n        <\/div>\n        <div class=\"formula-box\">\n          a\u207f = a \u00d7 a \u00d7 a \u00d7 ... \u00d7 a &nbsp;(n \u0628\u0627\u0631)\n        <\/div>\n        <div class=\"desc-block\">\n          <div class=\"desc-item\"><strong>\u067e\u0627\u06cc\u0647 (Base)<\/strong>\u0639\u062f\u062f\u06cc \u06a9\u0647 \u062a\u06a9\u0631\u0627\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f. \u062f\u0631 a\u207f\u060c \u0639\u062f\u062f a \u067e\u0627\u06cc\u0647 \u0627\u0633\u062a.<\/div>\n          <div class=\"desc-item\"><strong>\u062a\u0648\u0627\u0646 \u06cc\u0627 \u0646\u0645\u0627 (Exponent)<\/strong>\u062a\u0639\u062f\u0627\u062f \u062f\u0641\u0639\u0627\u062a \u0636\u0631\u0628. \u062f\u0631 a\u207f\u060c \u0639\u062f\u062f n \u062a\u0648\u0627\u0646 \u0627\u0633\u062a.<\/div>\n          <div class=\"desc-item\"><strong>\u0642\u062f\u0631\u062a (Power)<\/strong>\u0646\u062a\u06cc\u062c\u0647 \u06a9\u0644 \u0639\u0645\u0644\u06cc\u0627\u062a. \u0645\u062b\u0644\u0627\u064b \u06f2\u00b3 = \u06f8 \u0627\u0633\u062a.<\/div>\n        <\/div>\n        <div class=\"example-box\">\n          <div class=\"ex-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            \u0645\u062b\u0627\u0644\n          <\/div>\n          <div class=\"ex-content\">\n            \u06f2\u2074 = \u06f2 \u00d7 \u06f2 \u00d7 \u06f2 \u00d7 \u06f2 = \u06f1\u06f6<br>\n            \u06f3\u00b3 = \u06f3 \u00d7 \u06f3 \u00d7 \u06f3 = \u06f2\u06f7<br>\n            \u06f5\u00b2 = \u06f5 \u00d7 \u06f5 = \u06f2\u06f5<br>\n            (\u2212\u06f2)\u00b3 = (\u2212\u06f2) \u00d7 (\u2212\u06f2) \u00d7 (\u2212\u06f2) = \u2212\u06f8\n          <\/div>\n        <\/div>\n        <div class=\"tips-box\">\n          <div class=\"tip-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc \u0645\u0647\u0645\n          <\/div>\n          <ul>\n            <li>\u0647\u0631 \u0639\u062f\u062f\u06cc \u0628\u0647 \u062a\u0648\u0627\u0646 \u0635\u0641\u0631 \u0628\u0631\u0627\u0628\u0631 \u06f1 \u0627\u0633\u062a: a\u2070 = \u06f1 (\u0628\u0647 \u0634\u0631\u0637\u06cc \u06a9\u0647 a \u2260 \u06f0)<\/li>\n            <li>\u0647\u0631 \u0639\u062f\u062f\u06cc \u0628\u0647 \u062a\u0648\u0627\u0646 \u06f1 \u0628\u0631\u0627\u0628\u0631 \u062e\u0648\u062f\u0634 \u0627\u0633\u062a: a\u00b9 = a<\/li>\n            <li>\u0627\u06af\u0631 \u067e\u0627\u06cc\u0647 \u0645\u0646\u0641\u06cc \u0628\u0627\u0634\u062f \u0648 \u062a\u0648\u0627\u0646 \u0632\u0648\u062c \u0628\u0627\u0634\u062f\u060c \u0646\u062a\u06cc\u062c\u0647 \u0645\u062b\u0628\u062a \u0627\u0633\u062a<\/li>\n            <li>\u0627\u06af\u0631 \u067e\u0627\u06cc\u0647 \u0645\u0646\u0641\u06cc \u0628\u0627\u0634\u062f \u0648 \u062a\u0648\u0627\u0646 \u0641\u0631\u062f \u0628\u0627\u0634\u062f\u060c \u0646\u062a\u06cc\u062c\u0647 \u0645\u0646\u0641\u06cc \u0627\u0633\u062a<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"summary-box\">\n          <div class=\"sum-label\">\n            <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n            \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc\n          <\/div>\n          \u062a\u0648\u0627\u0646 \u0627\u0628\u0632\u0627\u0631 \u0646\u0648\u0634\u062a\u0646 \u0636\u0631\u0628 \u062a\u06a9\u0631\u0627\u0631\u06cc \u0627\u0633\u062a. a\u207f \u06cc\u0639\u0646\u06cc \u0639\u062f\u062f a \u0631\u0627 n \u0628\u0627\u0631 \u062f\u0631 \u0647\u0645 \u0636\u0631\u0628 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645. \u067e\u0627\u06cc\u0647 \u0645\u0646\u0641\u06cc \u0628\u0627 \u062a\u0648\u0627\u0646 \u0632\u0648\u062c \u2192 \u0645\u062b\u0628\u062a\u060c \u0628\u0627 \u062a\u0648\u0627\u0646 \u0641\u0631\u062f \u2192 \u0645\u0646\u0641\u06cc.\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TOPIC 2: \u0642\u0648\u0627\u0646\u06cc\u0646 \u062a\u0648\u0627\u0646 -->\n    <div class=\"accordion-item\" id=\"m9-acc-1\">\n      <div class=\"accordion-header\" onclick=\"m9ToggleAcc(1)\">\n        <div class=\"acc-icon ic-teal\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#48cae4\" stroke-width=\"2.2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M8 12h8M12 8v8\"\/><\/svg>\n        <\/div>\n        <div class=\"acc-title-wrap\">\n          <div class=\"acc-title\">\u0642\u0648\u0627\u0646\u06cc\u0646 \u062a\u0648\u0627\u0646\u200c\u0647\u0627<\/div>\n          <div class=\"acc-subtitle\">\u0636\u0631\u0628 \u00b7 \u062a\u0642\u0633\u06cc\u0645 \u00b7 \u062a\u0648\u0627\u0646 \u062a\u0648\u0627\u0646 \u00b7 \u062a\u0648\u0632\u06cc\u0639<\/div>\n        <\/div>\n        <div class=\"acc-controls\">\n          <input type=\"checkbox\" class=\"acc-checkbox\" id=\"m9-chk-1\" onchange=\"m9CheckChange(1)\" title=\"\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645\">\n          <div class=\"acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#48cae4\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"accordion-body\">\n        <div class=\"concept-box\">\n          \u067e\u0646\u062c \u0642\u0627\u0646\u0648\u0646 \u0627\u0635\u0644\u06cc \u062a\u0648\u0627\u0646\u200c\u0647\u0627 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u067e\u0627\u06cc\u0647 \u062a\u0645\u0627\u0645 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u062c\u0628\u0631\u06cc \u0647\u0633\u062a\u0646\u062f. \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u062f\u0642\u06cc\u0642 \u0627\u06cc\u0646 \u0642\u0648\u0627\u0646\u06cc\u0646 \u0628\u0631\u0627\u06cc \u0641\u0635\u0644\u200c\u0647\u0627\u06cc \u0628\u0639\u062f\u06cc \u0631\u06cc\u0627\u0636\u06cc \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a.\n        <\/div>\n        <div class=\"formula-grid\">\n          <div class=\"formula-card\">\n            <div class=\"fc-label\">\u0636\u0631\u0628 \u062a\u0648\u0627\u0646\u200c\u0647\u0627\u06cc \u0647\u0645\u200c\u067e\u0627\u06cc\u0647<\/div>\n            <div class=\"fc-formula\">a\u1d50 \u00d7 a\u207f = a\u1d50\u207a\u207f<\/div>\n          <\/div>\n          <div class=\"formula-card\">\n            <div class=\"fc-label\">\u062a\u0642\u0633\u06cc\u0645 \u062a\u0648\u0627\u0646\u200c\u0647\u0627\u06cc \u0647\u0645\u200c\u067e\u0627\u06cc\u0647<\/div>\n            <div class=\"fc-formula\">a\u1d50 \u00f7 a\u207f = a\u1d50\u207b\u207f<\/div>\n          <\/div>\n          <div class=\"formula-card\">\n            <div class=\"fc-label\">\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0648\u0627\u0646<\/div>\n            <div class=\"fc-formula\">(a\u1d50)\u207f = a\u1d50\u02e3\u207f<\/div>\n          <\/div>\n          <div class=\"formula-card\">\n            <div class=\"fc-label\">\u062a\u0648\u0627\u0646 \u062d\u0627\u0635\u0644\u200c\u0636\u0631\u0628<\/div>\n            <div class=\"fc-formula\">(ab)\u207f = a\u207f \u00d7 b\u207f<\/div>\n          <\/div>\n          <div class=\"formula-card\">\n            <div class=\"fc-label\">\u062a\u0648\u0627\u0646 \u06a9\u0633\u0631<\/div>\n            <div class=\"fc-formula\">(a\/b)\u207f = a\u207f\/b\u207f<\/div>\n          <\/div>\n          <div class=\"formula-card\">\n            <div class=\"fc-label\">\u062a\u0648\u0627\u0646 \u0645\u0646\u0641\u06cc<\/div>\n            <div class=\"fc-formula\">a\u207b\u207f = 1\/a\u207f<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"example-box\">\n          <div class=\"ex-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc\n          <\/div>\n          <div class=\"ex-content\">\n            \u06f2\u00b3 \u00d7 \u06f2\u2074 = \u06f2\u2077 = \u06f1\u06f2\u06f8<br>\n            \u06f5\u2076 \u00f7 \u06f5\u00b2 = \u06f5\u2074 = \u06f6\u06f2\u06f5<br>\n            (\u06f3\u00b2)\u2074 = \u06f3\u2078 = \u06f6\u06f5\u06f6\u06f1<br>\n            (\u06f2\u00d7\u06f3)\u2074 = \u06f2\u2074 \u00d7 \u06f3\u2074 = \u06f1\u06f6 \u00d7 \u06f8\u06f1 = \u06f1\u06f2\u06f9\u06f6<br>\n            \u06f2\u207b\u00b3 = \u06f1\/\u06f8\n          <\/div>\n        <\/div>\n        <div class=\"tips-box\">\n          <div class=\"tip-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc\n          <\/div>\n          <ul>\n            <li>\u0642\u0648\u0627\u0646\u06cc\u0646 \u0636\u0631\u0628 \u0648 \u062a\u0642\u0633\u06cc\u0645 \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u067e\u0627\u06cc\u0647\u200c\u0647\u0627\u06cc \u06cc\u06a9\u0633\u0627\u0646 \u0635\u062f\u0642 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f<\/li>\n            <li>\u062f\u0631 \u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0648\u0627\u0646\u060c \u0646\u0645\u0627\u0647\u0627 \u0631\u0627 \u0636\u0631\u0628 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0646\u0647 \u062c\u0645\u0639<\/li>\n            <li>\u062a\u0648\u0627\u0646 \u0635\u0641\u0631 \u0647\u0645\u06cc\u0634\u0647 \u06f1 \u0627\u0633\u062a (\u063a\u06cc\u0631 \u0627\u0632 \u062d\u0627\u0644\u062a 0\u2070 \u06a9\u0647 \u0646\u0627\u0645\u0639\u06cc\u0646 \u0627\u0633\u062a)<\/li>\n            <li>\u062a\u0648\u0627\u0646 \u0645\u0646\u0641\u06cc \u0645\u0639\u0646\u06cc \u0648\u0627\u0631\u0648\u0646 \u0627\u0633\u062a\u060c \u0646\u0647 \u0639\u062f\u062f \u0645\u0646\u0641\u06cc<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"summary-box\">\n          <div class=\"sum-label\">\n            <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n            \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc\n          <\/div>\n          \u0636\u0631\u0628 \u2192 \u062c\u0645\u0639 \u0646\u0645\u0627\u0647\u0627 | \u062a\u0642\u0633\u06cc\u0645 \u2192 \u062a\u0641\u0631\u06cc\u0642 \u0646\u0645\u0627\u0647\u0627 | \u062a\u0648\u0627\u0646 \u062a\u0648\u0627\u0646 \u2192 \u0636\u0631\u0628 \u0646\u0645\u0627\u0647\u0627 | \u062a\u0648\u0627\u0646 \u0645\u0646\u0641\u06cc \u2192 \u06a9\u0633\u0631 \u0645\u0639\u06a9\u0648\u0633\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TOPIC 3: \u062a\u0648\u0627\u0646 \u0645\u0646\u0641\u06cc \u0648 \u0646\u0645\u0627\u062f \u0639\u0644\u0645\u06cc -->\n    <div class=\"accordion-item\" id=\"m9-acc-2\">\n      <div class=\"accordion-header\" onclick=\"m9ToggleAcc(2)\">\n        <div class=\"acc-icon ic-orange\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f77f00\" stroke-width=\"2.2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><\/svg>\n        <\/div>\n        <div class=\"acc-title-wrap\">\n          <div class=\"acc-title\">\u062a\u0648\u0627\u0646 \u0645\u0646\u0641\u06cc \u0648 \u0646\u0645\u0627\u062f \u0639\u0644\u0645\u06cc<\/div>\n          <div class=\"acc-subtitle\">\u062a\u0639\u0631\u06cc\u0641 \u00b7 \u06a9\u0627\u0631\u0628\u0631\u062f \u00b7 \u0627\u0639\u062f\u0627\u062f \u062e\u06cc\u0644\u06cc \u0628\u0632\u0631\u06af\/\u06a9\u0648\u0686\u06a9<\/div>\n        <\/div>\n        <div class=\"acc-controls\">\n          <input type=\"checkbox\" class=\"acc-checkbox\" id=\"m9-chk-2\" onchange=\"m9CheckChange(2)\" title=\"\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645\">\n          <div class=\"acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f77f00\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"accordion-body\">\n        <div class=\"concept-box\">\n          <strong>\u062a\u0648\u0627\u0646 \u0645\u0646\u0641\u06cc:<\/strong> a\u207b\u207f \u06cc\u0639\u0646\u06cc \u0645\u0639\u06a9\u0648\u0633 (\u0648\u0627\u0631\u0648\u0646) a\u207f \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0645\u0641\u0647\u0648\u0645 \u0628\u0631\u0627\u06cc \u0646\u0648\u0634\u062a\u0646 \u0627\u0639\u062f\u0627\u062f \u0628\u0633\u06cc\u0627\u0631 \u06a9\u0648\u0686\u06a9 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a.<br><br>\n          <strong>\u0646\u0645\u0627\u062f \u0639\u0644\u0645\u06cc:<\/strong> \u0631\u0648\u0634\u06cc \u0628\u0631\u0627\u06cc \u0646\u0648\u0634\u062a\u0646 \u0627\u0639\u062f\u0627\u062f \u062e\u06cc\u0644\u06cc \u0628\u0632\u0631\u06af \u06cc\u0627 \u062e\u06cc\u0644\u06cc \u06a9\u0648\u0686\u06a9 \u062f\u0631 \u0642\u0627\u0644\u0628 a \u00d7 10\u207f \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u06f1 \u2264 a < \u06f1\u06f0 \u0627\u0633\u062a.\n        <\/div>\n        <div class=\"formula-box\">\n          a\u207b\u207f = 1\/a\u207f &nbsp;|&nbsp; \u0646\u0645\u0627\u062f \u0639\u0644\u0645\u06cc: a \u00d7 10\u207f (1 \u2264 a < 10)\n        <\/div>\n        <div class=\"example-box\">\n          <div class=\"ex-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            \u0645\u062b\u0627\u0644\u200c\u0647\u0627\n          <\/div>\n          <div class=\"ex-content\">\n            <strong>\u062a\u0648\u0627\u0646 \u0645\u0646\u0641\u06cc:<\/strong><br>\n            \u06f2\u207b\u00b3 = \u06f1\/\u06f2\u00b3 = \u06f1\/\u06f8 = \u06f0\u066b\u06f1\u06f2\u06f5<br>\n            \u06f1\u06f0\u207b\u00b2 = \u06f1\/\u06f1\u06f0\u06f0 = \u06f0\u066b\u06f0\u06f1<br><br>\n            <strong>\u0646\u0645\u0627\u062f \u0639\u0644\u0645\u06cc:<\/strong><br>\n            \u06f3\u06f4\u06f5\u06f0\u06f0\u06f0 = \u06f3\u066b\u06f4\u06f5 \u00d7 \u06f1\u06f0\u2075<br>\n            \u06f0\u066b\u06f0\u06f0\u06f0\u06f0\u06f4\u06f7 = \u06f4\u066b\u06f7 \u00d7 \u06f1\u06f0\u207b\u2075<br>\n            \u0641\u0627\u0635\u0644\u0647 \u0632\u0645\u06cc\u0646 \u062a\u0627 \u062e\u0648\u0631\u0634\u06cc\u062f \u2248 \u06f1\u066b\u06f5 \u00d7 \u06f1\u06f0\u2078 km\n          <\/div>\n        <\/div>\n        <div class=\"tips-box\">\n          <div class=\"tip-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc\n          <\/div>\n          <ul>\n            <li>\u062f\u0631 \u0646\u0645\u0627\u062f \u0639\u0644\u0645\u06cc\u060c \u06f1 \u2264 a < \u06f1\u06f0 (\u0642\u0633\u0645\u062a \u0627\u0639\u0634\u0627\u0631\u06cc \u0628\u0627\u06cc\u062f \u0628\u06cc\u0646 \u06f1 \u0648 \u06f1\u06f0 \u0628\u0627\u0634\u062f)<\/li>\n            <li>\u0627\u06af\u0631 \u0639\u062f\u062f \u0628\u0632\u0631\u06af\u200c\u062a\u0631 \u0627\u0632 \u06f1\u06f0 \u0628\u0627\u0634\u062f\u060c \u062a\u0648\u0627\u0646 \u06f1\u06f0 \u0645\u062b\u0628\u062a \u0627\u0633\u062a<\/li>\n            <li>\u0627\u06af\u0631 \u0639\u062f\u062f \u06a9\u0645\u062a\u0631 \u0627\u0632 \u06f1 \u0628\u0627\u0634\u062f\u060c \u062a\u0648\u0627\u0646 \u06f1\u06f0 \u0645\u0646\u0641\u06cc \u0627\u0633\u062a<\/li>\n            <li>\u062a\u0648\u0627\u0646 \u0645\u0646\u0641\u06cc \u0639\u062f\u062f \u0631\u0627 \u00ab\u06a9\u0648\u0686\u06a9\u00bb \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0641\u0642\u0637 \u0645\u0639\u06a9\u0648\u0633\u0634 \u0645\u06cc\u200c\u06a9\u0646\u062f<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"summary-box\">\n          <div class=\"sum-label\">\n            <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n            \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc\n          <\/div>\n          \u062a\u0648\u0627\u0646 \u0645\u0646\u0641\u06cc = \u0645\u0639\u06a9\u0648\u0633 | \u0646\u0645\u0627\u062f \u0639\u0644\u0645\u06cc \u0628\u0631\u0627\u06cc \u0627\u0639\u062f\u0627\u062f \u0628\u0632\u0631\u06af\/\u06a9\u0648\u0686\u06a9 | \u062a\u0648\u0627\u0646 \u06f1\u06f0 \u0645\u062b\u0628\u062a \u2192 \u0639\u062f\u062f > \u06f1\u06f0 | \u062a\u0648\u0627\u0646 \u06f1\u06f0 \u0645\u0646\u0641\u06cc \u2192 \u0639\u062f\u062f < \u06f1\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TOPIC 4: \u0631\u06cc\u0634\u0647\u200c\u06af\u06cc\u0631\u06cc -->\n    <div class=\"accordion-item\" id=\"m9-acc-3\">\n      <div class=\"accordion-header\" onclick=\"m9ToggleAcc(3)\">\n        <div class=\"acc-icon ic-green\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06d6a0\" stroke-width=\"2.2\"><polyline points=\"3 17 9 11 13 15 21 7\"\/><line x1=\"3\" y1=\"7\" x2=\"3\" y2=\"17\"\/><\/svg>\n        <\/div>\n        <div class=\"acc-title-wrap\">\n          <div class=\"acc-title\">\u0631\u06cc\u0634\u0647\u200c\u06af\u06cc\u0631\u06cc \u0648 \u0645\u0641\u0647\u0648\u0645 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644<\/div>\n          <div class=\"acc-subtitle\">\u062a\u0639\u0631\u06cc\u0641 \u00b7 \u0627\u0646\u0648\u0627\u0639 \u00b7 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627<\/div>\n        <\/div>\n        <div class=\"acc-controls\">\n          <input type=\"checkbox\" class=\"acc-checkbox\" id=\"m9-chk-3\" onchange=\"m9CheckChange(3)\" title=\"\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645\">\n          <div class=\"acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06d6a0\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"accordion-body\">\n        <div class=\"concept-box\">\n          <strong>\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 (Radical):<\/strong> \u0639\u0644\u0627\u0645\u062a \u221a \u0646\u0645\u0627\u062f \u0631\u06cc\u0634\u0647\u200c\u06af\u06cc\u0631\u06cc \u0627\u0633\u062a. \u0631\u06cc\u0634\u0647 \u062f\u0648\u0645 \u06cc\u06a9 \u0639\u062f\u062f\u060c \u0639\u062f\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0648\u0642\u062a\u06cc \u0628\u0647 \u062a\u0648\u0627\u0646 \u06f2 \u0628\u0631\u0633\u062f\u060c \u0647\u0645\u0627\u0646 \u0639\u062f\u062f \u0627\u0635\u0644\u06cc \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f.<br><br>\n          <strong>\u0631\u06cc\u0634\u0647 n\u200c\u0627\u0645:<\/strong> n\u221aa \u0639\u062f\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0627\u06af\u0631 n \u0628\u0627\u0631 \u062f\u0631 \u0647\u0645 \u0636\u0631\u0628 \u0634\u0648\u062f \u0628\u0631\u0627\u0628\u0631 a \u0645\u06cc\u200c\u0634\u0648\u062f.\n        <\/div>\n        <div class=\"formula-box\">\n          \u00b2\u221aa = \u221aa &nbsp;|&nbsp; \u207f\u221aa = a^(1\/n) &nbsp;|&nbsp; (\u221aa)\u00b2 = a (a \u2265 0)\n        <\/div>\n        <div class=\"desc-block\">\n          <div class=\"desc-item\"><strong>\u0631\u06cc\u0634\u0647 \u062f\u0648\u0645 (\u221a)<\/strong>\u221a\u06f2\u06f5 = \u06f5 \u0686\u0648\u0646 \u06f5\u00b2 = \u06f2\u06f5<\/div>\n          <div class=\"desc-item\"><strong>\u0631\u06cc\u0634\u0647 \u0633\u0648\u0645 (\u00b3\u221a)<\/strong>\u00b3\u221a\u06f2\u06f7 = \u06f3 \u0686\u0648\u0646 \u06f3\u00b3 = \u06f2\u06f7<\/div>\n          <div class=\"desc-item\"><strong>\u0631\u06cc\u0634\u0647 \u0686\u0647\u0627\u0631\u0645 (\u2074\u221a)<\/strong>\u2074\u221a\u06f8\u06f1 = \u06f3 \u0686\u0648\u0646 \u06f3\u2074 = \u06f8\u06f1<\/div>\n        <\/div>\n        <div class=\"example-box\">\n          <div class=\"ex-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            \u0645\u062b\u0627\u0644\u200c\u0647\u0627\n          <\/div>\n          <div class=\"ex-content\">\n            \u221a\u06f1\u06f6 = \u06f4 &nbsp;(\u0686\u0648\u0646 \u06f4\u00b2 = \u06f1\u06f6)<br>\n            \u221a\u06f1\u06f4\u06f4 = \u06f1\u06f2 &nbsp;(\u0686\u0648\u0646 \u06f1\u06f2\u00b2 = \u06f1\u06f4\u06f4)<br>\n            \u00b3\u221a\u2212\u06f8 = \u2212\u06f2 &nbsp;(\u0686\u0648\u0646 (\u2212\u06f2)\u00b3 = \u2212\u06f8)<br>\n            \u221a\u06f0 = \u06f0 &nbsp;|&nbsp; \u221a\u06f1 = \u06f1<br>\n            \u2074\u221a\u06f1\u06f6 = \u06f2 &nbsp;(\u0686\u0648\u0646 \u06f2\u2074 = \u06f1\u06f6)\n          <\/div>\n        <\/div>\n        <div class=\"tips-box\">\n          <div class=\"tip-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc\n          <\/div>\n          <ul>\n            <li>\u0631\u06cc\u0634\u0647 \u062f\u0648\u0645 \u0627\u0639\u062f\u0627\u062f \u0645\u0646\u0641\u06cc \u062f\u0631 \u0627\u0639\u062f\u0627\u062f \u062d\u0642\u06cc\u0642\u06cc \u062a\u0639\u0631\u06cc\u0641 \u0646\u0645\u06cc\u200c\u0634\u0648\u062f: \u221a(\u2212\u06f4) \u062a\u0639\u0631\u06cc\u0641 \u0646\u062f\u0627\u0631\u062f<\/li>\n            <li>\u0631\u06cc\u0634\u0647 \u0633\u0648\u0645 \u0627\u0639\u062f\u0627\u062f \u0645\u0646\u0641\u06cc \u062a\u0639\u0631\u06cc\u0641 \u062f\u0627\u0631\u062f: \u00b3\u221a(\u2212\u06f8) = \u2212\u06f2<\/li>\n            <li>\u221aa\u00b2 = |a| (\u0642\u062f\u0631 \u0645\u0637\u0644\u0642 a\u060c \u0646\u0647 \u062e\u0648\u062f a!)<\/li>\n            <li>\u062c\u0648\u0627\u0628 \u221a \u0647\u0645\u06cc\u0634\u0647 \u063a\u06cc\u0631\u0645\u0646\u0641\u06cc \u0627\u0633\u062a (\u0631\u06cc\u0634\u0647 \u0627\u0635\u0644\u06cc)<\/li>\n            <li>\u0627\u0639\u062f\u0627\u062f \u0645\u0631\u0628\u0639 \u06a9\u0627\u0645\u0644: \u06f1\u060c \u06f4\u060c \u06f9\u060c \u06f1\u06f6\u060c \u06f2\u06f5\u060c \u06f3\u06f6\u060c \u06f4\u06f9\u060c \u06f6\u06f4\u060c \u06f8\u06f1\u060c \u06f1\u06f0\u06f0<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"summary-box\">\n          <div class=\"sum-label\">\n            <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n            \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc\n          <\/div>\n          \u221aa \u0639\u062f\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u0631\u0628\u0639\u0634 a \u0645\u06cc\u200c\u0634\u0648\u062f. \u0631\u06cc\u0634\u0647 \u062f\u0648\u0645 \u0627\u0639\u062f\u0627\u062f \u0645\u0646\u0641\u06cc \u0646\u062f\u0627\u0631\u06cc\u0645 \u0627\u0645\u0627 \u0631\u06cc\u0634\u0647 \u0641\u0631\u062f \u062f\u0627\u0631\u06cc\u0645. \u221aa\u00b2 = |a|\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TOPIC 5: \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 -->\n    <div class=\"accordion-item\" id=\"m9-acc-4\">\n      <div class=\"accordion-header\" onclick=\"m9ToggleAcc(4)\">\n        <div class=\"acc-icon ic-purple\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2.2\"><polygon points=\"12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2\"\/><line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"15.5\"\/><line x1=\"22\" y1=\"8.5\" x2=\"12\" y2=\"15.5\"\/><line x1=\"2\" y1=\"8.5\" x2=\"12\" y2=\"15.5\"\/><\/svg>\n        <\/div>\n        <div class=\"acc-title-wrap\">\n          <div class=\"acc-title\">\u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627<\/div>\n          <div class=\"acc-subtitle\">\u0642\u0627\u0646\u0648\u0646 \u0636\u0631\u0628 \u00b7 \u062e\u0627\u0631\u062c \u06a9\u0631\u062f\u0646 \u0627\u0632 \u0632\u06cc\u0631 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644<\/div>\n        <\/div>\n        <div class=\"acc-controls\">\n          <input type=\"checkbox\" class=\"acc-checkbox\" id=\"m9-chk-4\" onchange=\"m9CheckChange(4)\" title=\"\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645\">\n          <div class=\"acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"accordion-body\">\n        <div class=\"concept-box\">\n          <strong>\u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644:<\/strong> \u0647\u062f\u0641 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0627\u062e\u0644 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0647\u06cc\u0686 \u0639\u0627\u0645\u0644\u06cc \u06a9\u0647 \u0645\u0631\u0628\u0639 \u06a9\u0627\u0645\u0644 (\u06cc\u0627 \u062a\u0648\u0627\u0646 \u06a9\u0627\u0645\u0644) \u062f\u0627\u0631\u062f \u0646\u0645\u0627\u0646\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0639\u062f\u062f \u062f\u0627\u062e\u0644 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0631\u0627 \u0628\u0647 \u0641\u0627\u06a9\u062a\u0648\u0631\u0647\u0627\u06cc\u0634 \u062a\u062c\u0632\u06cc\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.\n        <\/div>\n        <div class=\"formula-box\">\n          \u221a(a \u00d7 b) = \u221aa \u00d7 \u221ab &nbsp;|&nbsp; \u221a(a\u00b2b) = a\u221ab &nbsp;(a \u2265 0)\n        <\/div>\n        <div class=\"example-box\">\n          <div class=\"ex-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            \u0631\u0648\u0634 \u06af\u0627\u0645 \u0628\u0647 \u06af\u0627\u0645\n          <\/div>\n          <div class=\"ex-content\">\n            <strong>\u0645\u062b\u0627\u0644 \u06f1:<\/strong> \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u221a\u06f4\u06f8<br>\n            \u06f4\u06f8 = \u06f1\u06f6 \u00d7 \u06f3 = \u06f4\u00b2 \u00d7 \u06f3<br>\n            \u221a\u06f4\u06f8 = \u221a(\u06f1\u06f6 \u00d7 \u06f3) = \u221a\u06f1\u06f6 \u00d7 \u221a\u06f3 = \u06f4\u221a\u06f3<br><br>\n            <strong>\u0645\u062b\u0627\u0644 \u06f2:<\/strong> \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u221a\u06f7\u06f2<br>\n            \u06f7\u06f2 = \u06f3\u06f6 \u00d7 \u06f2 = \u06f6\u00b2 \u00d7 \u06f2<br>\n            \u221a\u06f7\u06f2 = \u06f6\u221a\u06f2<br><br>\n            <strong>\u0645\u062b\u0627\u0644 \u06f3:<\/strong> \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u221a\u06f1\u06f8\u06f0<br>\n            \u06f1\u06f8\u06f0 = \u06f4 \u00d7 \u06f4\u06f5 = \u06f4 \u00d7 \u06f9 \u00d7 \u06f5 = \u06f3\u06f6 \u00d7 \u06f5<br>\n            \u221a\u06f1\u06f8\u06f0 = \u06f6\u221a\u06f5\n          <\/div>\n        <\/div>\n        <div class=\"concept-box\">\n          <strong>\u0631\u0648\u0634 \u062a\u062c\u0632\u06cc\u0647 \u0628\u0647 \u0639\u0648\u0627\u0645\u0644 \u0627\u0648\u0644:<\/strong><br>\n          \u06f7\u06f2 = \u06f2\u00b3 \u00d7 \u06f3\u00b2 \u2192 \u221a\u06f7\u06f2 = \u221a(\u06f2\u00b2 \u00d7 \u06f2 \u00d7 \u06f3\u00b2) = \u06f2 \u00d7 \u06f3 \u00d7 \u221a\u06f2 = \u06f6\u221a\u06f2\n        <\/div>\n        <div class=\"tips-box\">\n          <div class=\"tip-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc\n          <\/div>\n          <ul>\n            <li>\u06cc\u06a9 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0633\u0627\u062f\u0647 \u0627\u0633\u062a \u0648\u0642\u062a\u06cc \u0647\u06cc\u0686 \u0639\u0627\u0645\u0644 \u0645\u0631\u0628\u0639 \u06a9\u0627\u0645\u0644\u06cc \u062f\u0627\u062e\u0644 \u0622\u0646 \u0646\u0628\u0627\u0634\u062f<\/li>\n            <li>\u0628\u0631\u0627\u06cc \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc: \u0628\u0632\u0631\u06af\u200c\u062a\u0631\u06cc\u0646 \u0645\u0631\u0628\u0639 \u06a9\u0627\u0645\u0644 \u0639\u0627\u0645\u0644 \u0639\u062f\u062f \u0631\u0627 \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f<\/li>\n            <li>\u0627\u0632 \u062a\u062c\u0632\u06cc\u0647 \u0628\u0647 \u0639\u0648\u0627\u0645\u0644 \u0627\u0648\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f: \u0647\u0631 \u062c\u0641\u062a \u0641\u0627\u06a9\u062a\u0648\u0631 \u06cc\u06a9\u0633\u0627\u0646 \u0627\u0632 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u062e\u0627\u0631\u062c \u0645\u06cc\u200c\u0634\u0648\u062f<\/li>\n            <li>\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627\u06cc \u0633\u0627\u062f\u0647 \u0634\u062f\u0647 \u0636\u0631\u06cc\u0628 \u062b\u0627\u0628\u062a \u062e\u0627\u0631\u062c \u0627\u0632 \u221a \u062f\u0627\u0631\u0646\u062f<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"summary-box\">\n          <div class=\"sum-label\">\n            <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n            \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc\n          <\/div>\n          \u0628\u0631\u0627\u06cc \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc: \u062a\u062c\u0632\u06cc\u0647 \u2192 \u062e\u0627\u0631\u062c \u06a9\u0631\u062f\u0646 \u062c\u0641\u062a\u200c\u0647\u0627 \u2192 \u0636\u0631\u0628 \u0636\u0631\u0627\u06cc\u0628 \u062e\u0627\u0631\u062c\u06cc | \u0647\u062f\u0641: \u062f\u0627\u062e\u0644 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0647\u06cc\u0686 \u0639\u0627\u0645\u0644 \u0645\u0631\u0628\u0639 \u06a9\u0627\u0645\u0644\u06cc \u0646\u0628\u0627\u0634\u062f.\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TOPIC 6: \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 -->\n    <div class=\"accordion-item\" id=\"m9-acc-5\">\n      <div class=\"accordion-header\" onclick=\"m9ToggleAcc(5)\">\n        <div class=\"acc-icon ic-green\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06d6a0\" stroke-width=\"2.2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n        <\/div>\n        <div class=\"acc-title-wrap\">\n          <div class=\"acc-title\">\u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627<\/div>\n          <div class=\"acc-subtitle\">\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627\u06cc \u0647\u0645\u200c\u0646\u0648\u0639 \u00b7 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0642\u0628\u0644 \u0627\u0632 \u062c\u0645\u0639<\/div>\n        <\/div>\n        <div class=\"acc-controls\">\n          <input type=\"checkbox\" class=\"acc-checkbox\" id=\"m9-chk-5\" onchange=\"m9CheckChange(5)\" title=\"\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645\">\n          <div class=\"acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06d6a0\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"accordion-body\">\n        <div class=\"concept-box\">\n          <strong>\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627\u06cc \u0647\u0645\u200c\u0646\u0648\u0639 (Like Radicals):<\/strong> \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0639\u062f\u062f \u062f\u0627\u062e\u0644 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0648 \u062f\u0631\u062c\u0647 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0622\u0646\u200c\u0647\u0627 \u06cc\u06a9\u0633\u0627\u0646 \u0628\u0627\u0634\u062f. \u0627\u06cc\u0646 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627 \u0645\u0627\u0646\u0646\u062f \u062c\u0645\u0644\u0627\u062a \u0645\u0634\u0627\u0628\u0647 \u062f\u0631 \u062c\u0628\u0631 \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u0648 \u0642\u0627\u0628\u0644 \u062c\u0645\u0639\/\u062a\u0641\u0631\u06cc\u0642 \u0647\u0633\u062a\u0646\u062f.\n        <\/div>\n        <div class=\"formula-box\">\n          a\u221an \u00b1 b\u221an = (a \u00b1 b)\u221an &nbsp;|&nbsp; \u0641\u0642\u0637 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627\u06cc \u0647\u0645\u200c\u0646\u0648\u0639!\n        <\/div>\n        <div class=\"example-box\">\n          <div class=\"ex-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            \u0645\u062b\u0627\u0644\u200c\u0647\u0627\n          <\/div>\n          <div class=\"ex-content\">\n            <strong>\u0645\u062b\u0627\u0644 \u06f1:<\/strong> \u06f3\u221a\u06f5 + \u06f7\u221a\u06f5 = (\u06f3+\u06f7)\u221a\u06f5 = \u06f1\u06f0\u221a\u06f5<br>\n            <strong>\u0645\u062b\u0627\u0644 \u06f2:<\/strong> \u06f8\u221a\u06f3 \u2212 \u06f2\u221a\u06f3 = \u06f6\u221a\u06f3<br><br>\n            <strong>\u0645\u062b\u0627\u0644 \u0628\u0627 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc:<\/strong><br>\n            \u221a\u06f1\u06f2 + \u221a\u06f7\u06f5 \u2212 \u221a\u06f2\u06f7<br>\n            = \u06f2\u221a\u06f3 + \u06f5\u221a\u06f3 \u2212 \u06f3\u221a\u06f3<br>\n            = (\u06f2+\u06f5\u2212\u06f3)\u221a\u06f3 = \u06f4\u221a\u06f3<br><br>\n            <strong>\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627\u06cc \u063a\u06cc\u0631\u0647\u0645\u200c\u0646\u0648\u0639:<\/strong><br>\n            \u221a\u06f2 + \u221a\u06f3 \u2192 \u0642\u0627\u0628\u0644 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0646\u06cc\u0633\u062a!\n          <\/div>\n        <\/div>\n        <div class=\"tips-box\">\n          <div class=\"tip-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc\n          <\/div>\n          <ul>\n            <li>\u0642\u0628\u0644 \u0627\u0632 \u062c\u0645\u0639\/\u062a\u0641\u0631\u06cc\u0642\u060c \u062d\u062a\u0645\u0627\u064b \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n            <li>\u0641\u0642\u0637 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627\u06cc \u0647\u0645\u200c\u0646\u0648\u0639 (\u0639\u062f\u062f \u062f\u0627\u062e\u0644 \u06cc\u06a9\u0633\u0627\u0646) \u0642\u0627\u0628\u0644 \u062c\u0645\u0639\/\u062a\u0641\u0631\u06cc\u0642 \u0647\u0633\u062a\u0646\u062f<\/li>\n            <li>\u221a\u06f2 + \u221a\u06f3 \u2260 \u221a\u06f5 (\u0627\u06cc\u0646 \u0627\u0634\u062a\u0628\u0627\u0647 \u0631\u0627\u06cc\u062c \u0627\u0633\u062a!)<\/li>\n            <li>\u0645\u062b\u0644 \u062c\u0645\u0644\u0627\u062a \u062c\u0628\u0631\u06cc: \u06f3a + \u06f5a = \u06f8a \u2192 \u06f3\u221a\u06f2 + \u06f5\u221a\u06f2 = \u06f8\u221a\u06f2<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"summary-box\">\n          <div class=\"sum-label\">\n            <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n            \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc\n          <\/div>\n          \u0627\u0628\u062a\u062f\u0627 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc\u060c \u0633\u067e\u0633 \u062c\u0645\u0639 \u0636\u0631\u0627\u06cc\u0628 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627\u06cc \u0647\u0645\u200c\u0646\u0648\u0639 | \u221aa \u00b1 \u221ab \u2260 \u221a(a\u00b1b)\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TOPIC 7: \u0636\u0631\u0628 \u0648 \u062a\u0642\u0633\u06cc\u0645 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 -->\n    <div class=\"accordion-item\" id=\"m9-acc-6\">\n      <div class=\"accordion-header\" onclick=\"m9ToggleAcc(6)\">\n        <div class=\"acc-icon ic-teal\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#48cae4\" stroke-width=\"2.2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"13 6 19 12 13 18\"\/><\/svg>\n        <\/div>\n        <div class=\"acc-title-wrap\">\n          <div class=\"acc-title\">\u0636\u0631\u0628 \u0648 \u062a\u0642\u0633\u06cc\u0645 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627<\/div>\n          <div class=\"acc-subtitle\">\u0642\u0627\u0646\u0648\u0646 \u0636\u0631\u0628 \u00b7 \u0642\u0627\u0646\u0648\u0646 \u062a\u0642\u0633\u06cc\u0645 \u00b7 \u062d\u0627\u0635\u0644\u200c\u0636\u0631\u0628 \u0627\u062a\u062d\u0627\u062f\u06cc<\/div>\n        <\/div>\n        <div class=\"acc-controls\">\n          <input type=\"checkbox\" class=\"acc-checkbox\" id=\"m9-chk-6\" onchange=\"m9CheckChange(6)\" title=\"\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645\">\n          <div class=\"acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#48cae4\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"accordion-body\">\n        <div class=\"concept-box\">\n          \u0636\u0631\u0628 \u0648 \u062a\u0642\u0633\u06cc\u0645 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627 \u0627\u0632 \u0642\u0648\u0627\u0646\u06cc\u0646 \u0633\u0627\u062f\u0647\u200c\u0627\u06cc \u067e\u06cc\u0631\u0648\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f: \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0639\u062f\u062f\u0647\u0627\u06cc \u062f\u0627\u062e\u0644 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627\u06cc \u0647\u0645\u200c\u062f\u0631\u062c\u0647 \u0631\u0627 \u0628\u0627 \u0647\u0645 \u0636\u0631\u0628 \u06cc\u0627 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0631\u062f.\n        <\/div>\n        <div class=\"formula-box\">\n          \u221aa \u00d7 \u221ab = \u221a(ab) &nbsp;|&nbsp; \u221aa \/ \u221ab = \u221a(a\/b) &nbsp;(a,b \u2265 0)\n        <\/div>\n        <div class=\"example-box\">\n          <div class=\"ex-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            \u0645\u062b\u0627\u0644\u200c\u0647\u0627\n          <\/div>\n          <div class=\"ex-content\">\n            <strong>\u0636\u0631\u0628 \u0633\u0627\u062f\u0647:<\/strong><br>\n            \u221a\u06f3 \u00d7 \u221a\u06f1\u06f2 = \u221a\u06f3\u2086 = \u06f6<br>\n            \u06f2\u221a\u06f5 \u00d7 \u06f3\u221a\u06f5 = \u06f6 \u00d7 (\u221a\u06f5)\u00b2 = \u06f6 \u00d7 \u06f5 = \u06f3\u06f0<br><br>\n            <strong>\u0636\u0631\u0628 \u0628\u0627 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc:<\/strong><br>\n            \u06f2\u221a\u06f3 \u00d7 \u06f3\u221a\u06f6 = \u06f6\u221a\u06f1\u06f8 = \u06f6 \u00d7 \u06f3\u221a\u06f2 = \u06f1\u06f8\u221a\u06f2<br><br>\n            <strong>\u062a\u0642\u0633\u06cc\u0645:<\/strong><br>\n            \u221a\u06f5\u06f0 \/ \u221a\u06f2 = \u221a(\u06f5\u06f0\/\u06f2) = \u221a\u06f2\u06f5 = \u06f5<br>\n            \u06f6\u221a\u06f1\u06f5 \/ \u06f2\u221a\u06f3 = \u06f3\u221a\u06f5<br><br>\n            <strong>\u0627\u062a\u062d\u0627\u062f \u0645\u0632\u062f\u0648\u062c:<\/strong><br>\n            (\u221aa + \u221ab)(\u221aa \u2212 \u221ab) = a \u2212 b\n          <\/div>\n        <\/div>\n        <div class=\"tips-box\">\n          <div class=\"tip-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc\n          <\/div>\n          <ul>\n            <li>\u0636\u0631\u0627\u06cc\u0628 \u0631\u0627 \u062f\u0631 \u0647\u0645 \u0636\u0631\u0628 \u06a9\u0646\u06cc\u062f\u060c \u0639\u062f\u062f \u0632\u06cc\u0631 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0631\u0627 \u0647\u0645 \u062f\u0631 \u0647\u0645 \u0636\u0631\u0628 \u06a9\u0646\u06cc\u062f<\/li>\n            <li>\u0628\u0639\u062f \u0627\u0632 \u0636\u0631\u0628\u060c \u062d\u062a\u0645\u0627\u064b \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f<\/li>\n            <li>\u0627\u062a\u062d\u0627\u062f \u0645\u0632\u062f\u0648\u062c \u06a9\u0627\u0631\u0628\u0631\u062f \u0632\u06cc\u0627\u062f\u06cc \u062f\u0631 \u06af\u0648\u06cc\u0627 \u06a9\u0631\u062f\u0646 \u0645\u062e\u0631\u062c \u062f\u0627\u0631\u062f<\/li>\n            <li>\u221aa \u00d7 \u221aa = a (\u0646\u0647 \u221a(a\u00b2)!)<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"summary-box\">\n          <div class=\"sum-label\">\n            <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n            \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc\n          <\/div>\n          \u221aa \u00d7 \u221ab = \u221a(ab) | \u0636\u0631\u0627\u06cc\u0628 \u0645\u062c\u0632\u0627 \u0636\u0631\u0628 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f | \u0628\u0639\u062f \u0627\u0632 \u0636\u0631\u0628 \u2192 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc | (\u221aa + \u221ab)(\u221aa \u2212 \u221ab) = a \u2212 b\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TOPIC 8: \u06af\u0648\u06cc\u0627 \u06a9\u0631\u062f\u0646 \u0645\u062e\u0631\u062c -->\n    <div class=\"accordion-item\" id=\"m9-acc-7\">\n      <div class=\"accordion-header\" onclick=\"m9ToggleAcc(7)\">\n        <div class=\"acc-icon ic-orange\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f77f00\" stroke-width=\"2.2\"><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><path d=\"M8 6l4-4 4 4M16 18l-4 4-4-4\"\/><\/svg>\n        <\/div>\n        <div class=\"acc-title-wrap\">\n          <div class=\"acc-title\">\u06af\u0648\u06cc\u0627 \u06a9\u0631\u062f\u0646 \u0645\u062e\u0631\u062c<\/div>\n          <div class=\"acc-subtitle\">\u062d\u0630\u0641 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0627\u0632 \u0645\u062e\u0631\u062c \u00b7 \u0645\u0632\u062f\u0648\u062c \u00b7 \u0631\u0648\u0634 \u0636\u0631\u0628<\/div>\n        <\/div>\n        <div class=\"acc-controls\">\n          <input type=\"checkbox\" class=\"acc-checkbox\" id=\"m9-chk-7\" onchange=\"m9CheckChange(7)\" title=\"\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645\">\n          <div class=\"acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f77f00\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"accordion-body\">\n        <div class=\"concept-box\">\n          <strong>\u06af\u0648\u06cc\u0627 \u06a9\u0631\u062f\u0646 \u0645\u062e\u0631\u062c (Rationalizing the Denominator):<\/strong> \u0641\u0631\u0627\u06cc\u0646\u062f\u06cc \u06a9\u0647 \u0637\u06cc \u0622\u0646 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0631\u0627 \u0627\u0632 \u0645\u062e\u0631\u062c \u06a9\u0633\u0631 \u062d\u0630\u0641 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0631\u06cc\u0627\u0636\u06cc \u0627\u0633\u062a \u0648 \u062c\u0648\u0627\u0628 \u0631\u0627 \u0628\u0647 \u0634\u06a9\u0644 \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f.\n        <\/div>\n        <div class=\"desc-block\">\n          <div class=\"desc-item\"><strong>\u062d\u0627\u0644\u062a \u06f1: \u0645\u062e\u0631\u062c \u221ab<\/strong>\u0635\u0648\u0631\u062a \u0648 \u0645\u062e\u0631\u062c \u0631\u0627 \u062f\u0631 \u221ab \u0636\u0631\u0628 \u06a9\u0646<\/div>\n          <div class=\"desc-item\"><strong>\u062d\u0627\u0644\u062a \u06f2: \u0645\u062e\u0631\u062c a + \u221ab<\/strong>\u062f\u0631 \u0645\u0632\u062f\u0648\u062c \u0622\u0646 (a \u2212 \u221ab) \u0636\u0631\u0628 \u06a9\u0646<\/div>\n          <div class=\"desc-item\"><strong>\u062d\u0627\u0644\u062a \u06f3: \u0645\u062e\u0631\u062c \u221aa + \u221ab<\/strong>\u062f\u0631 \u0645\u0632\u062f\u0648\u062c (\u221aa \u2212 \u221ab) \u0636\u0631\u0628 \u06a9\u0646<\/div>\n        <\/div>\n        <div class=\"formula-box\">\n          a\/\u221ab = (a\u221ab)\/b &nbsp;|&nbsp; 1\/(\u221aa+\u221ab) = (\u221aa\u2212\u221ab)\/(a\u2212b)\n        <\/div>\n        <div class=\"example-box\">\n          <div class=\"ex-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc \u06a9\u0627\u0645\u0644\n          <\/div>\n          <div class=\"ex-content\">\n            <strong>\u062d\u0627\u0644\u062a \u06f1:<\/strong><br>\n            \u06f3\/\u221a\u06f5 = (\u06f3\u00d7\u221a\u06f5)\/(\u221a\u06f5\u00d7\u221a\u06f5) = \u06f3\u221a\u06f5\/\u06f5<br><br>\n            <strong>\u062d\u0627\u0644\u062a \u06f2:<\/strong><br>\n            \u06f1\/(\u06f2+\u221a\u06f3) = (\u06f2\u2212\u221a\u06f3)\/((\u06f2+\u221a\u06f3)(\u06f2\u2212\u221a\u06f3)) = (\u06f2\u2212\u221a\u06f3)\/(\u06f4\u2212\u06f3) = \u06f2\u2212\u221a\u06f3<br><br>\n            <strong>\u062d\u0627\u0644\u062a \u06f3:<\/strong><br>\n            \u06f1\/(\u221a\u06f5+\u221a\u06f3) = (\u221a\u06f5\u2212\u221a\u06f3)\/((\u221a\u06f5)\u00b2\u2212(\u221a\u06f3)\u00b2) = (\u221a\u06f5\u2212\u221a\u06f3)\/(\u06f5\u2212\u06f3) = (\u221a\u06f5\u2212\u221a\u06f3)\/\u06f2\n          <\/div>\n        <\/div>\n        <div class=\"tips-box\">\n          <div class=\"tip-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc\n          <\/div>\n          <ul>\n            <li>\u0645\u0632\u062f\u0648\u062c \u0639\u0628\u0627\u0631\u062a (a + \u221ab)\u060c \u0639\u0628\u0627\u0631\u062a (a \u2212 \u221ab) \u0627\u0633\u062a<\/li>\n            <li>\u0636\u0631\u0628 \u0645\u0632\u062f\u0648\u062c\u200c\u0647\u0627: (a+\u221ab)(a\u2212\u221ab) = a\u00b2\u2212b (\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u062d\u0630\u0641 \u0645\u06cc\u200c\u0634\u0648\u062f!)<\/li>\n            <li>\u06af\u0648\u06cc\u0627 \u06a9\u0631\u062f\u0646 \u0645\u062e\u0631\u062c \u062c\u0648\u0627\u0628 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0645\u06cc\u200c\u062f\u0647\u062f\u060c \u0641\u0642\u0637 \u0634\u06a9\u0644 \u0622\u0646 \u0631\u0627 \u0639\u0648\u0636 \u0645\u06cc\u200c\u06a9\u0646\u062f<\/li>\n            <li>\u0628\u0639\u062f \u0627\u0632 \u06af\u0648\u06cc\u0627 \u06a9\u0631\u062f\u0646\u060c \u06a9\u0633\u0631 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"summary-box\">\n          <div class=\"sum-label\">\n            <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n            \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc\n          <\/div>\n          \u0645\u062e\u0631\u062c \u221ab \u2192 \u0636\u0631\u0628 \u062f\u0631 \u221ab | \u0645\u062e\u0631\u062c \u062f\u0648 \u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u2192 \u0636\u0631\u0628 \u062f\u0631 \u0645\u0632\u062f\u0648\u062c | \u0636\u0631\u0628 \u0645\u0632\u062f\u0648\u062c\u200c\u0647\u0627 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0631\u0627 \u062d\u0630\u0641 \u0645\u06cc\u200c\u06a9\u0646\u062f\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TOPIC 9: \u0627\u0631\u062a\u0628\u0627\u0637 \u062a\u0648\u0627\u0646 \u0648 \u0631\u06cc\u0634\u0647 -->\n    <div class=\"accordion-item\" id=\"m9-acc-8\">\n      <div class=\"accordion-header\" onclick=\"m9ToggleAcc(8)\">\n        <div class=\"acc-icon ic-pink\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff64a0\" stroke-width=\"2.2\"><path d=\"M18 20V10M12 20V4M6 20v-6\"\/><\/svg>\n        <\/div>\n        <div class=\"acc-title-wrap\">\n          <div class=\"acc-title\">\u0627\u0631\u062a\u0628\u0627\u0637 \u062a\u0648\u0627\u0646 \u06a9\u0633\u0631\u06cc \u0648 \u0631\u06cc\u0634\u0647<\/div>\n          <div class=\"acc-subtitle\">\u0646\u0648\u0634\u062a\u0646 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0628\u0627 \u062a\u0648\u0627\u0646 \u00b7 \u0642\u0648\u0627\u0646\u06cc\u0646 \u062a\u0631\u06a9\u06cc\u0628\u06cc<\/div>\n        <\/div>\n        <div class=\"acc-controls\">\n          <input type=\"checkbox\" class=\"acc-checkbox\" id=\"m9-chk-8\" onchange=\"m9CheckChange(8)\" title=\"\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645\">\n          <div class=\"acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff64a0\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"accordion-body\">\n        <div class=\"concept-box\">\n          <strong>\u062a\u0648\u0627\u0646 \u06a9\u0633\u0631\u06cc:<\/strong> \u0647\u0631 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0628\u0627 \u062a\u0648\u0627\u0646 \u06a9\u0633\u0631\u06cc \u0646\u0648\u0634\u062a. \u0627\u06cc\u0646 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u06cc\u0646 \u062a\u0648\u0627\u0646 \u0648 \u0631\u06cc\u0634\u0647 \u0631\u0627 \u06a9\u0627\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0627\u0645\u06a9\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0642\u0648\u0627\u0646\u06cc\u0646 \u062a\u0648\u0627\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f.\n        <\/div>\n        <div class=\"formula-box\">\n          \u207f\u221aa = a^(1\/n) &nbsp;|&nbsp; \u207f\u221aa\u1d50 = a^(m\/n) &nbsp;|&nbsp; a^(m\/n) = (\u207f\u221aa)\u1d50\n        <\/div>\n        <div class=\"example-box\">\n          <div class=\"ex-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            \u0645\u062b\u0627\u0644\u200c\u0647\u0627\n          <\/div>\n          <div class=\"ex-content\">\n            \u221a\u06f9 = 9^(1\/2) = \u06f3<br>\n            \u00b3\u221a\u06f8 = 8^(1\/3) = \u06f2<br>\n            8^(2\/3) = (\u00b3\u221a8)\u00b2 = 2\u00b2 = \u06f4<br>\n            \u00b3\u221aa\u00b2 = a^(2\/3)<br>\n            a^(3\/4) = \u2074\u221aa\u00b3 = (\u2074\u221aa)\u00b3<br><br>\n            <strong>\u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0628\u0627 \u062a\u0648\u0627\u0646 \u06a9\u0633\u0631\u06cc:<\/strong><br>\n            a^(1\/2) \u00d7 a^(1\/2) = a^1 = a \u2192 \u06cc\u0639\u0646\u06cc \u221aa \u00d7 \u221aa = a \u2713\n          <\/div>\n        <\/div>\n        <div class=\"tips-box\">\n          <div class=\"tip-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc\n          <\/div>\n          <ul>\n            <li>\u062f\u0631 a^(m\/n)\u060c n \u062f\u0631\u062c\u0647 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0627\u0633\u062a \u0648 m \u062a\u0648\u0627\u0646 \u062f\u0627\u062e\u0644 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644<\/li>\n            <li>\u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0628\u062a\u062f\u0627 \u0631\u06cc\u0634\u0647 \u06af\u0631\u0641\u062a \u0633\u067e\u0633 \u062a\u0648\u0627\u0646 \u0632\u062f\u060c \u06cc\u0627 \u0628\u0631\u0639\u06a9\u0633<\/li>\n            <li>\u0642\u0648\u0627\u0646\u06cc\u0646 \u062a\u0648\u0627\u0646\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u062a\u0648\u0627\u0646\u200c\u0647\u0627\u06cc \u06a9\u0633\u0631\u06cc \u0647\u0645 \u0628\u0631\u0642\u0631\u0627\u0631 \u0627\u0633\u062a<\/li>\n            <li>\u0627\u06cc\u0646 \u0645\u0641\u0647\u0648\u0645 \u062f\u0631 \u067e\u0627\u06cc\u0647 \u062f\u0647\u0645 \u0628\u0633\u06cc\u0627\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"summary-box\">\n          <div class=\"sum-label\">\n            <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n            \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc\n          <\/div>\n          \u207f\u221aa = a^(1\/n) | \u062a\u0648\u0627\u0646 \u06a9\u0633\u0631\u06cc = \u0631\u06cc\u0634\u0647 + \u062a\u0648\u0627\u0646 | \u0647\u0645\u0647 \u0642\u0648\u0627\u0646\u06cc\u0646 \u062a\u0648\u0627\u0646 \u0628\u0631\u0627\u06cc \u06a9\u0633\u0631\u06cc \u0647\u0645 \u062c\u0627\u0631\u06cc \u0627\u0633\u062a\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TOPIC 10: \u0642\u0636\u0627\u06cc\u0627\u06cc \u0645\u0647\u0645 -->\n    <div class=\"accordion-item\" id=\"m9-acc-9\">\n      <div class=\"accordion-header\" onclick=\"m9ToggleAcc(9)\">\n        <div class=\"acc-icon ic-yellow\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffd166\" stroke-width=\"2.2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n        <\/div>\n        <div class=\"acc-title-wrap\">\n          <div class=\"acc-title\">\u0642\u0636\u0627\u06cc\u0627 \u0648 \u0646\u06a9\u0627\u062a \u0645\u0647\u0645 \u0641\u0635\u0644<\/div>\n          <div class=\"acc-subtitle\">\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc \u00b7 \u0642\u0636\u0627\u06cc\u0627\u06cc \u0631\u06cc\u0634\u0647 \u00b7 \u0627\u0634\u062a\u0628\u0627\u0647\u0627\u062a \u0631\u0627\u06cc\u062c<\/div>\n        <\/div>\n        <div class=\"acc-controls\">\n          <input type=\"checkbox\" class=\"acc-checkbox\" id=\"m9-chk-9\" onchange=\"m9CheckChange(9)\" title=\"\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645\">\n          <div class=\"acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffd166\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"accordion-body\">\n        <div class=\"concept-box\">\n          \u0627\u06cc\u0646 \u0628\u062e\u0634 \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc \u0642\u0636\u0627\u06cc\u0627\u060c \u0646\u06a9\u0627\u062a \u0648 \u0627\u0634\u062a\u0628\u0627\u0647\u0627\u062a \u0631\u0627\u06cc\u062c \u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645 \u0627\u0633\u062a. \u0645\u0631\u0648\u0631 \u0627\u06cc\u0646 \u0642\u0633\u0645\u062a \u0642\u0628\u0644 \u0627\u0632 \u0627\u0645\u062a\u062d\u0627\u0646 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a.\n        <\/div>\n        <div class=\"formula-grid\">\n          <div class=\"formula-card\">\n            <div class=\"fc-label\">\u221a(a\u00b2) = |a|<\/div>\n            <div class=\"fc-formula\">\u221a(x\u00b2) = |x| \u2265 0<\/div>\n          <\/div>\n          <div class=\"formula-card\">\n            <div class=\"fc-label\">\u0631\u06cc\u0634\u0647 \u0636\u0631\u0628<\/div>\n            <div class=\"fc-formula\">\u221a(ab) = \u221aa\u00b7\u221ab<\/div>\n          <\/div>\n          <div class=\"formula-card\">\n            <div class=\"fc-label\">\u0631\u06cc\u0634\u0647 \u062a\u0642\u0633\u06cc\u0645<\/div>\n            <div class=\"fc-formula\">\u221a(a\/b) = \u221aa\/\u221ab<\/div>\n          <\/div>\n          <div class=\"formula-card\">\n            <div class=\"fc-label\">\u0645\u0632\u062f\u0648\u062c \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u06cc<\/div>\n            <div class=\"fc-formula\">(\u221aa+\u221ab)(\u221aa-\u221ab)=a-b<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tips-box\">\n          <div class=\"tip-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            \u0627\u0634\u062a\u0628\u0627\u0647\u0627\u062a \u0631\u0627\u06cc\u062c \u06a9\u0647 \u0646\u0628\u0627\u06cc\u062f \u0628\u06a9\u0646\u06cc\u062f!\n          <\/div>\n          <ul>\n            <li>\u274c \u221a(a+b) \u2260 \u221aa + \u221ab (\u0631\u06cc\u0634\u0647 \u062c\u0645\u0639\u060c \u062c\u0645\u0639 \u0631\u06cc\u0634\u0647\u200c\u0647\u0627 \u0646\u06cc\u0633\u062a!)<\/li>\n            <li>\u274c \u221a(a\u00b2+b\u00b2) \u2260 a+b (\u0627\u06cc\u0646 \u0627\u0634\u062a\u0628\u0627\u0647 \u0628\u0633\u06cc\u0627\u0631 \u0631\u0627\u06cc\u062c \u0627\u0633\u062a!)<\/li>\n            <li>\u274c (\u221aa)\u00b2 \u2260 \u221a(a\u00b2) \u062f\u0631 \u0647\u0645\u0647 \u062d\u0627\u0644\u0627\u062a \u06cc\u06a9\u0633\u0627\u0646 \u0646\u06cc\u0633\u062a\u0646\u062f<\/li>\n            <li>\u274c \u221a(\u2212\u06f4) \u062f\u0631 \u0627\u0639\u062f\u0627\u062f \u062d\u0642\u06cc\u0642\u06cc \u0645\u0639\u0646\u06cc \u0646\u062f\u0627\u0631\u062f<\/li>\n            <li>\u2705 \u221aa \u00d7 \u221aa = a \u0647\u0645\u06cc\u0634\u0647 \u062f\u0631\u0633\u062a \u0627\u0633\u062a (a \u2265 0)<\/li>\n            <li>\u2705 \u221a(a\u00b2) = |a| \u0646\u0647 a (\u0645\u0645\u06a9\u0646 \u0627\u0633\u062a a \u0645\u0646\u0641\u06cc \u0628\u0627\u0634\u062f)<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"example-box\">\n          <div class=\"ex-label\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            \u0645\u0633\u0627\u0626\u0644 \u062a\u0631\u06a9\u06cc\u0628\u06cc\n          <\/div>\n          <div class=\"ex-content\">\n            <strong>\u0645\u0633\u0626\u0644\u0647 \u06f1:<\/strong> (\u221a\u06f5 + \u06f2)(\u221a\u06f5 \u2212 \u06f2) = \u06f5 \u2212 \u06f4 = \u06f1<br>\n            <strong>\u0645\u0633\u0626\u0644\u0647 \u06f2:<\/strong> (\u06f2\u221a\u06f3 + \u221a\u06f5)\u00b2 = \u06f1\u06f2 + \u06f4\u221a\u06f1\u06f5 + \u06f5 = \u06f1\u06f7 + \u06f4\u221a\u06f1\u06f5<br>\n            <strong>\u0645\u0633\u0626\u0644\u0647 \u06f3:<\/strong> \u06af\u0648\u06cc\u0627 \u06a9\u0646: (\u06f3+\u221a\u06f2)\/(\u221a\u06f2\u2212\u06f1)<br>\n            = (\u06f3+\u221a\u06f2)(\u221a\u06f2+\u06f1) \/ ((\u221a\u06f2\u2212\u06f1)(\u221a\u06f2+\u06f1))<br>\n            = (\u06f3\u221a\u06f2+\u06f3+\u06f2+\u221a\u06f2) \/ (\u06f2\u2212\u06f1)<br>\n            = \u06f4\u221a\u06f2 + \u06f5\n          <\/div>\n        <\/div>\n        <div class=\"summary-box\">\n          <div class=\"sum-label\">\n            <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n            \u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc \u06a9\u0644\u06cc \u0641\u0635\u0644\n          <\/div>\n          \u062a\u0648\u0627\u0646 \u2192 \u0642\u0648\u0627\u0646\u06cc\u0646 \u06f5 \u06af\u0627\u0646\u0647 | \u0631\u06cc\u0634\u0647 \u2194 \u062a\u0648\u0627\u0646 \u06a9\u0633\u0631\u06cc | \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u2192 \u062a\u062c\u0632\u06cc\u0647 | \u062c\u0645\u0639\/\u062a\u0641\u0631\u06cc\u0642 \u2192 \u0647\u0645\u200c\u0646\u0648\u0639 | \u062a\u0642\u0633\u06cc\u0645 \u0645\u062e\u0631\u062c \u2192 \u0645\u0632\u062f\u0648\u062c\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div><!-- end learn section -->\n\n  <!-- ==================== FORMULAS SECTION ==================== -->\n  <div class=\"content-section\" id=\"m9-sec-formulas\">\n    <div class=\"section-label\">\u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u0645\u0647\u0645 \u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645<\/div>\n\n    <div class=\"glass-card\" style=\"padding:20px; margin-bottom:14px;\">\n      <div style=\"font-size:14px; font-weight:700; color:var(--text-dark); margin-bottom:16px; display:flex; align-items:center; gap:8px;\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2.5\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n        \u0642\u0648\u0627\u0646\u06cc\u0646 \u062a\u0648\u0627\u0646\u200c\u0647\u0627\n      <\/div>\n      <div class=\"formula-grid\">\n        <div class=\"formula-card\"><div class=\"fc-label\">\u0636\u0631\u0628 \u0647\u0645\u200c\u067e\u0627\u06cc\u0647<\/div><div class=\"fc-formula\">a\u1d50\u00b7a\u207f = a\u1d50\u207a\u207f<\/div><\/div>\n        <div class=\"formula-card\"><div class=\"fc-label\">\u062a\u0642\u0633\u06cc\u0645 \u0647\u0645\u200c\u067e\u0627\u06cc\u0647<\/div><div class=\"fc-formula\">a\u1d50\/a\u207f = a\u1d50\u207b\u207f<\/div><\/div>\n        <div class=\"formula-card\"><div class=\"fc-label\">\u062a\u0648\u0627\u0646 \u062a\u0648\u0627\u0646<\/div><div class=\"fc-formula\">(a\u1d50)\u207f = a\u1d50\u207f<\/div><\/div>\n        <div class=\"formula-card\"><div class=\"fc-label\">\u062a\u0648\u0627\u0646 \u0636\u0631\u0628<\/div><div class=\"fc-formula\">(ab)\u207f = a\u207fb\u207f<\/div><\/div>\n        <div class=\"formula-card\"><div class=\"fc-label\">\u062a\u0648\u0627\u0646 \u06a9\u0633\u0631<\/div><div class=\"fc-formula\">(a\/b)\u207f = a\u207f\/b\u207f<\/div><\/div>\n        <div class=\"formula-card\"><div class=\"fc-label\">\u062a\u0648\u0627\u0646 \u0635\u0641\u0631<\/div><div class=\"fc-formula\">a\u2070 = 1 (a\u22600)<\/div><\/div>\n        <div class=\"formula-card\"><div class=\"fc-label\">\u062a\u0648\u0627\u0646 \u0645\u0646\u0641\u06cc<\/div><div class=\"fc-formula\">a\u207b\u207f = 1\/a\u207f<\/div><\/div>\n        <div class=\"formula-card\"><div class=\"fc-label\">\u062a\u0648\u0627\u0646 \u06a9\u0633\u0631\u06cc<\/div><div class=\"fc-formula\">a^(m\/n) = \u207f\u221aa\u1d50<\/div><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"glass-card\" style=\"padding:20px; margin-bottom:14px;\">\n      <div style=\"font-size:14px; font-weight:700; color:var(--text-dark); margin-bottom:16px; display:flex; align-items:center; gap:8px;\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06d6a0\" stroke-width=\"2.5\"><polyline points=\"3 17 9 11 13 15 21 7\"\/><\/svg>\n        \u0642\u0648\u0627\u0646\u06cc\u0646 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\n      <\/div>\n      <div class=\"formula-grid\">\n        <div class=\"formula-card\"><div class=\"fc-label\">\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0648 \u062a\u0648\u0627\u0646<\/div><div class=\"fc-formula\">\u207f\u221aa = a^(1\/n)<\/div><\/div>\n        <div class=\"formula-card\"><div class=\"fc-label\">\u0636\u0631\u0628 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644<\/div><div class=\"fc-formula\">\u221aa \u00b7 \u221ab = \u221a(ab)<\/div><\/div>\n        <div class=\"formula-card\"><div class=\"fc-label\">\u062a\u0642\u0633\u06cc\u0645 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644<\/div><div class=\"fc-formula\">\u221aa \/ \u221ab = \u221a(a\/b)<\/div><\/div>\n        <div class=\"formula-card\"><div class=\"fc-label\">\u0645\u0631\u0628\u0639 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644<\/div><div class=\"fc-formula\">(\u221aa)\u00b2 = a<\/div><\/div>\n        <div class=\"formula-card\"><div class=\"fc-label\">\u0631\u06cc\u0634\u0647 \u0645\u0631\u0628\u0639<\/div><div class=\"fc-formula\">\u221a(a\u00b2) = |a|<\/div><\/div>\n        <div class=\"formula-card\"><div class=\"fc-label\">\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 \u0647\u0645\u200c\u0646\u0648\u0639<\/div><div class=\"fc-formula\">a\u221an \u00b1 b\u221an = (a\u00b1b)\u221an<\/div><\/div>\n        <div class=\"formula-card\"><div class=\"fc-label\">\u06af\u0648\u06cc\u0627 \u06a9\u0631\u062f\u0646 \u0633\u0627\u062f\u0647<\/div><div class=\"fc-formula\">a\/\u221ab = a\u221ab\/b<\/div><\/div>\n        <div class=\"formula-card\"><div class=\"fc-label\">\u0627\u062a\u062d\u0627\u062f \u0645\u0632\u062f\u0648\u062c<\/div><div class=\"fc-formula\">(\u221aa+\u221ab)(\u221aa-\u221ab)=a-b<\/div><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"glass-card\" style=\"padding:20px; margin-bottom:14px;\">\n      <div style=\"font-size:14px; font-weight:700; color:var(--text-dark); margin-bottom:16px; display:flex; align-items:center; gap:8px;\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f77f00\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n        \u0627\u0639\u062f\u0627\u062f \u0645\u0631\u0628\u0639 \u06a9\u0627\u0645\u0644 \u0645\u0647\u0645\n      <\/div>\n      <div style=\"display:grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap:8px;\">\n        <div class=\"formula-card\" style=\"padding:10px 6px;\"><div class=\"fc-label\">1\u00b2<\/div><div class=\"fc-formula\" style=\"font-size:13px;\">\u221a1 = 1<\/div><\/div>\n        <div class=\"formula-card\" style=\"padding:10px 6px;\"><div class=\"fc-label\">2\u00b2<\/div><div class=\"fc-formula\" style=\"font-size:13px;\">\u221a4 = 2<\/div><\/div>\n        <div class=\"formula-card\" style=\"padding:10px 6px;\"><div class=\"fc-label\">3\u00b2<\/div><div class=\"fc-formula\" style=\"font-size:13px;\">\u221a9 = 3<\/div><\/div>\n        <div class=\"formula-card\" style=\"padding:10px 6px;\"><div class=\"fc-label\">4\u00b2<\/div><div class=\"fc-formula\" style=\"font-size:13px;\">\u221a16 = 4<\/div><\/div>\n        <div class=\"formula-card\" style=\"padding:10px 6px;\"><div class=\"fc-label\">5\u00b2<\/div><div class=\"fc-formula\" style=\"font-size:13px;\">\u221a25 = 5<\/div><\/div>\n        <div class=\"formula-card\" style=\"padding:10px 6px;\"><div class=\"fc-label\">6\u00b2<\/div><div class=\"fc-formula\" style=\"font-size:13px;\">\u221a36 = 6<\/div><\/div>\n        <div class=\"formula-card\" style=\"padding:10px 6px;\"><div class=\"fc-label\">7\u00b2<\/div><div class=\"fc-formula\" style=\"font-size:13px;\">\u221a49 = 7<\/div><\/div>\n        <div class=\"formula-card\" style=\"padding:10px 6px;\"><div class=\"fc-label\">8\u00b2<\/div><div class=\"fc-formula\" style=\"font-size:13px;\">\u221a64 = 8<\/div><\/div>\n        <div class=\"formula-card\" style=\"padding:10px 6px;\"><div class=\"fc-label\">9\u00b2<\/div><div class=\"fc-formula\" style=\"font-size:13px;\">\u221a81 = 9<\/div><\/div>\n        <div class=\"formula-card\" style=\"padding:10px 6px;\"><div class=\"fc-label\">10\u00b2<\/div><div class=\"fc-formula\" style=\"font-size:13px;\">\u221a100=10<\/div><\/div>\n        <div class=\"formula-card\" style=\"padding:10px 6px;\"><div class=\"fc-label\">11\u00b2<\/div><div class=\"fc-formula\" style=\"font-size:13px;\">\u221a121=11<\/div><\/div>\n        <div class=\"formula-card\" style=\"padding:10px 6px;\"><div class=\"fc-label\">12\u00b2<\/div><div class=\"fc-formula\" style=\"font-size:13px;\">\u221a144=12<\/div><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"glass-card\" style=\"padding:20px;\">\n      <div style=\"font-size:14px; font-weight:700; color:var(--text-dark); margin-bottom:14px; display:flex; align-items:center; gap:8px;\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#48cae4\" stroke-width=\"2.5\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\n        \u0646\u0645\u0627\u062f \u0639\u0644\u0645\u06cc\n      <\/div>\n      <div class=\"formula-box\">a \u00d7 10\u207f &nbsp;(1 \u2264 a < 10, n \u2208 \u2124)<\/div>\n      <div class=\"desc-block\">\n        <div class=\"desc-item\"><strong>\u0639\u062f\u062f \u0628\u0632\u0631\u06af (n > 0)<\/strong>345000 = 3.45 \u00d7 10\u2075<\/div>\n        <div class=\"desc-item\"><strong>\u0639\u062f\u062f \u06a9\u0648\u0686\u06a9 (n < 0)<\/strong>0.000047 = 4.7 \u00d7 10\u207b\u2075<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ==================== QUIZ SECTION ==================== -->\n  <div class=\"content-section\" id=\"m9-sec-quiz\">\n    <div class=\"section-label\">\u062a\u0645\u0631\u06cc\u0646 \u0648 \u0622\u0632\u0645\u0648\u0646 \u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645<\/div>\n\n    <div class=\"quiz-score-display\">\n      <div>\n        <div class=\"qs-label\">\u0627\u0645\u062a\u06cc\u0627\u0632 \u0622\u0632\u0645\u0648\u0646<\/div>\n        <div style=\"font-size:12px; color:var(--text-light); margin-top:2px;\">\u062a\u0639\u062f\u0627\u062f \u067e\u0627\u0633\u062e \u062f\u0631\u0633\u062a<\/div>\n      <\/div>\n      <div class=\"qs-val\" id=\"m9-quiz-score\">\u06f0 \/ \u06f8<\/div>\n    <\/div>\n\n    <!-- Q1 -->\n    <div class=\"quiz-card\" id=\"m9-qcard-0\">\n      <div class=\"quiz-q-num\">\u0633\u0624\u0627\u0644 \u06f1 \u0627\u0632 \u06f8 \u2014 \u0645\u0641\u0647\u0648\u0645 \u062a\u0648\u0627\u0646<\/div>\n      <div class=\"quiz-q-text\">\u0645\u0642\u062f\u0627\u0631 \u06f2\u2075 \u06a9\u062f\u0627\u0645 \u0627\u0633\u062a\u061f<\/div>\n      <div class=\"quiz-options\">\n        <button class=\"quiz-opt\" data-val=\"16\" onclick=\"m9CheckAnswer(0,this)\">\u06f1\u06f6<\/button>\n        <button class=\"quiz-opt\" data-val=\"32\" onclick=\"m9CheckAnswer(0,this)\">\u06f3\u06f2<\/button>\n        <button class=\"quiz-opt\" data-val=\"64\" onclick=\"m9CheckAnswer(0,this)\">\u06f6\u06f4<\/button>\n        <button class=\"quiz-opt\" data-val=\"10\" onclick=\"m9CheckAnswer(0,this)\">\u06f1\u06f0<\/button>\n      <\/div>\n      <div class=\"quiz-feedback\" id=\"m9-qfb-0\"><\/div>\n    <\/div>\n\n    <!-- Q2 -->\n    <div class=\"quiz-card\" id=\"m9-qcard-1\">\n      <div class=\"quiz-q-num\">\u0633\u0624\u0627\u0644 \u06f2 \u0627\u0632 \u06f8 \u2014 \u0642\u0648\u0627\u0646\u06cc\u0646 \u062a\u0648\u0627\u0646<\/div>\n      <div class=\"quiz-q-text\">\u062d\u0627\u0635\u0644 \u06f3\u00b2 \u00d7 \u06f3\u00b3 \u0686\u06cc\u0633\u062a\u061f<\/div>\n      <div class=\"quiz-options\">\n        <button class=\"quiz-opt\" data-val=\"A\" onclick=\"m9CheckAnswer(1,this)\">\u06f6\u2075<\/button>\n        <button class=\"quiz-opt\" data-val=\"B\" onclick=\"m9CheckAnswer(1,this)\">\u06f3\u2075 = \u06f2\u06f4\u06f3<\/button>\n        <button class=\"quiz-opt\" data-val=\"C\" onclick=\"m9CheckAnswer(1,this)\">\u06f3\u2076 = \u06f7\u06f2\u06f9<\/button>\n        <button class=\"quiz-opt\" data-val=\"D\" onclick=\"m9CheckAnswer(1,this)\">\u06f3\u06f6<\/button>\n      <\/div>\n      <div class=\"quiz-feedback\" id=\"m9-qfb-1\"><\/div>\n    <\/div>\n\n    <!-- Q3 -->\n    <div class=\"quiz-card\" id=\"m9-qcard-2\">\n      <div class=\"quiz-q-num\">\u0633\u0624\u0627\u0644 \u06f3 \u0627\u0632 \u06f8 \u2014 \u0631\u06cc\u0634\u0647\u200c\u06af\u06cc\u0631\u06cc<\/div>\n      <div class=\"quiz-q-text\">\u0645\u0642\u062f\u0627\u0631 \u221a\u06f1\u06f4\u06f4 \u06a9\u062f\u0627\u0645 \u0627\u0633\u062a\u061f<\/div>\n      <div class=\"quiz-options\">\n        <button class=\"quiz-opt\" data-val=\"11\" onclick=\"m9CheckAnswer(2,this)\">\u06f1\u06f1<\/button>\n        <button class=\"quiz-opt\" data-val=\"12\" onclick=\"m9CheckAnswer(2,this)\">\u06f1\u06f2<\/button>\n        <button class=\"quiz-opt\" data-val=\"13\" onclick=\"m9CheckAnswer(2,this)\">\u06f1\u06f3<\/button>\n        <button class=\"quiz-opt\" data-val=\"14\" onclick=\"m9CheckAnswer(2,this)\">\u06f1\u06f4<\/button>\n      <\/div>\n      <div class=\"quiz-feedback\" id=\"m9-qfb-2\"><\/div>\n    <\/div>\n\n    <!-- Q4 -->\n    <div class=\"quiz-card\" id=\"m9-qcard-3\">\n      <div class=\"quiz-q-num\">\u0633\u0624\u0627\u0644 \u06f4 \u0627\u0632 \u06f8 \u2014 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644<\/div>\n      <div class=\"quiz-q-text\">\u0641\u0631\u0645 \u0633\u0627\u062f\u0647\u200c\u0634\u062f\u0647 \u221a\u06f7\u06f2 \u06a9\u062f\u0627\u0645 \u0627\u0633\u062a\u061f<\/div>\n      <div class=\"quiz-options\">\n        <button class=\"quiz-opt\" data-val=\"A\" onclick=\"m9CheckAnswer(3,this)\">\u06f4\u221a\u06f6<\/button>\n        <button class=\"quiz-opt\" data-val=\"B\" onclick=\"m9CheckAnswer(3,this)\">\u06f6\u221a\u06f2<\/button>\n        <button class=\"quiz-opt\" data-val=\"C\" onclick=\"m9CheckAnswer(3,this)\">\u06f3\u221a\u06f8<\/button>\n        <button class=\"quiz-opt\" data-val=\"D\" onclick=\"m9CheckAnswer(3,this)\">\u06f8\u221a\u06f3<\/button>\n      <\/div>\n      <div class=\"quiz-feedback\" id=\"m9-qfb-3\"><\/div>\n    <\/div>\n\n    <!-- Q5 -->\n    <div class=\"quiz-card\" id=\"m9-qcard-4\">\n      <div class=\"quiz-q-num\">\u0633\u0624\u0627\u0644 \u06f5 \u0627\u0632 \u06f8 \u2014 \u062c\u0645\u0639 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644<\/div>\n      <div class=\"quiz-q-text\">\u062d\u0627\u0635\u0644 \u221a\u06f1\u06f2 + \u221a\u06f7\u06f5 \u0686\u06cc\u0633\u062a\u061f<\/div>\n      <div class=\"quiz-options\">\n        <button class=\"quiz-opt\" data-val=\"A\" onclick=\"m9CheckAnswer(4,this)\">\u221a\u06f8\u06f7<\/button>\n        <button class=\"quiz-opt\" data-val=\"B\" onclick=\"m9CheckAnswer(4,this)\">\u06f9\u221a\u06f3<\/button>\n        <button class=\"quiz-opt\" data-val=\"C\" onclick=\"m9CheckAnswer(4,this)\">\u06f7\u221a\u06f3<\/button>\n        <button class=\"quiz-opt\" data-val=\"D\" onclick=\"m9CheckAnswer(4,this)\">\u06f5\u221a\u06f6<\/button>\n      <\/div>\n      <div class=\"quiz-feedback\" id=\"m9-qfb-4\"><\/div>\n    <\/div>\n\n    <!-- Q6 -->\n    <div class=\"quiz-card\" id=\"m9-qcard-5\">\n      <div class=\"quiz-q-num\">\u0633\u0624\u0627\u0644 \u06f6 \u0627\u0632 \u06f8 \u2014 \u0636\u0631\u0628 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644<\/div>\n      <div class=\"quiz-q-text\">\u062d\u0627\u0635\u0644 \u221a\u06f3 \u00d7 \u221a\u06f2\u06f7 \u0686\u06cc\u0633\u062a\u061f<\/div>\n      <div class=\"quiz-options\">\n        <button class=\"quiz-opt\" data-val=\"A\" onclick=\"m9CheckAnswer(5,this)\">\u06f9<\/button>\n        <button class=\"quiz-opt\" data-val=\"B\" onclick=\"m9CheckAnswer(5,this)\">\u06f3\u221a\u06f9<\/button>\n        <button class=\"quiz-opt\" data-val=\"C\" onclick=\"m9CheckAnswer(5,this)\">\u221a\u06f3\u06f0<\/button>\n        <button class=\"quiz-opt\" data-val=\"D\" onclick=\"m9CheckAnswer(5,this)\">\u06f6\u221a\u06f3<\/button>\n      <\/div>\n      <div class=\"quiz-feedback\" id=\"m9-qfb-5\"><\/div>\n    <\/div>\n\n    <!-- Q7 -->\n    <div class=\"quiz-card\" id=\"m9-qcard-6\">\n      <div class=\"quiz-q-num\">\u0633\u0624\u0627\u0644 \u06f7 \u0627\u0632 \u06f8 \u2014 \u06af\u0648\u06cc\u0627 \u06a9\u0631\u062f\u0646 \u0645\u062e\u0631\u062c<\/div>\n      <div class=\"quiz-q-text\">\u0641\u0631\u0645 \u06af\u0648\u06cc\u0627 \u0634\u062f\u0647 \u06f1\u00f7\u221a\u06f5 \u0686\u06cc\u0633\u062a\u061f<\/div>\n      <div class=\"quiz-options\">\n        <button class=\"quiz-opt\" data-val=\"A\" onclick=\"m9CheckAnswer(6,this)\">\u221a\u06f5\/\u06f5<\/button>\n        <button class=\"quiz-opt\" data-val=\"B\" onclick=\"m9CheckAnswer(6,this)\">\u06f1\/\u221a\u06f5 (\u062a\u063a\u06cc\u06cc\u0631 \u0646\u06a9\u0631\u062f\u0647)<\/button>\n        <button class=\"quiz-opt\" data-val=\"C\" onclick=\"m9CheckAnswer(6,this)\">\u06f5\/\u221a\u06f5<\/button>\n        <button class=\"quiz-opt\" data-val=\"D\" onclick=\"m9CheckAnswer(6,this)\">\u221a\u06f5<\/button>\n      <\/div>\n      <div class=\"quiz-feedback\" id=\"m9-qfb-6\"><\/div>\n    <\/div>\n\n    <!-- Q8 -->\n    <div class=\"quiz-card\" id=\"m9-qcard-7\">\n      <div class=\"quiz-q-num\">\u0633\u0624\u0627\u0644 \u06f8 \u0627\u0632 \u06f8 \u2014 \u062a\u0648\u0627\u0646 \u06a9\u0633\u0631\u06cc<\/div>\n      <div class=\"quiz-q-text\">\u0645\u0642\u062f\u0627\u0631 8^(2\/3) \u06a9\u062f\u0627\u0645 \u0627\u0633\u062a\u061f<\/div>\n      <div class=\"quiz-options\">\n        <button class=\"quiz-opt\" data-val=\"A\" onclick=\"m9CheckAnswer(7,this)\">\u06f2<\/button>\n        <button class=\"quiz-opt\" data-val=\"B\" onclick=\"m9CheckAnswer(7,this)\">\u06f4<\/button>\n        <button class=\"quiz-opt\" data-val=\"C\" onclick=\"m9CheckAnswer(7,this)\">\u06f6<\/button>\n        <button class=\"quiz-opt\" data-val=\"D\" onclick=\"m9CheckAnswer(7,this)\">\u06f1\u06f6<\/button>\n      <\/div>\n      <div class=\"quiz-feedback\" id=\"m9-qfb-7\"><\/div>\n    <\/div>\n\n    <button class=\"btn-quiz-retry\" onclick=\"m9ResetQuiz()\">\n      <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"23 4 23 10 17 10\"\/><path d=\"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\"\/><\/svg>\n      \u0622\u0632\u0645\u0648\u0646 \u0645\u062c\u062f\u062f\n    <\/button>\n  <\/div>\n\n  <!-- ==================== NIGHT REVIEW ==================== -->\n  <div class=\"content-section\" id=\"m9-sec-night\">\n    <div class=\"night-review-header\">\n      <div class=\"nr-icon\">\ud83c\udf19<\/div>\n      <div class=\"nr-text\">\n        <h3>\u0645\u0631\u0648\u0631 \u0633\u0631\u06cc\u0639 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646<\/h3>\n        <p>\u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0646\u06a9\u0627\u062a \u0648 \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0645\u0631\u0648\u0631 \u0622\u062e\u0631<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"section-label\">\u0642\u0648\u0627\u0646\u06cc\u0646 \u062a\u0648\u0627\u0646<\/div>\n\n    <div class=\"review-item\">\n      <div class=\"ri-num\">\u06f1<\/div>\n      <div class=\"ri-content\">\n        <div class=\"ri-title\">\u0636\u0631\u0628 \u062a\u0648\u0627\u0646\u200c\u0647\u0627\u06cc \u0647\u0645\u200c\u067e\u0627\u06cc\u0647 \u2192 \u0646\u0645\u0627\u0647\u0627 \u062c\u0645\u0639 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f<\/div>\n        <div class=\"ri-formula\">a\u1d50 \u00d7 a\u207f = a\u1d50\u207a\u207f | \u0645\u062b\u0627\u0644: 2\u00b3\u00d72\u2074 = 2\u2077<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"review-item\">\n      <div class=\"ri-num\">\u06f2<\/div>\n      <div class=\"ri-content\">\n        <div class=\"ri-title\">\u062a\u0642\u0633\u06cc\u0645 \u062a\u0648\u0627\u0646\u200c\u0647\u0627\u06cc \u0647\u0645\u200c\u067e\u0627\u06cc\u0647 \u2192 \u0646\u0645\u0627\u0647\u0627 \u06a9\u0645 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f<\/div>\n        <div class=\"ri-formula\">a\u1d50 \u00f7 a\u207f = a\u1d50\u207b\u207f | \u0645\u062b\u0627\u0644: 5\u2076\u00f75\u00b2 = 5\u2074<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"review-item\">\n      <div class=\"ri-num\">\u06f3<\/div>\n      <div class=\"ri-content\">\n        <div class=\"ri-title\">\u062a\u0648\u0627\u0646 \u0627\u0632 \u062a\u0648\u0627\u0646 \u2192 \u0646\u0645\u0627\u0647\u0627 \u0636\u0631\u0628 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f<\/div>\n        <div class=\"ri-formula\">(a\u1d50)\u207f = a\u1d50\u207f | \u0645\u062b\u0627\u0644: (3\u00b2)\u2074 = 3\u2078<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"review-item\">\n      <div class=\"ri-num\">\u06f4<\/div>\n      <div class=\"ri-content\">\n        <div class=\"ri-title\">\u062a\u0648\u0627\u0646 \u0645\u0646\u0641\u06cc = \u0648\u0627\u0631\u0648\u0646<\/div>\n        <div class=\"ri-formula\">a\u207b\u207f = 1\/a\u207f | \u0645\u062b\u0627\u0644: 2\u207b\u00b3 = 1\/8<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"section-divider\"><\/div>\n    <div class=\"section-label\">\u0642\u0648\u0627\u0646\u06cc\u0646 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644<\/div>\n\n    <div class=\"review-item\">\n      <div class=\"ri-num\">\u06f5<\/div>\n      <div class=\"ri-content\">\n        <div class=\"ri-title\">\u0631\u06cc\u0634\u0647 \u062f\u0648\u0645 \u06cc\u0639\u0646\u06cc \u062a\u0648\u0627\u0646 1\/2<\/div>\n        <div class=\"ri-formula\">\u221aa = a^(1\/2) | \u207f\u221aa = a^(1\/n)<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"review-item\">\n      <div class=\"ri-num\">\u06f6<\/div>\n      <div class=\"ri-content\">\n        <div class=\"ri-title\">\u0636\u0631\u0628 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627\u06cc \u0647\u0645\u200c\u062f\u0631\u062c\u0647<\/div>\n        <div class=\"ri-formula\">\u221aa \u00d7 \u221ab = \u221a(ab) | \u221a6 \u00d7 \u221a6 = 6<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"review-item\">\n      <div class=\"ri-num\">\u06f7<\/div>\n      <div class=\"ri-content\">\n        <div class=\"ri-title\">\u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc: \u0641\u0627\u06a9\u062a\u0648\u0631 \u0645\u0631\u0628\u0639 \u06a9\u0627\u0645\u0644 \u0631\u0627 \u062e\u0627\u0631\u062c \u06a9\u0646<\/div>\n        <div class=\"ri-formula\">\u221a48 = \u221a(16\u00d73) = 4\u221a3<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"review-item\">\n      <div class=\"ri-num\">\u06f8<\/div>\n      <div class=\"ri-content\">\n        <div class=\"ri-title\">\u062c\u0645\u0639 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644: \u0641\u0642\u0637 \u0647\u0645\u200c\u0646\u0648\u0639<\/div>\n        <div class=\"ri-formula\">3\u221a5 + 7\u221a5 = 10\u221a5 | \u221a2 + \u221a3 \u2260 \u221a5<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"review-item\">\n      <div class=\"ri-num\">\u06f9<\/div>\n      <div class=\"ri-content\">\n        <div class=\"ri-title\">\u06af\u0648\u06cc\u0627 \u06a9\u0631\u062f\u0646 \u0645\u062e\u0631\u062c \u0628\u0627 \u0645\u0632\u062f\u0648\u062c<\/div>\n        <div class=\"ri-formula\">1\/(\u221aa+\u221ab) = (\u221aa\u2212\u221ab)\/(a\u2212b)<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"review-item\">\n      <div class=\"ri-num\">\u06f1\u06f0<\/div>\n      <div class=\"ri-content\">\n        <div class=\"ri-title\">\u221a(a\u00b2) = |a| \u0646\u0647 a!<\/div>\n        <div class=\"ri-formula\">\u221a(x\u00b2) = |x| | \u0627\u06af\u0631 x<0 \u0628\u0627\u0634\u062f: \u221a(x\u00b2) = -x<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"section-divider\"><\/div>\n    <div class=\"section-label\">\u0627\u0634\u062a\u0628\u0627\u0647\u0627\u062a \u0631\u0627\u06cc\u062c \u062f\u0631 \u0627\u0645\u062a\u062d\u0627\u0646<\/div>\n\n    <div class=\"glass-card\" style=\"padding:18px; margin-bottom:12px;\">\n      <div style=\"display:flex; flex-direction:column; gap:10px;\">\n        <div style=\"display:flex; align-items:center; gap:10px; padding:10px; background:rgba(239,71,111,0.08); border-radius:8px; border-right:3px solid var(--clr-danger);\">\n          <span style=\"font-size:16px;\">\u274c<\/span>\n          <div style=\"font-size:13px; direction:ltr; color:var(--clr-danger); font-weight:600;\">\u221a(a+b) \u2260 \u221aa + \u221ab<\/div>\n        <\/div>\n        <div style=\"display:flex; align-items:center; gap:10px; padding:10px; background:rgba(239,71,111,0.08); border-radius:8px; border-right:3px solid var(--clr-danger);\">\n          <span style=\"font-size:16px;\">\u274c<\/span>\n          <div style=\"font-size:13px; direction:ltr; color:var(--clr-danger); font-weight:600;\">\u221a(-4) \u062f\u0631 \u211d \u062a\u0639\u0631\u06cc\u0641 \u0646\u0634\u062f\u0647<\/div>\n        <\/div>\n        <div style=\"display:flex; align-items:center; gap:10px; padding:10px; background:rgba(239,71,111,0.08); border-radius:8px; border-right:3px solid var(--clr-danger);\">\n          <span style=\"font-size:16px;\">\u274c<\/span>\n          <div style=\"font-size:13px; direction:ltr; color:var(--clr-danger); font-weight:600;\">a\u1d50 \u00d7 b\u207f \u2260 (ab)\u1d50\u207a\u207f (\u067e\u0627\u06cc\u0647\u200c\u0647\u0627 \u0628\u0627\u06cc\u062f \u06cc\u06a9\u0633\u0627\u0646 \u0628\u0627\u0634\u0646\u062f)<\/div>\n        <\/div>\n        <div style=\"display:flex; align-items:center; gap:10px; padding:10px; background:rgba(6,214,160,0.08); border-radius:8px; border-right:3px solid var(--clr-success);\">\n          <span style=\"font-size:16px;\">\u2705<\/span>\n          <div style=\"font-size:13px; direction:ltr; color:var(--clr-success); font-weight:600;\">\u221aa \u00d7 \u221aa = a (\u0647\u0645\u06cc\u0634\u0647 \u062f\u0631\u0633\u062a)<\/div>\n        <\/div>\n        <div style=\"display:flex; align-items:center; gap:10px; padding:10px; background:rgba(6,214,160,0.08); border-radius:8px; border-right:3px solid var(--clr-success);\">\n          <span style=\"font-size:16px;\">\u2705<\/span>\n          <div style=\"font-size:13px; direction:ltr; color:var(--clr-success); font-weight:600;\">a\u2070 = 1 (\u0628\u0631\u0627\u06cc \u0647\u0631 a \u2260 0)<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"glass-card\" style=\"padding:18px; background:linear-gradient(135deg, rgba(123,45,139,0.15), rgba(247,127,0,0.1)); border-color:rgba(123,45,139,0.3);\">\n      <div style=\"font-size:14px; font-weight:700; color:var(--text-dark); margin-bottom:12px;\">\n        \ud83c\udfaf \u0646\u06a9\u0627\u062a \u0637\u0644\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0627\u0645\u062a\u062d\u0627\u0646\n      <\/div>\n      <div style=\"display:flex; flex-direction:column; gap:8px;\">\n        <div style=\"font-size:13px; color:var(--text-mid); padding:8px 14px; background:rgba(255,255,255,0.1); border-radius:8px; line-height:1.7;\">\n          \u2726 \u0645\u0631\u0628\u0639 \u06a9\u0627\u0645\u0644\u200c\u0647\u0627 \u0631\u0627 \u062d\u0641\u0638 \u06a9\u0646\u06cc\u062f: \u06f1\u060c \u06f4\u060c \u06f9\u060c \u06f1\u06f6\u060c \u06f2\u06f5\u060c \u06f3\u06f6\u060c \u06f4\u06f9\u060c \u06f6\u06f4\u060c \u06f8\u06f1\u060c \u06f1\u06f0\u06f0\u060c \u06f1\u06f2\u06f1\u060c \u06f1\u06f4\u06f4\n        <\/div>\n        <div style=\"font-size:13px; color:var(--text-mid); padding:8px 14px; background:rgba(255,255,255,0.1); border-radius:8px; line-height:1.7;\">\n          \u2726 \u0642\u0628\u0644 \u0627\u0632 \u062c\u0645\u0639\/\u062a\u0641\u0631\u06cc\u0642 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u060c \u0647\u0645\u06cc\u0634\u0647 \u0627\u0628\u062a\u062f\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\n        <\/div>\n        <div style=\"font-size:13px; color:var(--text-mid); padding:8px 14px; background:rgba(255,255,255,0.1); border-radius:8px; line-height:1.7;\">\n          \u2726 \u0628\u0631\u0627\u06cc \u06af\u0648\u06cc\u0627 \u06a9\u0631\u062f\u0646 \u0645\u062e\u0631\u062c: \u0645\u062e\u0631\u062c \u06cc\u06a9 \u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u2192 \u062f\u0631 \u221ab \u0636\u0631\u0628 \u06a9\u0646 | \u062f\u0648 \u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u2192 \u062f\u0631 \u0645\u0632\u062f\u0648\u062c \u0636\u0631\u0628 \u06a9\u0646\n        <\/div>\n        <div style=\"font-size:13px; color:var(--text-mid); padding:8px 14px; background:rgba(255,255,255,0.1); border-radius:8px; line-height:1.7;\">\n          \u2726 \u062a\u0648\u0627\u0646 \u06a9\u0633\u0631\u06cc: m\/n \u2192 \u0631\u06cc\u0634\u0647 n\u0627\u0645 \u0627\u0632 a \u0628\u0647 \u062a\u0648\u0627\u0646 m\n        <\/div>\n        <div style=\"font-size:13px; color:var(--text-mid); padding:8px 14px; background:rgba(255,255,255,0.1); border-radius:8px; line-height:1.7;\">\n          \u2726 \u062f\u0631 \u0633\u0627\u062f\u0647\u0633\u0627\u0632\u06cc \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644: \u0627\u0632 \u0628\u0632\u0631\u06af\u062a\u0631\u06cc\u0646 \u0645\u0631\u0628\u0639 \u06a9\u0627\u0645\u0644 \u0639\u0627\u0645\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div><!-- end widget -->\n\n<script>\n(function() {\n  'use strict';\n\n  \/\/ ==================== CONFIG ====================\n  var WIDGET_ID = 'math9-ch4-widget';\n  var STORAGE_KEY = 'm9ch4_progress_v1';\n  var TOTAL_TOPICS = 10;\n  var quizAnswered = new Array(8).fill(false);\n  var quizScore = 0;\n\n  \/\/ ==================== PROGRESS ====================\n  function m9GetProgress() {\n    try {\n      var data = localStorage.getItem(STORAGE_KEY);\n      return data ? JSON.parse(data) : { learned: [] };\n    } catch(e) { return { learned: [] }; }\n  }\n\n  function m9SaveProgress(data) {\n    try { localStorage.setItem(STORAGE_KEY, JSON.stringify(data)); } catch(e) {}\n  }\n\n  function m9UpdateProgressUI() {\n    var data = m9GetProgress();\n    var count = data.learned.length;\n    var pct = Math.round((count \/ TOTAL_TOPICS) * 100);\n    var circumference = 2 * Math.PI * 35;\n\n    \/\/ Ring\n    var ring = document.getElementById('m9-ring-fill');\n    if (ring) {\n      var offset = circumference - (pct \/ 100) * circumference;\n      ring.style.strokeDasharray = circumference;\n      ring.style.strokeDashoffset = offset;\n    }\n\n    \/\/ Percent text\n    var pctEl = document.getElementById('m9-prog-pct');\n    if (pctEl) pctEl.textContent = pct + '\u066a';\n\n    \/\/ Bar\n    var bar = document.getElementById('m9-prog-bar');\n    if (bar) bar.style.width = pct + '%';\n\n    \/\/ Stats\n    var lc = document.getElementById('m9-learned-count');\n    if (lc) lc.textContent = count;\n\n    \/\/ Checkboxes\n    for (var i = 0; i < TOTAL_TOPICS; i++) {\n      var chk = document.getElementById('m9-chk-' + i);\n      if (chk) {\n        var isLearned = data.learned.indexOf(i) > -1;\n        chk.checked = isLearned;\n        var item = document.getElementById('m9-acc-' + i);\n        if (item) {\n          if (isLearned) item.classList.add('learned');\n          else item.classList.remove('learned');\n        }\n      }\n    }\n  }\n\n  \/\/ ==================== ACCORDION ====================\n  window.m9ToggleAcc = function(idx) {\n    var item = document.getElementById('m9-acc-' + idx);\n    if (!item) return;\n    var isOpen = item.classList.contains('open');\n    \/\/ Close all\n    for (var i = 0; i < TOTAL_TOPICS; i++) {\n      var el = document.getElementById('m9-acc-' + i);\n      if (el) el.classList.remove('open');\n    }\n    \/\/ Open clicked if was closed\n    if (!isOpen) item.classList.add('open');\n  };\n\n  \/\/ ==================== CHECKBOX ====================\n  window.m9CheckChange = function(idx) {\n    var chk = document.getElementById('m9-chk-' + idx);\n    if (!chk) return;\n    var data = m9GetProgress();\n    var pos = data.learned.indexOf(idx);\n    if (chk.checked && pos === -1) {\n      data.learned.push(idx);\n    } else if (!chk.checked && pos > -1) {\n      data.learned.splice(pos, 1);\n    }\n    m9SaveProgress(data);\n    m9UpdateProgressUI();\n  };\n\n  \/\/ ==================== RESET PROGRESS ====================\n  window.m9ResetProgress = function() {\n    if (confirm('\u0622\u06cc\u0627 \u0645\u0637\u0645\u0626\u0646\u06cc\u062f\u061f \u067e\u06cc\u0634\u0631\u0641\u062a \u0634\u0645\u0627 \u067e\u0627\u06a9 \u0645\u06cc\u200c\u0634\u0648\u062f.')) {\n      m9SaveProgress({ learned: [] });\n      m9UpdateProgressUI();\n    }\n  };\n\n  \/\/ ==================== TABS ====================\n  window.m9ShowSection = function(name, btn) {\n    var sections = ['learn', 'formulas', 'quiz', 'night'];\n    sections.forEach(function(s) {\n      var el = document.getElementById('m9-sec-' + s);\n      if (el) el.classList.remove('active');\n    });\n    var target = document.getElementById('m9-sec-' + name);\n    if (target) target.classList.add('active');\n\n    \/\/ Update tabs\n    var tabs = document.querySelectorAll('#' + WIDGET_ID + ' .tab-btn');\n    tabs.forEach(function(t) { t.classList.remove('active'); });\n    if (btn) btn.classList.add('active');\n  };\n\n  \/\/ ==================== QUIZ ====================\n  \/\/ Correct answer: index of correct button (0-based) per question\n  var quizCorrectIdx = { 0: 1, 1: 1, 2: 1, 3: 1, 4: 2, 5: 0, 6: 0, 7: 1 };\n\n  var quizExplanations = {\n    0: '\u06f2\u2075 = \u06f2\u00d7\u06f2\u00d7\u06f2\u00d7\u06f2\u00d7\u06f2 = \u06f3\u06f2',\n    1: '\u06f3\u00b2\u00d7\u06f3\u00b3 = \u06f3\u00b2\u207a\u00b3 = \u06f3\u2075 = \u06f2\u06f4\u06f3 (\u0636\u0631\u0628 \u0647\u0645\u200c\u067e\u0627\u06cc\u0647 \u2192 \u062c\u0645\u0639 \u0646\u0645\u0627\u0647\u0627)',\n    2: '\u06f1\u06f2\u00b2 = \u06f1\u06f4\u06f4 \u067e\u0633 \u221a\u06f1\u06f4\u06f4 = \u06f1\u06f2',\n    3: '\u06f7\u06f2 = \u06f3\u06f6\u00d7\u06f2 \u2192 \u221a\u06f7\u06f2 = \u221a(\u06f3\u06f6\u00d7\u06f2) = \u06f6\u221a\u06f2',\n    4: '\u221a\u06f1\u06f2 = \u06f2\u221a\u06f3 \u0648 \u221a\u06f7\u06f5 = \u06f5\u221a\u06f3 \u2192 \u062c\u0645\u0639: \u06f2\u221a\u06f3 + \u06f5\u221a\u06f3 = \u06f7\u221a\u06f3',\n    5: '\u221a\u06f3 \u00d7 \u221a\u06f2\u06f7 = \u221a(\u06f3\u00d7\u06f2\u06f7) = \u221a\u06f8\u06f1 = \u06f9',\n    6: '\u06f1\/\u221a\u06f5 \u00d7 \u221a\u06f5\/\u221a\u06f5 = \u221a\u06f5\/(\u221a\u06f5\u00d7\u221a\u06f5) = \u221a\u06f5\/\u06f5 (\u06af\u0648\u06cc\u0627 \u06a9\u0631\u062f\u0646 \u0645\u062e\u0631\u062c)',\n    7: '8^(2\/3) = (\u00b3\u221a8)\u00b2 = 2\u00b2 = \u06f4'\n  };\n\n  window.m9CheckAnswer = function(qIdx, clickedBtn) {\n    if (quizAnswered[qIdx]) return;\n    quizAnswered[qIdx] = true;\n\n    var card = document.getElementById('m9-qcard-' + qIdx);\n    var fb = document.getElementById('m9-qfb-' + qIdx);\n    var opts = card.querySelectorAll('.quiz-opt');\n    var correctIdx = quizCorrectIdx[qIdx];\n\n    opts.forEach(function(o) { o.disabled = true; });\n\n    \/\/ Find clicked index\n    var clickedIdx = -1;\n    opts.forEach(function(o, i) { if (o === clickedBtn) clickedIdx = i; });\n\n    var isCorrect = (clickedIdx === correctIdx);\n\n    if (isCorrect) {\n      clickedBtn.classList.add('correct');\n      quizScore++;\n    } else {\n      clickedBtn.classList.add('wrong');\n      opts[correctIdx].classList.add('correct');\n    }\n\n    fb.textContent = (isCorrect ? '\u2705 \u062f\u0631\u0633\u062a! ' : '\u274c \u0646\u0627\u062f\u0631\u0633\u062a. ') + quizExplanations[qIdx];\n    fb.className = 'quiz-feedback show ' + (isCorrect ? 'correct-fb' : 'wrong-fb');\n\n    \/\/ Update score display\n    var scoreEl = document.getElementById('m9-quiz-score');\n    if (scoreEl) scoreEl.textContent = quizScore + ' \/ \u06f8';\n  };\n\n  window.m9ResetQuiz = function() {\n    quizAnswered = new Array(8).fill(false);\n    quizScore = 0;\n\n    var scoreEl = document.getElementById('m9-quiz-score');\n    if (scoreEl) scoreEl.textContent = '\u06f0 \/ \u06f8';\n\n    for (var i = 0; i < 8; i++) {\n      var card = document.getElementById('m9-qcard-' + i);\n      var fb = document.getElementById('m9-qfb-' + i);\n      if (!card || !fb) continue;\n      var opts = card.querySelectorAll('.quiz-opt');\n      opts.forEach(function(o) {\n        o.disabled = false;\n        o.classList.remove('correct', 'wrong');\n      });\n      fb.className = 'quiz-feedback';\n      fb.textContent = '';\n    }\n  };\n\n  \/\/ ==================== INIT ====================\n  function init() {\n    m9UpdateProgressUI();\n    \/\/ Set circumference\n    var ring = document.getElementById('m9-ring-fill');\n    if (ring) {\n      var c = 2 * Math.PI * 35;\n      ring.style.strokeDasharray = c;\n      ring.style.strokeDashoffset = c;\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-763d291 e-con e-atomic-element e-tab-content-base e-763d291-ee6d901\" data-id=\"763d291\" data-element_type=\"e-tab-content\" role=\"tabpanel\" x-bind=\"tabContent\" id=\"b704f33-tab-content-1\" aria-labelledby=\"b704f33-tab-1\" hidden=\"true\" style=\"display: none;\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07b33cb elementor-widget elementor-widget-html\" data-id=\"07b33cb\" 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>\u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 - \u0641\u0635\u0644 \u067e\u0646\u062c\u0645: \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc<\/title>\n<style>\n  \/* \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\u2500\u2500\n     SCOPED STYLES \u2014 \u0641\u0642\u0637 \u062f\u0627\u062e\u0644 #math9-ch5-widget\n     \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\u2500\u2500 *\/\n  #math9-ch5-widget {\n    --clr-primary:    #6c63ff;\n    --clr-secondary:  #48cfad;\n    --clr-accent:     #f7b731;\n    --clr-danger:     #fc5c65;\n    --clr-info:       #45aaf2;\n    --clr-purple:     #a55eea;\n    --clr-pink:       #fd9644;\n\n    --glass-bg:       rgba(255,255,255,0.13);\n    --glass-bg-dark:  rgba(255,255,255,0.07);\n    --glass-border:   rgba(255,255,255,0.30);\n    --glass-shadow:   0 8px 32px rgba(108,99,255,0.13);\n    --glass-blur:     blur(14px);\n\n    --text-main:      #1a1a2e;\n    --text-muted:     #555577;\n    --text-light:     #7777aa;\n    --radius-lg:      18px;\n    --radius-md:      12px;\n    --radius-sm:      8px;\n    --transition:     0.32s cubic-bezier(.4,0,.2,1);\n\n    font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif;\n    direction: rtl;\n    text-align: right;\n    color: var(--text-main);\n    background: transparent !important;\n    box-sizing: border-box;\n    width: 100%;\n    max-width: 960px;\n    margin: 0 auto;\n    padding: 0 12px 40px;\n  }\n\n  #math9-ch5-widget *,\n  #math9-ch5-widget *::before,\n  #math9-ch5-widget *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* \u2500\u2500 Google Font Vazirmatn via @import \u2500\u2500 *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HEADER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #math9-ch5-widget .w-header {\n    text-align: center;\n    padding: 36px 20px 28px;\n    position: relative;\n  }\n  #math9-ch5-widget .w-header-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: var(--glass-bg);\n    border: 1px solid var(--glass-border);\n    backdrop-filter: var(--glass-blur);\n    -webkit-backdrop-filter: var(--glass-blur);\n    border-radius: 50px;\n    padding: 6px 18px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--clr-primary);\n    margin-bottom: 16px;\n    letter-spacing: 0.5px;\n  }\n  #math9-ch5-widget .w-header h1 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 800;\n    background: linear-gradient(135deg, #6c63ff 0%, #48cfad 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.4;\n    margin-bottom: 10px;\n  }\n  #math9-ch5-widget .w-header p {\n    color: var(--text-muted);\n    font-size: 14px;\n    font-weight: 500;\n  }\n  #math9-ch5-widget .w-header-deco {\n    position: absolute;\n    top: 10px;\n    left: 20px;\n    opacity: 0.13;\n    pointer-events: none;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PROGRESS CARD \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #math9-ch5-widget .w-progress-card {\n    background: var(--glass-bg);\n    backdrop-filter: var(--glass-blur);\n    -webkit-backdrop-filter: var(--glass-blur);\n    border: 1px solid var(--glass-border);\n    border-radius: var(--radius-lg);\n    box-shadow: var(--glass-shadow);\n    padding: 24px 28px;\n    margin-bottom: 28px;\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    flex-wrap: wrap;\n  }\n  #math9-ch5-widget .w-progress-ring-wrap {\n    position: relative;\n    width: 90px;\n    height: 90px;\n    flex-shrink: 0;\n  }\n  #math9-ch5-widget .w-progress-ring-wrap svg {\n    transform: rotate(-90deg);\n  }\n  #math9-ch5-widget .w-progress-ring-bg {\n    fill: none;\n    stroke: rgba(108,99,255,0.12);\n    stroke-width: 7;\n  }\n  #math9-ch5-widget .w-progress-ring-fill {\n    fill: none;\n    stroke: url(#progressGrad);\n    stroke-width: 7;\n    stroke-linecap: round;\n    transition: stroke-dashoffset var(--transition);\n  }\n  #math9-ch5-widget .w-progress-ring-label {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n  #math9-ch5-widget .w-progress-pct {\n    font-size: 20px;\n    font-weight: 800;\n    color: var(--clr-primary);\n    line-height: 1;\n  }\n  #math9-ch5-widget .w-progress-lbl {\n    font-size: 10px;\n    color: var(--text-light);\n    margin-top: 2px;\n  }\n  #math9-ch5-widget .w-progress-info {\n    flex: 1;\n    min-width: 180px;\n  }\n  #math9-ch5-widget .w-progress-info h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--text-main);\n    margin-bottom: 6px;\n  }\n  #math9-ch5-widget .w-progress-info p {\n    font-size: 13px;\n    color: var(--text-muted);\n    margin-bottom: 12px;\n  }\n  #math9-ch5-widget .w-progress-bar-outer {\n    height: 8px;\n    background: rgba(108,99,255,0.12);\n    border-radius: 50px;\n    overflow: hidden;\n    margin-bottom: 8px;\n  }\n  #math9-ch5-widget .w-progress-bar-inner {\n    height: 100%;\n    background: linear-gradient(90deg, #6c63ff, #48cfad);\n    border-radius: 50px;\n    transition: width var(--transition);\n  }\n  #math9-ch5-widget .w-progress-stats {\n    display: flex;\n    gap: 16px;\n    flex-wrap: wrap;\n  }\n  #math9-ch5-widget .w-stat {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--text-muted);\n    font-weight: 500;\n  }\n  #math9-ch5-widget .w-stat-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n  }\n  #math9-ch5-widget .w-btn-reset {\n    background: rgba(252,92,101,0.10);\n    border: 1px solid rgba(252,92,101,0.25);\n    color: var(--clr-danger);\n    border-radius: var(--radius-sm);\n    padding: 8px 16px;\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all var(--transition);\n    white-space: nowrap;\n    font-family: inherit;\n  }\n  #math9-ch5-widget .w-btn-reset:hover {\n    background: rgba(252,92,101,0.20);\n    transform: translateY(-1px);\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION LABEL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #math9-ch5-widget .w-section-label {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 32px 0 14px;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n  }\n  #math9-ch5-widget .w-section-label::after {\n    content: '';\n    flex: 1;\n    height: 1px;\n    background: linear-gradient(90deg, rgba(108,99,255,0.25), transparent);\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ACCORDION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #math9-ch5-widget .w-accordion {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n  #math9-ch5-widget .w-acc-item {\n    background: var(--glass-bg);\n    backdrop-filter: var(--glass-blur);\n    -webkit-backdrop-filter: var(--glass-blur);\n    border: 1px solid var(--glass-border);\n    border-radius: var(--radius-lg);\n    box-shadow: var(--glass-shadow);\n    overflow: hidden;\n    transition: box-shadow var(--transition), transform var(--transition);\n  }\n  #math9-ch5-widget .w-acc-item:hover {\n    box-shadow: 0 12px 40px rgba(108,99,255,0.20);\n    transform: translateY(-2px);\n  }\n  #math9-ch5-widget .w-acc-item.open {\n    border-color: rgba(108,99,255,0.35);\n    box-shadow: 0 12px 40px rgba(108,99,255,0.22);\n  }\n  #math9-ch5-widget .w-acc-header {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 18px 20px;\n    cursor: pointer;\n    user-select: none;\n    position: relative;\n  }\n  #math9-ch5-widget .w-acc-icon-box {\n    width: 44px;\n    height: 44px;\n    border-radius: var(--radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    font-size: 20px;\n  }\n  #math9-ch5-widget .w-acc-title-wrap {\n    flex: 1;\n    min-width: 0;\n  }\n  #math9-ch5-widget .w-acc-title {\n    font-size: 15px;\n    font-weight: 700;\n    color: var(--text-main);\n    line-height: 1.3;\n  }\n  #math9-ch5-widget .w-acc-subtitle {\n    font-size: 12px;\n    color: var(--text-light);\n    margin-top: 3px;\n  }\n  #math9-ch5-widget .w-acc-actions {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  #math9-ch5-widget .w-check-wrap {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    padding: 4px 10px;\n    border-radius: 50px;\n    background: rgba(108,99,255,0.07);\n    border: 1px solid rgba(108,99,255,0.18);\n    transition: all var(--transition);\n    white-space: nowrap;\n  }\n  #math9-ch5-widget .w-check-wrap:hover {\n    background: rgba(108,99,255,0.14);\n  }\n  #math9-ch5-widget .w-check-wrap.checked {\n    background: rgba(72,207,173,0.15);\n    border-color: rgba(72,207,173,0.40);\n  }\n  #math9-ch5-widget .w-check-wrap input[type=\"checkbox\"] {\n    display: none;\n  }\n  #math9-ch5-widget .w-check-box {\n    width: 18px;\n    height: 18px;\n    border-radius: 5px;\n    border: 2px solid rgba(108,99,255,0.40);\n    background: transparent;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all var(--transition);\n    flex-shrink: 0;\n  }\n  #math9-ch5-widget .w-check-wrap.checked .w-check-box {\n    background: var(--clr-secondary);\n    border-color: var(--clr-secondary);\n  }\n  #math9-ch5-widget .w-check-label {\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--text-muted);\n  }\n  #math9-ch5-widget .w-check-wrap.checked .w-check-label {\n    color: #2d9e7e;\n  }\n  #math9-ch5-widget .w-acc-arrow {\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: rgba(108,99,255,0.08);\n    transition: transform var(--transition), background var(--transition);\n    flex-shrink: 0;\n  }\n  #math9-ch5-widget .w-acc-item.open .w-acc-arrow {\n    transform: rotate(180deg);\n    background: rgba(108,99,255,0.16);\n  }\n  #math9-ch5-widget .w-acc-body {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(.4,0,.2,1);\n  }\n  #math9-ch5-widget .w-acc-item.open .w-acc-body {\n    max-height: 3000px;\n  }\n  #math9-ch5-widget .w-acc-content {\n    padding: 0 20px 22px;\n    border-top: 1px solid rgba(108,99,255,0.09);\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CONTENT CARDS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #math9-ch5-widget .w-content-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-top: 16px;\n  }\n  @media (max-width: 600px) {\n    #math9-ch5-widget .w-content-grid { grid-template-columns: 1fr; }\n  }\n  #math9-ch5-widget .w-card {\n    background: var(--glass-bg-dark);\n    border: 1px solid rgba(255,255,255,0.18);\n    border-radius: var(--radius-md);\n    padding: 16px;\n    position: relative;\n    overflow: hidden;\n  }\n  #math9-ch5-widget .w-card::before {\n    content: '';\n    position: absolute;\n    top: 0; right: 0;\n    width: 60px; height: 60px;\n    border-radius: 0 var(--radius-md) 0 60px;\n    opacity: 0.07;\n  }\n  #math9-ch5-widget .w-card h4 {\n    font-size: 13px;\n    font-weight: 700;\n    margin-bottom: 8px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  #math9-ch5-widget .w-card p,\n  #math9-ch5-widget .w-card li {\n    font-size: 13px;\n    line-height: 1.7;\n    color: var(--text-muted);\n  }\n  #math9-ch5-widget .w-card ul {\n    padding-right: 18px;\n    list-style: none;\n  }\n  #math9-ch5-widget .w-card ul li {\n    position: relative;\n    padding-right: 14px;\n  }\n  #math9-ch5-widget .w-card ul li::before {\n    content: '\u25c6';\n    position: absolute;\n    right: 0;\n    font-size: 7px;\n    top: 6px;\n    color: var(--clr-primary);\n    opacity: 0.7;\n  }\n  #math9-ch5-widget .w-card-full {\n    grid-column: 1 \/ -1;\n  }\n\n  \/* \u2500\u2500 Formula Box \u2500\u2500 *\/\n  #math9-ch5-widget .w-formula {\n    background: linear-gradient(135deg, rgba(108,99,255,0.10), rgba(72,207,173,0.08));\n    border: 1px solid rgba(108,99,255,0.25);\n    border-radius: var(--radius-md);\n    padding: 14px 18px;\n    margin: 12px 0;\n    font-family: 'Vazirmatn', monospace;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--clr-primary);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  #math9-ch5-widget .w-formula::before {\n    content: '\u0641\u0631\u0645\u0648\u0644';\n    position: absolute;\n    top: 4px;\n    left: 10px;\n    font-size: 9px;\n    color: rgba(108,99,255,0.5);\n    font-weight: 700;\n    letter-spacing: 1px;\n  }\n  #math9-ch5-widget .w-formula-title {\n    font-size: 11px;\n    color: var(--text-light);\n    margin-bottom: 4px;\n    font-weight: 600;\n    display: block;\n  }\n\n  \/* \u2500\u2500 Example Box \u2500\u2500 *\/\n  #math9-ch5-widget .w-example {\n    background: rgba(72,207,173,0.07);\n    border-right: 3px solid var(--clr-secondary);\n    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;\n    padding: 12px 16px;\n    margin: 10px 0;\n    font-size: 13px;\n    color: var(--text-muted);\n    line-height: 1.7;\n  }\n  #math9-ch5-widget .w-example strong {\n    color: #2d9e7e;\n    font-weight: 700;\n  }\n\n  \/* \u2500\u2500 Tip Box \u2500\u2500 *\/\n  #math9-ch5-widget .w-tip {\n    background: rgba(247,183,49,0.09);\n    border: 1px solid rgba(247,183,49,0.28);\n    border-radius: var(--radius-sm);\n    padding: 10px 14px;\n    margin: 8px 0;\n    font-size: 12.5px;\n    color: #7a6000;\n    display: flex;\n    gap: 8px;\n    align-items: flex-start;\n    line-height: 1.6;\n  }\n  #math9-ch5-widget .w-tip-icon { flex-shrink: 0; margin-top: 1px; }\n\n  \/* \u2500\u2500 Warning Box \u2500\u2500 *\/\n  #math9-ch5-widget .w-warn {\n    background: rgba(252,92,101,0.07);\n    border: 1px solid rgba(252,92,101,0.22);\n    border-radius: var(--radius-sm);\n    padding: 10px 14px;\n    margin: 8px 0;\n    font-size: 12.5px;\n    color: #8b2020;\n    display: flex;\n    gap: 8px;\n    align-items: flex-start;\n    line-height: 1.6;\n  }\n  #math9-ch5-widget .w-warn-icon { flex-shrink: 0; margin-top: 1px; }\n\n  \/* \u2500\u2500 Summary Tag \u2500\u2500 *\/\n  #math9-ch5-widget .w-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-top: 10px;\n  }\n  #math9-ch5-widget .w-tag {\n    background: rgba(108,99,255,0.10);\n    border: 1px solid rgba(108,99,255,0.22);\n    color: var(--clr-primary);\n    border-radius: 50px;\n    padding: 4px 12px;\n    font-size: 11.5px;\n    font-weight: 600;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FORMULA SHEET \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #math9-ch5-widget .w-formula-sheet {\n    background: var(--glass-bg);\n    backdrop-filter: var(--glass-blur);\n    -webkit-backdrop-filter: var(--glass-blur);\n    border: 1px solid var(--glass-border);\n    border-radius: var(--radius-lg);\n    box-shadow: var(--glass-shadow);\n    padding: 24px;\n    margin-bottom: 28px;\n  }\n  #math9-ch5-widget .w-formula-sheet h2 {\n    font-size: 17px;\n    font-weight: 800;\n    color: var(--text-main);\n    margin-bottom: 18px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n  #math9-ch5-widget .w-formula-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 10px;\n  }\n  #math9-ch5-widget .w-formula-item {\n    background: var(--glass-bg-dark);\n    border: 1px solid rgba(255,255,255,0.18);\n    border-radius: var(--radius-md);\n    padding: 14px;\n    text-align: center;\n    transition: transform var(--transition), box-shadow var(--transition);\n  }\n  #math9-ch5-widget .w-formula-item:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 24px rgba(108,99,255,0.18);\n  }\n  #math9-ch5-widget .w-formula-item .f-name {\n    font-size: 11px;\n    color: var(--text-light);\n    font-weight: 600;\n    margin-bottom: 6px;\n    display: block;\n  }\n  #math9-ch5-widget .w-formula-item .f-eq {\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--clr-primary);\n    line-height: 1.5;\n    word-break: break-all;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NIGHT REVIEW \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #math9-ch5-widget .w-night-review {\n    background: linear-gradient(135deg, rgba(108,99,255,0.12), rgba(72,207,173,0.08));\n    backdrop-filter: var(--glass-blur);\n    -webkit-backdrop-filter: var(--glass-blur);\n    border: 1px solid rgba(108,99,255,0.28);\n    border-radius: var(--radius-lg);\n    box-shadow: var(--glass-shadow);\n    padding: 24px;\n    margin-bottom: 28px;\n  }\n  #math9-ch5-widget .w-night-review h2 {\n    font-size: 17px;\n    font-weight: 800;\n    color: var(--text-main);\n    margin-bottom: 16px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n  #math9-ch5-widget .w-night-list {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n  #math9-ch5-widget .w-night-list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    font-size: 13.5px;\n    color: var(--text-muted);\n    line-height: 1.6;\n    padding: 10px 14px;\n    background: rgba(255,255,255,0.08);\n    border-radius: var(--radius-sm);\n    border: 1px solid rgba(255,255,255,0.14);\n  }\n  #math9-ch5-widget .w-night-list li .nl-num {\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--clr-primary), var(--clr-secondary));\n    color: white;\n    font-size: 11px;\n    font-weight: 800;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-top: 1px;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 QUIZ SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #math9-ch5-widget .w-quiz-section {\n    background: var(--glass-bg);\n    backdrop-filter: var(--glass-blur);\n    -webkit-backdrop-filter: var(--glass-blur);\n    border: 1px solid var(--glass-border);\n    border-radius: var(--radius-lg);\n    box-shadow: var(--glass-shadow);\n    padding: 24px;\n    margin-bottom: 28px;\n  }\n  #math9-ch5-widget .w-quiz-section h2 {\n    font-size: 17px;\n    font-weight: 800;\n    color: var(--text-main);\n    margin-bottom: 16px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n  #math9-ch5-widget .w-quiz-q {\n    background: var(--glass-bg-dark);\n    border: 1px solid rgba(255,255,255,0.18);\n    border-radius: var(--radius-md);\n    padding: 18px;\n    margin-bottom: 14px;\n  }\n  #math9-ch5-widget .w-quiz-q .q-text {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-main);\n    margin-bottom: 12px;\n    line-height: 1.6;\n  }\n  #math9-ch5-widget .w-quiz-q .q-num {\n    font-size: 11px;\n    color: var(--clr-primary);\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  #math9-ch5-widget .w-quiz-options {\n    display: flex;\n    flex-direction: column;\n    gap: 7px;\n  }\n  #math9-ch5-widget .w-quiz-opt {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-radius: var(--radius-sm);\n    border: 1px solid rgba(108,99,255,0.18);\n    background: rgba(255,255,255,0.06);\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--text-muted);\n    transition: all var(--transition);\n    font-family: inherit;\n    width: 100%;\n    text-align: right;\n  }\n  #math9-ch5-widget .w-quiz-opt:hover:not(:disabled) {\n    background: rgba(108,99,255,0.10);\n    border-color: rgba(108,99,255,0.32);\n    color: var(--text-main);\n  }\n  #math9-ch5-widget .w-quiz-opt.correct {\n    background: rgba(72,207,173,0.15);\n    border-color: rgba(72,207,173,0.45);\n    color: #1a7a60;\n    font-weight: 600;\n  }\n  #math9-ch5-widget .w-quiz-opt.wrong {\n    background: rgba(252,92,101,0.12);\n    border-color: rgba(252,92,101,0.35);\n    color: #8b2020;\n  }\n  #math9-ch5-widget .w-quiz-opt .opt-letter {\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    background: rgba(108,99,255,0.12);\n    color: var(--clr-primary);\n    font-size: 11px;\n    font-weight: 800;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    transition: all var(--transition);\n  }\n  #math9-ch5-widget .w-quiz-opt.correct .opt-letter {\n    background: rgba(72,207,173,0.25);\n    color: #1a7a60;\n  }\n  #math9-ch5-widget .w-quiz-opt.wrong .opt-letter {\n    background: rgba(252,92,101,0.20);\n    color: #8b2020;\n  }\n  #math9-ch5-widget .w-quiz-feedback {\n    font-size: 12.5px;\n    margin-top: 10px;\n    padding: 8px 12px;\n    border-radius: var(--radius-sm);\n    display: none;\n    line-height: 1.6;\n  }\n  #math9-ch5-widget .w-quiz-feedback.show { display: block; }\n  #math9-ch5-widget .w-quiz-feedback.ok {\n    background: rgba(72,207,173,0.12);\n    color: #1a7a60;\n    border: 1px solid rgba(72,207,173,0.30);\n  }\n  #math9-ch5-widget .w-quiz-feedback.fail {\n    background: rgba(252,92,101,0.10);\n    color: #8b2020;\n    border: 1px solid rgba(252,92,101,0.22);\n  }\n  #math9-ch5-widget .w-quiz-score {\n    text-align: center;\n    padding: 14px;\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--clr-primary);\n    background: rgba(108,99,255,0.07);\n    border-radius: var(--radius-md);\n    margin-top: 4px;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #math9-ch5-widget .w-footer {\n    text-align: center;\n    padding: 20px;\n    font-size: 12px;\n    color: var(--text-light);\n    margin-top: 8px;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ANIMATIONS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @keyframes w-fadeIn {\n    from { opacity: 0; transform: translateY(12px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  #math9-ch5-widget .w-acc-item {\n    animation: w-fadeIn 0.4s ease both;\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @media (max-width: 768px) {\n    #math9-ch5-widget { padding: 0 8px 32px; }\n    #math9-ch5-widget .w-progress-card { padding: 16px; gap: 16px; }\n    #math9-ch5-widget .w-acc-header { padding: 14px 14px; gap: 10px; }\n    #math9-ch5-widget .w-acc-content { padding: 0 14px 18px; }\n    #math9-ch5-widget .w-formula-sheet,\n    #math9-ch5-widget .w-night-review,\n    #math9-ch5-widget .w-quiz-section { padding: 16px; }\n    #math9-ch5-widget .w-check-label { display: none; }\n  }\n  @media (max-width: 480px) {\n    #math9-ch5-widget .w-acc-icon-box { width: 36px; height: 36px; font-size: 16px; }\n    #math9-ch5-widget .w-acc-title { font-size: 13.5px; }\n    #math9-ch5-widget .w-progress-ring-wrap { width: 72px; height: 72px; }\n    #math9-ch5-widget .w-progress-pct { font-size: 16px; }\n  }\n<\/style>\n<\/head>\n<body style=\"background:transparent;margin:0;padding:0;\">\n\n<div id=\"math9-ch5-widget\">\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SVG GRADIENT DEF \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <svg width=\"0\" height=\"0\" style=\"position:absolute\">\n    <defs>\n      <linearGradient id=\"progressGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n        <stop offset=\"0%\" stop-color=\"#6c63ff\"\/>\n        <stop offset=\"100%\" stop-color=\"#48cfad\"\/>\n      <\/linearGradient>\n    <\/defs>\n  <\/svg>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HEADER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"w-header\">\n    <svg class=\"w-header-deco\" width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" fill=\"none\">\n      <circle cx=\"60\" cy=\"60\" r=\"55\" stroke=\"#6c63ff\" stroke-width=\"2\" stroke-dasharray=\"8 4\"\/>\n      <text x=\"50%\" y=\"54%\" text-anchor=\"middle\" dominant-baseline=\"middle\" font-size=\"48\" fill=\"#6c63ff\">x\u00b2<\/text>\n    <\/svg>\n    <div class=\"w-header-badge\">\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n      \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645\n    <\/div>\n    <h1>\u0641\u0635\u0644 \u067e\u0646\u062c\u0645: \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc<\/h1>\n    <p>\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644\u060c \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u060c \u0645\u062b\u0627\u0644\u200c\u0647\u0627 \u0648 \u0645\u0631\u0648\u0631 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646<\/p>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PROGRESS CARD \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"w-progress-card\">\n    <div class=\"w-progress-ring-wrap\">\n      <svg width=\"90\" height=\"90\" viewBox=\"0 0 90 90\">\n        <defs>\n          <linearGradient id=\"progressGrad2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n            <stop offset=\"0%\" stop-color=\"#6c63ff\"\/>\n            <stop offset=\"100%\" stop-color=\"#48cfad\"\/>\n          <\/linearGradient>\n        <\/defs>\n        <circle class=\"w-progress-ring-bg\" cx=\"45\" cy=\"45\" r=\"38\"\/>\n        <circle class=\"w-progress-ring-fill\" id=\"progressRing\" cx=\"45\" cy=\"45\" r=\"38\"\n          stroke-dasharray=\"238.76\"\n          stroke-dashoffset=\"238.76\"\n          stroke=\"url(#progressGrad2)\"\/>\n      <\/svg>\n      <div class=\"w-progress-ring-label\">\n        <span class=\"w-progress-pct\" id=\"progressPct\">\u06f0\u066a<\/span>\n        <span class=\"w-progress-lbl\">\u067e\u06cc\u0634\u0631\u0641\u062a<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"w-progress-info\">\n      <h3>\u067e\u06cc\u0634\u0631\u0641\u062a \u06a9\u0644\u06cc \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc<\/h3>\n      <p id=\"progressDesc\">\u0647\u0646\u0648\u0632 \u0628\u062e\u0634\u06cc \u0631\u0627 \u06a9\u0627\u0645\u0644 \u0646\u06a9\u0631\u062f\u0647\u200c\u0627\u06cc. \u0634\u0631\u0648\u0639 \u06a9\u0646! \ud83d\ude80<\/p>\n      <div class=\"w-progress-bar-outer\">\n        <div class=\"w-progress-bar-inner\" id=\"progressBar\" style=\"width:0%\"><\/div>\n      <\/div>\n      <div class=\"w-progress-stats\">\n        <span class=\"w-stat\"><span class=\"w-stat-dot\" style=\"background:#48cfad\"><\/span><span id=\"doneCount\">\u06f0<\/span> \u0628\u062e\u0634 \u062a\u06a9\u0645\u06cc\u0644\u200c\u0634\u062f\u0647<\/span>\n        <span class=\"w-stat\"><span class=\"w-stat-dot\" style=\"background:rgba(108,99,255,0.3)\"><\/span><span id=\"totalCount\">\u06f8<\/span> \u0628\u062e\u0634 \u06a9\u0644<\/span>\n      <\/div>\n    <\/div>\n    <button class=\"w-btn-reset\" onclick=\"window['math9ch5'].resetProgress()\">\n      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" style=\"display:inline;vertical-align:middle;margin-left:4px\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"\/><path d=\"M3 3v5h5\"\/><\/svg>\n      \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc\n    <\/button>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SECTION LABEL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"w-section-label\">\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\n    \u0645\u0628\u0627\u062d\u062b \u0627\u0635\u0644\u06cc \u0641\u0635\u0644\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ACCORDION TOPICS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"w-accordion\" id=\"mainAccordion\">\n\n    <!-- \u2500\u2500\u2500 1. \u0645\u0641\u0647\u0648\u0645 \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc \u2500\u2500\u2500 -->\n    <div class=\"w-acc-item\" id=\"acc-0\">\n      <div class=\"w-acc-header\" onclick=\"window['math9ch5'].toggleAcc(0)\">\n        <div class=\"w-acc-icon-box\" style=\"background:linear-gradient(135deg,rgba(108,99,255,0.18),rgba(108,99,255,0.06))\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2\"><path d=\"M4 7V4h16v3\"\/><path d=\"M9 20h6\"\/><path d=\"M12 4v16\"\/><\/svg>\n        <\/div>\n        <div class=\"w-acc-title-wrap\">\n          <div class=\"w-acc-title\">\u06f1. \u0645\u0641\u0647\u0648\u0645 \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc<\/div>\n          <div class=\"w-acc-subtitle\">\u062a\u0639\u0631\u06cc\u0641\u060c \u0627\u062c\u0632\u0627 \u0648 \u0627\u0646\u0648\u0627\u0639 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc<\/div>\n        <\/div>\n        <div class=\"w-acc-actions\">\n          <label class=\"w-check-wrap\" id=\"chk-wrap-0\" onclick=\"event.stopPropagation()\">\n            <input type=\"checkbox\" id=\"chk-0\" onchange=\"window['math9ch5'].toggleCheck(0)\">\n            <div class=\"w-check-box\" id=\"chk-box-0\">\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" id=\"chk-svg-0\" style=\"display:none\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"w-check-label\">\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n          <\/label>\n          <div class=\"w-acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"w-acc-body\">\n        <div class=\"w-acc-content\">\n          <div class=\"w-content-grid\">\n            <div class=\"w-card w-card-full\">\n              <h4>\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\n                \u062a\u0639\u0631\u06cc\u0641 \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc\n              <\/h4>\n              <p>\u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0627\u0632 <strong>\u0627\u0639\u062f\u0627\u062f<\/strong>\u060c <strong>\u0645\u062a\u063a\u06cc\u0631\u0647\u0627<\/strong> (\u062d\u0631\u0648\u0641) \u0648 <strong>\u0639\u0645\u0644\u200c\u0647\u0627\u06cc \u0631\u06cc\u0627\u0636\u06cc<\/strong> (+\u060c \u2212\u060c \u00d7\u060c \u00f7) \u0627\u0633\u062a. \u0645\u062a\u063a\u06cc\u0631 \u0646\u0634\u0627\u0646\u200c\u062f\u0647\u0646\u062f\u0647\u200c\u06cc \u06cc\u06a9 \u0639\u062f\u062f \u0646\u0627\u0634\u0646\u0627\u062e\u062a\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0627 \u062d\u0631\u0648\u0641 \u0644\u0627\u062a\u06cc\u0646 \u0645\u062b\u0644 x\u060c y\u060c a \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n              <div class=\"w-example\">\n                <strong>\u0645\u062b\u0627\u0644:<\/strong> \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc \u0632\u06cc\u0631 \u0631\u0627 \u0628\u0628\u06cc\u0646:<br>\n                \u2022 <strong>3x + 5<\/strong> &nbsp;\u2192 \u06cc\u06a9 \u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u0628\u0627 \u0636\u0631\u06cc\u0628 \u06f3 \u0648 \u0639\u062f\u062f \u062b\u0627\u0628\u062a \u06f5<br>\n                \u2022 <strong>2x\u00b2 \u2212 4x + 1<\/strong> &nbsp;\u2192 \u0633\u0647\u200c\u062c\u0645\u0644\u0647\u200c\u0627\u06cc (\u062f\u0631\u062c\u0647 \u06f2)<br>\n                \u2022 <strong>a + b \u2212 c<\/strong> &nbsp;\u2192 \u0633\u0647\u200c\u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u0628\u0627 \u0633\u0647 \u0645\u062a\u063a\u06cc\u0631\n              <\/div>\n            <\/div>\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#48cfad\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg>\n                \u0627\u062c\u0632\u0627\u06cc \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc\n              <\/h4>\n              <ul>\n                <li><strong>\u062c\u0645\u0644\u0647:<\/strong> \u0647\u0631 \u0628\u062e\u0634 \u062c\u062f\u0627 \u0627\u0632 + \u06cc\u0627 \u2212<\/li>\n                <li><strong>\u0636\u0631\u06cc\u0628:<\/strong> \u0639\u062f\u062f \u06a9\u0646\u0627\u0631 \u0645\u062a\u063a\u06cc\u0631 (\u0645\u062b\u0644\u0627\u064b \u06f3 \u062f\u0631 \u06f3x)<\/li>\n                <li><strong>\u0645\u062a\u063a\u06cc\u0631:<\/strong> \u062d\u0631\u0641 \u0646\u0627\u0645\u0639\u0644\u0648\u0645 (x\u060c y\u060c \u2026)<\/li>\n                <li><strong>\u062a\u0648\u0627\u0646:<\/strong> \u0646\u0645\u0627\u06cc\u06cc \u06a9\u0647 \u0631\u0648\u06cc \u0645\u062a\u063a\u06cc\u0631 \u0645\u06cc\u200c\u0646\u0634\u06cc\u0646\u062f<\/li>\n                <li><strong>\u0639\u062f\u062f \u062b\u0627\u0628\u062a:<\/strong> \u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u06a9\u0647 \u0645\u062a\u063a\u06cc\u0631 \u0646\u062f\u0627\u0631\u062f<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f7b731\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\n                \u0627\u0646\u0648\u0627\u0639 \u0628\u0631 \u0627\u0633\u0627\u0633 \u062a\u0639\u062f\u0627\u062f \u062c\u0645\u0644\u0647\n              <\/h4>\n              <ul>\n                <li><strong>\u062a\u06a9\u200c\u062c\u0645\u0644\u0647\u200c\u0627\u06cc:<\/strong> \u0645\u062b\u0644 5x\u00b2<\/li>\n                <li><strong>\u062f\u0648\u062c\u0645\u0644\u0647\u200c\u0627\u06cc:<\/strong> \u0645\u062b\u0644 3x + 2<\/li>\n                <li><strong>\u0633\u0647\u200c\u062c\u0645\u0644\u0647\u200c\u0627\u06cc:<\/strong> \u0645\u062b\u0644 x\u00b2 + 2x + 1<\/li>\n                <li><strong>\u0686\u0646\u062f\u062c\u0645\u0644\u0647\u200c\u0627\u06cc:<\/strong> \u0686\u0647\u0627\u0631 \u062c\u0645\u0644\u0647 \u06cc\u0627 \u0628\u06cc\u0634\u062a\u0631<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n          <div class=\"w-tip\">\n            <span class=\"w-tip-icon\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4a000\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>\n            <\/span>\n            <span><strong>\u0646\u06a9\u062a\u0647 \u0627\u0645\u062a\u062d\u0627\u0646\u06cc:<\/strong> \u062f\u0631\u062c\u0647\u200c\u06cc \u06cc\u06a9 \u062c\u0645\u0644\u0647 \u0628\u0631\u0627\u0628\u0631 \u0627\u0633\u062a \u0628\u0627 \u0645\u062c\u0645\u0648\u0639 \u062a\u0648\u0627\u0646\u200c\u0647\u0627\u06cc \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0622\u0646 \u062c\u0645\u0644\u0647. \u0645\u062b\u0644\u0627\u064b \u062f\u0631\u062c\u0647\u200c\u06cc \u06f3x\u00b2y \u0628\u0631\u0627\u0628\u0631 \u06f3 \u0627\u0633\u062a (\u06f2+\u06f1).<\/span>\n          <\/div>\n          <div class=\"w-tags\">\n            <span class=\"w-tag\">\u0645\u062a\u063a\u06cc\u0631<\/span>\n            <span class=\"w-tag\">\u0636\u0631\u06cc\u0628<\/span>\n            <span class=\"w-tag\">\u062c\u0645\u0644\u0647<\/span>\n            <span class=\"w-tag\">\u062f\u0631\u062c\u0647<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500\u2500 2. \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642 \u2500\u2500\u2500 -->\n    <div class=\"w-acc-item\" id=\"acc-1\">\n      <div class=\"w-acc-header\" onclick=\"window['math9ch5'].toggleAcc(1)\">\n        <div class=\"w-acc-icon-box\" style=\"background:linear-gradient(135deg,rgba(72,207,173,0.18),rgba(72,207,173,0.06))\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#48cfad\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n        <\/div>\n        <div class=\"w-acc-title-wrap\">\n          <div class=\"w-acc-title\">\u06f2. \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc<\/div>\n          <div class=\"w-acc-subtitle\">\u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0647\u0645\u0627\u0646\u0646\u062f \u0648 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc<\/div>\n        <\/div>\n        <div class=\"w-acc-actions\">\n          <label class=\"w-check-wrap\" id=\"chk-wrap-1\" onclick=\"event.stopPropagation()\">\n            <input type=\"checkbox\" id=\"chk-1\" onchange=\"window['math9ch5'].toggleCheck(1)\">\n            <div class=\"w-check-box\" id=\"chk-box-1\">\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" id=\"chk-svg-1\" style=\"display:none\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"w-check-label\">\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n          <\/label>\n          <div class=\"w-acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#48cfad\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"w-acc-body\">\n        <div class=\"w-acc-content\">\n          <div class=\"w-formula\">\n            <span class=\"w-formula-title\">\u0642\u0627\u0646\u0648\u0646 \u0627\u0635\u0644\u06cc<\/span>\n            \u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0647\u0645\u0627\u0646\u0646\u062f: \u0636\u0631\u0627\u06cc\u0628 \u0631\u0627 \u062c\u0645\u0639\/\u062a\u0641\u0631\u06cc\u0642 \u06a9\u0646\u060c \u0645\u062a\u063a\u06cc\u0631 \u0648 \u062a\u0648\u0627\u0646 \u062b\u0627\u0628\u062a \u0645\u06cc\u200c\u0645\u0627\u0646\u0646\u062f\n          <\/div>\n          <div class=\"w-content-grid\">\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#48cfad\" stroke-width=\"2\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n                \u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0647\u0645\u0627\u0646\u0646\u062f \u0686\u06cc\u0633\u062a\u061f\n              <\/h4>\n              <p>\u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u062a\u063a\u06cc\u0631 \u0648 \u062a\u0648\u0627\u0646 \u06cc\u06a9\u0633\u0627\u0646 \u062f\u0627\u0631\u0646\u062f:<\/p>\n              <div class=\"w-example\">\n                \u2713 <strong>3x\u00b2<\/strong> \u0648 <strong>5x\u00b2<\/strong> \u2192 \u0647\u0645\u0627\u0646\u0646\u062f<br>\n                \u2717 <strong>3x\u00b2<\/strong> \u0648 <strong>5x<\/strong> \u2192 \u0646\u0627\u0647\u0645\u0627\u0646\u0646\u062f (\u062a\u0648\u0627\u0646 \u0641\u0631\u0642 \u062f\u0627\u0631\u062f)<br>\n                \u2717 <strong>2x<\/strong> \u0648 <strong>2y<\/strong> \u2192 \u0646\u0627\u0647\u0645\u0627\u0646\u0646\u062f (\u0645\u062a\u063a\u06cc\u0631 \u0641\u0631\u0642 \u062f\u0627\u0631\u062f)\n              <\/div>\n            <\/div>\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2\"><path d=\"M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01\"\/><\/svg>\n                \u0645\u0631\u0627\u062d\u0644 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc\n              <\/h4>\n              <ul>\n                <li>\u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0647\u0645\u0627\u0646\u0646\u062f \u0631\u0627 \u06a9\u0646\u0627\u0631 \u0647\u0645 \u0628\u0646\u0648\u06cc\u0633<\/li>\n                <li>\u0636\u0631\u0627\u06cc\u0628 \u0631\u0627 \u0628\u0627 \u0647\u0645 \u062c\u0645\u0639 \u06cc\u0627 \u062a\u0641\u0631\u06cc\u0642 \u06a9\u0646<\/li>\n                <li>\u0645\u062a\u063a\u06cc\u0631 \u0648 \u062a\u0648\u0627\u0646 \u0631\u0627 \u0647\u0645\u0627\u0646 \u0628\u0646\u0648\u06cc\u0633<\/li>\n                <li>\u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0646\u0627\u0647\u0645\u0627\u0646\u0646\u062f \u0631\u0627 \u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n          <div class=\"w-example\">\n            <strong>\u0645\u062b\u0627\u0644 \u06a9\u0627\u0645\u0644:<\/strong><br>\n            <strong>(3x\u00b2 + 2x \u2212 5) + (x\u00b2 \u2212 4x + 3)<\/strong><br>\n            = (3x\u00b2 + x\u00b2) + (2x \u2212 4x) + (\u22125 + 3)<br>\n            = <strong>4x\u00b2 \u2212 2x \u2212 2<\/strong>\n          <\/div>\n          <div class=\"w-example\">\n            <strong>\u0645\u062b\u0627\u0644 \u062a\u0641\u0631\u06cc\u0642:<\/strong><br>\n            <strong>(5x\u00b2 \u2212 3x + 4) \u2212 (2x\u00b2 + x \u2212 1)<\/strong><br>\n            = 5x\u00b2 \u2212 3x + 4 \u2212 2x\u00b2 \u2212 x + 1 &nbsp; \u2190 \u0639\u0644\u0627\u0645\u062a\u200c\u0647\u0627 \u0628\u0631\u0639\u06a9\u0633 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f<br>\n            = <strong>3x\u00b2 \u2212 4x + 5<\/strong>\n          <\/div>\n          <div class=\"w-warn\">\n            <span class=\"w-warn-icon\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c0392b\" stroke-width=\"2\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n            <\/span>\n            <span><strong>\u062e\u0637\u0627\u06cc \u0631\u0627\u06cc\u062c:<\/strong> \u062f\u0631 \u062a\u0641\u0631\u06cc\u0642 \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc\u060c \u0639\u0644\u0627\u0645\u062a \u0647\u0645\u0647\u200c\u06cc \u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0639\u0628\u0627\u0631\u062a \u062f\u0648\u0645 \u0628\u0631\u0639\u06a9\u0633 \u0645\u06cc\u200c\u0634\u0648\u062f! \u0645\u0631\u0627\u0642\u0628 \u0639\u0644\u0627\u0645\u062a\u200c\u0647\u0627 \u0628\u0627\u0634.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500\u2500 3. \u0636\u0631\u0628 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc \u2500\u2500\u2500 -->\n    <div class=\"w-acc-item\" id=\"acc-2\">\n      <div class=\"w-acc-header\" onclick=\"window['math9ch5'].toggleAcc(2)\">\n        <div class=\"w-acc-icon-box\" style=\"background:linear-gradient(135deg,rgba(247,183,49,0.18),rgba(247,183,49,0.06))\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f7b731\" stroke-width=\"2\"><path d=\"M18 6 6 18M6 6l12 12\"\/><\/svg>\n        <\/div>\n        <div class=\"w-acc-title-wrap\">\n          <div class=\"w-acc-title\">\u06f3. \u0636\u0631\u0628 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc<\/div>\n          <div class=\"w-acc-subtitle\">\u0642\u0648\u0627\u0646\u06cc\u0646 \u062a\u0648\u0627\u0646 \u0648 \u0636\u0631\u0628 \u0686\u0646\u062f\u062c\u0645\u0644\u0647\u200c\u0627\u06cc\u200c\u0647\u0627<\/div>\n        <\/div>\n        <div class=\"w-acc-actions\">\n          <label class=\"w-check-wrap\" id=\"chk-wrap-2\" onclick=\"event.stopPropagation()\">\n            <input type=\"checkbox\" id=\"chk-2\" onchange=\"window['math9ch5'].toggleCheck(2)\">\n            <div class=\"w-check-box\" id=\"chk-box-2\">\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" id=\"chk-svg-2\" style=\"display:none\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"w-check-label\">\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n          <\/label>\n          <div class=\"w-acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f7b731\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"w-acc-body\">\n        <div class=\"w-acc-content\">\n          <div class=\"w-content-grid\">\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f7b731\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n                \u0642\u0648\u0627\u0646\u06cc\u0646 \u062a\u0648\u0627\u0646\n              <\/h4>\n              <div class=\"w-formula\" style=\"font-size:12px;padding:10px 14px;\">\n                a\u1d50 \u00d7 a\u207f = a\u1d50\u207a\u207f\n              <\/div>\n              <div class=\"w-formula\" style=\"font-size:12px;padding:10px 14px;\">\n                a\u1d50 \u00f7 a\u207f = a\u1d50\u207b\u207f\n              <\/div>\n              <div class=\"w-formula\" style=\"font-size:12px;padding:10px 14px;\">\n                (a\u1d50)\u207f = a\u1d50\u02e3\u207f\n              <\/div>\n            <\/div>\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"m9 9 6 6M15 9l-6 6\"\/><\/svg>\n                \u0636\u0631\u0628 \u062a\u06a9\u200c\u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u062f\u0631 \u0686\u0646\u062f\u062c\u0645\u0644\u0647\u200c\u0627\u06cc\n              <\/h4>\n              <p>\u0647\u0631 \u062c\u0645\u0644\u0647 \u0627\u0632 \u062f\u0627\u062e\u0644 \u067e\u0631\u0627\u0646\u062a\u0632 \u0631\u0627 \u062f\u0631 \u062a\u06a9\u200c\u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u0636\u0631\u0628 \u06a9\u0646:<\/p>\n              <div class=\"w-example\">\n                <strong>2x(3x\u00b2 \u2212 5x + 1)<\/strong><br>\n                = 6x\u00b3 \u2212 10x\u00b2 + 2x\n              <\/div>\n            <\/div>\n            <div class=\"w-card w-card-full\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#a55eea\" stroke-width=\"2\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg>\n                \u0636\u0631\u0628 \u062f\u0648\u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u062f\u0631 \u062f\u0648\u062c\u0645\u0644\u0647\u200c\u0627\u06cc (FOIL)\n              <\/h4>\n              <div class=\"w-formula\">\n                (a + b)(c + d) = ac + ad + bc + bd\n              <\/div>\n              <div class=\"w-example\">\n                <strong>(2x + 3)(x \u2212 4)<\/strong><br>\n                = 2x\u00b7x + 2x\u00b7(\u22124) + 3\u00b7x + 3\u00b7(\u22124)<br>\n                = 2x\u00b2 \u2212 8x + 3x \u2212 12<br>\n                = <strong>2x\u00b2 \u2212 5x \u2212 12<\/strong>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"w-tip\">\n            <span class=\"w-tip-icon\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4a000\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>\n            <\/span>\n            <span><strong>\u0642\u0627\u0646\u0648\u0646 \u0645\u0647\u0645:<\/strong> \u062f\u0631 \u0636\u0631\u0628 \u062a\u0648\u0627\u0646\u200c\u0647\u0627 \u0628\u0627 \u067e\u0627\u06cc\u0647\u200c\u06cc \u06cc\u06a9\u0633\u0627\u0646\u060c \u062a\u0648\u0627\u0646\u200c\u0647\u0627 \u0631\u0627 \u062c\u0645\u0639 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. x\u00b3 \u00d7 x\u00b2 = x\u2075 (\u0646\u0647 x\u2076!)<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500\u2500 4. \u0627\u062a\u062d\u0627\u062f\u0647\u0627\u06cc \u0645\u0647\u0645 \u2500\u2500\u2500 -->\n    <div class=\"w-acc-item\" id=\"acc-3\">\n      <div class=\"w-acc-header\" onclick=\"window['math9ch5'].toggleAcc(3)\">\n        <div class=\"w-acc-icon-box\" style=\"background:linear-gradient(135deg,rgba(165,94,234,0.18),rgba(165,94,234,0.06))\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#a55eea\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n        <\/div>\n        <div class=\"w-acc-title-wrap\">\n          <div class=\"w-acc-title\">\u06f4. \u0627\u062a\u062d\u0627\u062f\u0647\u0627\u06cc \u0645\u0647\u0645<\/div>\n          <div class=\"w-acc-subtitle\">\u0645\u0631\u0628\u0639 \u062f\u0648\u062c\u0645\u0644\u0647\u200c\u0627\u06cc\u060c \u0645\u0631\u0628\u0639 \u06a9\u0627\u0645\u0644\u060c \u0641\u0631\u0642 \u0645\u0631\u0628\u0639\u0627\u062a<\/div>\n        <\/div>\n        <div class=\"w-acc-actions\">\n          <label class=\"w-check-wrap\" id=\"chk-wrap-3\" onclick=\"event.stopPropagation()\">\n            <input type=\"checkbox\" id=\"chk-3\" onchange=\"window['math9ch5'].toggleCheck(3)\">\n            <div class=\"w-check-box\" id=\"chk-box-3\">\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" id=\"chk-svg-3\" style=\"display:none\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"w-check-label\">\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n          <\/label>\n          <div class=\"w-acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#a55eea\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"w-acc-body\">\n        <div class=\"w-acc-content\">\n          <div class=\"w-content-grid\">\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#a55eea\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                \u0645\u0631\u0628\u0639 \u0645\u062c\u0645\u0648\u0639\n              <\/h4>\n              <div class=\"w-formula\" style=\"font-size:13px\">\n                (a + b)\u00b2 = a\u00b2 + 2ab + b\u00b2\n              <\/div>\n              <div class=\"w-example\">\n                <strong>(x + 3)\u00b2<\/strong> = x\u00b2 + 6x + 9<br>\n                <strong>(2x + 5)\u00b2<\/strong> = 4x\u00b2 + 20x + 25\n              <\/div>\n            <\/div>\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fc5c65\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                \u0645\u0631\u0628\u0639 \u062a\u0641\u0627\u0636\u0644\n              <\/h4>\n              <div class=\"w-formula\" style=\"font-size:13px\">\n                (a \u2212 b)\u00b2 = a\u00b2 \u2212 2ab + b\u00b2\n              <\/div>\n              <div class=\"w-example\">\n                <strong>(x \u2212 4)\u00b2<\/strong> = x\u00b2 \u2212 8x + 16<br>\n                <strong>(3x \u2212 2)\u00b2<\/strong> = 9x\u00b2 \u2212 12x + 4\n              <\/div>\n            <\/div>\n            <div class=\"w-card w-card-full\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#48cfad\" stroke-width=\"2\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg>\n                \u0641\u0631\u0642 \u062f\u0648 \u0645\u0631\u0628\u0639 (\u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0627\u062a\u062d\u0627\u062f!)\n              <\/h4>\n              <div class=\"w-formula\" style=\"font-size:15px\">\n                (a + b)(a \u2212 b) = a\u00b2 \u2212 b\u00b2\n              <\/div>\n              <div class=\"w-content-grid\" style=\"margin-top:10px\">\n                <div class=\"w-example\" style=\"margin:0\">\n                  <strong>(x + 5)(x \u2212 5)<\/strong> = x\u00b2 \u2212 25\n                <\/div>\n                <div class=\"w-example\" style=\"margin:0\">\n                  <strong>(3x + 2)(3x \u2212 2)<\/strong> = 9x\u00b2 \u2212 4\n                <\/div>\n              <\/div>\n            <\/div>\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f7b731\" stroke-width=\"2\"><path d=\"M12 3v18M3 12h18\"\/><\/svg>\n                \u0645\u062c\u0645\u0648\u0639 \u0645\u06a9\u0639\u0628\u200c\u0647\u0627\n              <\/h4>\n              <div class=\"w-formula\" style=\"font-size:11.5px;padding:10px\">\n                a\u00b3 + b\u00b3 = (a + b)(a\u00b2 \u2212 ab + b\u00b2)\n              <\/div>\n            <\/div>\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fc5c65\" stroke-width=\"2\"><path d=\"M18 6 6 18M6 6l12 12\"\/><\/svg>\n                \u062a\u0641\u0627\u0636\u0644 \u0645\u06a9\u0639\u0628\u200c\u0647\u0627\n              <\/h4>\n              <div class=\"w-formula\" style=\"font-size:11.5px;padding:10px\">\n                a\u00b3 \u2212 b\u00b3 = (a \u2212 b)(a\u00b2 + ab + b\u00b2)\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"w-tip\">\n            <span class=\"w-tip-icon\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4a000\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>\n            <\/span>\n            <span><strong>\u062a\u0631\u0641\u0646\u062f \u062d\u0641\u0638\u200c\u06a9\u0631\u062f\u0646:<\/strong> \u062f\u0631 \u0645\u0631\u0628\u0639 \u0645\u062c\u0645\u0648\u0639: \u0627\u0648\u0644\u00b2 + \u062f\u0648 \u0628\u0631\u0627\u0628\u0631 \u062d\u0627\u0635\u0644\u200c\u0636\u0631\u0628 + \u062f\u0648\u0645\u00b2&nbsp; | &nbsp;\u062f\u0631 \u0641\u0631\u0642 \u0645\u0631\u0628\u0639\u0627\u062a: \u062a\u0648\u062c\u0647 \u06a9\u0646 \u06a9\u0647 \u062d\u062a\u0645\u0627\u064b \u00ab\u0645\u0631\u0628\u0639\u00bb \u0628\u0627\u0634\u0646\u062f.<\/span>\n          <\/div>\n          <div class=\"w-warn\">\n            <span class=\"w-warn-icon\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c0392b\" stroke-width=\"2\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n            <\/span>\n            <span><strong>\u0627\u0634\u062a\u0628\u0627\u0647 \u0631\u0627\u06cc\u062c:<\/strong> (a + b)\u00b2 \u2260 a\u00b2 + b\u00b2 ! \u062d\u062a\u0645\u0627\u064b \u062c\u0645\u0644\u0647\u200c\u06cc \u0648\u0633\u0637 2ab \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633!<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500\u2500 5. \u062a\u062c\u0632\u06cc\u0647 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc \u2500\u2500\u2500 -->\n    <div class=\"w-acc-item\" id=\"acc-4\">\n      <div class=\"w-acc-header\" onclick=\"window['math9ch5'].toggleAcc(4)\">\n        <div class=\"w-acc-icon-box\" style=\"background:linear-gradient(135deg,rgba(69,170,242,0.18),rgba(69,170,242,0.06))\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#45aaf2\" stroke-width=\"2\"><path d=\"M12 22V12m0 0L8 8m4 4 4-4M2 12h4m12 0h4\"\/><\/svg>\n        <\/div>\n        <div class=\"w-acc-title-wrap\">\n          <div class=\"w-acc-title\">\u06f5. \u062a\u062c\u0632\u06cc\u0647 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc<\/div>\n          <div class=\"w-acc-subtitle\">\u0641\u0627\u06a9\u062a\u0648\u0631\u06af\u06cc\u0631\u06cc\u060c \u06af\u0631\u0648\u0647\u200c\u0628\u0646\u062f\u06cc \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u062a\u062d\u0627\u062f\u0647\u0627<\/div>\n        <\/div>\n        <div class=\"w-acc-actions\">\n          <label class=\"w-check-wrap\" id=\"chk-wrap-4\" onclick=\"event.stopPropagation()\">\n            <input type=\"checkbox\" id=\"chk-4\" onchange=\"window['math9ch5'].toggleCheck(4)\">\n            <div class=\"w-check-box\" id=\"chk-box-4\">\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" id=\"chk-svg-4\" style=\"display:none\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"w-check-label\">\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n          <\/label>\n          <div class=\"w-acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#45aaf2\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"w-acc-body\">\n        <div class=\"w-acc-content\">\n          <div class=\"w-content-grid\">\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#45aaf2\" stroke-width=\"2\"><path d=\"M9 18V5l12-2v13\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/><circle cx=\"18\" cy=\"16\" r=\"3\"\/><\/svg>\n                \u0631\u0648\u0634 \u06f1: \u0641\u0627\u06a9\u062a\u0648\u0631 \u0645\u0634\u062a\u0631\u06a9\n              <\/h4>\n              <p>\u0628\u0632\u0631\u06af\u200c\u062a\u0631\u06cc\u0646 \u0639\u0627\u0645\u0644 \u0645\u0634\u062a\u0631\u06a9 \u0647\u0645\u0647\u200c\u06cc \u062c\u0645\u0644\u0647\u200c\u0647\u0627 \u0631\u0627 \u0628\u06cc\u0631\u0648\u0646 \u0628\u06a9\u0634:<\/p>\n              <div class=\"w-example\">\n                <strong>6x\u00b3 + 9x\u00b2 \u2212 3x<\/strong><br>\n                = 3x(2x\u00b2 + 3x \u2212 1)\n              <\/div>\n            <\/div>\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#a55eea\" stroke-width=\"2\"><path d=\"M4 4h16v16H4z\"\/><path d=\"M4 12h16M12 4v16\"\/><\/svg>\n                \u0631\u0648\u0634 \u06f2: \u06af\u0631\u0648\u0647\u200c\u0628\u0646\u062f\u06cc\n              <\/h4>\n              <p>\u062c\u0645\u0644\u0647\u200c\u0647\u0627 \u0631\u0627 \u062f\u0648\u200c\u0628\u0647\u200c\u062f\u0648 \u06af\u0631\u0648\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0645\u0634\u062a\u0631\u06a9 \u0628\u06af\u06cc\u0631:<\/p>\n              <div class=\"w-example\">\n                <strong>ax + ay + bx + by<\/strong><br>\n                = a(x+y) + b(x+y)<br>\n                = (a+b)(x+y)\n              <\/div>\n            <\/div>\n            <div class=\"w-card w-card-full\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f7b731\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                \u0631\u0648\u0634 \u06f3: \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u062a\u062d\u0627\u062f\u0647\u0627\n              <\/h4>\n              <div class=\"w-content-grid\" style=\"margin-top:8px\">\n                <div class=\"w-example\" style=\"margin:0\">\n                  <strong>\u062a\u062c\u0632\u06cc\u0647 x\u00b2 \u2212 9:<\/strong><br>\n                  = x\u00b2 \u2212 3\u00b2<br>\n                  = (x+3)(x\u22123) \u2190 \u0641\u0631\u0642 \u0645\u0631\u0628\u0639\u0627\u062a\n                <\/div>\n                <div class=\"w-example\" style=\"margin:0\">\n                  <strong>\u062a\u062c\u0632\u06cc\u0647 x\u00b2 + 6x + 9:<\/strong><br>\n                  = x\u00b2 + 2\u00b7x\u00b73 + 3\u00b2<br>\n                  = (x+3)\u00b2 \u2190 \u0645\u0631\u0628\u0639 \u06a9\u0627\u0645\u0644\n                <\/div>\n              <\/div>\n            <\/div>\n            <div class=\"w-card w-card-full\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#48cfad\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n                \u0645\u0631\u0627\u062d\u0644 \u062a\u062c\u0632\u06cc\u0647 (\u062a\u0631\u062a\u06cc\u0628 \u0635\u062d\u06cc\u062d)\n              <\/h4>\n              <ul>\n                <li>\u0627\u0628\u062a\u062f\u0627 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0645\u0634\u062a\u0631\u06a9 \u0628\u06af\u06cc\u0631<\/li>\n                <li>\u0633\u067e\u0633 \u0628\u0628\u06cc\u0646 \u0622\u06cc\u0627 \u0627\u0632 \u0627\u062a\u062d\u0627\u062f\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u061f<\/li>\n                <li>\u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u06af\u0631\u0648\u0647\u200c\u0628\u0646\u062f\u06cc \u06a9\u0646<\/li>\n                <li>\u062a\u062c\u0632\u06cc\u0647 \u0631\u0627 \u062a\u0627 \u062c\u0627\u06cc\u06cc \u0627\u062f\u0627\u0645\u0647 \u0628\u062f\u0647 \u06a9\u0647 \u062f\u06cc\u06af\u0631 \u0646\u062a\u0648\u0627\u0646\u06cc<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n          <div class=\"w-tip\">\n            <span class=\"w-tip-icon\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4a000\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>\n            <\/span>\n            <span><strong>\u0646\u06a9\u062a\u0647 \u06a9\u0644\u06cc\u062f\u06cc:<\/strong> \u0628\u0639\u062f \u0627\u0632 \u062a\u062c\u0632\u06cc\u0647\u060c \u0628\u0631\u0627\u06cc \u0628\u0631\u0631\u0633\u06cc \u062f\u0631\u0633\u062a\u06cc\u060c \u062f\u0648\u0628\u0627\u0631\u0647 \u062d\u0627\u0635\u0644\u200c\u0636\u0631\u0628 \u0628\u06af\u06cc\u0631 \u0648 \u0645\u0637\u0645\u0626\u0646 \u0634\u0648 \u0628\u0647 \u0639\u0628\u0627\u0631\u062a \u0627\u0635\u0644\u06cc \u0645\u06cc\u200c\u0631\u0633\u06cc.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500\u2500 6. \u062a\u0648\u0627\u0646 \u062f\u0631 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc \u2500\u2500\u2500 -->\n    <div class=\"w-acc-item\" id=\"acc-5\">\n      <div class=\"w-acc-header\" onclick=\"window['math9ch5'].toggleAcc(5)\">\n        <div class=\"w-acc-icon-box\" style=\"background:linear-gradient(135deg,rgba(253,150,68,0.18),rgba(253,150,68,0.06))\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fd9644\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n        <\/div>\n        <div class=\"w-acc-title-wrap\">\n          <div class=\"w-acc-title\">\u06f6. \u062a\u0648\u0627\u0646 \u062f\u0631 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc<\/div>\n          <div class=\"w-acc-subtitle\">\u0642\u0648\u0627\u0646\u06cc\u0646 \u062a\u0648\u0627\u0646\u060c \u062a\u0648\u0627\u0646 \u0635\u0641\u0631\u060c \u062a\u0648\u0627\u0646 \u0645\u0646\u0641\u06cc<\/div>\n        <\/div>\n        <div class=\"w-acc-actions\">\n          <label class=\"w-check-wrap\" id=\"chk-wrap-5\" onclick=\"event.stopPropagation()\">\n            <input type=\"checkbox\" id=\"chk-5\" onchange=\"window['math9ch5'].toggleCheck(5)\">\n            <div class=\"w-check-box\" id=\"chk-box-5\">\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" id=\"chk-svg-5\" style=\"display:none\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"w-check-label\">\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n          <\/label>\n          <div class=\"w-acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fd9644\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"w-acc-body\">\n        <div class=\"w-acc-content\">\n          <div class=\"w-content-grid\">\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fd9644\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n                \u062c\u062f\u0648\u0644 \u0642\u0648\u0627\u0646\u06cc\u0646 \u062a\u0648\u0627\u0646\n              <\/h4>\n              <ul>\n                <li>a\u1d50 \u00d7 a\u207f = a\u1d50\u207a\u207f<\/li>\n                <li>a\u1d50 \u00f7 a\u207f = a\u1d50\u207b\u207f (m > n)<\/li>\n                <li>(a\u1d50)\u207f = a\u1d50\u207f<\/li>\n                <li>(ab)\u207f = a\u207fb\u207f<\/li>\n                <li>(a\/b)\u207f = a\u207f\/b\u207f<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"\/><line x1=\"8\" y1=\"12\" x2=\"16\" y2=\"12\"\/><\/svg>\n                \u062a\u0648\u0627\u0646 \u0635\u0641\u0631\n              <\/h4>\n              <div class=\"w-formula\" style=\"font-size:15px;padding:12px\">\n                a\u2070 = 1 &nbsp; (a \u2260 0)\n              <\/div>\n              <p style=\"font-size:12.5px;color:var(--text-muted);margin-top:8px\">\u0647\u0631 \u0639\u062f\u062f \u063a\u06cc\u0631\u0635\u0641\u0631 \u0628\u0647 \u062a\u0648\u0627\u0646 \u0635\u0641\u0631 \u0628\u0631\u0627\u0628\u0631 \u06f1 \u0627\u0633\u062a.<\/p>\n              <div class=\"w-example\">\n                5\u2070 = 1 &nbsp;|&nbsp; (\u22123)\u2070 = 1 &nbsp;|&nbsp; x\u2070 = 1\n              <\/div>\n            <\/div>\n            <div class=\"w-card w-card-full\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fc5c65\" stroke-width=\"2\"><path d=\"M18 6 6 18M6 6l12 12\"\/><\/svg>\n                \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc \u062a\u0631\u06a9\u06cc\u0628\u06cc\n              <\/h4>\n              <div class=\"w-example\">\n                <strong>(2x\u00b2)\u00b3<\/strong> = 2\u00b3 \u00b7 (x\u00b2)\u00b3 = 8x\u2076<br>\n                <strong>(-3y\u00b2)\u00b2<\/strong> = (-3)\u00b2 \u00b7 y\u2074 = 9y\u2074<br>\n                <strong>(x\u00b2y\u00b3)\u2074<\/strong> = x\u2078y\u00b9\u00b2\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"w-warn\">\n            <span class=\"w-warn-icon\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c0392b\" stroke-width=\"2\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n            <\/span>\n            <span><strong>\u0645\u0631\u0627\u0642\u0628 \u0628\u0627\u0634:<\/strong> (\u22123)\u00b2 = 9 \u0648\u0644\u06cc \u22123\u00b2 = \u22129 (\u0639\u0644\u0627\u0645\u062a \u0645\u0646\u0641\u06cc \u062a\u0648\u0627\u0646 \u0646\u0645\u06cc\u200c\u06af\u06cc\u0631\u062f \u0645\u06af\u0631 \u062f\u0627\u062e\u0644 \u067e\u0631\u0627\u0646\u062a\u0632 \u0628\u0627\u0634\u062f!)<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500\u2500 7. \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627 \u2500\u2500\u2500 -->\n    <div class=\"w-acc-item\" id=\"acc-6\">\n      <div class=\"w-acc-header\" onclick=\"window['math9ch5'].toggleAcc(6)\">\n        <div class=\"w-acc-icon-box\" style=\"background:linear-gradient(135deg,rgba(252,92,101,0.18),rgba(252,92,101,0.06))\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fc5c65\" stroke-width=\"2\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\n        <\/div>\n        <div class=\"w-acc-title-wrap\">\n          <div class=\"w-acc-title\">\u06f7. \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc \u0639\u0628\u0627\u0631\u062a \u062c\u0628\u0631\u06cc<\/div>\n          <div class=\"w-acc-subtitle\">\u062d\u0644 \u0645\u0633\u0626\u0644\u0647\u060c \u0645\u062d\u0627\u0633\u0628\u0647 \u0639\u062f\u062f\u06cc \u0648 \u062c\u0627\u06cc\u06af\u0630\u0627\u0631\u06cc<\/div>\n        <\/div>\n        <div class=\"w-acc-actions\">\n          <label class=\"w-check-wrap\" id=\"chk-wrap-6\" onclick=\"event.stopPropagation()\">\n            <input type=\"checkbox\" id=\"chk-6\" onchange=\"window['math9ch5'].toggleCheck(6)\">\n            <div class=\"w-check-box\" id=\"chk-box-6\">\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" id=\"chk-svg-6\" style=\"display:none\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"w-check-label\">\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n          <\/label>\n          <div class=\"w-acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fc5c65\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"w-acc-body\">\n        <div class=\"w-acc-content\">\n          <div class=\"w-content-grid\">\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fc5c65\" stroke-width=\"2\"><path d=\"M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5z\"\/><path d=\"M20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><path d=\"M9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5z\"\/><path d=\"M3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14z\"\/><path d=\"M14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5z\"\/><path d=\"M15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z\"\/><path d=\"M10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5z\"\/><path d=\"M8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z\"\/><\/svg>\n                \u062c\u0627\u06cc\u06af\u0630\u0627\u0631\u06cc \u0645\u0642\u062f\u0627\u0631 \u0639\u062f\u062f\u06cc\n              <\/h4>\n              <p>\u0648\u0642\u062a\u06cc \u0645\u0642\u062f\u0627\u0631 \u0645\u062a\u063a\u06cc\u0631 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0627\u0646\u06cc\u0645\u060c \u0622\u0646 \u0631\u0627 \u062f\u0631 \u0639\u0628\u0627\u0631\u062a \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u06cc\u0645:<\/p>\n              <div class=\"w-example\">\n                \u0627\u06af\u0631 x = 3\u060c \u0645\u0642\u062f\u0627\u0631 2x\u00b2 \u2212 x + 1 \u0628\u0631\u0627\u0628\u0631 \u0627\u0633\u062a \u0628\u0627:<br>\n                2(3)\u00b2 \u2212 3 + 1 = 18 \u2212 3 + 1 = <strong>16<\/strong>\n              <\/div>\n            <\/div>\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#48cfad\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n                \u0645\u062d\u0627\u0633\u0628\u0647 \u0647\u0648\u0634\u0645\u0646\u062f \u0628\u0627 \u0627\u062a\u062d\u0627\u062f\n              <\/h4>\n              <p>\u0628\u0647 \u062c\u0627\u06cc \u0636\u0631\u0628 \u062f\u0633\u062a\u06cc \u0627\u0632 \u0627\u062a\u062d\u0627\u062f\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646:<\/p>\n              <div class=\"w-example\">\n                <strong>\u06f9\u06f8 \u00d7 \u06f1\u06f0\u06f2 = \u061f<\/strong><br>\n                = (100 \u2212 2)(100 + 2)<br>\n                = 100\u00b2 \u2212 4 = <strong>9996<\/strong>\n              <\/div>\n            <\/div>\n            <div class=\"w-card w-card-full\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\n                \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc\n              <\/h4>\n              <ul>\n                <li>\u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u0633\u0627\u062d\u062a \u0627\u0634\u06a9\u0627\u0644 \u0647\u0646\u062f\u0633\u06cc \u0628\u0627 \u0627\u0628\u0639\u0627\u062f \u0645\u062a\u063a\u06cc\u0631<\/li>\n                <li>\u0646\u0648\u0634\u062a\u0646 \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u0639\u0644\u0645\u06cc (\u0641\u06cc\u0632\u06cc\u06a9\u060c \u0634\u06cc\u0645\u06cc)<\/li>\n                <li>\u0645\u062f\u0644\u200c\u0633\u0627\u0632\u06cc \u0645\u0633\u0627\u0626\u0644 \u0631\u0648\u0632\u0645\u0631\u0647<\/li>\n                <li>\u062d\u0644 \u0645\u0639\u0627\u062f\u0644\u0627\u062a \u0648 \u0646\u0627\u0645\u0639\u0627\u062f\u0644\u0627\u062a<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n          <div class=\"w-tip\">\n            <span class=\"w-tip-icon\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4a000\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>\n            <\/span>\n            <span><strong>\u062a\u0631\u0641\u0646\u062f \u0627\u0645\u062a\u062d\u0627\u0646\u06cc:<\/strong> \u0628\u0631\u0627\u06cc \u0645\u062d\u0627\u0633\u0628\u0647 \u0633\u0631\u06cc\u0639 \u0627\u0639\u062f\u0627\u062f \u0646\u0632\u062f\u06cc\u06a9 \u0628\u0647 \u0645\u0636\u0627\u0631\u0628 \u06f1\u06f0\u060c \u0627\u0632 \u0627\u062a\u062d\u0627\u062f \u0641\u0631\u0642 \u0645\u0631\u0628\u0639\u0627\u062a \u06cc\u0627 \u0645\u0631\u0628\u0639 \u0645\u062c\u0645\u0648\u0639\/\u062a\u0641\u0627\u0636\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646!<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500\u2500 8. \u0646\u06a9\u0627\u062a \u0648 \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u0645\u0647\u0645 \u2500\u2500\u2500 -->\n    <div class=\"w-acc-item\" id=\"acc-7\">\n      <div class=\"w-acc-header\" onclick=\"window['math9ch5'].toggleAcc(7)\">\n        <div class=\"w-acc-icon-box\" style=\"background:linear-gradient(135deg,rgba(247,183,49,0.25),rgba(247,183,49,0.08))\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f7b731\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>\n        <\/div>\n        <div class=\"w-acc-title-wrap\">\n          <div class=\"w-acc-title\">\u06f8. \u0646\u06a9\u0627\u062a \u0645\u0647\u0645 \u0648 \u067e\u0631\u062a\u06a9\u0631\u0627\u0631 \u0627\u0645\u062a\u062d\u0627\u0646\u06cc<\/div>\n          <div class=\"w-acc-subtitle\">\u062e\u0644\u0627\u0635\u0647\u200c\u0627\u06cc \u0627\u0632 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0646\u06a9\u0627\u062a \u0628\u0631\u0627\u06cc \u0622\u0632\u0645\u0648\u0646<\/div>\n        <\/div>\n        <div class=\"w-acc-actions\">\n          <label class=\"w-check-wrap\" id=\"chk-wrap-7\" onclick=\"event.stopPropagation()\">\n            <input type=\"checkbox\" id=\"chk-7\" onchange=\"window['math9ch5'].toggleCheck(7)\">\n            <div class=\"w-check-box\" id=\"chk-box-7\">\n              <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" id=\"chk-svg-7\" style=\"display:none\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"w-check-label\">\u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645<\/span>\n          <\/label>\n          <div class=\"w-acc-arrow\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f7b731\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"w-acc-body\">\n        <div class=\"w-acc-content\">\n          <div class=\"w-content-grid\">\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f7b731\" stroke-width=\"2\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n                \u0646\u06a9\u0627\u062a \u0636\u0631\u0648\u0631\u06cc\n              <\/h4>\n              <ul>\n                <li>\u0641\u0642\u0637 \u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0647\u0645\u0627\u0646\u0646\u062f \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u062c\u0645\u0639\/\u062a\u0641\u0631\u06cc\u0642 \u06a9\u0631\u062f<\/li>\n                <li>(a+b)\u00b2 \u0647\u0631\u06af\u0632 \u0628\u0631\u0627\u0628\u0631 a\u00b2+b\u00b2 \u0646\u06cc\u0633\u062a<\/li>\n                <li>\u0647\u0631 \u0639\u062f\u062f \u22600 \u0628\u0647 \u062a\u0648\u0627\u0646 \u0635\u0641\u0631 \u0628\u0631\u0627\u0628\u0631 \u06f1 \u0627\u0633\u062a<\/li>\n                <li>\u062f\u0631 \u062a\u0641\u0631\u06cc\u0642 \u067e\u0631\u0627\u0646\u062a\u0632\u060c \u0639\u0644\u0627\u0645\u062a \u0628\u0631\u0639\u06a9\u0633 \u0645\u06cc\u200c\u0634\u0648\u062f<\/li>\n                <li>\u062f\u0631\u062c\u0647\u200c\u06cc \u0686\u0646\u062f\u062c\u0645\u0644\u0647\u200c\u0627\u06cc = \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u062a\u0648\u0627\u0646<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"w-card\">\n              <h4>\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fc5c65\" stroke-width=\"2\"><path d=\"M12 22h6a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v10\"\/><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"\/><path d=\"M3 15h6\"\/><path d=\"M6 12v6\"\/><\/svg>\n                \u0627\u0634\u062a\u0628\u0627\u0647\u0627\u062a \u0631\u0627\u06cc\u062c\n              <\/h4>\n              <ul>\n                <li>x\u00b2 + y\u00b2 \u2260 (x+y)\u00b2 \u2190 \u062f\u0631\u0633\u062a: (x+y)\u00b2 = x\u00b2+2xy+y\u00b2<\/li>\n                <li>\u2212x\u00b2 \u2260 (\u2212x)\u00b2 \u2190 (\u2212x)\u00b2 = x\u00b2<\/li>\n                <li>3x\u00b2 \u2260 (3x)\u00b2 \u2190 (3x)\u00b2 = 9x\u00b2<\/li>\n                <li>\u0636\u0631\u0628 \u062a\u0648\u0627\u0646 \u062f\u0631 \u062a\u0648\u0627\u0646 \u0646\u0647 \u0636\u0631\u0628 \u067e\u0627\u06cc\u0647<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n          <div class=\"w-tip\">\n            <span class=\"w-tip-icon\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4a000\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>\n            <\/span>\n            <span><strong>\u0642\u0628\u0644 \u0627\u0632 \u0627\u0645\u062a\u062d\u0627\u0646:<\/strong> \u062a\u0645\u0627\u0645 \u0627\u062a\u062d\u0627\u062f\u0647\u0627 \u0631\u0627 \u0631\u0648\u06cc \u06a9\u0627\u063a\u0630 \u0628\u0646\u0648\u06cc\u0633\u060c \u0645\u062b\u0627\u0644 \u0628\u0632\u0646 \u0648 \u0628\u0627 \u0627\u0639\u062f\u0627\u062f \u0633\u0627\u062f\u0647 \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646 \u062a\u0627 \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06cc \u062f\u0631\u0633\u062a \u062d\u0641\u0638\u06cc.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div><!-- end accordion -->\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FORMULA SHEET \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"w-section-label\" style=\"margin-top:36px\">\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\n    \u0628\u0631\u06af \u0641\u0631\u0645\u0648\u0644\n  <\/div>\n  <div class=\"w-formula-sheet\">\n    <h2>\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\n      \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u0645\u0647\u0645 \u0641\u0635\u0644 \u067e\u0646\u062c\u0645\n    <\/h2>\n    <div class=\"w-formula-grid\">\n      <div class=\"w-formula-item\">\n        <span class=\"f-name\">\u0645\u0631\u0628\u0639 \u0645\u062c\u0645\u0648\u0639<\/span>\n        <span class=\"f-eq\">(a + b)\u00b2 = a\u00b2 + 2ab + b\u00b2<\/span>\n      <\/div>\n      <div class=\"w-formula-item\">\n        <span class=\"f-name\">\u0645\u0631\u0628\u0639 \u062a\u0641\u0627\u0636\u0644<\/span>\n        <span class=\"f-eq\">(a \u2212 b)\u00b2 = a\u00b2 \u2212 2ab + b\u00b2<\/span>\n      <\/div>\n      <div class=\"w-formula-item\">\n        <span class=\"f-name\">\u0641\u0631\u0642 \u062f\u0648 \u0645\u0631\u0628\u0639<\/span>\n        <span class=\"f-eq\">(a+b)(a\u2212b) = a\u00b2 \u2212 b\u00b2<\/span>\n      <\/div>\n      <div class=\"w-formula-item\">\n        <span class=\"f-name\">\u0636\u0631\u0628 \u062a\u0648\u0627\u0646\u200c\u0647\u0627<\/span>\n        <span class=\"f-eq\">a\u1d50 \u00d7 a\u207f = a\u1d50\u207a\u207f<\/span>\n      <\/div>\n      <div class=\"w-formula-item\">\n        <span class=\"f-name\">\u062a\u0642\u0633\u06cc\u0645 \u062a\u0648\u0627\u0646\u200c\u0647\u0627<\/span>\n        <span class=\"f-eq\">a\u1d50 \u00f7 a\u207f = a\u1d50\u207b\u207f<\/span>\n      <\/div>\n      <div class=\"w-formula-item\">\n        <span class=\"f-name\">\u062a\u0648\u0627\u0646 \u062a\u0648\u0627\u0646<\/span>\n        <span class=\"f-eq\">(a\u1d50)\u207f = a\u1d50\u207f<\/span>\n      <\/div>\n      <div class=\"w-formula-item\">\n        <span class=\"f-name\">\u062a\u0648\u0627\u0646 \u0635\u0641\u0631<\/span>\n        <span class=\"f-eq\">a\u2070 = 1 (a\u22600)<\/span>\n      <\/div>\n      <div class=\"w-formula-item\">\n        <span class=\"f-name\">\u0645\u062c\u0645\u0648\u0639 \u0645\u06a9\u0639\u0628\u200c\u0647\u0627<\/span>\n        <span class=\"f-eq\">a\u00b3+b\u00b3=(a+b)(a\u00b2\u2212ab+b\u00b2)<\/span>\n      <\/div>\n      <div class=\"w-formula-item\">\n        <span class=\"f-name\">\u062a\u0641\u0627\u0636\u0644 \u0645\u06a9\u0639\u0628\u200c\u0647\u0627<\/span>\n        <span class=\"f-eq\">a\u00b3\u2212b\u00b3=(a\u2212b)(a\u00b2+ab+b\u00b2)<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 QUIZ SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"w-section-label\">\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n    \u062a\u0645\u0631\u06cc\u0646 \u0648 \u062e\u0648\u062f\u0622\u0632\u0645\u0627\u06cc\u06cc\n  <\/div>\n  <div class=\"w-quiz-section\">\n    <h2>\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n      \u0633\u0648\u0627\u0644\u0627\u062a \u062a\u0633\u062a\u06cc\n    <\/h2>\n\n    <!-- Q1 -->\n    <div class=\"w-quiz-q\">\n      <div class=\"q-num\">\u0633\u0648\u0627\u0644 \u06f1<\/div>\n      <div class=\"q-text\">\u062d\u0627\u0635\u0644 (x + 4)\u00b2 \u06a9\u062f\u0627\u0645 \u0627\u0633\u062a\u061f<\/div>\n      <div class=\"w-quiz-options\" id=\"qopts-0\">\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(0,0,2)\"><span class=\"opt-letter\">\u0627\u0644\u0641<\/span>x\u00b2 + 8x + 16<\/button>\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(0,1,2)\"><span class=\"opt-letter\">\u0628<\/span>x\u00b2 + 4x + 16<\/button>\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(0,2,2)\"><span class=\"opt-letter\">\u062c<\/span>x\u00b2 + 16<\/button>\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(0,3,2)\"><span class=\"opt-letter\">\u062f<\/span>x\u00b2 + 8x<\/button>\n      <\/div>\n      <div class=\"w-quiz-feedback\" id=\"qfeed-0\"><\/div>\n    <\/div>\n\n    <!-- Q2 -->\n    <div class=\"w-quiz-q\">\n      <div class=\"q-num\">\u0633\u0648\u0627\u0644 \u06f2<\/div>\n      <div class=\"q-text\">\u0645\u0642\u062f\u0627\u0631 \u0639\u0628\u0627\u0631\u062a 2x\u00b2 \u2212 3x + 1 \u0648\u0642\u062a\u06cc x = 2 \u0686\u0642\u062f\u0631 \u0627\u0633\u062a\u061f<\/div>\n      <div class=\"w-quiz-options\" id=\"qopts-1\">\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(1,0,1)\"><span class=\"opt-letter\">\u0627\u0644\u0641<\/span>\u06f1<\/button>\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(1,1,1)\"><span class=\"opt-letter\">\u0628<\/span>\u06f3<\/button>\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(1,2,1)\"><span class=\"opt-letter\">\u062c<\/span>\u06f5<\/button>\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(1,3,1)\"><span class=\"opt-letter\">\u062f<\/span>\u06f7<\/button>\n      <\/div>\n      <div class=\"w-quiz-feedback\" id=\"qfeed-1\"><\/div>\n    <\/div>\n\n    <!-- Q3 -->\n    <div class=\"w-quiz-q\">\n      <div class=\"q-num\">\u0633\u0648\u0627\u0644 \u06f3<\/div>\n      <div class=\"q-text\">\u0641\u0627\u06a9\u062a\u0648\u0631\u06cc\u0632\u0647\u200c\u06cc x\u00b2 \u2212 25 \u06a9\u062f\u0627\u0645 \u0627\u0633\u062a\u061f<\/div>\n      <div class=\"w-quiz-options\" id=\"qopts-2\">\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(2,0,3)\"><span class=\"opt-letter\">\u0627\u0644\u0641<\/span>(x \u2212 5)\u00b2<\/button>\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(2,1,3)\"><span class=\"opt-letter\">\u0628<\/span>(x + 5)\u00b2<\/button>\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(2,2,3)\"><span class=\"opt-letter\">\u062c<\/span>(x \u2212 25)(x + 1)<\/button>\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(2,3,3)\"><span class=\"opt-letter\">\u062f<\/span>(x + 5)(x \u2212 5)<\/button>\n      <\/div>\n      <div class=\"w-quiz-feedback\" id=\"qfeed-2\"><\/div>\n    <\/div>\n\n    <!-- Q4 -->\n    <div class=\"w-quiz-q\">\n      <div class=\"q-num\">\u0633\u0648\u0627\u0644 \u06f4<\/div>\n      <div class=\"q-text\">\u062d\u0627\u0635\u0644 x\u00b3 \u00d7 x\u2074 \u0628\u0631\u0627\u0628\u0631 \u06a9\u062f\u0627\u0645 \u0627\u0633\u062a\u061f<\/div>\n      <div class=\"w-quiz-options\" id=\"qopts-3\">\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(3,0,2)\"><span class=\"opt-letter\">\u0627\u0644\u0641<\/span>x\u00b9\u00b2<\/button>\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(3,1,2)\"><span class=\"opt-letter\">\u0628<\/span>x\u00b3<\/button>\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(3,2,2)\"><span class=\"opt-letter\">\u062c<\/span>x\u2077<\/button>\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(3,3,2)\"><span class=\"opt-letter\">\u062f<\/span>2x\u2077<\/button>\n      <\/div>\n      <div class=\"w-quiz-feedback\" id=\"qfeed-3\"><\/div>\n    <\/div>\n\n    <!-- Q5 -->\n    <div class=\"w-quiz-q\">\n      <div class=\"q-num\">\u0633\u0648\u0627\u0644 \u06f5<\/div>\n      <div class=\"q-text\">\u062d\u0627\u0635\u0644\u200c\u0636\u0631\u0628 (2x \u2212 3)(2x + 3) \u0628\u0631\u0627\u0628\u0631 \u06a9\u062f\u0627\u0645 \u0627\u0633\u062a\u061f<\/div>\n      <div class=\"w-quiz-options\" id=\"qopts-4\">\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(4,0,1)\"><span class=\"opt-letter\">\u0627\u0644\u0641<\/span>4x\u00b2 \u2212 9<\/button>\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(4,1,1)\"><span class=\"opt-letter\">\u0628<\/span>4x\u00b2 \u2212 12x + 9<\/button>\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(4,2,1)\"><span class=\"opt-letter\">\u062c<\/span>4x\u00b2 + 9<\/button>\n        <button class=\"w-quiz-opt\" onclick=\"window['math9ch5'].checkAnswer(4,3,1)\"><span class=\"opt-letter\">\u062f<\/span>2x\u00b2 \u2212 9<\/button>\n      <\/div>\n      <div class=\"w-quiz-feedback\" id=\"qfeed-4\"><\/div>\n    <\/div>\n\n    <div class=\"w-quiz-score\" id=\"quizScore\" style=\"display:none\"><\/div>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NIGHT REVIEW \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"w-section-label\">\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/><\/svg>\n    \u0645\u0631\u0648\u0631 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646\n  <\/div>\n  <div class=\"w-night-review\">\n    <h2>\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/><\/svg>\n      \u0686\u06a9\u200c\u0644\u06cc\u0633\u062a \u0645\u0631\u0648\u0631 \u0633\u0631\u06cc\u0639\n    <\/h2>\n    <ul class=\"w-night-list\">\n      <li><span class=\"nl-num\">\u06f1<\/span><span>\u0641\u0642\u0637 \u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u0647\u0645\u0627\u0646\u0646\u062f (\u062a\u0648\u0627\u0646 \u0648 \u0645\u062a\u063a\u06cc\u0631 \u06cc\u06a9\u0633\u0627\u0646) \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0628\u0627 \u0647\u0645 \u062c\u0645\u0639 \u06cc\u0627 \u062a\u0641\u0631\u06cc\u0642 \u06a9\u0631\u062f.<\/span><\/li>\n      <li><span class=\"nl-num\">\u06f2<\/span><span><strong>(a+b)\u00b2 = a\u00b2 + 2ab + b\u00b2<\/strong> &mdash; \u062c\u0645\u0644\u0647\u200c\u06cc \u0648\u0633\u0637 \u0631\u0627 \u0641\u0631\u0627\u0645\u0648\u0634 \u0646\u06a9\u0646!<\/span><\/li>\n      <li><span class=\"nl-num\">\u06f3<\/span><span><strong>(a\u2212b)\u00b2 = a\u00b2 \u2212 2ab + b\u00b2<\/strong> &mdash; \u062a\u0648\u062c\u0647: \u062c\u0645\u0644\u0647\u200c\u06cc \u0622\u062e\u0631 \u0647\u0645\u06cc\u0634\u0647 \u0645\u062b\u0628\u062a \u0627\u0633\u062a.<\/span><\/li>\n      <li><span class=\"nl-num\">\u06f4<\/span><span><strong>(a+b)(a\u2212b) = a\u00b2 \u2212 b\u00b2<\/strong> &mdash; \u0641\u0631\u0642 \u062f\u0648 \u0645\u0631\u0628\u0639\u060c \u067e\u0631\u06a9\u0627\u0631\u0628\u0631\u062f\u062a\u0631\u06cc\u0646 \u0627\u062a\u062d\u0627\u062f!<\/span><\/li>\n      <li><span class=\"nl-num\">\u06f5<\/span><span>\u062f\u0631 \u0636\u0631\u0628 \u062a\u0648\u0627\u0646\u200c\u0647\u0627 \u0628\u0627 \u067e\u0627\u06cc\u0647 \u0645\u0634\u062a\u0631\u06a9: \u062a\u0648\u0627\u0646\u200c\u0647\u0627 \u0631\u0627 \u062c\u0645\u0639 \u06a9\u0646 (a\u1d50\u00d7a\u207f = a\u1d50\u207a\u207f)<\/span><\/li>\n      <li><span class=\"nl-num\">\u06f6<\/span><span>\u062f\u0631 \u062a\u0641\u0631\u06cc\u0642 \u067e\u0631\u0627\u0646\u062a\u0632\u060c \u0639\u0644\u0627\u0645\u062a \u062a\u0645\u0627\u0645 \u062c\u0645\u0644\u0647\u200c\u0647\u0627\u06cc \u062f\u0631\u0648\u0646 \u067e\u0631\u0627\u0646\u062a\u0632 \u0628\u0631\u0639\u06a9\u0633 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/span><\/li>\n      <li><span class=\"nl-num\">\u06f7<\/span><span>\u0647\u0631 \u0639\u062f\u062f \u063a\u06cc\u0631\u0635\u0641\u0631 \u0628\u0647 \u062a\u0648\u0627\u0646 \u0635\u0641\u0631 \u0628\u0631\u0627\u0628\u0631 \u06f1 \u0627\u0633\u062a: a\u2070 = 1<\/span><\/li>\n      <li><span class=\"nl-num\">\u06f8<\/span><span>\u0628\u0631\u0627\u06cc \u062a\u062c\u0632\u06cc\u0647: \u0627\u0628\u062a\u062f\u0627 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0645\u0634\u062a\u0631\u06a9\u060c \u0633\u067e\u0633 \u0627\u062a\u062d\u0627\u062f\u0647\u0627\u060c \u0633\u067e\u0633 \u06af\u0631\u0648\u0647\u200c\u0628\u0646\u062f\u06cc.<\/span><\/li>\n      <li><span class=\"nl-num\">\u06f9<\/span><span>\u0645\u0631\u0627\u0642\u0628 \u0627\u0634\u062a\u0628\u0627\u0647 \u0631\u0627\u06cc\u062c: (\u2212a)\u00b2 = a\u00b2 \u0648\u0644\u06cc \u2212a\u00b2 = \u2212a\u00b2<\/span><\/li>\n      <li><span class=\"nl-num\">\u06f1\u06f0<\/span><span>\u062f\u0631\u062c\u0647\u200c\u06cc \u0686\u0646\u062f\u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u0628\u0631 \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u062a\u0648\u0627\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f.<\/span><\/li>\n    <\/ul>\n  <\/div>\n\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"w-footer\">\n    \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 \u2014 \u0641\u0635\u0644 \u067e\u0646\u062c\u0645: \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u062c\u0628\u0631\u06cc &nbsp;|&nbsp; \u062f\u0627\u0634\u0628\u0648\u0631\u062f \u0622\u0645\u0648\u0632\u0634\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc\n  <\/div>\n\n<\/div><!-- end #math9-ch5-widget -->\n\n<script>\n(function(){\n  'use strict';\n\n  var WIDGET_ID  = 'math9-ch5-widget';\n  var STORAGE_KEY = 'math9ch5_progress';\n  var TOTAL_ITEMS = 8;\n\n  \/* \u2500\u2500 State \u2500\u2500 *\/\n  var state = {\n    checked: [],      \/\/ which topics are checked\n    quizAnswers: {}   \/\/ quiz answer status\n  };\n\n  \/* \u2500\u2500 Load from localStorage \u2500\u2500 *\/\n  function loadState(){\n    try {\n      var raw = localStorage.getItem(STORAGE_KEY);\n      if(raw){ state = JSON.parse(raw); }\n    } catch(e){}\n    if(!Array.isArray(state.checked)) state.checked = [];\n    if(!state.quizAnswers) state.quizAnswers = {};\n  }\n\n  \/* \u2500\u2500 Save to localStorage \u2500\u2500 *\/\n  function saveState(){\n    try { localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); } catch(e){}\n  }\n\n  \/* \u2500\u2500 Update progress UI \u2500\u2500 *\/\n  function updateProgress(){\n    var done = state.checked.length;\n    var pct  = Math.round((done \/ TOTAL_ITEMS) * 100);\n    var r    = 38; \/\/ circle radius\n    var circ = 2 * Math.PI * r; \/\/ 238.76\n\n    var ring = document.getElementById('progressRing');\n    var bar  = document.getElementById('progressBar');\n    var pctEl= document.getElementById('progressPct');\n    var desc = document.getElementById('progressDesc');\n    var doneEl = document.getElementById('doneCount');\n\n    if(ring){ ring.style.strokeDashoffset = circ - (circ * pct \/ 100); }\n    if(bar) { bar.style.width = pct + '%'; }\n    if(pctEl){ pctEl.textContent = toFarsiNum(pct) + '\u066a'; }\n    if(doneEl){ doneEl.textContent = toFarsiNum(done); }\n\n    if(desc){\n      if(pct === 0)      desc.textContent = '\u0647\u0646\u0648\u0632 \u0628\u062e\u0634\u06cc \u0631\u0627 \u06a9\u0627\u0645\u0644 \u0646\u06a9\u0631\u062f\u0647\u200c\u0627\u06cc. \u0634\u0631\u0648\u0639 \u06a9\u0646! \ud83d\ude80';\n      else if(pct < 40)  desc.textContent = '\u0634\u0631\u0648\u0639 \u062e\u0648\u0628\u06cc\u0647! \u0627\u062f\u0627\u0645\u0647 \u0628\u062f\u0647 \ud83d\udcaa';\n      else if(pct < 70)  desc.textContent = '\u0639\u0627\u0644\u06cc\u0647! \u062f\u0627\u0631\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a \u0645\u06cc\u200c\u06a9\u0646\u06cc \ud83c\udf1f';\n      else if(pct < 100) desc.textContent = '\u062e\u06cc\u0644\u06cc \u062e\u0648\u0628! \u0646\u0632\u062f\u06cc\u06a9 \u062a\u06a9\u0645\u06cc\u0644\u0647! \ud83d\udd25';\n      else               desc.textContent = '\u0622\u0641\u0631\u06cc\u0646! \u0647\u0645\u0647\u200c\u06cc \u0628\u062e\u0634\u200c\u0647\u0627 \u0631\u0627 \u062a\u06a9\u0645\u06cc\u0644 \u06a9\u0631\u062f\u06cc! \ud83c\udf89';\n    }\n  }\n\n  \/* \u2500\u2500 Toggle accordion \u2500\u2500 *\/\n  function toggleAcc(idx){\n    var item = document.getElementById('acc-' + idx);\n    if(!item) return;\n    var wasOpen = item.classList.contains('open');\n    \/\/ close all\n    var all = document.querySelectorAll('#' + WIDGET_ID + ' .w-acc-item');\n    all.forEach(function(el){ el.classList.remove('open'); });\n    \/\/ open clicked if wasn't open\n    if(!wasOpen){ item.classList.add('open'); }\n  }\n\n  \/* \u2500\u2500 Toggle check \u2500\u2500 *\/\n  function toggleCheck(idx){\n    var chkWrap = document.getElementById('chk-wrap-' + idx);\n    var chkSvg  = document.getElementById('chk-svg-' + idx);\n    var chkBox  = document.getElementById('chk-box-' + idx);\n\n    var pos = state.checked.indexOf(idx);\n    if(pos === -1){\n      state.checked.push(idx);\n    } else {\n      state.checked.splice(pos,1);\n    }\n    saveState();\n    renderCheckboxes();\n    updateProgress();\n  }\n\n  \/* \u2500\u2500 Render all checkboxes \u2500\u2500 *\/\n  function renderCheckboxes(){\n    for(var i = 0; i < TOTAL_ITEMS; i++){\n      var wrap = document.getElementById('chk-wrap-' + i);\n      var svg  = document.getElementById('chk-svg-' + i);\n      var checked = state.checked.indexOf(i) !== -1;\n      if(wrap){\n        if(checked){ wrap.classList.add('checked'); }\n        else { wrap.classList.remove('checked'); }\n      }\n      if(svg){ svg.style.display = checked ? 'block' : 'none'; }\n    }\n  }\n\n  \/* \u2500\u2500 Quiz answers \u2500\u2500 *\/\n  var quizData = [\n    { correct: 0, explanation: '(x+4)\u00b2 = x\u00b2 + 2\u00b7x\u00b74 + 4\u00b2 = x\u00b2 + 8x + 16' },\n    { correct: 0, explanation: '2(2)\u00b2 \u2212 3(2) + 1 = 8 \u2212 6 + 1 = 3' },\n    { correct: 3, explanation: 'x\u00b2 \u2212 25 = x\u00b2 \u2212 5\u00b2 = (x+5)(x\u22125) \u2014 \u0641\u0631\u0642 \u062f\u0648 \u0645\u0631\u0628\u0639' },\n    { correct: 2, explanation: 'x\u00b3 \u00d7 x\u2074 = x^(3+4) = x\u2077 \u2014 \u062a\u0648\u0627\u0646\u200c\u0647\u0627 \u062c\u0645\u0639 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f' },\n    { correct: 0, explanation: '(2x\u22123)(2x+3) = (2x)\u00b2 \u2212 3\u00b2 = 4x\u00b2 \u2212 9 \u2014 \u0641\u0631\u0642 \u062f\u0648 \u0645\u0631\u0628\u0639' }\n  ];\n\n  var quizDone  = {};\n  var quizScore = 0;\n  var quizTotal = quizData.length;\n\n  function checkAnswer(qIdx, optIdx, correctIdx){\n    if(quizDone[qIdx] !== undefined) return; \/\/ already answered\n    quizDone[qIdx] = optIdx;\n\n    var opts = document.querySelectorAll('#qopts-' + qIdx + ' .w-quiz-opt');\n    var feed = document.getElementById('qfeed-' + qIdx);\n    var data = quizData[qIdx];\n    var isCorrect = (optIdx === data.correct);\n\n    opts.forEach(function(btn, i){\n      btn.disabled = true;\n      if(i === data.correct){ btn.classList.add('correct'); }\n      else if(i === optIdx && !isCorrect){ btn.classList.add('wrong'); }\n    });\n\n    if(feed){\n      feed.className = 'w-quiz-feedback show ' + (isCorrect ? 'ok' : 'fail');\n      feed.innerHTML = (isCorrect ? '\u2705 \u0622\u0641\u0631\u06cc\u0646! \u067e\u0627\u0633\u062e \u062f\u0631\u0633\u062a \u0627\u0633\u062a. ' : '\u274c \u067e\u0627\u0633\u062e \u0627\u0634\u062a\u0628\u0627\u0647! ') + data.explanation;\n    }\n\n    if(isCorrect) quizScore++;\n\n    \/\/ check if all done\n    if(Object.keys(quizDone).length === quizTotal){\n      var scoreEl = document.getElementById('quizScore');\n      if(scoreEl){\n        scoreEl.style.display = 'block';\n        var pct = Math.round((quizScore\/quizTotal)*100);\n        var msg = pct === 100 ? '\ud83c\udf89 \u0639\u0627\u0644\u06cc!' : pct >= 60 ? '\ud83d\udc4d \u062e\u0648\u0628 \u0628\u0648\u062f!' : '\ud83d\udcda \u0628\u06cc\u0634\u062a\u0631 \u0645\u0631\u0648\u0631 \u06a9\u0646!';\n        scoreEl.textContent = '\u0646\u062a\u06cc\u062c\u0647: ' + toFarsiNum(quizScore) + ' \u0627\u0632 ' + toFarsiNum(quizTotal) + ' (' + toFarsiNum(pct) + '\u066a) \u2014 ' + msg;\n      }\n    }\n  }\n\n  \/* \u2500\u2500 Reset progress \u2500\u2500 *\/\n  function resetProgress(){\n    if(!confirm('\u0622\u06cc\u0627 \u0645\u0637\u0645\u0626\u0646\u06cc \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a \u0631\u0627 \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u06a9\u0646\u06cc\u061f')) return;\n    state.checked = [];\n    saveState();\n    renderCheckboxes();\n    updateProgress();\n  }\n\n  \/* \u2500\u2500 Convert to Farsi numerals \u2500\u2500 *\/\n  function toFarsiNum(n){\n    return String(n).replace(\/\\d\/g, function(d){ return '\u06f0\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8\u06f9'[d]; });\n  }\n\n  \/* \u2500\u2500 Init \u2500\u2500 *\/\n  function init(){\n    loadState();\n    renderCheckboxes();\n    updateProgress();\n\n    \/\/ restore quiz state from localStorage if needed (optional extension)\n    \/\/ For now, quiz resets on page reload \u2014 by design\n\n    \/\/ Expose public API on window with safe namespace\n    window['math9ch5'] = {\n      toggleAcc:     toggleAcc,\n      toggleCheck:   toggleCheck,\n      checkAnswer:   checkAnswer,\n      resetProgress: resetProgress\n    };\n  }\n\n  \/\/ Run after DOM ready\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab45872 e-con e-atomic-element e-tab-content-base e-ab45872-e96ca19\" data-id=\"ab45872\" data-element_type=\"e-tab-content\" role=\"tabpanel\" x-bind=\"tabContent\" id=\"b704f33-tab-content-2\" aria-labelledby=\"b704f33-tab-2\" hidden=\"true\" style=\"display: none;\">\n\t\t\t\t<div class=\"elementor-element elementor-element-185c84e elementor-widget elementor-widget-html\" data-id=\"185c84e\" 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>\u0641\u0635\u0644 \u06f7 - \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627 | \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645<\/title>\n<style>\n\/* ============================================================\n   CH7-WIDGET: Scoped Styles \u2014 No Leakage Outside #ch7-widget\n   ============================================================ *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');\n\n#ch7-widget *,\n#ch7-widget *::before,\n#ch7-widget *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n#ch7-widget {\n  --clr-accent-1: #6c63ff;\n  --clr-accent-2: #48cae4;\n  --clr-accent-3: #f72585;\n  --clr-accent-4: #43aa8b;\n  --clr-accent-5: #f4a261;\n  --clr-accent-6: #7b2d8b;\n  --clr-gold: #ffd166;\n  --clr-text-primary: #1a1a2e;\n  --clr-text-secondary: #4a4a6a;\n  --clr-text-light: #6b7280;\n  --glass-bg: rgba(255, 255, 255, 0.72);\n  --glass-bg-dark: rgba(255, 255, 255, 0.55);\n  --glass-border: rgba(255, 255, 255, 0.9);\n  --glass-border-accent: rgba(108, 99, 255, 0.35);\n  --glass-shadow: 0 8px 32px rgba(108, 99, 255, 0.12), 0 2px 8px rgba(0,0,0,0.06);\n  --glass-shadow-hover: 0 20px 60px rgba(108, 99, 255, 0.22), 0 8px 24px rgba(0,0,0,0.10);\n  --glass-blur: blur(18px);\n  --radius-lg: 20px;\n  --radius-md: 14px;\n  --radius-sm: 10px;\n  --transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n  --font: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif;\n\n  font-family: var(--font);\n  direction: rtl;\n  text-align: right;\n  background: transparent !important;\n  width: 100%;\n  max-width: 960px;\n  margin: 0 auto;\n  padding: 16px;\n  color: var(--clr-text-primary);\n  line-height: 1.7;\n}\n\n\/* \u2500\u2500 Header \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 *\/\n#ch7-widget .ch7-header {\n  text-align: center;\n  margin-bottom: 28px;\n  padding: 36px 24px 32px;\n  background: var(--glass-bg);\n  backdrop-filter: var(--glass-blur);\n  -webkit-backdrop-filter: var(--glass-blur);\n  border: 1.5px solid var(--glass-border);\n  border-top: 3px solid var(--clr-accent-1);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--glass-shadow);\n  position: relative;\n  overflow: hidden;\n}\n\n#ch7-widget .ch7-header::before {\n  content: '';\n  position: absolute;\n  top: -60px; left: -60px;\n  width: 180px; height: 180px;\n  background: radial-gradient(circle, rgba(108,99,255,0.15) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n#ch7-widget .ch7-header::after {\n  content: '';\n  position: absolute;\n  bottom: -40px; right: -40px;\n  width: 140px; height: 140px;\n  background: radial-gradient(circle, rgba(72,202,228,0.13) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n#ch7-widget .ch7-header-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: linear-gradient(135deg, rgba(108,99,255,0.15), rgba(72,202,228,0.15));\n  border: 1px solid rgba(108,99,255,0.3);\n  border-radius: 30px;\n  padding: 6px 18px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--clr-accent-1);\n  margin-bottom: 14px;\n  letter-spacing: 0.3px;\n}\n\n#ch7-widget .ch7-header h1 {\n  font-size: clamp(22px, 4vw, 34px);\n  font-weight: 900;\n  background: linear-gradient(135deg, var(--clr-accent-1), var(--clr-accent-2));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  margin-bottom: 8px;\n  line-height: 1.3;\n}\n\n#ch7-widget .ch7-header-sub {\n  font-size: 14px;\n  color: var(--clr-text-secondary);\n  font-weight: 500;\n}\n\n\/* \u2500\u2500 Progress Card \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 *\/\n#ch7-widget .ch7-progress-card {\n  background: var(--glass-bg);\n  backdrop-filter: var(--glass-blur);\n  -webkit-backdrop-filter: var(--glass-blur);\n  border: 1.5px solid var(--glass-border);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--glass-shadow);\n  padding: 24px 28px;\n  margin-bottom: 24px;\n  transition: var(--transition);\n}\n\n#ch7-widget .ch7-progress-card:hover {\n  box-shadow: var(--glass-shadow-hover);\n  transform: translateY(-2px);\n}\n\n#ch7-widget .ch7-progress-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin-bottom: 18px;\n}\n\n#ch7-widget .ch7-progress-title {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--clr-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n#ch7-widget .ch7-progress-percent {\n  font-size: 28px;\n  font-weight: 900;\n  background: linear-gradient(135deg, var(--clr-accent-1), var(--clr-accent-4));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n#ch7-widget .ch7-progress-bar-wrap {\n  background: rgba(108,99,255,0.1);\n  border-radius: 50px;\n  height: 12px;\n  overflow: hidden;\n  margin-bottom: 12px;\n}\n\n#ch7-widget .ch7-progress-bar-fill {\n  height: 100%;\n  border-radius: 50px;\n  background: linear-gradient(90deg, var(--clr-accent-1), var(--clr-accent-2));\n  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n}\n\n#ch7-widget .ch7-progress-bar-fill::after {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);\n  animation: ch7-shimmer 2s infinite;\n}\n\n@keyframes ch7-shimmer {\n  0% { transform: translateX(100%); }\n  100% { transform: translateX(-100%); }\n}\n\n#ch7-widget .ch7-progress-stats {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n#ch7-widget .ch7-stat-pill {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  background: rgba(108,99,255,0.08);\n  border: 1px solid rgba(108,99,255,0.2);\n  border-radius: 20px;\n  padding: 4px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--clr-text-secondary);\n}\n\n#ch7-widget .ch7-stat-pill span {\n  color: var(--clr-accent-1);\n  font-weight: 800;\n}\n\n#ch7-widget .ch7-reset-btn {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  background: rgba(247,37,133,0.08);\n  border: 1.5px solid rgba(247,37,133,0.25);\n  border-radius: 10px;\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--clr-accent-3);\n  cursor: pointer;\n  transition: var(--transition);\n  font-family: var(--font);\n}\n\n#ch7-widget .ch7-reset-btn:hover {\n  background: rgba(247,37,133,0.15);\n  border-color: var(--clr-accent-3);\n  transform: scale(1.03);\n}\n\n\/* \u2500\u2500 Section Cards \/ Accordion \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 *\/\n#ch7-widget .ch7-sections {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n\n#ch7-widget .ch7-section-card {\n  background: var(--glass-bg);\n  backdrop-filter: var(--glass-blur);\n  -webkit-backdrop-filter: var(--glass-blur);\n  border: 1.5px solid var(--glass-border);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--glass-shadow);\n  overflow: hidden;\n  transition: var(--transition);\n}\n\n#ch7-widget .ch7-section-card:hover {\n  box-shadow: var(--glass-shadow-hover);\n  transform: translateY(-3px);\n}\n\n#ch7-widget .ch7-section-card.ch7-done {\n  border-color: rgba(67, 170, 139, 0.5);\n  background: rgba(67,170,139,0.06);\n}\n\n#ch7-widget .ch7-section-header {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 18px 22px;\n  cursor: pointer;\n  user-select: none;\n  transition: var(--transition);\n}\n\n#ch7-widget .ch7-section-header:hover {\n  background: rgba(108,99,255,0.04);\n}\n\n#ch7-widget .ch7-section-icon {\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-size: 20px;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n#ch7-widget .ch7-section-info {\n  flex: 1;\n  min-width: 0;\n}\n\n#ch7-widget .ch7-section-num {\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-bottom: 3px;\n  opacity: 0.7;\n}\n\n#ch7-widget .ch7-section-title {\n  font-size: clamp(14px, 2.5vw, 17px);\n  font-weight: 800;\n  color: var(--clr-text-primary);\n  line-height: 1.3;\n}\n\n#ch7-widget .ch7-section-actions {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-shrink: 0;\n}\n\n#ch7-widget .ch7-check-label {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--clr-text-light);\n  white-space: nowrap;\n}\n\n#ch7-widget .ch7-check-label input[type=\"checkbox\"] {\n  display: none;\n}\n\n#ch7-widget .ch7-check-box {\n  width: 22px;\n  height: 22px;\n  border-radius: 7px;\n  border: 2px solid rgba(108,99,255,0.35);\n  background: rgba(255,255,255,0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: var(--transition);\n  flex-shrink: 0;\n}\n\n#ch7-widget .ch7-check-label input:checked ~ .ch7-check-box {\n  background: linear-gradient(135deg, var(--clr-accent-4), #52d9b5);\n  border-color: var(--clr-accent-4);\n}\n\n#ch7-widget .ch7-check-box-tick {\n  opacity: 0;\n  transform: scale(0.5);\n  transition: var(--transition);\n}\n\n#ch7-widget .ch7-check-label input:checked ~ .ch7-check-box .ch7-check-box-tick {\n  opacity: 1;\n  transform: scale(1);\n}\n\n#ch7-widget .ch7-chevron {\n  width: 20px;\n  height: 20px;\n  color: var(--clr-text-light);\n  transition: transform 0.35s ease;\n  flex-shrink: 0;\n}\n\n#ch7-widget .ch7-section-card.ch7-open .ch7-chevron {\n  transform: rotate(180deg);\n}\n\n#ch7-widget .ch7-section-body {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#ch7-widget .ch7-section-card.ch7-open .ch7-section-body {\n  max-height: 2000px;\n}\n\n#ch7-widget .ch7-section-content {\n  padding: 0 22px 22px;\n  border-top: 1px solid rgba(108,99,255,0.1);\n  padding-top: 18px;\n}\n\n\/* \u2500\u2500 Content Blocks \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 *\/\n#ch7-widget .ch7-block {\n  margin-bottom: 18px;\n}\n\n#ch7-widget .ch7-block:last-child {\n  margin-bottom: 0;\n}\n\n#ch7-widget .ch7-block-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  font-weight: 800;\n  color: var(--clr-accent-1);\n  margin-bottom: 8px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n#ch7-widget .ch7-block-text {\n  font-size: 14px;\n  line-height: 1.85;\n  color: var(--clr-text-secondary);\n}\n\n#ch7-widget .ch7-formula-box {\n  background: linear-gradient(135deg, rgba(108,99,255,0.08), rgba(72,202,228,0.08));\n  border: 1.5px solid rgba(108,99,255,0.25);\n  border-right: 4px solid var(--clr-accent-1);\n  border-radius: var(--radius-sm);\n  padding: 14px 18px;\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--clr-text-primary);\n  direction: ltr;\n  text-align: center;\n  letter-spacing: 0.5px;\n  margin: 4px 0;\n  font-family: 'Courier New', monospace;\n}\n\n#ch7-widget .ch7-example-box {\n  background: rgba(255,209,102,0.12);\n  border: 1.5px solid rgba(255,209,102,0.4);\n  border-radius: var(--radius-sm);\n  padding: 14px 18px;\n}\n\n#ch7-widget .ch7-example-label {\n  font-size: 11px;\n  font-weight: 800;\n  color: #c9710a;\n  margin-bottom: 8px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n#ch7-widget .ch7-example-text {\n  font-size: 13.5px;\n  color: var(--clr-text-primary);\n  line-height: 1.8;\n}\n\n#ch7-widget .ch7-example-formula {\n  direction: ltr;\n  text-align: center;\n  font-family: 'Courier New', monospace;\n  font-size: 14px;\n  font-weight: 700;\n  color: #8B4513;\n  margin: 8px 0;\n  padding: 6px;\n  background: rgba(255,255,255,0.5);\n  border-radius: 6px;\n}\n\n#ch7-widget .ch7-tips-list {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n#ch7-widget .ch7-tips-list li {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 13.5px;\n  color: var(--clr-text-secondary);\n  line-height: 1.7;\n  background: rgba(67,170,139,0.07);\n  border: 1px solid rgba(67,170,139,0.2);\n  border-radius: var(--radius-sm);\n  padding: 10px 14px;\n}\n\n#ch7-widget .ch7-tip-icon {\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n#ch7-widget .ch7-conclusion {\n  background: linear-gradient(135deg, rgba(108,99,255,0.07), rgba(72,202,228,0.07));\n  border: 1px solid rgba(108,99,255,0.2);\n  border-radius: var(--radius-sm);\n  padding: 12px 16px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--clr-accent-1);\n  line-height: 1.7;\n}\n\n\/* \u2500\u2500 Formulas Section \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 *\/\n#ch7-widget .ch7-formulas-section {\n  background: var(--glass-bg);\n  backdrop-filter: var(--glass-blur);\n  -webkit-backdrop-filter: var(--glass-blur);\n  border: 1.5px solid var(--glass-border);\n  border-top: 3px solid var(--clr-gold);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--glass-shadow);\n  padding: 26px 26px;\n  margin-bottom: 24px;\n  transition: var(--transition);\n}\n\n#ch7-widget .ch7-formulas-section:hover {\n  box-shadow: var(--glass-shadow-hover);\n  transform: translateY(-2px);\n}\n\n#ch7-widget .ch7-section-title-main {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 18px;\n  font-weight: 900;\n  color: var(--clr-text-primary);\n  margin-bottom: 20px;\n  padding-bottom: 14px;\n  border-bottom: 1px solid rgba(108,99,255,0.12);\n}\n\n#ch7-widget .ch7-formulas-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 14px;\n}\n\n#ch7-widget .ch7-formula-card {\n  background: rgba(255,255,255,0.6);\n  border: 1.5px solid rgba(108,99,255,0.2);\n  border-radius: var(--radius-md);\n  padding: 16px;\n  transition: var(--transition);\n}\n\n#ch7-widget .ch7-formula-card:hover {\n  border-color: rgba(108,99,255,0.5);\n  background: rgba(255,255,255,0.85);\n  transform: translateY(-2px);\n  box-shadow: 0 8px 24px rgba(108,99,255,0.12);\n}\n\n#ch7-widget .ch7-formula-card-title {\n  font-size: 12px;\n  font-weight: 800;\n  color: var(--clr-accent-1);\n  margin-bottom: 10px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n#ch7-widget .ch7-formula-card-expr {\n  direction: ltr;\n  text-align: center;\n  font-family: 'Courier New', monospace;\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--clr-text-primary);\n  background: rgba(108,99,255,0.06);\n  border-radius: 8px;\n  padding: 10px;\n  line-height: 1.6;\n}\n\n#ch7-widget .ch7-formula-card-note {\n  font-size: 12px;\n  color: var(--clr-text-light);\n  margin-top: 8px;\n  line-height: 1.6;\n}\n\n\/* \u2500\u2500 Quick Review Section \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 *\/\n#ch7-widget .ch7-quickrev {\n  background: var(--glass-bg);\n  backdrop-filter: var(--glass-blur);\n  -webkit-backdrop-filter: var(--glass-blur);\n  border: 1.5px solid var(--glass-border);\n  border-top: 3px solid var(--clr-accent-3);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--glass-shadow);\n  padding: 26px;\n  margin-bottom: 24px;\n  transition: var(--transition);\n}\n\n#ch7-widget .ch7-quickrev:hover {\n  box-shadow: var(--glass-shadow-hover);\n  transform: translateY(-2px);\n}\n\n#ch7-widget .ch7-quickrev-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 12px;\n}\n\n#ch7-widget .ch7-quickrev-item {\n  background: rgba(255,255,255,0.6);\n  border: 1px solid rgba(247,37,133,0.18);\n  border-radius: var(--radius-md);\n  padding: 14px 16px;\n  transition: var(--transition);\n}\n\n#ch7-widget .ch7-quickrev-item:hover {\n  border-color: rgba(247,37,133,0.4);\n  background: rgba(247,37,133,0.04);\n  transform: translateY(-2px);\n}\n\n#ch7-widget .ch7-quickrev-item-title {\n  font-size: 13px;\n  font-weight: 800;\n  color: var(--clr-accent-3);\n  margin-bottom: 6px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n#ch7-widget .ch7-quickrev-item-text {\n  font-size: 12.5px;\n  color: var(--clr-text-secondary);\n  line-height: 1.7;\n}\n\n\/* \u2500\u2500 Checkpoint Section \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 *\/\n#ch7-widget .ch7-checkpoint {\n  background: var(--glass-bg);\n  backdrop-filter: var(--glass-blur);\n  -webkit-backdrop-filter: var(--glass-blur);\n  border: 1.5px solid var(--glass-border);\n  border-top: 3px solid var(--clr-accent-4);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--glass-shadow);\n  padding: 26px;\n  margin-bottom: 24px;\n  transition: var(--transition);\n}\n\n#ch7-widget .ch7-checkpoint:hover {\n  box-shadow: var(--glass-shadow-hover);\n  transform: translateY(-2px);\n}\n\n#ch7-widget .ch7-checkpoint-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 12px;\n}\n\n#ch7-widget .ch7-checkpoint-item {\n  background: rgba(255,255,255,0.55);\n  border: 1.5px solid rgba(67,170,139,0.2);\n  border-radius: var(--radius-md);\n  padding: 14px;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  cursor: pointer;\n  transition: var(--transition);\n  user-select: none;\n}\n\n#ch7-widget .ch7-checkpoint-item:hover {\n  border-color: rgba(67,170,139,0.5);\n  background: rgba(67,170,139,0.06);\n  transform: translateY(-2px);\n}\n\n#ch7-widget .ch7-checkpoint-item.ch7-cp-done {\n  border-color: rgba(67,170,139,0.6);\n  background: rgba(67,170,139,0.1);\n}\n\n#ch7-widget .ch7-cp-check {\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  border: 2px solid rgba(67,170,139,0.4);\n  background: rgba(255,255,255,0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-top: 1px;\n  transition: var(--transition);\n}\n\n#ch7-widget .ch7-checkpoint-item.ch7-cp-done .ch7-cp-check {\n  background: var(--clr-accent-4);\n  border-color: var(--clr-accent-4);\n}\n\n#ch7-widget .ch7-cp-text {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--clr-text-secondary);\n  line-height: 1.6;\n}\n\n#ch7-widget .ch7-checkpoint-item.ch7-cp-done .ch7-cp-text {\n  color: var(--clr-accent-4);\n}\n\n\/* \u2500\u2500 Footer \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\u2500 *\/\n#ch7-widget .ch7-footer {\n  text-align: center;\n  padding: 20px;\n  background: var(--glass-bg-dark);\n  backdrop-filter: var(--glass-blur);\n  -webkit-backdrop-filter: var(--glass-blur);\n  border: 1px solid var(--glass-border);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--glass-shadow);\n}\n\n#ch7-widget .ch7-footer-text {\n  font-size: 12px;\n  color: var(--clr-text-light);\n  font-weight: 500;\n}\n\n#ch7-widget .ch7-reset-section {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 24px;\n}\n\n#ch7-widget .ch7-reset-big-btn {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(247,37,133,0.08);\n  border: 2px solid rgba(247,37,133,0.3);\n  border-radius: var(--radius-md);\n  padding: 12px 28px;\n  font-size: 14px;\n  font-weight: 800;\n  color: var(--clr-accent-3);\n  cursor: pointer;\n  transition: var(--transition);\n  font-family: var(--font);\n}\n\n#ch7-widget .ch7-reset-big-btn:hover {\n  background: rgba(247,37,133,0.15);\n  border-color: var(--clr-accent-3);\n  transform: scale(1.04);\n  box-shadow: 0 4px 20px rgba(247,37,133,0.2);\n}\n\n\/* \u2500\u2500 Color Themes for Section Icons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#ch7-widget .ic-purple { background: linear-gradient(135deg, rgba(108,99,255,0.2), rgba(108,99,255,0.1)); color: var(--clr-accent-1); }\n#ch7-widget .ic-blue   { background: linear-gradient(135deg, rgba(72,202,228,0.2), rgba(72,202,228,0.1));  color: var(--clr-accent-2); }\n#ch7-widget .ic-pink   { background: linear-gradient(135deg, rgba(247,37,133,0.2), rgba(247,37,133,0.1));  color: var(--clr-accent-3); }\n#ch7-widget .ic-green  { background: linear-gradient(135deg, rgba(67,170,139,0.2), rgba(67,170,139,0.1));  color: var(--clr-accent-4); }\n#ch7-widget .ic-orange { background: linear-gradient(135deg, rgba(244,162,97,0.2),  rgba(244,162,97,0.1));  color: var(--clr-accent-5); }\n#ch7-widget .ic-violet { background: linear-gradient(135deg, rgba(123,45,139,0.2),  rgba(123,45,139,0.1));  color: var(--clr-accent-6); }\n#ch7-widget .ic-gold   { background: linear-gradient(135deg, rgba(255,209,102,0.25),rgba(255,209,102,0.12)); color: #c9710a; }\n#ch7-widget .ic-teal   { background: linear-gradient(135deg, rgba(0,180,160,0.2),   rgba(0,180,160,0.1));   color: #00b4a0; }\n\n\/* \u2500\u2500 Responsive \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 *\/\n@media (max-width: 600px) {\n  #ch7-widget {\n    padding: 10px;\n  }\n  #ch7-widget .ch7-header {\n    padding: 24px 16px 20px;\n  }\n  #ch7-widget .ch7-section-header {\n    padding: 14px 16px;\n  }\n  #ch7-widget .ch7-section-content {\n    padding: 0 16px 18px;\n    padding-top: 14px;\n  }\n  #ch7-widget .ch7-progress-card,\n  #ch7-widget .ch7-formulas-section,\n  #ch7-widget .ch7-quickrev,\n  #ch7-widget .ch7-checkpoint {\n    padding: 18px 16px;\n  }\n  #ch7-widget .ch7-section-actions .ch7-check-text {\n    display: none;\n  }\n  #ch7-widget .ch7-formulas-grid,\n  #ch7-widget .ch7-quickrev-grid,\n  #ch7-widget .ch7-checkpoint-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 400px) {\n  #ch7-widget .ch7-section-num {\n    display: none;\n  }\n  #ch7-widget .ch7-formula-box {\n    font-size: 13px;\n  }\n}\n\n\/* \u2500\u2500 Entrance Animation \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 *\/\n#ch7-widget .ch7-fade-in {\n  animation: ch7FadeIn 0.5s ease both;\n}\n\n@keyframes ch7FadeIn {\n  from { opacity: 0; transform: translateY(16px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n#ch7-widget .ch7-section-card { animation: ch7FadeIn 0.4s ease both; }\n#ch7-widget .ch7-section-card:nth-child(1) { animation-delay: 0.05s; }\n#ch7-widget .ch7-section-card:nth-child(2) { animation-delay: 0.10s; }\n#ch7-widget .ch7-section-card:nth-child(3) { animation-delay: 0.15s; }\n#ch7-widget .ch7-section-card:nth-child(4) { animation-delay: 0.20s; }\n#ch7-widget .ch7-section-card:nth-child(5) { animation-delay: 0.25s; }\n#ch7-widget .ch7-section-card:nth-child(6) { animation-delay: 0.30s; }\n#ch7-widget .ch7-section-card:nth-child(7) { animation-delay: 0.35s; }\n#ch7-widget .ch7-section-card:nth-child(8) { animation-delay: 0.40s; }\n<\/style>\n<\/head>\n<body style=\"background:transparent;margin:0;padding:0;\">\n\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\u2550\u2550\u2550\u2550\n     #ch7-widget \u2014 Fully scoped wrapper (Elementor safe)\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\u2550\u2550\u2550\u2550 -->\n<div id=\"ch7-widget\" role=\"main\" aria-label=\"\u062e\u0644\u0627\u0635\u0647 \u0641\u0635\u0644 \u06f7 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645\">\n\n  <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n       \u2551         HEADER           \u2551\n       \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n  <header class=\"ch7-header ch7-fade-in\" role=\"banner\">\n    <div class=\"ch7-header-badge\">\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\n      \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645\n    <\/div>\n    <h1>\u0641\u0635\u0644 \u06f7: \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627<\/h1>\n    <p class=\"ch7-header-sub\">\u062e\u0644\u0627\u0635\u0647 \u062c\u0627\u0645\u0639 \u0648 \u062a\u0639\u0627\u0645\u0644\u06cc \u0628\u0631\u0627\u06cc \u0645\u0631\u0648\u0631 \u0633\u0631\u06cc\u0639 \u0648 \u0645\u0637\u0627\u0644\u0639\u0647 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646<\/p>\n  <\/header>\n\n  <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n       \u2551      PROGRESS CARD       \u2551\n       \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n  <div class=\"ch7-progress-card ch7-fade-in\" role=\"region\" aria-label=\"\u067e\u06cc\u0634\u0631\u0641\u062a \u0645\u0637\u0627\u0644\u0639\u0647\">\n    <div class=\"ch7-progress-top\">\n      <div class=\"ch7-progress-title\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6c63ff\" stroke-width=\"2.2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        \u067e\u06cc\u0634\u0631\u0641\u062a \u0645\u0637\u0627\u0644\u0639\u0647\n      <\/div>\n      <div class=\"ch7-progress-percent\" id=\"ch7-pct-display\">0%<\/div>\n    <\/div>\n    <div class=\"ch7-progress-bar-wrap\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\" id=\"ch7-progress-bar-aria\">\n      <div class=\"ch7-progress-bar-fill\" id=\"ch7-progress-bar\" style=\"width:0%\"><\/div>\n    <\/div>\n    <div class=\"ch7-progress-stats\">\n      <div class=\"ch7-stat-pill\">\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        \u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0647\u200c\u0634\u062f\u0647: <span id=\"ch7-done-count\">0<\/span>\n      <\/div>\n      <div class=\"ch7-stat-pill\">\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n        \u06a9\u0644 \u0628\u062e\u0634\u200c\u0647\u0627: <span id=\"ch7-total-count\">8<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n       \u2551     ACCORDION SECTIONS   \u2551\n       \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n  <div class=\"ch7-sections\" id=\"ch7-sections-container\" role=\"list\">\n\n    <!-- \u2500\u2500 Section 1: Definition \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <article class=\"ch7-section-card\" data-section-id=\"s1\" role=\"listitem\">\n      <div class=\"ch7-section-header\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"ch7-body-s1\">\n        <div class=\"ch7-section-icon ic-purple\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-section-info\">\n          <div class=\"ch7-section-num\" style=\"color:var(--clr-accent-1)\">\u0628\u062e\u0634 \u06f1<\/div>\n          <div class=\"ch7-section-title\">\u062a\u0639\u0631\u06cc\u0641 \u0648 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0633\u0627\u0633\u06cc \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627<\/div>\n        <\/div>\n        <div class=\"ch7-section-actions\">\n          <label class=\"ch7-check-label\" onclick=\"event.stopPropagation()\" aria-label=\"\u0639\u0644\u0627\u0645\u062a\u200c\u06af\u0630\u0627\u0631\u06cc \u0628\u062e\u0634 \u06f1\">\n            <input type=\"checkbox\" id=\"ch7-cb-s1\" data-section=\"s1\">\n            <div class=\"ch7-check-box\">\n              <svg class=\"ch7-check-box-tick\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"ch7-check-text\" style=\"font-size:12px;color:var(--clr-text-light)\">\u062e\u0648\u0627\u0646\u062f\u0645<\/span>\n          <\/label>\n          <svg class=\"ch7-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"ch7-section-body\" id=\"ch7-body-s1\">\n        <div class=\"ch7-section-content\">\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n              \u062a\u0639\u0631\u06cc\u0641\n            <\/div>\n            <p class=\"ch7-block-text\">\n              <strong>\u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627<\/strong> \u06a9\u0633\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0635\u0648\u0631\u062a \u0648 \u0645\u062e\u0631\u062c \u0622\u0646 <strong>\u0686\u0646\u062f\u062c\u0645\u0644\u0647\u200c\u0627\u06cc<\/strong> \u0647\u0633\u062a\u0646\u062f. \u0645\u062e\u0631\u062c \u0627\u06cc\u0646 \u0639\u0628\u0627\u0631\u062a \u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0635\u0641\u0631 \u0628\u0627\u0634\u062f. \u0628\u0647 \u0628\u06cc\u0627\u0646 \u0633\u0627\u062f\u0647\u060c \u0647\u0631 \u0639\u0628\u0627\u0631\u062a\u06cc \u06a9\u0647 \u0628\u062a\u0648\u0627\u0646 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0634\u06a9\u0644 \u06a9\u0633\u0631 <span dir=\"ltr\" style=\"font-family:monospace;font-size:14px\">P(x)\/Q(x)<\/span> \u0646\u0648\u0634\u062a \u2014 \u06a9\u0647 P \u0648 Q \u0686\u0646\u062f\u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u0648 Q \u2260 \u06f0 \u0628\u0627\u0634\u062f \u2014 \u06cc\u06a9 \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627\u0633\u062a.\n            <\/p>\n          <\/div>\n\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><\/svg>\n              \u0634\u0631\u0637 \u0645\u0639\u0646\u0627\u062f\u0627\u0631 \u0628\u0648\u062f\u0646\n            <\/div>\n            <div class=\"ch7-formula-box\">Q(x) \u2260 0  \u2192  \u0645\u062e\u0631\u062c \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627 \u0646\u0628\u0627\u06cc\u062f \u0635\u0641\u0631 \u0634\u0648\u062f<\/div>\n          <\/div>\n\n          <div class=\"ch7-block\">\n            <div class=\"ch7-example-box\">\n              <div class=\"ch7-example-label\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                \u0645\u062b\u0627\u0644\n              <\/div>\n              <p class=\"ch7-example-text\">\u0639\u0628\u0627\u0631\u062a \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0631 \u0646\u0638\u0631 \u0628\u06af\u06cc\u0631\u06cc\u062f:<\/p>\n              <div class=\"ch7-example-formula\">(x\u00b2 - 4) \/ (x - 2)   ,   x \u2260 2<\/div>\n              <p class=\"ch7-example-text\">\u062f\u0631 \u0627\u06cc\u0646 \u06a9\u0633\u0631\u060c \u0635\u0648\u0631\u062a: x\u00b2 - \u06f4 \u0648 \u0645\u062e\u0631\u062c: x - \u06f2 \u0686\u0646\u062f\u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u0647\u0633\u062a\u0646\u062f. \u0634\u0631\u0637 \u0645\u0639\u0646\u0627\u062f\u0627\u0631 \u0628\u0648\u062f\u0646: x \u2260 \u06f2<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n              \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc \u0645\u0647\u0645\n            <\/div>\n            <ul class=\"ch7-tips-list\">\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u0647\u0645\u06cc\u0634\u0647 \u0627\u0628\u062a\u062f\u0627 \u0645\u0642\u0627\u062f\u06cc\u0631\u06cc \u0631\u0627 \u06a9\u0647 \u0645\u062e\u0631\u062c \u0631\u0627 \u0635\u0641\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u060c \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f \u0648 \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0630\u06a9\u0631 \u0646\u0645\u0627\u06cc\u06cc\u062f.\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u0627\u0639\u062f\u0627\u062f \u0635\u062d\u06cc\u062d \u0648 \u06a9\u0633\u0631\u0647\u0627\u06cc \u0645\u0639\u0645\u0648\u0644\u06cc \u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647 \u0639\u0628\u0627\u0631\u0627\u062a \u06af\u0648\u06cc\u0627 \u0647\u0633\u062a\u0646\u062f.\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u062f\u0627\u0645\u0646\u0647 \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627 \u0634\u0627\u0645\u0644 \u062a\u0645\u0627\u0645 \u0627\u0639\u062f\u0627\u062f \u062d\u0642\u06cc\u0642\u06cc \u0627\u0633\u062a\u060c \u0628\u0647\u200c\u062c\u0632 \u0645\u0642\u0627\u062f\u06cc\u0631\u06cc \u06a9\u0647 \u0645\u062e\u0631\u062c \u0631\u0627 \u0635\u0641\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u0627\u06af\u0631 \u0645\u062e\u0631\u062c \u06cc\u06a9 \u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u0645\u0627\u0646\u0646\u062f x \u0628\u0627\u0634\u062f\u060c \u0641\u0642\u0637 x = \u06f0 \u0627\u0632 \u062f\u0627\u0645\u0646\u0647 \u062d\u0630\u0641 \u0645\u06cc\u200c\u0634\u0648\u062f.\n              <\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"ch7-conclusion\">\n            \ud83d\udca1 <strong>\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc:<\/strong> \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627 = \u06a9\u0633\u0631\u06cc \u0628\u0627 \u0635\u0648\u0631\u062a \u0648 \u0645\u062e\u0631\u062c \u0686\u0646\u062f\u062c\u0645\u0644\u0647\u200c\u0627\u06cc\u061b \u0645\u062e\u0631\u062c \u0647\u06cc\u0686\u200c\u0648\u0642\u062a \u0646\u0628\u0627\u06cc\u062f \u0635\u0641\u0631 \u0634\u0648\u062f \u2014 \u0627\u06cc\u0646 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0642\u0627\u0646\u0648\u0646 \u0627\u06cc\u0646 \u0641\u0635\u0644 \u0627\u0633\u062a!\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- \u2500\u2500 Section 2: Simplifying \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <article class=\"ch7-section-card\" data-section-id=\"s2\" role=\"listitem\">\n      <div class=\"ch7-section-header\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"ch7-body-s2\">\n        <div class=\"ch7-section-icon ic-blue\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-section-info\">\n          <div class=\"ch7-section-num\" style=\"color:var(--clr-accent-2)\">\u0628\u062e\u0634 \u06f2<\/div>\n          <div class=\"ch7-section-title\">\u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627<\/div>\n        <\/div>\n        <div class=\"ch7-section-actions\">\n          <label class=\"ch7-check-label\" onclick=\"event.stopPropagation()\" aria-label=\"\u0639\u0644\u0627\u0645\u062a\u200c\u06af\u0630\u0627\u0631\u06cc \u0628\u062e\u0634 \u06f2\">\n            <input type=\"checkbox\" id=\"ch7-cb-s2\" data-section=\"s2\">\n            <div class=\"ch7-check-box\">\n              <svg class=\"ch7-check-box-tick\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"ch7-check-text\" style=\"font-size:12px;color:var(--clr-text-light)\">\u062e\u0648\u0627\u0646\u062f\u0645<\/span>\n          <\/label>\n          <svg class=\"ch7-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"ch7-section-body\" id=\"ch7-body-s2\">\n        <div class=\"ch7-section-content\">\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n              \u0645\u0641\u0647\u0648\u0645\n            <\/div>\n            <p class=\"ch7-block-text\">\n              \u0628\u0631\u0627\u06cc \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0646 \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627\u060c \u0639\u0648\u0627\u0645\u0644 \u0645\u0634\u062a\u0631\u06a9 \u0635\u0648\u0631\u062a \u0648 \u0645\u062e\u0631\u062c \u0631\u0627 \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0647 \u0648 \u062d\u0630\u0641 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0628\u0627 <strong>\u062a\u062c\u0632\u06cc\u0647<\/strong> (\u0641\u0627\u06a9\u062a\u0648\u0631\u06af\u06cc\u0631\u06cc) \u0635\u0648\u0631\u062a \u0648 \u0645\u062e\u0631\u062c \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u0634\u0648\u062f. \u067e\u0633 \u0627\u0632 \u062a\u062c\u0632\u06cc\u0647\u060c \u0639\u0648\u0627\u0645\u0644 \u0645\u0634\u062a\u0631\u06a9 \u062d\u0630\u0641 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.\n            <\/p>\n          <\/div>\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><\/svg>\n              \u0642\u0627\u0646\u0648\u0646 \u0627\u0635\u0644\u06cc\n            <\/div>\n            <div class=\"ch7-formula-box\">P(x)\u00b7K \/ Q(x)\u00b7K  =  P(x) \/ Q(x)    (K \u2260 0)<\/div>\n          <\/div>\n          <div class=\"ch7-block\">\n            <div class=\"ch7-example-box\">\n              <div class=\"ch7-example-label\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                \u0645\u062b\u0627\u0644 \u06af\u0627\u0645\u200c\u0628\u0647\u200c\u06af\u0627\u0645\n              <\/div>\n              <p class=\"ch7-example-text\"><strong>\u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/strong><\/p>\n              <div class=\"ch7-example-formula\">(x\u00b2 - 4) \/ (x\u00b2 - x - 2)<\/div>\n              <p class=\"ch7-example-text\">\n                \u06af\u0627\u0645 \u06f1 \u2014 \u062a\u062c\u0632\u06cc\u0647 \u0635\u0648\u0631\u062a: x\u00b2 - 4 = (x+2)(x-2)<br>\n                \u06af\u0627\u0645 \u06f2 \u2014 \u062a\u062c\u0632\u06cc\u0647 \u0645\u062e\u0631\u062c: x\u00b2 - x - 2 = (x-2)(x+1)<br>\n                \u06af\u0627\u0645 \u06f3 \u2014 \u062d\u0630\u0641 \u0639\u0627\u0645\u0644 \u0645\u0634\u062a\u0631\u06a9 (x-2):\n              <\/p>\n              <div class=\"ch7-example-formula\">(x+2)(x-2) \/ (x-2)(x+1)  =  (x+2)\/(x+1)   ,  x \u2260 2 , x \u2260 -1<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n              \u0646\u06a9\u0627\u062a \u0627\u0645\u062a\u062d\u0627\u0646\u06cc\n            <\/div>\n            <ul class=\"ch7-tips-list\">\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u067e\u0633 \u0627\u0632 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc\u060c \u0634\u0631\u0637 \u062f\u0627\u0645\u0646\u0647 \u0639\u0628\u0627\u0631\u062a \u0627\u0648\u0644\u06cc\u0647 \u062d\u0641\u0638 \u0645\u06cc\u200c\u0634\u0648\u062f \u2014 \u0634\u0631\u0637\u200c\u0647\u0627\u06cc \u062d\u0630\u0641\u200c\u0634\u062f\u0647 \u0631\u0627 \u0641\u0631\u0627\u0645\u0648\u0634 \u0646\u06a9\u0646\u06cc\u062f!\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u0639\u0628\u0627\u0631\u062a -(a-b) = (b-a) \u0631\u0627 \u0628\u0634\u0646\u0627\u0633\u06cc\u062f\u061b \u0645\u062b\u0644\u0627\u064b: (x-3)\/(3-x) = -1\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u0647\u0645\u06cc\u0634\u0647 \u0635\u0648\u0631\u062a \u0648 \u0645\u062e\u0631\u062c \u0631\u0627 \u06a9\u0627\u0645\u0644\u0627\u064b \u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646\u06cc\u062f\u060c \u0646\u0647 \u0641\u0642\u0637 \u0628\u062e\u0634\u06cc \u0627\u0632 \u0622\u0646 \u0631\u0627.\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u0641\u0642\u0637 \u0639\u0648\u0627\u0645\u0644 \u0645\u0634\u062a\u0631\u06a9 \u062d\u0630\u0641 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c \u0646\u0647 \u062c\u0645\u0644\u0627\u062a \u062a\u06a9\u06cc!\n              <\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"ch7-conclusion\">\n            \ud83d\udca1 <strong>\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc:<\/strong> \u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646\u060c \u0639\u0627\u0645\u0644 \u0645\u0634\u062a\u0631\u06a9 \u067e\u06cc\u062f\u0627 \u06a9\u0646\u060c \u062d\u0630\u0641 \u06a9\u0646 \u2014 \u0627\u0645\u0627 \u0634\u0631\u0637\u200c\u0647\u0627\u06cc \u0627\u0628\u062a\u062f\u0627\u06cc\u06cc \u0631\u0627 \u062d\u0641\u0638 \u06a9\u0646!\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- \u2500\u2500 Section 3: Operations \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <article class=\"ch7-section-card\" data-section-id=\"s3\" role=\"listitem\">\n      <div class=\"ch7-section-header\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"ch7-body-s3\">\n        <div class=\"ch7-section-icon ic-pink\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-section-info\">\n          <div class=\"ch7-section-num\" style=\"color:var(--clr-accent-3)\">\u0628\u062e\u0634 \u06f3<\/div>\n          <div class=\"ch7-section-title\">\u0639\u0645\u0644\u06cc\u0627\u062a \u0631\u0648\u06cc \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627 (\u062c\u0645\u0639\u060c \u062a\u0641\u0631\u06cc\u0642\u060c \u0636\u0631\u0628\u060c \u062a\u0642\u0633\u06cc\u0645)<\/div>\n        <\/div>\n        <div class=\"ch7-section-actions\">\n          <label class=\"ch7-check-label\" onclick=\"event.stopPropagation()\" aria-label=\"\u0639\u0644\u0627\u0645\u062a\u200c\u06af\u0630\u0627\u0631\u06cc \u0628\u062e\u0634 \u06f3\">\n            <input type=\"checkbox\" id=\"ch7-cb-s3\" data-section=\"s3\">\n            <div class=\"ch7-check-box\">\n              <svg class=\"ch7-check-box-tick\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"ch7-check-text\" style=\"font-size:12px;color:var(--clr-text-light)\">\u062e\u0648\u0627\u0646\u062f\u0645<\/span>\n          <\/label>\n          <svg class=\"ch7-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"ch7-section-body\" id=\"ch7-body-s3\">\n        <div class=\"ch7-section-content\">\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n              \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642 (\u0645\u062e\u0631\u062c \u0645\u0634\u062a\u0631\u06a9)\n            <\/div>\n            <div class=\"ch7-formula-box\">a\/b \u00b1 c\/d  =  (a\u00b7d \u00b1 c\u00b7b) \/ (b\u00b7d)   \u2192  \u0627\u0628\u062a\u062f\u0627 \u0645.\u0645.\u0645 \u067e\u06cc\u062f\u0627 \u06a9\u0646<\/div>\n          <\/div>\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n              \u0636\u0631\u0628 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627\n            <\/div>\n            <div class=\"ch7-formula-box\">a\/b \u00d7 c\/d  =  (a\u00b7c) \/ (b\u00b7d)   \u2192  \u0635\u0648\u0631\u062a\u200c\u0647\u0627 \u00d7 \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u060c \u0645\u062e\u0631\u062c\u200c\u0647\u0627 \u00d7 \u0645\u062e\u0631\u062c\u200c\u0647\u0627<\/div>\n          <\/div>\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n              \u062a\u0642\u0633\u06cc\u0645 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627\n            <\/div>\n            <div class=\"ch7-formula-box\">a\/b \u00f7 c\/d  =  a\/b \u00d7 d\/c  =  (a\u00b7d) \/ (b\u00b7c)    (c \u2260 0)<\/div>\n          <\/div>\n          <div class=\"ch7-block\">\n            <div class=\"ch7-example-box\">\n              <div class=\"ch7-example-label\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                \u0645\u062b\u0627\u0644\u200c\u0647\u0627\n              <\/div>\n              <p class=\"ch7-example-text\"><strong>\u062c\u0645\u0639:<\/strong><\/p>\n              <div class=\"ch7-example-formula\">1\/(x-1) + 1\/(x+1) = [(x+1)+(x-1)] \/ [(x-1)(x+1)] = 2x\/(x\u00b2-1)<\/div>\n              <p class=\"ch7-example-text\"><strong>\u0636\u0631\u0628:<\/strong><\/p>\n              <div class=\"ch7-example-formula\">(x+2)\/(x-1) \u00d7 (x-1)\/(x+3) = (x+2)\/(x+3)   ,  x\u22601,-3<\/div>\n              <p class=\"ch7-example-text\"><strong>\u062a\u0642\u0633\u06cc\u0645:<\/strong><\/p>\n              <div class=\"ch7-example-formula\">(x\u00b2-4)\/x \u00f7 (x-2)\/x\u00b2 = (x\u00b2-4)\/x \u00d7 x\u00b2\/(x-2) = x(x+2)<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"ch7-block\">\n            <ul class=\"ch7-tips-list\">\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u062f\u0631 \u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642\u060c \u0645\u062e\u0631\u062c\u200c\u0647\u0627 \u0628\u0627\u06cc\u062f \u06cc\u06a9\u0633\u0627\u0646 \u0634\u0648\u0646\u062f \u2014 \u0647\u0645\u06cc\u0634\u0647 \u0645.\u0645.\u0645 \u0631\u0627 \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f.\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u062f\u0631 \u062a\u0642\u0633\u06cc\u0645\u060c \u0647\u0645\u06cc\u0634\u0647 \u06a9\u0633\u0631 \u062f\u0648\u0645 \u0631\u0627 \u0648\u0627\u0631\u0648\u0646\u0647 \u06a9\u0646\u06cc\u062f \u0648 \u0633\u067e\u0633 \u0636\u0631\u0628 \u06a9\u0646\u06cc\u062f.\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u067e\u0633 \u0627\u0632 \u0647\u0631 \u0639\u0645\u0644\u06cc\u0627\u062a\u060c \u0646\u062a\u06cc\u062c\u0647 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u0634\u0631\u0637 \u062f\u0627\u0645\u0646\u0647 \u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u0639\u0645\u0644\u06cc\u0627\u062a \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f.\n              <\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"ch7-conclusion\">\n            \ud83d\udca1 <strong>\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc:<\/strong> \u062c\u0645\u0639\/\u062a\u0641\u0631\u06cc\u0642 = \u0645\u062e\u0631\u062c \u0645\u0634\u062a\u0631\u06a9 | \u0636\u0631\u0628 = \u0636\u0631\u0628 \u0645\u0633\u062a\u0642\u06cc\u0645 | \u062a\u0642\u0633\u06cc\u0645 = \u0636\u0631\u0628 \u062f\u0631 \u0648\u0627\u0631\u0648\u0646\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- \u2500\u2500 Section 4: Complex Fractions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <article class=\"ch7-section-card\" data-section-id=\"s4\" role=\"listitem\">\n      <div class=\"ch7-section-header\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"ch7-body-s4\">\n        <div class=\"ch7-section-icon ic-green\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-section-info\">\n          <div class=\"ch7-section-num\" style=\"color:var(--clr-accent-4)\">\u0628\u062e\u0634 \u06f4<\/div>\n          <div class=\"ch7-section-title\">\u06a9\u0633\u0631\u0647\u0627\u06cc \u0645\u0631\u06a9\u0628<\/div>\n        <\/div>\n        <div class=\"ch7-section-actions\">\n          <label class=\"ch7-check-label\" onclick=\"event.stopPropagation()\" aria-label=\"\u0639\u0644\u0627\u0645\u062a\u200c\u06af\u0630\u0627\u0631\u06cc \u0628\u062e\u0634 \u06f4\">\n            <input type=\"checkbox\" id=\"ch7-cb-s4\" data-section=\"s4\">\n            <div class=\"ch7-check-box\">\n              <svg class=\"ch7-check-box-tick\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"ch7-check-text\" style=\"font-size:12px;color:var(--clr-text-light)\">\u062e\u0648\u0627\u0646\u062f\u0645<\/span>\n          <\/label>\n          <svg class=\"ch7-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"ch7-section-body\" id=\"ch7-body-s4\">\n        <div class=\"ch7-section-content\">\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n              \u062a\u0639\u0631\u06cc\u0641\n            <\/div>\n            <p class=\"ch7-block-text\">\n              \u06a9\u0633\u0631 \u0645\u0631\u06a9\u0628 \u06a9\u0633\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0635\u0648\u0631\u062a \u06cc\u0627 \u0645\u062e\u0631\u062c \u0622\u0646 (\u06cc\u0627 \u0647\u0631 \u062f\u0648) \u062e\u0648\u062f \u062f\u0627\u0631\u0627\u06cc \u06a9\u0633\u0631 \u0628\u0627\u0634\u0646\u062f. \u0628\u0631\u0627\u06cc \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u062f\u0648 \u0631\u0648\u0634 \u062f\u0627\u0631\u06cc\u0645: <strong>\u0631\u0648\u0634 \u06f1:<\/strong> \u0635\u0648\u0631\u062a \u0631\u0627 \u0628\u0631 \u0645\u062e\u0631\u062c \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f. <strong>\u0631\u0648\u0634 \u06f2:<\/strong> \u062f\u0631 \u0645.\u0645.\u0645 \u062a\u0645\u0627\u0645 \u06a9\u0633\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0636\u0631\u0628 \u06a9\u0646\u06cc\u062f.\n            <\/p>\n          <\/div>\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><\/svg>\n              \u0631\u0648\u0634 \u062d\u0644\n            <\/div>\n            <div class=\"ch7-formula-box\">(a\/b) \/ (c\/d)  =  (a\/b) \u00d7 (d\/c)  =  (a\u00b7d)\/(b\u00b7c)<\/div>\n          <\/div>\n          <div class=\"ch7-block\">\n            <div class=\"ch7-example-box\">\n              <div class=\"ch7-example-label\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                \u0645\u062b\u0627\u0644\n              <\/div>\n              <p class=\"ch7-example-text\"><strong>\u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/strong><\/p>\n              <div class=\"ch7-example-formula\">  (1 + 1\/x)        x+1        x+1\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 =  \u2500\u2500\u2500  \u00f7  \u2500\u2500\u2500 = \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  (1 - 1\/x)         x         x      x-1\n                             \u2500\u2500\u2500 \u00d7 \u2500\u2500\u2500\u2500\u2500 = \u2500\u2500\u2500\u2500\u2500\n                              1     x-1    1<\/div>\n              <p class=\"ch7-example-text\">\u0631\u0648\u0634 \u0622\u0633\u0627\u0646\u200c\u062a\u0631: \u062f\u0631 x \u0636\u0631\u0628 \u06a9\u0646 \u2192 (x+1)\/(x-1)<\/p>\n              <div class=\"ch7-example-formula\">(1 + 1\/x)\/(1 - 1\/x)  \u00d7  x\/x  =  (x+1)\/(x-1)   ,  x\u22600,1<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"ch7-block\">\n            <ul class=\"ch7-tips-list\">\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u0631\u0648\u0634 \u0645.\u0645.\u0645 (\u0636\u0631\u0628 \u062f\u0631 \u0645.\u0645.\u0645 \u0647\u0645\u0647 \u0645\u062e\u0631\u062c\u200c\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc) \u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0631\u0648\u0634 \u0627\u0633\u062a.\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u0627\u0628\u062a\u062f\u0627 \u0635\u0648\u0631\u062a \u0648 \u0645\u062e\u0631\u062c \u0627\u0635\u0644\u06cc \u0631\u0627 \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u062f\u0642\u062a \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0634\u0631\u0637 \u062f\u0627\u0645\u0646\u0647 \u0627\u0632 \u0647\u0631 \u062f\u0648 \u0628\u062e\u0634 \u0635\u0648\u0631\u062a \u0648 \u0645\u062e\u0631\u062c \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0645\u06cc\u200c\u0634\u0648\u062f.\n              <\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"ch7-conclusion\">\n            \ud83d\udca1 <strong>\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc:<\/strong> \u06a9\u0633\u0631 \u0645\u0631\u06a9\u0628 = \u06a9\u0633\u0631 \u062f\u0627\u062e\u0644 \u06a9\u0633\u0631\u061b \u0631\u0627\u0647\u200c\u062d\u0644: \u0636\u0631\u0628 \u062f\u0631 \u0645.\u0645.\u0645 \u06cc\u0627 \u062a\u0642\u0633\u06cc\u0645 \u0635\u0648\u0631\u062a \u0628\u0631 \u0645\u062e\u0631\u062c.\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- \u2500\u2500 Section 5: Rational Equations \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <article class=\"ch7-section-card\" data-section-id=\"s5\" role=\"listitem\">\n      <div class=\"ch7-section-header\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"ch7-body-s5\">\n        <div class=\"ch7-section-icon ic-orange\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 20V10\"\/><path d=\"M12 20V4\"\/><path d=\"M6 20v-6\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-section-info\">\n          <div class=\"ch7-section-num\" style=\"color:var(--clr-accent-5)\">\u0628\u062e\u0634 \u06f5<\/div>\n          <div class=\"ch7-section-title\">\u0645\u0639\u0627\u062f\u0644\u0627\u062a \u06af\u0648\u06cc\u0627<\/div>\n        <\/div>\n        <div class=\"ch7-section-actions\">\n          <label class=\"ch7-check-label\" onclick=\"event.stopPropagation()\" aria-label=\"\u0639\u0644\u0627\u0645\u062a\u200c\u06af\u0630\u0627\u0631\u06cc \u0628\u062e\u0634 \u06f5\">\n            <input type=\"checkbox\" id=\"ch7-cb-s5\" data-section=\"s5\">\n            <div class=\"ch7-check-box\">\n              <svg class=\"ch7-check-box-tick\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"ch7-check-text\" style=\"font-size:12px;color:var(--clr-text-light)\">\u062e\u0648\u0627\u0646\u062f\u0645<\/span>\n          <\/label>\n          <svg class=\"ch7-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"ch7-section-body\" id=\"ch7-body-s5\">\n        <div class=\"ch7-section-content\">\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n              \u0645\u0641\u0647\u0648\u0645\n            <\/div>\n            <p class=\"ch7-block-text\">\n              \u0645\u0639\u0627\u062f\u0644\u0647 \u06af\u0648\u06cc\u0627 \u0645\u0639\u0627\u062f\u0644\u0647\u200c\u0627\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0645\u062a\u063a\u06cc\u0631 \u062f\u0631 \u0645\u062e\u0631\u062c \u0638\u0627\u0647\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0628\u0631\u0627\u06cc \u062d\u0644\u060c \u0627\u0632 \u0647\u0631 \u062f\u0648 \u0637\u0631\u0641 \u0645\u0639\u0627\u062f\u0644\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0647 \u062f\u0631 <strong>\u0645.\u0645.\u0645 \u0645\u062e\u0631\u062c\u200c\u0647\u0627<\/strong> \u0636\u0631\u0628 \u06a9\u0646\u06cc\u0645 \u062a\u0627 \u06a9\u0633\u0631\u0647\u0627 \u062d\u0630\u0641 \u0634\u0648\u0646\u062f. \u062f\u0631 \u067e\u0627\u06cc\u0627\u0646\u060c \u062c\u0648\u0627\u0628\u200c\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0645\u0639\u0627\u062f\u0644\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.\n            <\/p>\n          <\/div>\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><\/svg>\n              \u0645\u0631\u0627\u062d\u0644 \u062d\u0644\n            <\/div>\n            <div class=\"ch7-formula-box\">\u06f1. \u0645.\u0645.\u0645 \u0645\u062e\u0631\u062c\u200c\u0647\u0627 \u0631\u0627 \u067e\u06cc\u062f\u0627 \u06a9\u0646  \u2192  \u06f2. \u062f\u0631 \u0645.\u0645.\u0645 \u0636\u0631\u0628 \u06a9\u0646  \u2192  \u06f3. \u062d\u0644 \u06a9\u0646  \u2192  \u06f4. \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646<\/div>\n          <\/div>\n          <div class=\"ch7-block\">\n            <div class=\"ch7-example-box\">\n              <div class=\"ch7-example-label\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                \u0645\u062b\u0627\u0644\n              <\/div>\n              <p class=\"ch7-example-text\"><strong>\u062d\u0644 \u06a9\u0646\u06cc\u062f:<\/strong><\/p>\n              <div class=\"ch7-example-formula\">2\/(x-1) + 1\/x = 3\/(x(x-1))<\/div>\n              <p class=\"ch7-example-text\">\u0645.\u0645.\u0645 = x(x-1)\u061b \u062f\u0631 \u0647\u0631 \u062f\u0648 \u0637\u0631\u0641 \u0636\u0631\u0628 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645:<\/p>\n              <div class=\"ch7-example-formula\">2x + (x-1) = 3  \u2192  3x - 1 = 3  \u2192  x = 4\/3<\/div>\n              <p class=\"ch7-example-text\">\u0628\u0631\u0631\u0633\u06cc: x = 4\/3 \u0628\u0627\u0639\u062b \u0635\u0641\u0631 \u0634\u062f\u0646 \u0645\u062e\u0631\u062c \u0646\u0645\u06cc\u200c\u0634\u0648\u062f \u2713<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"ch7-block\">\n            <ul class=\"ch7-tips-list\">\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u26a0\ufe0f \u062d\u062a\u0645\u0627\u064b \u062c\u0648\u0627\u0628 \u0631\u0627 \u062f\u0631 \u062f\u0627\u0645\u0646\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f \u2014 \u062c\u0648\u0627\u0628\u200c\u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc (\u0646\u0627\u062c\u0648\u0631) \u0631\u0627\u06cc\u062c\u200c\u062a\u0631\u06cc\u0646 \u0627\u0634\u062a\u0628\u0627\u0647 \u0627\u0633\u062a!\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u062c\u0648\u0627\u0628\u06cc \u06a9\u0647 \u0645\u062e\u0631\u062c \u0631\u0627 \u0635\u0641\u0631 \u06a9\u0646\u062f \u0628\u0627\u06cc\u062f \u062d\u0630\u0641 \u0634\u0648\u062f.\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u0645.\u0645.\u0645 \u0635\u062d\u06cc\u062d = \u0646\u062a\u06cc\u062c\u0647 \u062f\u0631\u0633\u062a\u061b \u0627\u06af\u0631 \u0645.\u0645.\u0645 \u0627\u0634\u062a\u0628\u0627\u0647 \u0628\u0627\u0634\u062f\u060c \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0627\u0634\u062a\u0628\u0627\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u067e\u0633 \u0627\u0632 \u062d\u0630\u0641 \u06a9\u0633\u0631\u200c\u0647\u0627\u060c \u06cc\u06a9 \u0645\u0639\u0627\u062f\u0644\u0647 \u0686\u0646\u062f\u062c\u0645\u0644\u0647\u200c\u0627\u06cc \u0645\u0639\u0645\u0648\u0644\u06cc \u0628\u0647\u200c\u062f\u0633\u062a \u0645\u06cc\u200c\u0622\u06cc\u062f.\n              <\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"ch7-conclusion\">\n            \ud83d\udca1 <strong>\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc:<\/strong> \u062f\u0631 \u0645\u0639\u0627\u062f\u0644\u0647 \u06af\u0648\u06cc\u0627: \u0645.\u0645.\u0645 \u067e\u06cc\u062f\u0627 \u06a9\u0646 \u2190 \u0636\u0631\u0628 \u06a9\u0646 \u2190 \u062d\u0644 \u06a9\u0646 \u2190 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646 \u2014 \u0628\u062f\u0648\u0646 \u0628\u0631\u0631\u0633\u06cc\u060c \u062c\u0648\u0627\u0628 \u06a9\u0627\u0645\u0644 \u0646\u06cc\u0633\u062a!\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- \u2500\u2500 Section 6: Word Problems \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <article class=\"ch7-section-card\" data-section-id=\"s6\" role=\"listitem\">\n      <div class=\"ch7-section-header\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"ch7-body-s6\">\n        <div class=\"ch7-section-icon ic-violet\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-section-info\">\n          <div class=\"ch7-section-num\" style=\"color:var(--clr-accent-6)\">\u0628\u062e\u0634 \u06f6<\/div>\n          <div class=\"ch7-section-title\">\u0645\u0633\u0627\u0626\u0644 \u06a9\u0644\u0627\u0645\u06cc \u0628\u0627 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627<\/div>\n        <\/div>\n        <div class=\"ch7-section-actions\">\n          <label class=\"ch7-check-label\" onclick=\"event.stopPropagation()\" aria-label=\"\u0639\u0644\u0627\u0645\u062a\u200c\u06af\u0630\u0627\u0631\u06cc \u0628\u062e\u0634 \u06f6\">\n            <input type=\"checkbox\" id=\"ch7-cb-s6\" data-section=\"s6\">\n            <div class=\"ch7-check-box\">\n              <svg class=\"ch7-check-box-tick\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"ch7-check-text\" style=\"font-size:12px;color:var(--clr-text-light)\">\u062e\u0648\u0627\u0646\u062f\u0645<\/span>\n          <\/label>\n          <svg class=\"ch7-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"ch7-section-body\" id=\"ch7-body-s6\">\n        <div class=\"ch7-section-content\">\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n              \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0631\u0627\u06cc\u062c \u0645\u0633\u0627\u0626\u0644 \u06a9\u0644\u0627\u0645\u06cc\n            <\/div>\n            <p class=\"ch7-block-text\">\n              \u0645\u0633\u0627\u0626\u0644 \u06a9\u0644\u0627\u0645\u06cc \u0641\u0635\u0644 \u06f7 \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0634\u0627\u0645\u0644 \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0647\u0633\u062a\u0646\u062f: \u0645\u0633\u0627\u0626\u0644 <strong>\u0633\u0631\u0639\u062a-\u0632\u0645\u0627\u0646-\u0645\u0633\u0627\u0641\u062a<\/strong>\u060c \u0645\u0633\u0627\u0626\u0644 <strong>\u06a9\u0627\u0631-\u0632\u0645\u0627\u0646<\/strong>\u060c \u0648 \u0645\u0633\u0627\u0626\u0644 <strong>\u0646\u0633\u0628\u062a \u0648 \u062a\u0646\u0627\u0633\u0628<\/strong>. \u062f\u0631 \u0647\u0631 \u0635\u0648\u0631\u062a\u060c \u0627\u0628\u062a\u062f\u0627 \u0645\u062a\u063a\u06cc\u0631 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0633\u067e\u0633 \u0645\u0639\u0627\u062f\u0644\u0647 \u0646\u0648\u0634\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.\n            <\/p>\n          <\/div>\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><\/svg>\n              \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc\n            <\/div>\n            <div class=\"ch7-formula-box\">\u0632\u0645\u0627\u0646 = \u0645\u0633\u0627\u0641\u062a \/ \u0633\u0631\u0639\u062a  |  \u0633\u0631\u0639\u062a = \u0645\u0633\u0627\u0641\u062a \/ \u0632\u0645\u0627\u0646<\/div>\n            <div class=\"ch7-formula-box\" style=\"margin-top:8px\">\u06a9\u0627\u0631 \u0645\u0634\u062a\u0631\u06a9: 1\/t\u2081 + 1\/t\u2082 = 1\/t_\u0645\u0634\u062a\u0631\u06a9<\/div>\n          <\/div>\n          <div class=\"ch7-block\">\n            <div class=\"ch7-example-box\">\n              <div class=\"ch7-example-label\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                \u0645\u062b\u0627\u0644 (\u0645\u0633\u0626\u0644\u0647 \u06a9\u0627\u0631-\u0632\u0645\u0627\u0646)\n              <\/div>\n              <p class=\"ch7-example-text\">\n                \u0639\u0644\u06cc \u06cc\u06a9 \u06a9\u0627\u0631 \u0631\u0627 \u062f\u0631 \u06f6 \u0633\u0627\u0639\u062a \u0648 \u0631\u0636\u0627 \u0647\u0645\u0627\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u062f\u0631 \u06f4 \u0633\u0627\u0639\u062a \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f. \u0627\u06af\u0631 \u0628\u0627 \u0647\u0645 \u06a9\u0627\u0631 \u06a9\u0646\u0646\u062f\u060c \u0686\u0646\u062f \u0633\u0627\u0639\u062a \u0637\u0648\u0644 \u0645\u06cc\u200c\u06a9\u0634\u062f\u061f\n              <\/p>\n              <div class=\"ch7-example-formula\">1\/6 + 1\/4 = 1\/t  \u2192  (2+3)\/12 = 1\/t  \u2192  t = 12\/5 = 2.4 \u0633\u0627\u0639\u062a<\/div>\n              <p class=\"ch7-example-text\">\u062c\u0648\u0627\u0628: \u06f2 \u0633\u0627\u0639\u062a \u0648 \u06f2\u06f4 \u062f\u0642\u06cc\u0642\u0647<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"ch7-block\">\n            <ul class=\"ch7-tips-list\">\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u0627\u0628\u062a\u062f\u0627 \u0645\u062a\u063a\u06cc\u0631 \u0645\u062c\u0647\u0648\u0644 \u0631\u0627 \u0646\u0627\u0645\u200c\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f (\u0645\u062b\u0644: \u0633\u0631\u0639\u062a = x)\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u062f\u0631 \u0645\u0633\u0627\u0626\u0644 \u06a9\u0627\u0631: \u0633\u0647\u0645 \u0647\u0631 \u0646\u0641\u0631 \u062f\u0631 \u06cc\u06a9 \u0648\u0627\u062d\u062f \u0632\u0645\u0627\u0646 = \u06a9\u0633\u0631\u06cc \u0627\u0632 \u06a9\u0627\u0631 \u06a9\u0644\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u062f\u0631 \u0645\u0633\u0627\u0626\u0644 \u0633\u0631\u0639\u062a: \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0627\u0632 t = d\/v \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u0648\u0627\u062d\u062f\u0647\u0627 \u0631\u0627 \u06cc\u06a9\u0633\u0627\u0646 \u06a9\u0646\u06cc\u062f \u2014 \u06a9\u06cc\u0644\u0648\u0645\u062a\u0631\/\u0633\u0627\u0639\u062a \u06cc\u0627 \u0645\u062a\u0631\/\u062b\u0627\u0646\u06cc\u0647\n              <\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"ch7-conclusion\">\n            \ud83d\udca1 <strong>\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc:<\/strong> \u0645\u062a\u063a\u06cc\u0631 \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646 \u2192 \u062c\u062f\u0648\u0644 \u0628\u06a9\u0634 \u2192 \u0645\u0639\u0627\u062f\u0644\u0647 \u0628\u0646\u0648\u06cc\u0633 \u2192 \u062d\u0644 \u06a9\u0646 \u2192 \u0628\u0631\u0631\u0633\u06cc \u0648\u0627\u0642\u0639\u06cc \u0628\u0648\u062f\u0646 \u062c\u0648\u0627\u0628!\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- \u2500\u2500 Section 7: Exam Tips \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 -->\n    <article class=\"ch7-section-card\" data-section-id=\"s7\" role=\"listitem\">\n      <div class=\"ch7-section-header\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"ch7-body-s7\">\n        <div class=\"ch7-section-icon ic-gold\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-section-info\">\n          <div class=\"ch7-section-num\" style=\"color:#c9710a\">\u0628\u062e\u0634 \u06f7<\/div>\n          <div class=\"ch7-section-title\">\u0646\u06a9\u0627\u062a \u0637\u0644\u0627\u06cc\u06cc \u0648 \u062a\u0631\u0641\u0646\u062f\u0647\u0627\u06cc \u0627\u0645\u062a\u062d\u0627\u0646\u06cc<\/div>\n        <\/div>\n        <div class=\"ch7-section-actions\">\n          <label class=\"ch7-check-label\" onclick=\"event.stopPropagation()\" aria-label=\"\u0639\u0644\u0627\u0645\u062a\u200c\u06af\u0630\u0627\u0631\u06cc \u0628\u062e\u0634 \u06f7\">\n            <input type=\"checkbox\" id=\"ch7-cb-s7\" data-section=\"s7\">\n            <div class=\"ch7-check-box\">\n              <svg class=\"ch7-check-box-tick\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"ch7-check-text\" style=\"font-size:12px;color:var(--clr-text-light)\">\u062e\u0648\u0627\u0646\u062f\u0645<\/span>\n          <\/label>\n          <svg class=\"ch7-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"ch7-section-body\" id=\"ch7-body-s7\">\n        <div class=\"ch7-section-content\">\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n              \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627\n            <\/div>\n            <ul class=\"ch7-tips-list\">\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                <strong>\u062a\u0631\u0641\u0646\u062f -(a-b):<\/strong> \u0639\u0628\u0627\u0631\u062a (a-b) = -(b-a) \u2014 \u0627\u06af\u0631 \u062f\u0631 \u0645\u062e\u0631\u062c (x-3) \u0648 \u062f\u0631 \u0635\u0648\u0631\u062a (3-x) \u062f\u06cc\u062f\u06cc\u062f\u060c \u0646\u062a\u06cc\u062c\u0647 -\u06f1 \u0627\u0633\u062a.\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                <strong>\u0627\u0634\u062a\u0628\u0627\u0647 \u0631\u0627\u06cc\u062c:<\/strong> \u0647\u0631\u06af\u0632 \u0635\u0648\u0631\u062a \u0648 \u0645\u062e\u0631\u062c \u0631\u0627 \u0628\u0627 \u0647\u0645 \u062c\u0645\u0639 \u0646\u0632\u0646\u06cc\u062f! \u0641\u0642\u0637 \u0639\u0648\u0627\u0645\u0644 \u0645\u0634\u062a\u0631\u06a9 \u062d\u0630\u0641 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                <strong>\u0634\u0631\u0637 \u062f\u0627\u0645\u0646\u0647:<\/strong> \u062a\u0645\u0627\u0645 \u0645\u0642\u0627\u062f\u06cc\u0631\u06cc \u06a9\u0647 \u0647\u0631 \u0645\u062e\u0631\u062c \u0631\u0627 \u0635\u0641\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u0628\u0627\u06cc\u062f \u06af\u0641\u062a\u0647 \u0634\u0648\u0646\u062f \u2014 \u0646\u0647 \u0641\u0642\u0637 \u0645\u062e\u0631\u062c \u0622\u062e\u0631!\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                <strong>\u062a\u062c\u0632\u06cc\u0647 \u0633\u0631\u06cc\u0639:<\/strong> a\u00b2-b\u00b2 = (a+b)(a-b) \u0648 a\u00b2+2ab+b\u00b2 = (a+b)\u00b2 \u0631\u0627 \u062d\u0641\u0638 \u06a9\u0646\u06cc\u062f.\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                <strong>\u0628\u0631\u0631\u0633\u06cc \u067e\u0627\u06cc\u0627\u0646\u06cc:<\/strong> \u062f\u0631 \u0645\u0639\u0627\u062f\u0644\u0627\u062a \u06af\u0648\u06cc\u0627\u060c \u0647\u0645\u06cc\u0634\u0647 \u062c\u0648\u0627\u0628 \u0631\u0627 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f!\n              <\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"\/><polyline points=\"13 2 13 9 20 9\"\/><\/svg>\n              \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u062a\u062c\u0632\u06cc\u0647 \u0645\u0647\u0645\n            <\/div>\n            <div class=\"ch7-formula-box\">a\u00b2 - b\u00b2 = (a+b)(a-b)\na\u00b2 + 2ab + b\u00b2 = (a+b)\u00b2\na\u00b2 - 2ab + b\u00b2 = (a-b)\u00b2\na\u00b3 - b\u00b3 = (a-b)(a\u00b2+ab+b\u00b2)<\/div>\n          <\/div>\n          <div class=\"ch7-conclusion\">\n            \ud83d\udca1 <strong>\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc:<\/strong> \u062a\u062c\u0632\u06cc\u0647 = \u06a9\u0644\u06cc\u062f \u0645\u0648\u0641\u0642\u06cc\u062a | \u0634\u0631\u0637 \u062f\u0627\u0645\u0646\u0647 = \u0646\u0645\u0631\u0647 \u06a9\u0627\u0645\u0644 | \u0628\u0631\u0631\u0633\u06cc \u062c\u0648\u0627\u0628 = \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0646\u0647\u0627\u06cc\u06cc\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <!-- \u2500\u2500 Section 8: Night Review \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <article class=\"ch7-section-card\" data-section-id=\"s8\" role=\"listitem\">\n      <div class=\"ch7-section-header\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"ch7-body-s8\">\n        <div class=\"ch7-section-icon ic-teal\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-section-info\">\n          <div class=\"ch7-section-num\" style=\"color:#00b4a0\">\u0628\u062e\u0634 \u06f8<\/div>\n          <div class=\"ch7-section-title\">\u0645\u0631\u0648\u0631 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646 \u2014 \u062e\u0644\u0627\u0635\u0647 \u0646\u0647\u0627\u06cc\u06cc<\/div>\n        <\/div>\n        <div class=\"ch7-section-actions\">\n          <label class=\"ch7-check-label\" onclick=\"event.stopPropagation()\" aria-label=\"\u0639\u0644\u0627\u0645\u062a\u200c\u06af\u0630\u0627\u0631\u06cc \u0628\u062e\u0634 \u06f8\">\n            <input type=\"checkbox\" id=\"ch7-cb-s8\" data-section=\"s8\">\n            <div class=\"ch7-check-box\">\n              <svg class=\"ch7-check-box-tick\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <span class=\"ch7-check-text\" style=\"font-size:12px;color:var(--clr-text-light)\">\u062e\u0648\u0627\u0646\u062f\u0645<\/span>\n          <\/label>\n          <svg class=\"ch7-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/div>\n      <\/div>\n      <div class=\"ch7-section-body\" id=\"ch7-body-s8\">\n        <div class=\"ch7-section-content\">\n          <div class=\"ch7-block\">\n            <div class=\"ch7-block-title\">\n              <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/><\/svg>\n              \u06f1\u06f0 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0642\u0628\u0644 \u0627\u0632 \u0627\u0645\u062a\u062d\u0627\u0646 \u0628\u062f\u0627\u0646\u06cc\u062f\n            <\/div>\n            <ul class=\"ch7-tips-list\">\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u06f1. \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627 = P(x)\/Q(x) \u06a9\u0647 Q(x) \u2260 \u06f0\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u06f2. \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc: \u0627\u0628\u062a\u062f\u0627 \u062a\u062c\u0632\u06cc\u0647\u060c \u0633\u067e\u0633 \u062d\u0630\u0641 \u0639\u0627\u0645\u0644 \u0645\u0634\u062a\u0631\u06a9\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u06f3. \u062c\u0645\u0639\/\u062a\u0641\u0631\u06cc\u0642: \u0645\u062e\u0631\u062c \u0645\u0634\u062a\u0631\u06a9 (\u0645.\u0645.\u0645) \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u06f4. \u0636\u0631\u0628: \u0635\u0648\u0631\u062a\u200c\u0647\u0627 \u00d7 \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u060c \u0645\u062e\u0631\u062c\u200c\u0647\u0627 \u00d7 \u0645\u062e\u0631\u062c\u200c\u0647\u0627\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u06f5. \u062a\u0642\u0633\u06cc\u0645: \u0636\u0631\u0628 \u062f\u0631 \u0648\u0627\u0631\u0648\u0646 \u06a9\u0633\u0631 \u062f\u0648\u0645\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u06f6. \u06a9\u0633\u0631 \u0645\u0631\u06a9\u0628: \u0636\u0631\u0628 \u062f\u0631 \u0645.\u0645.\u0645 \u0645\u062e\u0631\u062c\u200c\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u06f7. \u0645\u0639\u0627\u062f\u0644\u0647 \u06af\u0648\u06cc\u0627: \u0645.\u0645.\u0645 \u00d7 \u0647\u0631 \u062f\u0648 \u0637\u0631\u0641 \u2192 \u062d\u0644 \u2192 \u0628\u0631\u0631\u0633\u06cc\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u06f8. a\u00b2-b\u00b2 = (a+b)(a-b) \u2014 \u0627\u06cc\u0646 \u062a\u062c\u0632\u06cc\u0647 \u062f\u0631 \u0647\u0645\u0647 \u062c\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f!\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u06f9. (a-b) = -(b-a) \u2014 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0631\u0627 \u0622\u0633\u0627\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f\n              <\/li>\n              <li>\n                <svg class=\"ch7-tip-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#43aa8b\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n                \u06f1\u06f0. \u0634\u0631\u0637 \u062f\u0627\u0645\u0646\u0647 \u0631\u0627 \u0647\u0645\u06cc\u0634\u0647 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f \u2014 \u0646\u0645\u0631\u0647 \u06a9\u0627\u0645\u0644 \u0628\u0627 \u0622\u0646 \u0627\u0633\u062a!\n              <\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"ch7-conclusion\">\n            \ud83c\udf19 <strong>\u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646:<\/strong> \u0622\u0631\u0627\u0645 \u0628\u0627\u0634\u060c \u0627\u06cc\u0646 \u0645\u0648\u0627\u0631\u062f \u0631\u0627 \u0645\u0631\u0648\u0631 \u06a9\u0646\u060c \u062e\u0648\u0628 \u0628\u062e\u0648\u0627\u0628 \u2014 \u0645\u0648\u0641\u0642 \u0628\u0627\u0634\u06cc! \ud83c\udf1f\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n  <\/div><!-- \/ch7-sections -->\n\n  <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n       \u2551   IMPORTANT FORMULAS     \u2551\n       \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n  <section class=\"ch7-formulas-section ch7-fade-in\" aria-label=\"\u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u0645\u0647\u0645 \u0641\u0635\u0644 \u06f7\">\n    <div class=\"ch7-section-title-main\">\n      <div class=\"ch7-section-icon ic-gold\" style=\"width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n      <\/div>\n      \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc \u0641\u0635\u0644 \u06f7\n    <\/div>\n    <div class=\"ch7-formulas-grid\">\n      <div class=\"ch7-formula-card\">\n        <div class=\"ch7-formula-card-title\">\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><\/svg>\n          \u062a\u0639\u0631\u06cc\u0641 \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627\n        <\/div>\n        <div class=\"ch7-formula-card-expr\">P(x) \/ Q(x) , Q(x) \u2260 0<\/div>\n        <div class=\"ch7-formula-card-note\">P \u0648 Q \u0686\u0646\u062f\u062c\u0645\u0644\u0647\u200c\u0627\u06cc\u060c Q \u0647\u0631\u06af\u0632 \u0635\u0641\u0631 \u0646\u0645\u06cc\u200c\u0634\u0648\u062f<\/div>\n      <\/div>\n      <div class=\"ch7-formula-card\">\n        <div class=\"ch7-formula-card-title\">\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n          \u062c\u0645\u0639 \u0628\u0627 \u0645\u062e\u0631\u062c \u0645\u0634\u062a\u0631\u06a9\n        <\/div>\n        <div class=\"ch7-formula-card-expr\">a\/b + c\/b = (a+c)\/b<\/div>\n        <div class=\"ch7-formula-card-note\">\u0645\u062e\u0631\u062c\u200c\u0647\u0627\u06cc \u0645\u0633\u0627\u0648\u06cc: \u0641\u0642\u0637 \u0635\u0648\u0631\u062a\u200c\u0647\u0627 \u062c\u0645\u0639 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f<\/div>\n      <\/div>\n      <div class=\"ch7-formula-card\">\n        <div class=\"ch7-formula-card-title\">\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n          \u062c\u0645\u0639 \u0628\u0627 \u0645\u062e\u0631\u062c \u0645\u062e\u062a\u0644\u0641\n        <\/div>\n        <div class=\"ch7-formula-card-expr\">a\/b + c\/d = (ad+bc)\/(bd)<\/div>\n        <div class=\"ch7-formula-card-note\">\u0636\u0631\u0628 \u0645\u062a\u0642\u0627\u0637\u0639 \u0628\u0631\u0627\u06cc \u0628\u0631\u0627\u0628\u0631 \u06a9\u0631\u062f\u0646 \u0645\u062e\u0631\u062c\u200c\u0647\u0627<\/div>\n      <\/div>\n      <div class=\"ch7-formula-card\">\n        <div class=\"ch7-formula-card-title\">\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n          \u0636\u0631\u0628 \u06a9\u0633\u0631\u0647\u0627\n        <\/div>\n        <div class=\"ch7-formula-card-expr\">a\/b \u00d7 c\/d = (a\u00d7c)\/(b\u00d7d)<\/div>\n        <div class=\"ch7-formula-card-note\">\u0635\u0648\u0631\u062a \u00d7 \u0635\u0648\u0631\u062a \u0648 \u0645\u062e\u0631\u062c \u00d7 \u0645\u062e\u0631\u062c<\/div>\n      <\/div>\n      <div class=\"ch7-formula-card\">\n        <div class=\"ch7-formula-card-title\">\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18\"\/><circle cx=\"18.5\" cy=\"5.5\" r=\"2.5\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n          \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0633\u0631\u0647\u0627\n        <\/div>\n        <div class=\"ch7-formula-card-expr\">a\/b \u00f7 c\/d = a\/b \u00d7 d\/c<\/div>\n        <div class=\"ch7-formula-card-note\">\u0648\u0627\u0631\u0648\u0646\u0647 \u06a9\u0646 \u0648 \u0636\u0631\u0628 \u06a9\u0646<\/div>\n      <\/div>\n      <div class=\"ch7-formula-card\">\n        <div class=\"ch7-formula-card-title\">\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><\/svg>\n          \u062a\u0641\u0627\u0636\u0644 \u0645\u0631\u0628\u0639\u0627\u062a\n        <\/div>\n        <div class=\"ch7-formula-card-expr\">a\u00b2 - b\u00b2 = (a+b)(a-b)<\/div>\n        <div class=\"ch7-formula-card-note\">\u067e\u0631\u06a9\u0627\u0631\u0628\u0631\u062f\u062a\u0631\u06cc\u0646 \u0641\u0631\u0645\u0648\u0644 \u062a\u062c\u0632\u06cc\u0647 \u062f\u0631 \u0627\u06cc\u0646 \u0641\u0635\u0644<\/div>\n      <\/div>\n      <div class=\"ch7-formula-card\">\n        <div class=\"ch7-formula-card-title\">\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          \u0645\u0631\u0628\u0639 \u0645\u062c\u0645\u0648\u0639\/\u062a\u0641\u0627\u0636\u0644\n        <\/div>\n        <div class=\"ch7-formula-card-expr\">(a\u00b1b)\u00b2 = a\u00b2\u00b12ab+b\u00b2<\/div>\n        <div class=\"ch7-formula-card-note\">\u0628\u0631\u0627\u06cc \u062a\u062c\u0632\u06cc\u0647 \u0633\u0647\u200c\u062c\u0645\u0644\u0647\u200c\u0627\u06cc\u200c\u0647\u0627\u06cc \u06a9\u0627\u0645\u0644<\/div>\n      <\/div>\n      <div class=\"ch7-formula-card\">\n        <div class=\"ch7-formula-card-title\">\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><\/svg>\n          \u06a9\u0627\u0631 \u0645\u0634\u062a\u0631\u06a9\n        <\/div>\n        <div class=\"ch7-formula-card-expr\">1\/t\u2081 + 1\/t\u2082 = 1\/T<\/div>\n        <div class=\"ch7-formula-card-note\">T = \u0632\u0645\u0627\u0646 \u06a9\u0627\u0631 \u0645\u0634\u062a\u0631\u06a9 \u062f\u0648 \u0646\u0641\u0631<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n       \u2551    QUICK REVIEW NIGHT    \u2551\n       \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n  <section class=\"ch7-quickrev ch7-fade-in\" aria-label=\"\u0645\u0631\u0648\u0631 \u0633\u0631\u06cc\u0639 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646\">\n    <div class=\"ch7-section-title-main\">\n      <div class=\"ch7-section-icon ic-pink\" style=\"width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/><\/svg>\n      <\/div>\n      \u0645\u0631\u0648\u0631 \u0633\u0631\u06cc\u0639 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646 \ud83c\udf19\n    <\/div>\n    <div class=\"ch7-quickrev-grid\">\n      <div class=\"ch7-quickrev-item\">\n        <div class=\"ch7-quickrev-item-title\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><\/svg>\n          \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627\n        <\/div>\n        <div class=\"ch7-quickrev-item-text\">P(x)\/Q(x) \u2014 \u0645\u062e\u0631\u062c \u0647\u0631\u06af\u0632 \u0635\u0641\u0631 \u0646\u0645\u06cc\u200c\u0634\u0648\u062f. \u062f\u0627\u0645\u0646\u0647 = \u211d \u0645\u0646\u0647\u0627\u06cc \u0635\u0641\u0631\u0647\u0627\u06cc \u0645\u062e\u0631\u062c.<\/div>\n      <\/div>\n      <div class=\"ch7-quickrev-item\">\n        <div class=\"ch7-quickrev-item-title\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc\n        <\/div>\n        <div class=\"ch7-quickrev-item-text\">\u062a\u062c\u0632\u06cc\u0647 \u0635\u0648\u0631\u062a \u0648 \u0645\u062e\u0631\u062c \u2190 \u062d\u0630\u0641 \u0639\u0627\u0645\u0644 \u0645\u0634\u062a\u0631\u06a9 \u2190 \u0646\u0648\u0634\u062a\u0646 \u0634\u0631\u0637 \u062f\u0627\u0645\u0646\u0647<\/div>\n      <\/div>\n      <div class=\"ch7-quickrev-item\">\n        <div class=\"ch7-quickrev-item-title\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n          \u062c\u0645\u0639\/\u062a\u0641\u0631\u06cc\u0642\n        <\/div>\n        <div class=\"ch7-quickrev-item-text\">\u0645.\u0645.\u0645 \u067e\u06cc\u062f\u0627 \u06a9\u0646 \u2190 \u0645\u062e\u0631\u062c\u200c\u0647\u0627 \u0631\u0627 \u0645\u0633\u0627\u0648\u06cc \u06a9\u0646 \u2190 \u0635\u0648\u0631\u062a\u200c\u0647\u0627 \u0631\u0627 \u062c\u0645\u0639\/\u062a\u0641\u0631\u06cc\u0642 \u06a9\u0646<\/div>\n      <\/div>\n      <div class=\"ch7-quickrev-item\">\n        <div class=\"ch7-quickrev-item-title\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n          \u0636\u0631\u0628\/\u062a\u0642\u0633\u06cc\u0645\n        <\/div>\n        <div class=\"ch7-quickrev-item-text\">\u0636\u0631\u0628: \u0645\u0633\u062a\u0642\u06cc\u0645 | \u062a\u0642\u0633\u06cc\u0645: \u0648\u0627\u0631\u0648\u0646\u0647 \u06a9\u0646 \u0648 \u0636\u0631\u0628 \u06a9\u0646 \u2014 \u0647\u0645\u06cc\u0634\u0647 \u0633\u0627\u062f\u0647 \u06a9\u0646!<\/div>\n      <\/div>\n      <div class=\"ch7-quickrev-item\">\n        <div class=\"ch7-quickrev-item-title\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><\/svg>\n          \u06a9\u0633\u0631 \u0645\u0631\u06a9\u0628\n        <\/div>\n        <div class=\"ch7-quickrev-item-text\">\u062f\u0631 \u0645.\u0645.\u0645 \u0645\u062e\u0631\u062c\u200c\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0636\u0631\u0628 \u06a9\u0646 \u062a\u0627 \u0647\u0645\u0647 \u06a9\u0633\u0631\u0647\u0627 \u062d\u0630\u0641 \u0634\u0648\u0646\u062f<\/div>\n      <\/div>\n      <div class=\"ch7-quickrev-item\">\n        <div class=\"ch7-quickrev-item-title\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 20V10\"\/><path d=\"M12 20V4\"\/><path d=\"M6 20v-6\"\/><\/svg>\n          \u0645\u0639\u0627\u062f\u0644\u0647 \u06af\u0648\u06cc\u0627\n        <\/div>\n        <div class=\"ch7-quickrev-item-text\">\u0645.\u0645.\u0645 \u00d7 \u0647\u0631 \u062f\u0648 \u0637\u0631\u0641 \u2190 \u062d\u0644 \u0645\u0639\u0627\u062f\u0644\u0647 \u2190 \u0628\u0631\u0631\u0633\u06cc \u062c\u0648\u0627\u0628 \u062f\u0631 \u062f\u0627\u0645\u0646\u0647!<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n       \u2551   SUMMARY CHECKPOINT     \u2551\n       \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n  <section class=\"ch7-checkpoint ch7-fade-in\" aria-label=\"\u062e\u0644\u0627\u0635\u0647 \u0628\u0631\u0631\u0633\u06cc \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc\">\n    <div class=\"ch7-section-title-main\">\n      <div class=\"ch7-section-icon ic-green\" style=\"width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n      <\/div>\n      \u062e\u0644\u0627\u0635\u0647 \u0628\u0631\u0631\u0633\u06cc \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc\n    <\/div>\n    <p style=\"font-size:13px;color:var(--clr-text-light);margin-bottom:16px;\">\u0631\u0648\u06cc \u0647\u0631 \u0645\u0648\u0631\u062f \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0648\u0642\u062a\u06cc \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u06cc\u062f \u0639\u0644\u0627\u0645\u062a \u0628\u0632\u0646\u06cc\u062f:<\/p>\n    <div class=\"ch7-checkpoint-grid\" id=\"ch7-cp-grid\">\n      <div class=\"ch7-checkpoint-item\" data-cp=\"cp1\" role=\"checkbox\" aria-checked=\"false\" tabindex=\"0\">\n        <div class=\"ch7-cp-check\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-cp-text\">\u062a\u0639\u0631\u06cc\u0641 \u0648 \u0634\u0631\u0637 \u062f\u0627\u0645\u0646\u0647 \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0627\u0646\u0645<\/div>\n      <\/div>\n      <div class=\"ch7-checkpoint-item\" data-cp=\"cp2\" role=\"checkbox\" aria-checked=\"false\" tabindex=\"0\">\n        <div class=\"ch7-cp-check\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-cp-text\">\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0645 \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u0645<\/div>\n      <\/div>\n      <div class=\"ch7-checkpoint-item\" data-cp=\"cp3\" role=\"checkbox\" aria-checked=\"false\" tabindex=\"0\">\n        <div class=\"ch7-cp-check\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-cp-text\">\u062c\u0645\u0639 \u0648 \u062a\u0641\u0631\u06cc\u0642 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627 \u0631\u0627 \u0628\u0644\u062f\u0645<\/div>\n      <\/div>\n      <div class=\"ch7-checkpoint-item\" data-cp=\"cp4\" role=\"checkbox\" aria-checked=\"false\" tabindex=\"0\">\n        <div class=\"ch7-cp-check\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-cp-text\">\u0636\u0631\u0628 \u0648 \u062a\u0642\u0633\u06cc\u0645 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627 \u0631\u0627 \u0628\u0644\u062f\u0645<\/div>\n      <\/div>\n      <div class=\"ch7-checkpoint-item\" data-cp=\"cp5\" role=\"checkbox\" aria-checked=\"false\" tabindex=\"0\">\n        <div class=\"ch7-cp-check\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-cp-text\">\u06a9\u0633\u0631 \u0645\u0631\u06a9\u0628 \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0645 \u0633\u0627\u062f\u0647 \u06a9\u0646\u0645<\/div>\n      <\/div>\n      <div class=\"ch7-checkpoint-item\" data-cp=\"cp6\" role=\"checkbox\" aria-checked=\"false\" tabindex=\"0\">\n        <div class=\"ch7-cp-check\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-cp-text\">\u0645\u0639\u0627\u062f\u0644\u0647 \u06af\u0648\u06cc\u0627 \u0631\u0627 \u062d\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0645 \u0648 \u062c\u0648\u0627\u0628 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0645<\/div>\n      <\/div>\n      <div class=\"ch7-checkpoint-item\" data-cp=\"cp7\" role=\"checkbox\" aria-checked=\"false\" tabindex=\"0\">\n        <div class=\"ch7-cp-check\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-cp-text\">\u0645\u0633\u0627\u0626\u0644 \u06a9\u0627\u0631-\u0632\u0645\u0627\u0646 \u0631\u0627 \u0628\u0627 \u0639\u0628\u0627\u0631\u062a \u06af\u0648\u06cc\u0627 \u062d\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0645<\/div>\n      <\/div>\n      <div class=\"ch7-checkpoint-item\" data-cp=\"cp8\" role=\"checkbox\" aria-checked=\"false\" tabindex=\"0\">\n        <div class=\"ch7-cp-check\">\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/div>\n        <div class=\"ch7-cp-text\">\u0646\u06a9\u0627\u062a \u0637\u0644\u0627\u06cc\u06cc \u0648 \u062a\u0631\u0641\u0646\u062f\u0647\u0627\u06cc \u0627\u0645\u062a\u062d\u0627\u0646\u06cc \u0631\u0627 \u0645\u06cc\u200c\u062f\u0627\u0646\u0645<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n       \u2551    RESET BUTTON          \u2551\n       \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n  <div class=\"ch7-reset-section\">\n    <button class=\"ch7-reset-big-btn\" id=\"ch7-reset-btn\" aria-label=\"\u067e\u0627\u06a9 \u06a9\u0631\u062f\u0646 \u067e\u06cc\u0634\u0631\u0641\u062a\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"1 4 1 10 7 10\"\/><path d=\"M3.51 15a9 9 0 1 0 .49-4\"\/><\/svg>\n      \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\n    <\/button>\n  <\/div>\n\n  <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n       \u2551         FOOTER           \u2551\n       \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n  <footer class=\"ch7-footer ch7-fade-in\" role=\"contentinfo\">\n    <p class=\"ch7-footer-text\">\ud83d\udcda \u0641\u0635\u0644 \u06f7 \u2014 \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u06af\u0648\u06cc\u0627 | \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645 | \u0637\u0631\u0627\u062d\u06cc\u200c\u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u0645\u0631\u0648\u0631 \u0633\u0631\u06cc\u0639 \u0648 \u0627\u0645\u062a\u062d\u0627\u0646<\/p>\n  <\/footer>\n\n<\/div><!-- \/#ch7-widget -->\n\n<script>\n\/* ============================================================\n   CH7-WIDGET: Vanilla JavaScript \u2014 Fully Scoped\n   ============================================================ *\/\n(function () {\n  'use strict';\n\n  \/* \u2500\u2500 Storage Keys \u2500\u2500 *\/\n  const SK_SECTIONS = 'ch7_sections_done';\n  const SK_CHECKPOINTS = 'ch7_checkpoints_done';\n\n  \/* \u2500\u2500 State \u2500\u2500 *\/\n  let sectionsDone = new Set();\n  let checkpointsDone = new Set();\n\n  \/* \u2500\u2500 Load from localStorage \u2500\u2500 *\/\n  function loadState() {\n    try {\n      const s = localStorage.getItem(SK_SECTIONS);\n      if (s) sectionsDone = new Set(JSON.parse(s));\n      const c = localStorage.getItem(SK_CHECKPOINTS);\n      if (c) checkpointsDone = new Set(JSON.parse(c));\n    } catch (e) { \/* ignore *\/ }\n  }\n\n  \/* \u2500\u2500 Save to localStorage \u2500\u2500 *\/\n  function saveState() {\n    try {\n      localStorage.setItem(SK_SECTIONS, JSON.stringify([...sectionsDone]));\n      localStorage.setItem(SK_CHECKPOINTS, JSON.stringify([...checkpointsDone]));\n    } catch (e) { \/* ignore *\/ }\n  }\n\n  \/* \u2500\u2500 Progress Update \u2500\u2500 *\/\n  function updateProgress() {\n    const total = 8; \/\/ 8 section checkboxes\n    const done = sectionsDone.size;\n    const pct = Math.round((done \/ total) * 100);\n\n    const bar = document.getElementById('ch7-progress-bar');\n    const pctDisplay = document.getElementById('ch7-pct-display');\n    const doneCount = document.getElementById('ch7-done-count');\n    const ariaBar = document.getElementById('ch7-progress-bar-aria');\n\n    if (bar) bar.style.width = pct + '%';\n    if (pctDisplay) pctDisplay.textContent = pct + '%';\n    if (doneCount) doneCount.textContent = done;\n    if (ariaBar) ariaBar.setAttribute('aria-valuenow', pct);\n  }\n\n  \/* \u2500\u2500 Accordion Logic \u2500\u2500 *\/\n  function initAccordions() {\n    const headers = document.querySelectorAll('#ch7-widget .ch7-section-header');\n    headers.forEach(function (header) {\n      header.addEventListener('click', function () {\n        const card = this.closest('.ch7-section-card');\n        const isOpen = card.classList.contains('ch7-open');\n        \/\/ Close all\n        document.querySelectorAll('#ch7-widget .ch7-section-card.ch7-open').forEach(function (c) {\n          c.classList.remove('ch7-open');\n          c.querySelector('.ch7-section-header').setAttribute('aria-expanded', 'false');\n        });\n        \/\/ Open this if it was closed\n        if (!isOpen) {\n          card.classList.add('ch7-open');\n          this.setAttribute('aria-expanded', 'true');\n        }\n      });\n\n      \/\/ Keyboard support\n      header.addEventListener('keydown', function (e) {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          this.click();\n        }\n      });\n    });\n  }\n\n  \/* \u2500\u2500 Section Checkboxes \u2500\u2500 *\/\n  function initSectionCheckboxes() {\n    const checkboxes = document.querySelectorAll('#ch7-widget input[data-section]');\n    checkboxes.forEach(function (cb) {\n      const sectionId = cb.getAttribute('data-section');\n      \/\/ Restore state\n      if (sectionsDone.has(sectionId)) {\n        cb.checked = true;\n        const card = cb.closest('.ch7-section-card');\n        if (card) card.classList.add('ch7-done');\n      }\n      cb.addEventListener('change', function () {\n        const card = this.closest('.ch7-section-card');\n        if (this.checked) {\n          sectionsDone.add(sectionId);\n          if (card) card.classList.add('ch7-done');\n        } else {\n          sectionsDone.delete(sectionId);\n          if (card) card.classList.remove('ch7-done');\n        }\n        saveState();\n        updateProgress();\n      });\n    });\n  }\n\n  \/* \u2500\u2500 Checkpoint Items \u2500\u2500 *\/\n  function initCheckpoints() {\n    const items = document.querySelectorAll('#ch7-widget .ch7-checkpoint-item');\n    items.forEach(function (item) {\n      const cpId = item.getAttribute('data-cp');\n      \/\/ Restore state\n      if (checkpointsDone.has(cpId)) {\n        item.classList.add('ch7-cp-done');\n        item.setAttribute('aria-checked', 'true');\n      }\n      function toggleCp() {\n        if (item.classList.contains('ch7-cp-done')) {\n          item.classList.remove('ch7-cp-done');\n          item.setAttribute('aria-checked', 'false');\n          checkpointsDone.delete(cpId);\n        } else {\n          item.classList.add('ch7-cp-done');\n          item.setAttribute('aria-checked', 'true');\n          checkpointsDone.add(cpId);\n        }\n        saveState();\n      }\n      item.addEventListener('click', toggleCp);\n      item.addEventListener('keydown', function (e) {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          toggleCp();\n        }\n      });\n    });\n  }\n\n  \/* \u2500\u2500 Reset Button \u2500\u2500 *\/\n  function initReset() {\n    const btn = document.getElementById('ch7-reset-btn');\n    if (!btn) return;\n    btn.addEventListener('click', function () {\n      if (!confirm('\u0622\u06cc\u0627 \u0645\u0637\u0645\u0626\u0646 \u0647\u0633\u062a\u06cc\u062f\u061f \u062a\u0645\u0627\u0645 \u067e\u06cc\u0634\u0631\u0641\u062a \u0634\u0645\u0627 \u067e\u0627\u06a9 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.')) return;\n      sectionsDone.clear();\n      checkpointsDone.clear();\n      \/\/ Uncheck all section checkboxes\n      document.querySelectorAll('#ch7-widget input[data-section]').forEach(function (cb) {\n        cb.checked = false;\n        const card = cb.closest('.ch7-section-card');\n        if (card) card.classList.remove('ch7-done');\n      });\n      \/\/ Uncheck all checkpoints\n      document.querySelectorAll('#ch7-widget .ch7-checkpoint-item').forEach(function (item) {\n        item.classList.remove('ch7-cp-done');\n        item.setAttribute('aria-checked', 'false');\n      });\n      saveState();\n      updateProgress();\n    });\n  }\n\n  \/* \u2500\u2500 Entrance Animation Stagger \u2500\u2500 *\/\n  function initAnimations() {\n    const cards = document.querySelectorAll('#ch7-widget .ch7-section-card');\n    cards.forEach(function (card, i) {\n      card.style.animationDelay = (i * 0.06 + 0.05) + 's';\n    });\n  }\n\n  \/* \u2500\u2500 Auto-open first section \u2500\u2500 *\/\n  function openFirstSection() {\n    const firstCard = document.querySelector('#ch7-widget .ch7-section-card');\n    if (firstCard && !firstCard.classList.contains('ch7-open')) {\n      firstCard.classList.add('ch7-open');\n      const hdr = firstCard.querySelector('.ch7-section-header');\n      if (hdr) hdr.setAttribute('aria-expanded', 'true');\n    }\n  }\n\n  \/* \u2500\u2500 Init \u2500\u2500 *\/\n  function init() {\n    loadState();\n    initAccordions();\n    initSectionCheckboxes();\n    initCheckpoints();\n    initReset();\n    initAnimations();\n    updateProgress();\n    openFirstSection();\n  }\n\n  \/* \u2500\u2500 Run on DOM ready \u2500\u2500 *\/\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645 \u0641\u0635\u0644 \u067e\u0646\u062c\u0645 \u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 &#8211; \u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645: \u062a\u0648\u0627\u0646 \u0648 \u0631\u06cc\u0634\u0647 \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645 \u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645: \u062a\u0648\u0627\u0646 \u0648 \u0631\u06cc\u0634\u0647 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627 \u00b7 \u0631\u06cc\u0634\u0647\u200c\u06af\u06cc\u0631\u06cc \u00b7 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u06cc 0\u066a \u067e\u06cc\u0634\u0631\u0641\u062a \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc 0 \u0627\u0632 10 \u0645\u0628\u062d\u062b \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645 \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u0622\u0645\u0648\u0632\u0634 \u0645\u0628\u0627\u062d\u062b \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u0645\u0647\u0645 \u062a\u0645\u0631\u06cc\u0646 \u0648 \u0622\u0632\u0645\u0648\u0646 \u0645\u0631\u0648\u0631 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646 \u0645\u0628\u0627\u062d\u062b \u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645 \u0645\u0641\u0647\u0648\u0645 \u062a\u0648\u0627\u0646 \u0648 [&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-965","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>\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 - 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\/?page_id=965\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\" \/>\n<meta property=\"og:description\" content=\"\u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645 \u0641\u0635\u0644 \u067e\u0646\u062c\u0645 \u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 &#8211; \u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645: \u062a\u0648\u0627\u0646 \u0648 \u0631\u06cc\u0634\u0647 \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645 \u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645: \u062a\u0648\u0627\u0646 \u0648 \u0631\u06cc\u0634\u0647 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627 \u00b7 \u0631\u06cc\u0634\u0647\u200c\u06af\u06cc\u0631\u06cc \u00b7 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u06cc 0\u066a \u067e\u06cc\u0634\u0631\u0641\u062a \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc 0 \u0627\u0632 10 \u0645\u0628\u062d\u062b \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645 \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u0622\u0645\u0648\u0632\u0634 \u0645\u0628\u0627\u062d\u062b \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u0645\u0647\u0645 \u062a\u0645\u0631\u06cc\u0646 \u0648 \u0622\u0632\u0645\u0648\u0646 \u0645\u0631\u0648\u0631 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646 \u0645\u0628\u0627\u062d\u062b \u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645 \u0645\u0641\u0647\u0648\u0645 \u062a\u0648\u0627\u0646 \u0648 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mathsymbol.ir\/?page_id=965\" \/>\n<meta property=\"og:site_name\" content=\"Mathsymbol\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-13T14:09:28+00:00\" \/>\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=\"4 \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\\\/?page_id=965\",\"url\":\"https:\\\/\\\/mathsymbol.ir\\\/?page_id=965\",\"name\":\"\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 - Mathsymbol\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/#website\"},\"datePublished\":\"2025-12-31T11:21:53+00:00\",\"dateModified\":\"2026-06-13T14:09:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/?page_id=965#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mathsymbol.ir\\\/?page_id=965\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mathsymbol.ir\\\/?page_id=965#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mathsymbol.ir\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\"}]},{\"@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":"\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 - 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\/?page_id=965","og_locale":"fa_IR","og_type":"article","og_title":"\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644","og_description":"\u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645 \u0641\u0635\u0644 \u067e\u0646\u062c\u0645 \u0641\u0635\u0644 \u0647\u0641\u062a\u0645 \u0631\u06cc\u0627\u0636\u06cc \u0646\u0647\u0645 &#8211; \u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645: \u062a\u0648\u0627\u0646 \u0648 \u0631\u06cc\u0634\u0647 \u0631\u06cc\u0627\u0636\u06cc \u067e\u0627\u06cc\u0647 \u0646\u0647\u0645 \u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645: \u062a\u0648\u0627\u0646 \u0648 \u0631\u06cc\u0634\u0647 \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u200c\u0647\u0627 \u00b7 \u0631\u06cc\u0634\u0647\u200c\u06af\u06cc\u0631\u06cc \u00b7 \u0633\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0628\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0631\u0627\u062f\u06cc\u06a9\u0627\u0644\u06cc 0\u066a \u067e\u06cc\u0634\u0631\u0641\u062a \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc 0 \u0627\u0632 10 \u0645\u0628\u062d\u062b \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0645 \u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06cc \u0622\u0645\u0648\u0632\u0634 \u0645\u0628\u0627\u062d\u062b \u0641\u0631\u0645\u0648\u0644\u200c\u0647\u0627\u06cc \u0645\u0647\u0645 \u062a\u0645\u0631\u06cc\u0646 \u0648 \u0622\u0632\u0645\u0648\u0646 \u0645\u0631\u0648\u0631 \u0634\u0628 \u0627\u0645\u062a\u062d\u0627\u0646 \u0645\u0628\u0627\u062d\u062b \u0641\u0635\u0644 \u0686\u0647\u0627\u0631\u0645 \u0645\u0641\u0647\u0648\u0645 \u062a\u0648\u0627\u0646 \u0648 [&hellip;]","og_url":"https:\/\/mathsymbol.ir\/?page_id=965","og_site_name":"Mathsymbol","article_modified_time":"2026-06-13T14:09:28+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mathsymbol.ir\/?page_id=965","url":"https:\/\/mathsymbol.ir\/?page_id=965","name":"\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644 - Mathsymbol","isPartOf":{"@id":"https:\/\/mathsymbol.ir\/#website"},"datePublished":"2025-12-31T11:21:53+00:00","dateModified":"2026-06-13T14:09:28+00:00","breadcrumb":{"@id":"https:\/\/mathsymbol.ir\/?page_id=965#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mathsymbol.ir\/?page_id=965"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mathsymbol.ir\/?page_id=965#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mathsymbol.ir\/"},{"@type":"ListItem","position":2,"name":"\u0631\u0627\u062f\u06cc\u06a9\u0627\u0644"}]},{"@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\/965","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=965"}],"version-history":[{"count":130,"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/pages\/965\/revisions"}],"predecessor-version":[{"id":2187,"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=\/wp\/v2\/pages\/965\/revisions\/2187"}],"wp:attachment":[{"href":"https:\/\/mathsymbol.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}