\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0626\u064a\u0629 – \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<style>\n :root {\n --bg: #f0f4fa;\n --surface: rgba(255,255,255,0.97);\n --border: rgba(30,80,140,0.10);\n --accent: #1A4D8C;\n --accent2: #2e7fc0;\n --text: #1a2c3e;\n --muted: #6b8aab;\n --pill-bg: rgba(230,243,255,0.85);\n --pill-bdr: #bcd5ee;\n --radius: 1.6rem;\n --orange: #ffb347;\n }\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\n body {\n background: var(--bg);\n font-family: 'Sora', 'Cairo', system-ui, sans-serif;\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n line-height: 1.6;\n }\n \/* BACKGROUND ANIMATIONS *\/\n .bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n .bg-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px); background-size: 56px 56px; animation: gridScroll 22s linear infinite; }\n @keyframes gridScroll { from { transform: perspective(700px) rotateX(28deg) translateY(0); } to { transform: perspective(700px) rotateX(28deg) translateY(56px); } }\n .bg-orb { position: absolute; border-radius: 50%; filter: blur(90px); animation: orbFloat 9s ease-in-out infinite alternate; }\n .orb1 { width:520px;height:520px;background:rgba(180,200,230,.38);top:-170px;right:-130px; }\n .orb2 { width:360px;height:360px;background:rgba(155,185,220,.28);bottom:8%;left:3%;animation-delay:-4s; }\n .orb3 { width:260px;height:260px;background:rgba(255,179,71,.15);top:40%;right:20%;animation-delay:-7s; }\n @keyframes orbFloat { from { transform: translate(0,0) scale(1); } to { transform: translate(28px,28px) scale(1.09); } }\n\n \/* 3D LOGO WATERMARKS *\/\n .logo-watermark { position: absolute; pointer-events: none; z-index: 0; }\n .logo-center { top:50%; left:50%; transform:translate(-50%,-50%); }\n .logo-top-left { top:4%; left:2%; }\n .logo-bottom-right { bottom:4%; right:2%; }\n .logo-3d-wrapper { width:360px; height:360px; animation: spin3D 25s linear infinite; transform-style: preserve-3d; perspective: 800px; }\n .logo-3d-wrapper.logo-small { width:130px; height:130px; }\n .logo-3d-wrapper.logo-slow { animation-duration:35s; animation-direction:reverse; }\n @keyframes spin3D { 0% { transform: rotateY(0deg) rotateX(8deg); } 25% { transform: rotateY(90deg) rotateX(14deg) rotateZ(3deg); } 50% { transform: rotateY(180deg) rotateX(8deg); } 75% { transform: rotateY(270deg) rotateX(14deg) rotateZ(-3deg); } 100% { transform: rotateY(360deg) rotateX(8deg); } }\n .logo-3d-img { width:100%; height:100%; object-fit:contain; opacity:.06; mix-blend-mode:screen; filter: saturate(.8) brightness(.85); border-radius: 50%; animation: logoPulse 4.5s ease-in-out infinite alternate; }\n @keyframes logoPulse { from{opacity:.04} to{opacity:.12} }\n\n \/* PARTICLES *\/\n .particle { position: fixed; border-radius:50%; pointer-events:none; z-index:0; animation: floatP linear infinite; opacity:0; }\n @keyframes floatP { 0% { transform:translateY(100vh) rotate(0deg); opacity:0; } 10% { opacity:.55; } 90% { opacity:.55; } 100% { transform:translateY(-120px) rotate(360deg); opacity:0; } }\n\n \/* PAGE WRAP *\/\n .page-wrap { position: relative; z-index:2; padding: 2.5rem 1.5rem 4rem; max-width: 1400px; margin: 0 auto; }\n\n \/* CONTROL BAR *\/\n .control-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.2rem 1.5rem; margin-bottom: 2.5rem; box-shadow: 0 4px 24px rgba(0,0,0,.08); backdrop-filter: blur(8px); }\n .bar-left { display: flex; align-items: center; gap: 1rem; }\n .bar-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.3rem; box-shadow: 0 4px 12px rgba(26,77,140,.3); flex-shrink: 0; }\n .bar-title { font-size: 1.3rem; font-weight: 800; color: var(--accent); line-height: 1.2; }\n .bar-subtitle { font-size: 0.85rem; color: var(--muted); font-weight: 600; margin-top: 4px; }\n .bar-right { display: flex; gap: 10px; flex-wrap: wrap; }\n .badge-count { background: var(--pill-bg); border: 1px solid var(--pill-bdr); padding: 0.4rem 1.2rem; border-radius: 60px; font-size: 0.85rem; font-weight: 700; color: var(--accent); display: flex; align-items: center; gap: 6px; }\n .badge-orange { background: rgba(255, 179, 71, 0.15); border-color: rgba(255, 179, 71, 0.4); color: #b45f06; }\n\n \/* SECTION TITLE *\/\n .section-title { font-size: 1.7rem; font-weight: 800; color: #0a2b44; margin: 2rem 0 1.2rem; position: relative; display: inline-block; padding-right: 15px; }\n .section-title:after { content: \"\"; position: absolute; right: 0; bottom: -8px; width: 60px; height: 4px; background: var(--orange); border-radius: 4px; }\n\n \/* CARDS GRID (DEPARTMENT) *\/\n .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 1.8rem; margin-bottom: 1rem; }\n .data-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,.06); transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; display: flex; flex-direction: column; }\n .card-header { background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98)); padding: 1.2rem 1.4rem; border-bottom: 1.5px solid rgba(26,77,140,.10); display: flex; align-items: center; gap: 12px; }\n .card-header i { font-size: 1.8rem; color: var(--accent2); }\n .card-header h3 { font-size: 1.25rem; font-weight: 700; color: #1f4e79; }\n .card-body { padding: 1.3rem 1.2rem; flex:1; max-height: 460px; overflow-y: auto; }\n \/* custom scroll for long lists *\/\n .card-body::-webkit-scrollbar { width: 5px; }\n .card-body::-webkit-scrollbar-track { background: #eef2f7; border-radius: 10px; }\n .card-body::-webkit-scrollbar-thumb { background: var(--accent2); border-radius: 10px; }\n\n \/* VIDEO LIST ITEMS *\/\n .video-list { list-style: none; margin: 0; }\n .video-item { display: flex; align-items: center; gap: 12px; padding: 0.7rem 0; border-bottom: 1px dashed rgba(26,77,140,.12); transition: all 0.2s; }\n .video-item:last-child { border-bottom: none; }\n .video-item i.fa-play-circle { font-size: 1.2rem; color: var(--orange); width: 28px; text-align: center; transition: transform 0.2s; }\n .video-item:hover { background: rgba(255,179,71,0.08); border-radius: 12px; padding-right: 6px; }\n .video-item:hover i.fa-play-circle { transform: scale(1.1); color: #e68a2e; }\n .video-title { font-size: 0.92rem; font-weight: 550; color: #1f4468; line-height: 1.4; flex: 1; }\n .watch-tag { font-size: 0.7rem; background: #eef2fa; padding: 2px 8px; border-radius: 30px; color: var(--accent); font-weight: 700; transition: 0.2s; }\n .video-item:hover .watch-tag { background: var(--orange); color: #fff; }\n\n \/* empty placeholder *\/\n .empty-msg { text-align: center; padding: 2rem; color: var(--muted); font-weight: 500; background: rgba(0,0,0,0.02); border-radius: 20px; }\n\n .footer-note { margin-top: 3.5rem; text-align: center; background: var(--surface); border: 1px solid var(--border); border-radius: 60px; padding: 1rem 2rem; width: fit-content; margin-left: auto; margin-right: auto; font-size: 0.9rem; font-weight: 600; color: var(--muted); }\n @media (max-width: 768px) { .page-wrap { padding: 1.5rem 1rem; } .control-bar { flex-direction: column; align-items: flex-start; } .bar-right { width: 100%; justify-content: flex-start; } .cards-grid { grid-template-columns: 1fr; } .card-body { max-height: 380px; } }\n<\/style>\n<\/head>\n<body>\n<div class=\"bg-scene\">\n <div class=\"bg-grid\"><\/div>\n <div class=\"bg-orb orb1\"><\/div>\n <div class=\"bg-orb orb2\"><\/div>\n <div class=\"bg-orb orb3\"><\/div>\n <div class=\"logo-watermark logo-center\"><div class=\"logo-3d-wrapper\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\"><\/div><\/div>\n <div class=\"logo-watermark logo-top-left\"><div class=\"logo-3d-wrapper logo-small\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\"><\/div><\/div>\n <div class=\"logo-watermark logo-bottom-right\"><div class=\"logo-3d-wrapper logo-small logo-slow\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\"><\/div><\/div>\n<\/div>\n<div class=\"page-wrap\">\n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-video\"><\/i><\/div>\n <div><div class=\"bar-title\">\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0626\u064a\u0629 \u00b7 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629<\/div><div class=\"bar-subtitle\"><i class=\"fas fa-chalkboard-user\" style=\"color:var(--orange);\"><\/i> \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u062a\u062d\u062f\u064a\u062b \u0645\u0633\u062a\u0645\u0631 \u0644\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a<\/div><\/div>\n <\/div>\n <div class=\"bar-right\">\n <div class=\"badge-count\"><i class=\"fas fa-film\"><\/i> <span id=\"totalLecturesCount\">0<\/span> \u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-layer-group\"><\/i> 8 \u0623\u0642\u0633\u0627\u0645 \u0639\u0644\u0645\u064a\u0629<\/div>\n <\/div>\n <\/div>\n <div id=\"departmentsContainer\"><\/div>\n <div class=\"footer-note\"><i class=\"fas fa-university\"><\/i> \u00a9 2026 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u2013 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0628\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 | \u0645\u062a\u0627\u062d \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0637\u0644\u0628\u0629<\/div>\n<\/div>\n\n<script>\n \/\/ --------------------------------------------------------------\n \/\/ VIDEO LECTURES DATA (based on provided content)\n \/\/ --------------------------------------------------------------\n const departmentsData = [\n { name: \"\ud83d\udcd8 \u0642\u0633\u0645 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \/ \u0635\u062d\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\", icon: \"fas fa-hand-holding-heart\", color: \"#e8748f\",\n lectures: [\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u064a\u062f\u064a\u0648\u064a\u0629 \u0645\u0627\u062f\u0629 \u0627\u0644\u062f\u0648\u0627\u0626\u064a\u0627\u062a (\u0637\u0628 \u0645\u062c\u062a\u0645\u0639) \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 3 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u0643\u0644\u064a\u0632\u064a \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 2 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u0643\u0644\u064a\u0632\u064a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 \u0627\u0644\u0623\u0648\u0644 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u0643\u0644\u064a\u0632\u064a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062d\u0627\u0633\u0648\u0628 \u2013 \u0642\u0633\u0645 \u0635\u062d\u0629 \u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0634\u0631\u064a\u062d (\u0627\u0644\u0645\u0642\u0637\u0639 1)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0634\u0631\u064a\u062d (\u0627\u0644\u0645\u0642\u0637\u0639 2)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0634\u0631\u064a\u062d (\u0627\u0644\u0645\u0642\u0637\u0639 3)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0634\u0631\u064a\u062d (\u0627\u0644\u0645\u0642\u0637\u0639 4)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0634\u0631\u064a\u062d (\u0627\u0644\u0645\u0642\u0637\u0639 5)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0641\u0633\u0644\u062c\u0629 (\u0627\u0644\u0645\u0642\u0637\u0639 1)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0641\u0633\u0644\u062c\u0629 (\u0627\u0644\u0645\u0642\u0637\u0639 2)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0641\u0633\u0644\u062c\u0629 (\u0627\u0644\u0645\u0642\u0637\u0639 3)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0644\u063a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 (\u0627\u0644\u062c\u0632\u0621 1)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0644\u063a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 (\u0627\u0644\u062c\u0632\u0621 2)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0644\u063a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 (\u0627\u0644\u062c\u0632\u0621 3)\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u062e\u062f\u0645\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0623\u062d\u064a\u0627\u0621 \u0645\u062c\u0647\u0631\u064a\u0629 (1)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062d\u0627\u0633\u0648\u0628 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 (\u0627\u0644\u0645\u0642\u0637\u0639 \u0627\u0644\u0623\u0648\u0644)\"\n ] },\n { name: \"\u26a1 \u0642\u0633\u0645 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\", icon: \"fas fa-bolt\", color: \"#f4a261\",\n lectures: [\n \"\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0623\u0633\u064a\u0633\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u2013 \u0643\u0647\u0631\u0628\u0627\u0621 \/ \u0645\u0631\u062d\u0644\u0629 \u062b\u0627\u0646\u064a\u0629\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0633\u0627\u0628\u0639\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u062b\u0627\u0645\u0646\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0634\u0628\u0643\u0627\u062a (\u0627\u0644\u0646\u0638\u0631\u064a)\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0623\u062e\u0631\u0649 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0646\u0638\u0631\u064a\"\n ] },\n { name: \"\ud83c\udfd7\ufe0f \u0642\u0633\u0645 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a\", icon: \"fas fa-hard-hat\", color: \"#3b9e6d\",\n lectures: [\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0645\u062f\u0646\u064a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 3\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0645\u0648\u0627\u062f \u0627\u0644\u0625\u0646\u0634\u0627\u0621 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0644\u063a\u0629 \u0625\u0646\u0643\u0644\u064a\u0632\u064a\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 2\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0631\u064a\u0627\u0636\u064a\u0627\u062a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0631\u064a\u0627\u0636\u064a\u0627\u062a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 2\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062d\u0627\u0633\u0628\u0627\u062a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062d\u0627\u0633\u0628\u0627\u062a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 2\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062d\u0627\u0633\u0628\u0627\u062a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 3\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 4\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u064a\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0645\u064a\u0643\u0627\u0646\u064a\u0643 \u0627\u0644\u062a\u0631\u0628\u0629 \u2013 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0645\u062f\u0646\u064a \u2013 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u064a\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u2013 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u064a\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u2013 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 2\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0644\u063a\u0629 \u0625\u0646\u0643\u0644\u064a\u0632\u064a\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0645\u062f\u0646\u064a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0645\u062f\u0646\u064a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 2\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 2\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u0643\u0627\u0626\u0646 \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0631\u0628\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0631\u0628\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 2\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0627\u0644\u062e\u0644\u0637 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 3\"\n ] },\n { name: \"\u2699\ufe0f \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\", icon: \"fas fa-cogs\", color: \"#5d87b0\",\n lectures: [\n \"\u0633\u064a\u062a\u0645 \u0631\u0641\u0639 \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643 (\u062d\u0631\u0642, \u062f\u064a\u0646\u0627\u0645\u064a\u0643, \u0631\u0633\u0645 \u0635\u0646\u0627\u0639\u064a) \u062a\u0628\u0627\u0639\u0627\u064b \u2013 \u062a\u0627\u0628\u0639 \u0627\u0644\u062a\u062d\u062f\u064a\u062b\u0627\u062a\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0645\u0642\u062f\u0645\u0629 \u0641\u064a \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643 \u0627\u0644\u0647\u0646\u062f\u0633\u064a (\u0645\u0631\u062d\u0644\u0629 \u0623\u0648\u0644\u0649 \u2013 \u0642\u0631\u064a\u0628\u0627\u064b)\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0645\u0648\u0627\u062f \u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 (\u0645\u0631\u062d\u0644\u0629 \u062b\u0627\u0646\u064a\u0629) \u0633\u064a\u062a\u0645 \u0627\u0644\u0625\u0636\u0627\u0641\u0629\"\n ] },\n { name: \"\ud83d\udcca \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629\", icon: \"fas fa-chart-line\", color: \"#e9c46a\",\n lectures: [\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629 (\u0627\u0644\u0645\u0642\u0637\u0639 1)\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0642\u0631\u0627\u0621\u0627\u062a (\u0627\u0644\u0645\u0642\u0637\u0639 1)\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0645\u0627\u062f\u0629 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u0643\u0644\u064a\u0632\u064a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 (\u0627\u0644\u0645\u0642\u0637\u0639 2)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0647 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 (\u0627\u0644\u0645\u0642\u0637\u0639 3)\"\n ] },\n { name: \"\ud83e\ude7a \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0645\u0631\u064a\u0636\", icon: \"fas fa-stethoscope\", color: \"#e8748f\",\n lectures: [\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0623\u062d\u064a\u0627\u0621 \u0645\u062c\u0647\u0631\u064a\u0629 \u2013 \u0645\u0631\u062d\u0644\u0629 \u0623\u0648\u0644\u0649 \u0645\u0633\u0627\u0626\u064a\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0623\u062d\u064a\u0627\u0621 \u0645\u062c\u0647\u0631\u064a\u0629 (\u0627\u0644\u062f\u0648\u062f\u0629 \u0627\u0644\u0634\u0631\u0637\u064a\u0629) \u2013 \u0645\u0631\u062d\u0644\u0629 \u0623\u0648\u0644\u0649 \u0645\u0633\u0627\u0626\u064a\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0623\u062d\u064a\u0627\u0621 \u0645\u062c\u0647\u0631\u064a\u0629 (\u0637\u0641\u064a\u0644\u064a\u0627\u062a) \u2013 \u0645\u0631\u062d\u0644\u0629 \u0623\u0648\u0644\u0649 \u0645\u0633\u0627\u0626\u064a\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0623\u062d\u064a\u0627\u0621 \u0645\u062c\u0647\u0631\u064a\u0629\"\n ] },\n { name: \"\ud83d\udcbb \u0642\u0633\u0645 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\", icon: \"fas fa-microchip\", color: \"#4c9faa\",\n lectures: [\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 (\u0627\u0644\u0645\u0642\u0637\u0639 \u0627\u0644\u0623\u0648\u0644) \u0644\u0645\u0642\u0631\u0631 \u0647\u064a\u0627\u0643\u0644 \u0628\u064a\u0627\u0646\u0627\u062a (\u0644\u063a\u0629 C++)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 (\u0627\u0644\u0645\u0642\u0637\u0639 \u0627\u0644\u062b\u0627\u0646\u064a) \u0644\u0645\u0642\u0631\u0631 \u0647\u064a\u0627\u0643\u0644 \u0628\u064a\u0627\u0646\u0627\u062a (C++)\",\n \"\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0642\u0631\u0631 \u0627\u0644\u0645\u0646\u0637\u0642 \u0627\u0644\u0639\u0645\u0644\u064a\"\n ] },\n { name: \"\ud83d\uddfa\ufe0f \u0642\u0633\u0645 \u0627\u0644\u0645\u0633\u0627\u062d\u0629\", icon: \"fas fa-draw-polygon\", color: \"#b38f6f\",\n lectures: [\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u2013 \u0645\u0633\u062d \u062a\u0635\u0648\u064a\u0631\u064a \u0631\u0642\u0645\u064a (\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629)\"\n ] }\n ];\n\n \/\/ Helper to create video item HTML\n function createVideoItem(lectureTitle) {\n return `\n <li class=\"video-item\">\n <i class=\"fas fa-play-circle\"><\/i>\n <span class=\"video-title\">${escapeHtml(lectureTitle)}<\/span>\n <span class=\"watch-tag\"><i class=\"fas fa-eye\"><\/i> \u0645\u0634\u0627\u0647\u062f\u0629<\/span>\n <\/li>\n `;\n }\n\n function escapeHtml(str) {\n return str.replace(\/[&<>]\/g, function(m) {\n if(m === '&') return '&';\n if(m === '<') return '<';\n if(m === '>') return '>';\n return m;\n }).replace(\/[\\uD800-\\uDBFF][\\uDC00-\\uDFFF]\/g, function(c) {\n return c;\n });\n }\n\n \/\/ Render all department cards\n function renderDepartments() {\n const container = document.getElementById('departmentsContainer');\n if(!container) return;\n let totalLectures = 0;\n let cardsHtml = '';\n for(let dept of departmentsData) {\n totalLectures += dept.lectures.length;\n const lecturesHtml = dept.lectures.map(lec => createVideoItem(lec)).join('');\n const lecturesList = lecturesHtml ? `<ul class=\"video-list\">${lecturesHtml}<\/ul>` : `<div class=\"empty-msg\"><i class=\"fas fa-video-slash\"><\/i> \u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0645\u0631\u0641\u0648\u0639\u0629 \u062d\u0627\u0644\u064a\u0627\u064b<\/div>`;\n cardsHtml += `\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"${dept.icon}\" style=\"color:${dept.color}\"><\/i>\n <h3>${escapeHtml(dept.name)}<\/h3>\n <\/div>\n <div class=\"card-body\">\n ${lecturesList}\n <\/div>\n <\/div>\n `;\n }\n container.innerHTML = cardsHtml;\n const totalSpan = document.getElementById('totalLecturesCount');\n if(totalSpan) totalSpan.innerText = totalLectures;\n \n \/\/ Re-attach tilt effect after dynamic rendering\n attachTiltEffect();\n }\n\n \/\/ 3D tilt effect (as per original template)\n function attachTiltEffect() {\n document.querySelectorAll('[data-tilt]').forEach(card => {\n \/\/ remove any previous listeners to avoid duplicates\n card.removeEventListener('mousemove', card._mousemoveHandler);\n card.removeEventListener('mouseleave', card._mouseleaveHandler);\n \n const mouseMoveHandler = (e) => {\n const r = card.getBoundingClientRect();\n const x = e.clientX - r.left;\n const y = e.clientY - r.top;\n const cx = r.width \/ 2;\n const cy = r.height \/ 2;\n const rX = ((y - cy) \/ cy) * 3;\n const rY = ((x - cx) \/ cx) * -3;\n card.style.transition = 'transform 0.08s ease, box-shadow 0.08s ease, border-color 0.3s ease';\n card.style.transform = `perspective(1000px) rotateX(${rX}deg) rotateY(${rY}deg) scale(1.015) translateY(-4px)`;\n card.style.boxShadow = `0 16px 32px -10px rgba(26,77,140,0.2)`;\n card.style.borderColor = 'rgba(255,179,71,0.4)';\n };\n const mouseLeaveHandler = () => {\n card.style.transition = 'transform 0.45s cubic-bezier(.2,.9,.4,1), box-shadow 0.45s ease, border-color 0.3s ease';\n card.style.transform = '';\n card.style.boxShadow = '';\n card.style.borderColor = '';\n };\n card.addEventListener('mousemove', mouseMoveHandler);\n card.addEventListener('mouseleave', mouseLeaveHandler);\n card._mousemoveHandler = mouseMoveHandler;\n card._mouseleaveHandler = mouseLeaveHandler;\n });\n }\n\n \/\/ Particles generation same as original\n (function generateParticles() {\n const colors = ['#8faac8','#a2b9d6','#bfcfdf'];\n for(let i = 0; i < 20; i++){\n const el = document.createElement('div');\n el.className = 'particle';\n const s = Math.random() * 4 + 2;\n el.style.cssText = `width:${s}px;height:${s}px;background:${colors[i%3]};left:${Math.random()*100}vw;animation-duration:${Math.random()*12+8}s;animation-delay:${Math.random()*10}s;opacity:0.3;`;\n document.body.appendChild(el);\n }\n })();\n\n \/\/ Interactive video preview message (play icon click simulation)\n function setupVideoInteractivity() {\n document.addEventListener('click', (e) => {\n const videoItem = e.target.closest('.video-item');\n if(videoItem) {\n const titleElem = videoItem.querySelector('.video-title');\n if(titleElem) {\n const lectureName = titleElem.innerText;\n alert(`\ud83d\udcf9 \u062c\u0627\u0631\u064a \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629: \"${lectureName}\"\\n(\u0627\u0644\u0631\u0627\u0628\u0637 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a \u0645\u062a\u0627\u062d \u0642\u0631\u064a\u0628\u0627\u064b \u0639\u0644\u0649 \u0645\u0646\u0635\u0629 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629)`);\n } else {\n alert(\"\u0633\u064a\u062a\u0645 \u062a\u0648\u062c\u064a\u0647\u0643 \u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u0626\u064a\u0629 \u0642\u0631\u064a\u0628\u0627\u064b.\");\n }\n e.stopPropagation();\n }\n });\n }\n\n \/\/ execute after DOM loaded\n window.addEventListener('DOMContentLoaded', () => {\n renderDepartments();\n setupVideoInteractivity();\n });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0626\u064a\u0629 – \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0626\u064a\u0629 \u00b7 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u062a\u062d\u062f\u064a\u062b \u0645\u0633\u062a\u0645\u0631 \u0644\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a 0 \u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 8 \u0623\u0642\u0633\u0627\u0645 \u0639\u0644\u0645\u064a\u0629 \u00a9 2026 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u2013 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0628\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 | \u0645\u062a\u0627\u062d \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0637\u0644\u0628\u0629<\/p>\n","protected":false},"author":99900,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22456","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/99900"}],"replies":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22456"}],"version-history":[{"count":5,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22456\/revisions"}],"predecessor-version":[{"id":22463,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22456\/revisions\/22463"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22456,"date":"2026-04-28T11:26:04","date_gmt":"2026-04-28T08:26:04","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=22456"},"modified":"2026-04-28T11:51:28","modified_gmt":"2026-04-28T08:51:28","slug":"%d8%a7%d9%84%d8%ad%d9%82%d8%a7%d8%a6%d8%a8-%d8%a7%d9%84%d8%aa%d8%b9%d9%84%d9%8a%d9%85%d9%8a%d8%a9-3","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=22456","title":{"rendered":"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629"},"content":{"rendered":"\n\n\n\n\n\n\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0626\u064a\u0629 – \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<style>\n :root {\n --bg: #f0f4fa;\n --surface: rgba(255,255,255,0.97);\n --border: rgba(30,80,140,0.10);\n --accent: #1A4D8C;\n --accent2: #2e7fc0;\n --text: #1a2c3e;\n --muted: #6b8aab;\n --pill-bg: rgba(230,243,255,0.85);\n --pill-bdr: #bcd5ee;\n --radius: 1.6rem;\n --orange: #ffb347;\n }\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\n body {\n background: var(--bg);\n font-family: 'Sora', 'Cairo', system-ui, sans-serif;\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n line-height: 1.6;\n }\n \/* BACKGROUND ANIMATIONS *\/\n .bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n .bg-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px); background-size: 56px 56px; animation: gridScroll 22s linear infinite; }\n @keyframes gridScroll { from { transform: perspective(700px) rotateX(28deg) translateY(0); } to { transform: perspective(700px) rotateX(28deg) translateY(56px); } }\n .bg-orb { position: absolute; border-radius: 50%; filter: blur(90px); animation: orbFloat 9s ease-in-out infinite alternate; }\n .orb1 { width:520px;height:520px;background:rgba(180,200,230,.38);top:-170px;right:-130px; }\n .orb2 { width:360px;height:360px;background:rgba(155,185,220,.28);bottom:8%;left:3%;animation-delay:-4s; }\n .orb3 { width:260px;height:260px;background:rgba(255,179,71,.15);top:40%;right:20%;animation-delay:-7s; }\n @keyframes orbFloat { from { transform: translate(0,0) scale(1); } to { transform: translate(28px,28px) scale(1.09); } }\n\n \/* 3D LOGO WATERMARKS *\/\n .logo-watermark { position: absolute; pointer-events: none; z-index: 0; }\n .logo-center { top:50%; left:50%; transform:translate(-50%,-50%); }\n .logo-top-left { top:4%; left:2%; }\n .logo-bottom-right { bottom:4%; right:2%; }\n .logo-3d-wrapper { width:360px; height:360px; animation: spin3D 25s linear infinite; transform-style: preserve-3d; perspective: 800px; }\n .logo-3d-wrapper.logo-small { width:130px; height:130px; }\n .logo-3d-wrapper.logo-slow { animation-duration:35s; animation-direction:reverse; }\n @keyframes spin3D { 0% { transform: rotateY(0deg) rotateX(8deg); } 25% { transform: rotateY(90deg) rotateX(14deg) rotateZ(3deg); } 50% { transform: rotateY(180deg) rotateX(8deg); } 75% { transform: rotateY(270deg) rotateX(14deg) rotateZ(-3deg); } 100% { transform: rotateY(360deg) rotateX(8deg); } }\n .logo-3d-img { width:100%; height:100%; object-fit:contain; opacity:.06; mix-blend-mode:screen; filter: saturate(.8) brightness(.85); border-radius: 50%; animation: logoPulse 4.5s ease-in-out infinite alternate; }\n @keyframes logoPulse { from{opacity:.04} to{opacity:.12} }\n\n \/* PARTICLES *\/\n .particle { position: fixed; border-radius:50%; pointer-events:none; z-index:0; animation: floatP linear infinite; opacity:0; }\n @keyframes floatP { 0% { transform:translateY(100vh) rotate(0deg); opacity:0; } 10% { opacity:.55; } 90% { opacity:.55; } 100% { transform:translateY(-120px) rotate(360deg); opacity:0; } }\n\n \/* PAGE WRAP *\/\n .page-wrap { position: relative; z-index:2; padding: 2.5rem 1.5rem 4rem; max-width: 1400px; margin: 0 auto; }\n\n \/* CONTROL BAR *\/\n .control-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.2rem 1.5rem; margin-bottom: 2.5rem; box-shadow: 0 4px 24px rgba(0,0,0,.08); backdrop-filter: blur(8px); }\n .bar-left { display: flex; align-items: center; gap: 1rem; }\n .bar-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.3rem; box-shadow: 0 4px 12px rgba(26,77,140,.3); flex-shrink: 0; }\n .bar-title { font-size: 1.3rem; font-weight: 800; color: var(--accent); line-height: 1.2; }\n .bar-subtitle { font-size: 0.85rem; color: var(--muted); font-weight: 600; margin-top: 4px; }\n .bar-right { display: flex; gap: 10px; flex-wrap: wrap; }\n .badge-count { background: var(--pill-bg); border: 1px solid var(--pill-bdr); padding: 0.4rem 1.2rem; border-radius: 60px; font-size: 0.85rem; font-weight: 700; color: var(--accent); display: flex; align-items: center; gap: 6px; }\n .badge-orange { background: rgba(255, 179, 71, 0.15); border-color: rgba(255, 179, 71, 0.4); color: #b45f06; }\n\n \/* SECTION TITLE *\/\n .section-title { font-size: 1.7rem; font-weight: 800; color: #0a2b44; margin: 2rem 0 1.2rem; position: relative; display: inline-block; padding-right: 15px; }\n .section-title:after { content: \"\"; position: absolute; right: 0; bottom: -8px; width: 60px; height: 4px; background: var(--orange); border-radius: 4px; }\n\n \/* CARDS GRID (DEPARTMENT) *\/\n .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 1.8rem; margin-bottom: 1rem; }\n .data-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,.06); transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; display: flex; flex-direction: column; }\n .card-header { background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98)); padding: 1.2rem 1.4rem; border-bottom: 1.5px solid rgba(26,77,140,.10); display: flex; align-items: center; gap: 12px; }\n .card-header i { font-size: 1.8rem; color: var(--accent2); }\n .card-header h3 { font-size: 1.25rem; font-weight: 700; color: #1f4e79; }\n .card-body { padding: 1.3rem 1.2rem; flex:1; max-height: 460px; overflow-y: auto; }\n \/* custom scroll for long lists *\/\n .card-body::-webkit-scrollbar { width: 5px; }\n .card-body::-webkit-scrollbar-track { background: #eef2f7; border-radius: 10px; }\n .card-body::-webkit-scrollbar-thumb { background: var(--accent2); border-radius: 10px; }\n\n \/* VIDEO LIST ITEMS *\/\n .video-list { list-style: none; margin: 0; }\n .video-item { display: flex; align-items: center; gap: 12px; padding: 0.7rem 0; border-bottom: 1px dashed rgba(26,77,140,.12); transition: all 0.2s; }\n .video-item:last-child { border-bottom: none; }\n .video-item i.fa-play-circle { font-size: 1.2rem; color: var(--orange); width: 28px; text-align: center; transition: transform 0.2s; }\n .video-item:hover { background: rgba(255,179,71,0.08); border-radius: 12px; padding-right: 6px; }\n .video-item:hover i.fa-play-circle { transform: scale(1.1); color: #e68a2e; }\n .video-title { font-size: 0.92rem; font-weight: 550; color: #1f4468; line-height: 1.4; flex: 1; }\n .watch-tag { font-size: 0.7rem; background: #eef2fa; padding: 2px 8px; border-radius: 30px; color: var(--accent); font-weight: 700; transition: 0.2s; }\n .video-item:hover .watch-tag { background: var(--orange); color: #fff; }\n\n \/* empty placeholder *\/\n .empty-msg { text-align: center; padding: 2rem; color: var(--muted); font-weight: 500; background: rgba(0,0,0,0.02); border-radius: 20px; }\n\n .footer-note { margin-top: 3.5rem; text-align: center; background: var(--surface); border: 1px solid var(--border); border-radius: 60px; padding: 1rem 2rem; width: fit-content; margin-left: auto; margin-right: auto; font-size: 0.9rem; font-weight: 600; color: var(--muted); }\n @media (max-width: 768px) { .page-wrap { padding: 1.5rem 1rem; } .control-bar { flex-direction: column; align-items: flex-start; } .bar-right { width: 100%; justify-content: flex-start; } .cards-grid { grid-template-columns: 1fr; } .card-body { max-height: 380px; } }\n<\/style>\n<\/head>\n<body>\n<div class=\"bg-scene\">\n <div class=\"bg-grid\"><\/div>\n <div class=\"bg-orb orb1\"><\/div>\n <div class=\"bg-orb orb2\"><\/div>\n <div class=\"bg-orb orb3\"><\/div>\n <div class=\"logo-watermark logo-center\"><div class=\"logo-3d-wrapper\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\"><\/div><\/div>\n <div class=\"logo-watermark logo-top-left\"><div class=\"logo-3d-wrapper logo-small\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\"><\/div><\/div>\n <div class=\"logo-watermark logo-bottom-right\"><div class=\"logo-3d-wrapper logo-small logo-slow\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\"><\/div><\/div>\n<\/div>\n<div class=\"page-wrap\">\n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-video\"><\/i><\/div>\n <div><div class=\"bar-title\">\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0626\u064a\u0629 \u00b7 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629<\/div><div class=\"bar-subtitle\"><i class=\"fas fa-chalkboard-user\" style=\"color:var(--orange);\"><\/i> \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u062a\u062d\u062f\u064a\u062b \u0645\u0633\u062a\u0645\u0631 \u0644\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a<\/div><\/div>\n <\/div>\n <div class=\"bar-right\">\n <div class=\"badge-count\"><i class=\"fas fa-film\"><\/i> <span id=\"totalLecturesCount\">0<\/span> \u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-layer-group\"><\/i> 8 \u0623\u0642\u0633\u0627\u0645 \u0639\u0644\u0645\u064a\u0629<\/div>\n <\/div>\n <\/div>\n <div id=\"departmentsContainer\"><\/div>\n <div class=\"footer-note\"><i class=\"fas fa-university\"><\/i> \u00a9 2026 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u2013 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0628\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 | \u0645\u062a\u0627\u062d \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0637\u0644\u0628\u0629<\/div>\n<\/div>\n\n<script>\n \/\/ --------------------------------------------------------------\n \/\/ VIDEO LECTURES DATA (based on provided content)\n \/\/ --------------------------------------------------------------\n const departmentsData = [\n { name: \"\ud83d\udcd8 \u0642\u0633\u0645 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \/ \u0635\u062d\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\", icon: \"fas fa-hand-holding-heart\", color: \"#e8748f\",\n lectures: [\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u064a\u062f\u064a\u0648\u064a\u0629 \u0645\u0627\u062f\u0629 \u0627\u0644\u062f\u0648\u0627\u0626\u064a\u0627\u062a (\u0637\u0628 \u0645\u062c\u062a\u0645\u0639) \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 3 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u0643\u0644\u064a\u0632\u064a \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 2 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u0643\u0644\u064a\u0632\u064a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 \u0627\u0644\u0623\u0648\u0644 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u0643\u0644\u064a\u0632\u064a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062d\u0627\u0633\u0648\u0628 \u2013 \u0642\u0633\u0645 \u0635\u062d\u0629 \u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0634\u0631\u064a\u062d (\u0627\u0644\u0645\u0642\u0637\u0639 1)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0634\u0631\u064a\u062d (\u0627\u0644\u0645\u0642\u0637\u0639 2)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0634\u0631\u064a\u062d (\u0627\u0644\u0645\u0642\u0637\u0639 3)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0634\u0631\u064a\u062d (\u0627\u0644\u0645\u0642\u0637\u0639 4)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0634\u0631\u064a\u062d (\u0627\u0644\u0645\u0642\u0637\u0639 5)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0641\u0633\u0644\u062c\u0629 (\u0627\u0644\u0645\u0642\u0637\u0639 1)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0641\u0633\u0644\u062c\u0629 (\u0627\u0644\u0645\u0642\u0637\u0639 2)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0641\u0633\u0644\u062c\u0629 (\u0627\u0644\u0645\u0642\u0637\u0639 3)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0644\u063a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 (\u0627\u0644\u062c\u0632\u0621 1)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0644\u063a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 (\u0627\u0644\u062c\u0632\u0621 2)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0644\u063a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 (\u0627\u0644\u062c\u0632\u0621 3)\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u062e\u062f\u0645\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0623\u062d\u064a\u0627\u0621 \u0645\u062c\u0647\u0631\u064a\u0629 (1)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062d\u0627\u0633\u0648\u0628 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 (\u0627\u0644\u0645\u0642\u0637\u0639 \u0627\u0644\u0623\u0648\u0644)\"\n ] },\n { name: \"\u26a1 \u0642\u0633\u0645 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\", icon: \"fas fa-bolt\", color: \"#f4a261\",\n lectures: [\n \"\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0623\u0633\u064a\u0633\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u2013 \u0643\u0647\u0631\u0628\u0627\u0621 \/ \u0645\u0631\u062d\u0644\u0629 \u062b\u0627\u0646\u064a\u0629\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0633\u0627\u0628\u0639\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u062b\u0627\u0645\u0646\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0634\u0628\u0643\u0627\u062a (\u0627\u0644\u0646\u0638\u0631\u064a)\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0623\u062e\u0631\u0649 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0646\u0638\u0631\u064a\"\n ] },\n { name: \"\ud83c\udfd7\ufe0f \u0642\u0633\u0645 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a\", icon: \"fas fa-hard-hat\", color: \"#3b9e6d\",\n lectures: [\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0645\u062f\u0646\u064a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 3\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0645\u0648\u0627\u062f \u0627\u0644\u0625\u0646\u0634\u0627\u0621 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0644\u063a\u0629 \u0625\u0646\u0643\u0644\u064a\u0632\u064a\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 2\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0631\u064a\u0627\u0636\u064a\u0627\u062a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0631\u064a\u0627\u0636\u064a\u0627\u062a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 2\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062d\u0627\u0633\u0628\u0627\u062a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062d\u0627\u0633\u0628\u0627\u062a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 2\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062d\u0627\u0633\u0628\u0627\u062a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 3\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 4\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u064a\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0645\u064a\u0643\u0627\u0646\u064a\u0643 \u0627\u0644\u062a\u0631\u0628\u0629 \u2013 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0645\u062f\u0646\u064a \u2013 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u064a\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u2013 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u064a\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u2013 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 2\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0644\u063a\u0629 \u0625\u0646\u0643\u0644\u064a\u0632\u064a\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0645\u062f\u0646\u064a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0645\u062f\u0646\u064a \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 2\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 2\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u0643\u0627\u0626\u0646 \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0631\u0628\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0631\u0628\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 2\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0627\u0644\u062e\u0644\u0637 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0642\u0637\u0639 3\"\n ] },\n { name: \"\u2699\ufe0f \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\", icon: \"fas fa-cogs\", color: \"#5d87b0\",\n lectures: [\n \"\u0633\u064a\u062a\u0645 \u0631\u0641\u0639 \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643 (\u062d\u0631\u0642, \u062f\u064a\u0646\u0627\u0645\u064a\u0643, \u0631\u0633\u0645 \u0635\u0646\u0627\u0639\u064a) \u062a\u0628\u0627\u0639\u0627\u064b \u2013 \u062a\u0627\u0628\u0639 \u0627\u0644\u062a\u062d\u062f\u064a\u062b\u0627\u062a\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0645\u0642\u062f\u0645\u0629 \u0641\u064a \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643 \u0627\u0644\u0647\u0646\u062f\u0633\u064a (\u0645\u0631\u062d\u0644\u0629 \u0623\u0648\u0644\u0649 \u2013 \u0642\u0631\u064a\u0628\u0627\u064b)\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0645\u0648\u0627\u062f \u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 (\u0645\u0631\u062d\u0644\u0629 \u062b\u0627\u0646\u064a\u0629) \u0633\u064a\u062a\u0645 \u0627\u0644\u0625\u0636\u0627\u0641\u0629\"\n ] },\n { name: \"\ud83d\udcca \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629\", icon: \"fas fa-chart-line\", color: \"#e9c46a\",\n lectures: [\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629 (\u0627\u0644\u0645\u0642\u0637\u0639 1)\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 \u2013 \u0627\u0644\u0633\u0646\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0642\u0631\u0627\u0621\u0627\u062a (\u0627\u0644\u0645\u0642\u0637\u0639 1)\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0645\u0627\u062f\u0629 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u0643\u0644\u064a\u0632\u064a\u0629 \u2013 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0627\u0644\u0645\u0642\u0637\u0639 1\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 (\u0627\u0644\u0645\u0642\u0637\u0639 2)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0647 \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 (\u0627\u0644\u0645\u0642\u0637\u0639 3)\"\n ] },\n { name: \"\ud83e\ude7a \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0645\u0631\u064a\u0636\", icon: \"fas fa-stethoscope\", color: \"#e8748f\",\n lectures: [\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0623\u062d\u064a\u0627\u0621 \u0645\u062c\u0647\u0631\u064a\u0629 \u2013 \u0645\u0631\u062d\u0644\u0629 \u0623\u0648\u0644\u0649 \u0645\u0633\u0627\u0626\u064a\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0623\u062d\u064a\u0627\u0621 \u0645\u062c\u0647\u0631\u064a\u0629 (\u0627\u0644\u062f\u0648\u062f\u0629 \u0627\u0644\u0634\u0631\u0637\u064a\u0629) \u2013 \u0645\u0631\u062d\u0644\u0629 \u0623\u0648\u0644\u0649 \u0645\u0633\u0627\u0626\u064a\",\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u0623\u062d\u064a\u0627\u0621 \u0645\u062c\u0647\u0631\u064a\u0629 (\u0637\u0641\u064a\u0644\u064a\u0627\u062a) \u2013 \u0645\u0631\u062d\u0644\u0629 \u0623\u0648\u0644\u0649 \u0645\u0633\u0627\u0626\u064a\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0627\u062f\u0629 \u0623\u062d\u064a\u0627\u0621 \u0645\u062c\u0647\u0631\u064a\u0629\"\n ] },\n { name: \"\ud83d\udcbb \u0642\u0633\u0645 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\", icon: \"fas fa-microchip\", color: \"#4c9faa\",\n lectures: [\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 (\u0627\u0644\u0645\u0642\u0637\u0639 \u0627\u0644\u0623\u0648\u0644) \u0644\u0645\u0642\u0631\u0631 \u0647\u064a\u0627\u0643\u0644 \u0628\u064a\u0627\u0646\u0627\u062a (\u0644\u063a\u0629 C++)\",\n \"\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629 \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 (\u0627\u0644\u0645\u0642\u0637\u0639 \u0627\u0644\u062b\u0627\u0646\u064a) \u0644\u0645\u0642\u0631\u0631 \u0647\u064a\u0627\u0643\u0644 \u0628\u064a\u0627\u0646\u0627\u062a (C++)\",\n \"\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0641\u062f\u064a\u0648\u064a\u0629 \u0644\u0645\u0642\u0631\u0631 \u0627\u0644\u0645\u0646\u0637\u0642 \u0627\u0644\u0639\u0645\u0644\u064a\"\n ] },\n { name: \"\ud83d\uddfa\ufe0f \u0642\u0633\u0645 \u0627\u0644\u0645\u0633\u0627\u062d\u0629\", icon: \"fas fa-draw-polygon\", color: \"#b38f6f\",\n lectures: [\n \"\u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 \u2013 \u0645\u0633\u062d \u062a\u0635\u0648\u064a\u0631\u064a \u0631\u0642\u0645\u064a (\u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629)\"\n ] }\n ];\n\n \/\/ Helper to create video item HTML\n function createVideoItem(lectureTitle) {\n return `\n <li class=\"video-item\">\n <i class=\"fas fa-play-circle\"><\/i>\n <span class=\"video-title\">${escapeHtml(lectureTitle)}<\/span>\n <span class=\"watch-tag\"><i class=\"fas fa-eye\"><\/i> \u0645\u0634\u0627\u0647\u062f\u0629<\/span>\n <\/li>\n `;\n }\n\n function escapeHtml(str) {\n return str.replace(\/[&<>]\/g, function(m) {\n if(m === '&') return '&';\n if(m === '<') return '<';\n if(m === '>') return '>';\n return m;\n }).replace(\/[\\uD800-\\uDBFF][\\uDC00-\\uDFFF]\/g, function(c) {\n return c;\n });\n }\n\n \/\/ Render all department cards\n function renderDepartments() {\n const container = document.getElementById('departmentsContainer');\n if(!container) return;\n let totalLectures = 0;\n let cardsHtml = '';\n for(let dept of departmentsData) {\n totalLectures += dept.lectures.length;\n const lecturesHtml = dept.lectures.map(lec => createVideoItem(lec)).join('');\n const lecturesList = lecturesHtml ? `<ul class=\"video-list\">${lecturesHtml}<\/ul>` : `<div class=\"empty-msg\"><i class=\"fas fa-video-slash\"><\/i> \u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0645\u0631\u0641\u0648\u0639\u0629 \u062d\u0627\u0644\u064a\u0627\u064b<\/div>`;\n cardsHtml += `\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"${dept.icon}\" style=\"color:${dept.color}\"><\/i>\n <h3>${escapeHtml(dept.name)}<\/h3>\n <\/div>\n <div class=\"card-body\">\n ${lecturesList}\n <\/div>\n <\/div>\n `;\n }\n container.innerHTML = cardsHtml;\n const totalSpan = document.getElementById('totalLecturesCount');\n if(totalSpan) totalSpan.innerText = totalLectures;\n \n \/\/ Re-attach tilt effect after dynamic rendering\n attachTiltEffect();\n }\n\n \/\/ 3D tilt effect (as per original template)\n function attachTiltEffect() {\n document.querySelectorAll('[data-tilt]').forEach(card => {\n \/\/ remove any previous listeners to avoid duplicates\n card.removeEventListener('mousemove', card._mousemoveHandler);\n card.removeEventListener('mouseleave', card._mouseleaveHandler);\n \n const mouseMoveHandler = (e) => {\n const r = card.getBoundingClientRect();\n const x = e.clientX - r.left;\n const y = e.clientY - r.top;\n const cx = r.width \/ 2;\n const cy = r.height \/ 2;\n const rX = ((y - cy) \/ cy) * 3;\n const rY = ((x - cx) \/ cx) * -3;\n card.style.transition = 'transform 0.08s ease, box-shadow 0.08s ease, border-color 0.3s ease';\n card.style.transform = `perspective(1000px) rotateX(${rX}deg) rotateY(${rY}deg) scale(1.015) translateY(-4px)`;\n card.style.boxShadow = `0 16px 32px -10px rgba(26,77,140,0.2)`;\n card.style.borderColor = 'rgba(255,179,71,0.4)';\n };\n const mouseLeaveHandler = () => {\n card.style.transition = 'transform 0.45s cubic-bezier(.2,.9,.4,1), box-shadow 0.45s ease, border-color 0.3s ease';\n card.style.transform = '';\n card.style.boxShadow = '';\n card.style.borderColor = '';\n };\n card.addEventListener('mousemove', mouseMoveHandler);\n card.addEventListener('mouseleave', mouseLeaveHandler);\n card._mousemoveHandler = mouseMoveHandler;\n card._mouseleaveHandler = mouseLeaveHandler;\n });\n }\n\n \/\/ Particles generation same as original\n (function generateParticles() {\n const colors = ['#8faac8','#a2b9d6','#bfcfdf'];\n for(let i = 0; i < 20; i++){\n const el = document.createElement('div');\n el.className = 'particle';\n const s = Math.random() * 4 + 2;\n el.style.cssText = `width:${s}px;height:${s}px;background:${colors[i%3]};left:${Math.random()*100}vw;animation-duration:${Math.random()*12+8}s;animation-delay:${Math.random()*10}s;opacity:0.3;`;\n document.body.appendChild(el);\n }\n })();\n\n \/\/ Interactive video preview message (play icon click simulation)\n function setupVideoInteractivity() {\n document.addEventListener('click', (e) => {\n const videoItem = e.target.closest('.video-item');\n if(videoItem) {\n const titleElem = videoItem.querySelector('.video-title');\n if(titleElem) {\n const lectureName = titleElem.innerText;\n alert(`\ud83d\udcf9 \u062c\u0627\u0631\u064a \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0629: \"${lectureName}\"\\n(\u0627\u0644\u0631\u0627\u0628\u0637 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a \u0645\u062a\u0627\u062d \u0642\u0631\u064a\u0628\u0627\u064b \u0639\u0644\u0649 \u0645\u0646\u0635\u0629 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629)`);\n } else {\n alert(\"\u0633\u064a\u062a\u0645 \u062a\u0648\u062c\u064a\u0647\u0643 \u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u0626\u064a\u0629 \u0642\u0631\u064a\u0628\u0627\u064b.\");\n }\n e.stopPropagation();\n }\n });\n }\n\n \/\/ execute after DOM loaded\n window.addEventListener('DOMContentLoaded', () => {\n renderDepartments();\n setupVideoInteractivity();\n });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0626\u064a\u0629 – \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0626\u064a\u0629 \u00b7 \u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u0641\u062f\u064a\u0648\u064a\u0629 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u062a\u062d\u062f\u064a\u062b \u0645\u0633\u062a\u0645\u0631 \u0644\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a 0 \u0645\u062d\u0627\u0636\u0631\u0629 \u0641\u062f\u064a\u0648\u064a\u0629 8 \u0623\u0642\u0633\u0627\u0645 \u0639\u0644\u0645\u064a\u0629 \u00a9 2026 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u2013 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0628\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 | \u0645\u062a\u0627\u062d \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0637\u0644\u0628\u0629<\/p>\n","protected":false},"author":99900,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22456","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/99900"}],"replies":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22456"}],"version-history":[{"count":5,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22456\/revisions"}],"predecessor-version":[{"id":22463,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22456\/revisions\/22463"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}