\u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 – \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\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 \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\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\n\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\n \/* \u2500\u2500 BACKGROUND ANIMATIONS \u2500\u2500 *\/\n .bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n .bg-grid {\n position: absolute; inset: 0;\n background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px);\n background-size: 56px 56px; animation: gridScroll 22s linear infinite;\n }\n @keyframes gridScroll { from { transform: perspective(700px) rotateX(28deg) translateY(0); } to { transform: perspective(700px) rotateX(28deg) translateY(56px); } }\n \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;animation-delay:0s; }\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 \/* \u2500\u2500 3-D LOGO WATERMARKS \u2500\u2500 *\/\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\n .logo-3d-wrapper {\n width:360px; height:360px;\n animation: spin3D 25s linear infinite;\n transform-style: preserve-3d; perspective: 800px;\n }\n .logo-3d-wrapper.logo-small { width:130px; height:130px; }\n .logo-3d-wrapper.logo-slow { animation-duration:35s; animation-direction:reverse; }\n\n @keyframes spin3D {\n 0% { transform: rotateY(0deg) rotateX(8deg); }\n 25% { transform: rotateY(90deg) rotateX(14deg) rotateZ(3deg); }\n 50% { transform: rotateY(180deg) rotateX(8deg); }\n 75% { transform: rotateY(270deg) rotateX(14deg) rotateZ(-3deg); }\n 100% { transform: rotateY(360deg) rotateX(8deg); }\n }\n .logo-3d-img {\n width:100%; height:100%; object-fit:contain;\n opacity:.06; mix-blend-mode:screen; filter: saturate(.8) brightness(.85);\n border-radius: 50%; animation: logoPulse 4.5s ease-in-out infinite alternate;\n }\n @keyframes logoPulse { from{opacity:.04} to{opacity:.12} }\n\n \/* \u2500\u2500 FLOATING PARTICLES \u2500\u2500 *\/\n .particle {\n position: fixed; border-radius:50%; pointer-events:none; z-index:0;\n animation: floatP linear infinite; opacity:0;\n }\n @keyframes floatP {\n 0% { transform:translateY(100vh) rotate(0deg); opacity:0; }\n 10% { opacity:.55; }\n 90% { opacity:.55; }\n 100% { transform:translateY(-120px) rotate(360deg); opacity:0; }\n }\n\n \/* \u2500\u2500 LAYOUT & PAGE WRAP \u2500\u2500 *\/\n .page-wrap {\n position: relative; z-index:2;\n padding: 2.5rem 1.5rem 4rem;\n max-width: 1350px;\n margin: 0 auto;\n }\n\n \/* \u2500\u2500 CONTROL BAR (Replaces Old Header) \u2500\u2500 *\/\n .control-bar {\n display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem;\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n padding: 1.2rem 1.5rem; margin-bottom: 2.5rem; box-shadow: 0 4px 24px rgba(0,0,0,.08); backdrop-filter: blur(8px);\n }\n .bar-left { display: flex; align-items: center; gap: 1rem; }\n .bar-icon {\n width: 50px; height: 50px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0);\n border-radius: 14px; display: flex; align-items: center; justify-content: center;\n color: #fff; font-size: 1.3rem; box-shadow: 0 4px 12px rgba(26,77,140,.3); flex-shrink: 0;\n }\n .bar-title { font-size: 1.2rem; 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 \n .badge-count {\n background: var(--pill-bg); border: 1px solid var(--pill-bdr);\n padding: 0.4rem 1.2rem; border-radius: 60px; font-size: 0.85rem;\n font-weight: 700; color: var(--accent); display: flex; align-items: center; gap: 6px;\n }\n .badge-orange { background: rgba(255, 179, 71, 0.15); border-color: rgba(255, 179, 71, 0.4); color: #b45f06; }\n\n \/* \u2500\u2500 SECTION TITLES \u2500\u2500 *\/\n .section-title {\n font-size: 1.6rem; font-weight: 800; color: #0a2b44;\n margin: 2.5rem 0 1.5rem; position: relative; display: inline-block; padding-right: 15px;\n }\n .section-title:after {\n content: \"\"; position: absolute; right: 0; bottom: -8px;\n width: 60px; height: 4px; background: var(--orange); border-radius: 4px;\n }\n\n \/* \u2500\u2500 INTERACTIVE CARDS \u2500\u2500 *\/\n .cards-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.8rem;\n }\n \n .data-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,.06);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n position: relative;\n }\n \n .card-header {\n background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98));\n padding: 1.2rem 1.4rem; border-bottom: 1.5px solid rgba(26,77,140,.10);\n display: flex; align-items: center; gap: 12px;\n }\n .card-header i { font-size: 1.8rem; color: var(--accent2); }\n .card-header h3 { font-size: 1.3rem; font-weight: 700; color: #1f4e79; }\n\n .card-body { padding: 1.5rem; }\n \n \/* \u2500\u2500 LISTS \u2500\u2500 *\/\n .dept-list { list-style: none; }\n .dept-list li {\n padding: 0.6rem 0; border-bottom: 1px dashed rgba(26,77,140,.15);\n display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 0.95rem; color: var(--text);\n transition: color 0.2s;\n }\n .dept-list li:last-child { border-bottom: none; }\n .dept-list li:hover { color: var(--accent2); }\n .dept-list li i { color: var(--orange); font-size: 0.9rem; width: 20px; text-align: center; }\n\n \/* \u2500\u2500 HIGHLIGHT STATS BLOCK \u2500\u2500 *\/\n .stats-wrapper { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }\n .number-block {\n background: linear-gradient(135deg, #ffffff, #f4f8fc);\n border-radius: 20px; padding: 1rem; text-align: center; flex: 1; min-width: 100px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.04); border: 1px solid var(--border);\n }\n .number-block .num { font-size: 2.2rem; font-weight: 800; color: var(--accent); line-height: 1; }\n .number-block .label { font-size: 0.85rem; font-weight: 700; color: var(--muted); margin-top: 5px; }\n\n \/* \u2500\u2500 MISSION & VISION \u2500\u2500 *\/\n .mission-vision {\n background: linear-gradient(110deg, rgba(255,255,255,0.9) 0%, rgba(248,250,252,0.9) 100%);\n border-radius: var(--radius); padding: 2rem; border-right: 6px solid var(--orange);\n box-shadow: 0 8px 32px rgba(0,0,0,.05); font-size: 1.05rem; font-weight: 500;\n }\n .mission-vision hr { border: 0; height: 1px; background: linear-gradient(to right, transparent, rgba(30,80,140,0.2), transparent); margin: 20px 0; }\n\n \/* \u2500\u2500 STRATEGIC GOALS \u2500\u2500 *\/\n .goal-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.2rem; }\n .goal-item {\n background: var(--surface); padding: 1.2rem; border-radius: 20px;\n display: flex; align-items: flex-start; gap: 12px;\n border: 1px solid var(--border); box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n }\n .goal-item i { font-size: 1.5rem; color: var(--orange); margin-top: 2px; }\n .goal-item strong { color: var(--accent); display: block; margin-bottom: 4px; font-size: 1.05rem; }\n .goal-item span { font-size: 0.9rem; color: #5a738e; }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n .footer-note {\n margin-top: 3.5rem; text-align: center; background: var(--surface); border: 1px solid var(--border);\n border-radius: 60px; padding: 1rem 2rem; width: fit-content; margin-left: auto; margin-right: auto;\n font-size: 0.9rem; font-weight: 600; color: var(--muted); box-shadow: 0 4px 16px rgba(0,0,0,.05);\n }\n .footer-note i { color: var(--accent2); margin-left: 6px; }\n\n @media (max-width: 768px) {\n .page-wrap { padding: 1.5rem 1rem; }\n .control-bar { padding: 1rem; flex-direction: column; align-items: flex-start; }\n .bar-right { width: 100%; justify-content: flex-start; }\n .section-title { font-size: 1.35rem; }\n }\n <\/style>\n<\/head>\n<body>\n\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\n <div class=\"logo-watermark logo-center\">\n <div class=\"logo-3d-wrapper\">\n <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=\"\">\n <\/div>\n <\/div>\n <div class=\"logo-watermark logo-top-left\">\n <div class=\"logo-3d-wrapper logo-small\">\n <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=\"\">\n <\/div>\n <\/div>\n <div class=\"logo-watermark logo-bottom-right\">\n <div class=\"logo-3d-wrapper logo-small logo-slow\">\n <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=\"\">\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"page-wrap\">\n\n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-university\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">\u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \/ \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/div>\n <div class=\"bar-subtitle\">\n <i class=\"fas fa-map-marker-alt\" style=\"color:var(--orange);\"><\/i> \u0634\u0645\u0627\u0644 \u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649 | \u062a\u0623\u0633\u0633 \u0639\u0627\u0645 1989\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bar-right\">\n <div class=\"badge-count\"><i class=\"fas fa-layer-group\"><\/i> 25 \u0642\u0633\u0645\u0627\u064b \u0639\u0644\u0645\u064a\u0627\u064b<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-sun\"><\/i> 14 \u0635\u0628\u0627\u062d\u064a<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-moon\"><\/i> 11 \u0645\u0633\u0627\u0626\u064a<\/div>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\"><i class=\"fas fa-sun\" style=\"color:var(--orange); margin-left:8px;\"><\/i> \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0635\u0628\u0627\u062d\u064a\u0629<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-stethoscope\"><\/i>\n <h3>\u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-heartbeat\"><\/i> \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0645\u0631\u064a\u0636<\/li>\n <li><i class=\"fas fa-microscope\"><\/i> \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629<\/li>\n <li><i class=\"fas fa-user-md\"><\/i> \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/li>\n <li><i class=\"fas fa-procedures\"><\/i> \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u063a\u0633\u064a\u0644 \u0627\u0644\u0643\u0644\u0649<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-microchip\"><\/i>\n <h3>\u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-oil-can\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u062a\u0643\u0631\u064a\u0631 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632<\/li>\n <li><i class=\"fas fa-hard-hat\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u0641\u0631 \u0648\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632<\/li>\n <li><i class=\"fas fa-draw-polygon\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u062d\u0629<\/li>\n <li><i class=\"fas fa-building\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a<\/li>\n <li><i class=\"fas fa-wifi\"><\/i> \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a<\/li>\n <li><i class=\"fas fa-shield-alt\"><\/i> \u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a<\/li>\n <li><i class=\"fas fa-bolt\"><\/i> \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/li>\n <li><i class=\"fas fa-cogs\"><\/i> \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-chart-line\"><\/i>\n <h3>\u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-calculator\"><\/i> \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629<\/li>\n <li><i class=\"fas fa-gavel\"><\/i> \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\"><i class=\"fas fa-moon\" style=\"color:var(--accent2); margin-left:8px;\"><\/i> \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0645\u0633\u0627\u0626\u064a\u0629<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-heartbeat\" style=\"color:#e8748f;\"><\/i>\n <h3>\u0637\u0628\u064a\u0629 \u0645\u0633\u0627\u0626\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0645\u0631\u064a\u0636<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u063a\u0633\u064a\u0644 \u0627\u0644\u0643\u0644\u0649<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-industry\"><\/i>\n <h3>\u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u0633\u0627\u0626\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u062a\u0643\u0631\u064a\u0631 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u0641\u0631 \u0648\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u062d\u0629<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-briefcase\"><\/i>\n <h3>\u0625\u062f\u0627\u0631\u064a\u0629 \u0645\u0633\u0627\u0626\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\"><i class=\"fas fa-city\" style=\"color:var(--orange); margin-left:8px;\"><\/i> \u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a \u0648\u0627\u0644\u0628\u0634\u0631\u064a<\/h2>\n <div class=\"data-card\" data-tilt style=\"margin-bottom: 2rem;\">\n <div class=\"card-body\">\n <p style=\"font-size: 1.05rem; margin-bottom: 1rem;\">\n \u0634\u0647\u062f \u0627\u0644\u0645\u0639\u0647\u062f \u062a\u0648\u0633\u0639\u0627\u064b \u0645\u0644\u062d\u0648\u0638\u0627\u064b \u0628\u0639\u062f \u0639\u0627\u0645 2003\u060c \u062d\u064a\u062b \u0628\u062f\u0623 \u0628\u0640 <strong>\u0628\u0646\u0627\u064a\u062a\u064a\u0646 \u0641\u0642\u0637<\/strong> \u0644\u064a\u0635\u0644 \u0627\u0644\u064a\u0648\u0645 \u0625\u0644\u0649 <strong style=\"color:var(--accent); background:rgba(26,77,140,.1); padding:2px 8px; border-radius:8px;\">(15) \u0628\u0646\u0627\u064a\u0629<\/strong> \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0628\u0646\u064a\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\u060c \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0644\u0645\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u062a\u062e\u0635\u0635\u064a\u0629\u060c \u0645\u0639 \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0625\u0639\u0645\u0627\u0631.\n <\/p>\n <div class=\"stats-wrapper\">\n <div class=\"number-block\"><div class=\"num\">87<\/div><div class=\"label\">\u062a\u062f\u0631\u064a\u0633\u064a\u0651\u0627\u064b<\/div><\/div>\n <div class=\"number-block\"><div class=\"num\">154<\/div><div class=\"label\">\u0641\u0646\u064a\u0627\u064b<\/div><\/div>\n <div class=\"number-block\"><div class=\"num\">75<\/div><div class=\"label\">\u0645\u0648\u0638\u0641\u0627\u064b \u0625\u062f\u0627\u0631\u064a\u0627\u064b<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\"><i class=\"fas fa-hand-holding-heart\" style=\"color:#e8748f; margin-left:8px;\"><\/i> \u062f\u0648\u0631 \u0627\u0644\u0645\u0639\u0647\u062f \u0641\u064a \u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-body\" style=\"text-align: center; padding: 2rem 1.5rem;\">\n <i class=\"fas fa-user-graduate\" style=\"font-size: 3rem; color: var(--accent2); margin-bottom: 1rem;\"><\/i>\n <h3 style=\"color: var(--accent); margin-bottom: 10px;\">\u0631\u0641\u062f \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644<\/h3>\n <p style=\"color: var(--muted); font-weight: 500;\">\u062a\u062e\u0631\u064a\u062c \u0643\u0648\u0627\u062f\u0631 \u062a\u0642\u0646\u064a\u0629 \u0648\u0633\u0637\u064a\u0629 \u0645\u0624\u0647\u0644\u0629 \u062a\u0645\u062a\u0644\u0643 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0627\u0631\u0641 \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u0645\u0648\u0627\u0643\u0628\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629.<\/p>\n <\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-body\" style=\"text-align: center; padding: 2rem 1.5rem;\">\n <i class=\"fas fa-chalkboard-user\" style=\"font-size: 3rem; color: var(--accent2); margin-bottom: 1rem;\"><\/i>\n <h3 style=\"color: var(--accent); margin-bottom: 10px;\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a\u0629<\/h3>\n <p style=\"color: var(--muted); font-weight: 500;\">\u0625\u0642\u0627\u0645\u0629 \u062f\u0648\u0631\u0627\u062a \u062a\u062f\u0631\u064a\u0628\u064a\u0629\u060c \u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0641\u0646\u064a\u0629\u060c \u0641\u062d\u0648\u0635\u0627\u062a \u0625\u0646\u0634\u0627\u0626\u064a\u0629\u060c \u0648\u0627\u0644\u0625\u0633\u0647\u0627\u0645 \u0627\u0644\u0641\u0627\u0639\u0644 \u0641\u064a \u062f\u0639\u0645 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"cards-grid\" style=\"grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));\">\n <div>\n <h2 class=\"section-title\"><i class=\"fas fa-eye\" style=\"margin-left:8px;\"><\/i> \u0627\u0644\u0631\u0624\u064a\u0627<\/h2>\n <div class=\"mission-vision\" data-tilt>\n <p>\u064a\u0633\u0639\u0649 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a\/\u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0625\u0644\u0649 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0645\u0624\u0633\u0633\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u062a\u0642\u0646\u064a\u0629 <strong>\u0631\u0627\u0626\u062f\u0629 \u0648\u0645\u062a\u0645\u064a\u0632\u0629<\/strong> \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u0644\u064a \u0648\u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a \u0648\u0627\u0644\u0639\u0631\u0628\u064a\u060c \u0645\u0639 \u0627\u0644\u062a\u0648\u062c\u0647 \u0646\u062d\u0648 \u062a\u062d\u0642\u064a\u0642 \u062d\u0636\u0648\u0631 \u062f\u0648\u0644\u064a \u0641\u0627\u0639\u0644\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0631\u0633\u064a\u062e \u0646\u0645\u0648\u0630\u062c \u0645\u062a\u0642\u062f\u0645 \u0641\u064a \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u064a\u060c \u0642\u0627\u0626\u0645 \u0639\u0644\u0649 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0646\u0645\u064a\u0629.<\/p>\n <hr>\n <p>\u064a\u0637\u0645\u062d \u0627\u0644\u0645\u0639\u0647\u062f \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0628\u064a\u0626\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0628\u062d\u062b\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u064f\u0633\u0647\u0645 \u0641\u064a \u0625\u0639\u062f\u0627\u062f \u0643\u0648\u0627\u062f\u0631 \u0645\u0624\u0647\u0644\u0629\u060c \u0648\u0645\u0648\u0627\u0643\u0628\u0629 \u0627\u0644\u062a\u062d\u0648\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0648\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0627\u0644\u0631\u0642\u0645\u064a\u060c \u0648\u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629.<\/p>\n <\/div>\n <\/div>\n <div>\n <h2 class=\"section-title\"><i class=\"fas fa-scroll\" style=\"margin-left:8px;\"><\/i> \u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/h2>\n <div class=\"mission-vision\" data-tilt style=\"border-right-color: var(--accent2);\">\n <p>\u064a\u0644\u062a\u0632\u0645 \u0627\u0644\u0645\u0639\u0647\u062f \u0628\u062a\u0642\u062f\u064a\u0645 \u062a\u0639\u0644\u064a\u0645 \u062a\u0642\u0646\u064a \u0648\u062a\u0637\u0628\u064a\u0642\u064a \u0639\u0627\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u064a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0625\u0639\u062f\u0627\u062f \u0648\u062a\u062e\u0631\u064a\u062c \u0643\u0648\u0627\u062f\u0631 \u0648\u0633\u0637\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u062a\u0645\u062a\u0644\u0643 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629\u060c \u0648\u0627\u0644\u0642\u0627\u062f\u0631\u0629 \u0639\u0644\u0649 \u062a\u0644\u0628\u064a\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0627\u0644\u0641\u0627\u0639\u0644\u0629 \u0641\u064a \u062f\u0639\u0645 \u0645\u0633\u064a\u0631\u0629 \u0627\u0644\u062a\u0646\u0645\u064a\u0629.<\/p>\n <hr>\n <p>\u064a\u0639\u0645\u0644 \u0627\u0644\u0645\u0639\u0647\u062f \u0639\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u0628\u0631\u0627\u0645\u062c\u0647 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629\u060c \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0645\u0646\u0627\u0647\u062c\u060c \u062f\u0645\u062c \u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0627\u0644\u0646\u0638\u0631\u064a\u0629 \u0628\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629\u060c \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a\u060c \u0648\u062a\u0631\u0633\u064a\u062e \u0642\u064a\u0645 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u0646\u0642\u062f\u064a.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\"><i class=\"fas fa-bullseye\" style=\"color:#e8748f; margin-left:8px;\"><\/i> \u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h2>\n <div class=\"goal-list\">\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-user-check\"><\/i>\n <div><strong>\u0625\u0639\u062f\u0627\u062f \u0643\u0648\u0627\u062f\u0631 \u062a\u0642\u0646\u064a\u0629 \u0645\u0624\u0647\u0644\u0629<\/strong><span>\u062a\u0623\u0647\u064a\u0644 \u062e\u0631\u064a\u062c\u064a\u0646 \u0628\u0645\u0647\u0627\u0631\u0627\u062a \u062a\u0637\u0628\u064a\u0642\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-star-of-life\"><\/i>\n <div><strong>\u062a\u0639\u0632\u064a\u0632 \u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u062a\u0642\u0646\u064a<\/strong><span>\u0627\u0639\u062a\u0645\u0627\u062f \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-book-open\"><\/i>\n <div><strong>\u062a\u062d\u062f\u064a\u062b \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0646\u0627\u0647\u062c<\/strong><span>\u0645\u0648\u0627\u0621\u0645\u062a\u0647\u0627 \u0645\u0639 \u0627\u0644\u062a\u0637\u0648\u0631\u0627\u062a \u0648\u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-flask\"><\/i>\n <div><strong>\u062f\u0639\u0645 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a<\/strong><span>\u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u0634\u0643\u0644\u0627\u062a \u0648\u0627\u0642\u0639\u064a\u0629 \u0648\u062a\u062d\u0641\u064a\u0632 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-laptop-code\"><\/i>\n <div><strong>\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629<\/strong><span>\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u062d\u062f\u064a\u062b\u0629 \u0648\u062a\u062f\u0631\u064a\u0628 \u0645\u064a\u062f\u0627\u0646\u064a \u0645\u0643\u062b\u0641.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-handshake\"><\/i>\n <div><strong>\u0628\u0646\u0627\u0621 \u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/strong><span>\u0645\u0639 \u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062f\u0648\u0644\u0629 \u0648\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-tree\"><\/i>\n <div><strong>\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0648\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0628\u064a\u0626\u0629<\/strong><span>\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0641\u0646\u064a\u0629 \u0644\u062f\u0639\u0645 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-users\"><\/i>\n <div><strong>\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629<\/strong><span>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0644\u0627\u0643\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0633\u062a\u0645\u0631.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-microchip\"><\/i>\n <div><strong>\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/strong><span>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0630\u0643\u064a\u0629.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-building\"><\/i>\n <div><strong>\u062a\u0631\u0633\u064a\u062e \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629<\/strong><span>\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u0645\u0647\u0646\u064a \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a\u0629.<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-note\">\n <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 | \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0631\u0643\u064a\u0632\u0629 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629\n <\/div>\n\n<\/div>\n\n<script>\n \/* \u2500\u2500 PARTICLES GENERATOR \u2500\u2500 *\/\n (function(){\n const colors = ['#8faac8','#a2b9d6','#bfcfdf'];\n for(let i = 0; i < 18; 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;`;\n document.body.appendChild(el);\n }\n })();\n\n \/* \u2500\u2500 3D TILT EFFECT \u2500\u2500 *\/\n document.querySelectorAll('[data-tilt]').forEach(card => {\n card.addEventListener('mousemove', 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 card.addEventListener('mouseleave', () => {\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 });\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 – \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \/ \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0634\u0645\u0627\u0644 \u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649 | \u062a\u0623\u0633\u0633 \u0639\u0627\u0645 1989 25 \u0642\u0633\u0645\u0627\u064b \u0639\u0644\u0645\u064a\u0627\u064b 14 \u0635\u0628\u0627\u062d\u064a 11 \u0645\u0633\u0627\u0626\u064a \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0635\u0628\u0627\u062d\u064a\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0645\u0631\u064a\u0636 \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u063a\u0633\u064a\u0644 \u0627\u0644\u0643\u0644\u0649 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u062a\u0642\u0646\u064a\u0627\u062a \u062a\u0643\u0631\u064a\u0631 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0642\u0646\u064a\u0627\u062a … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=21953\">Continued<\/a><\/p>\n","protected":false},"author":99900,"featured_media":22720,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21953","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/21953","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=21953"}],"version-history":[{"count":4,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/21953\/revisions"}],"predecessor-version":[{"id":22439,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/21953\/revisions\/22439"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/media\/22720"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":21953,"date":"2026-04-23T08:43:21","date_gmt":"2026-04-23T05:43:21","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=21953"},"modified":"2026-05-04T10:01:22","modified_gmt":"2026-05-04T07:01:22","slug":"21953-2","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=21953","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 – \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\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 \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\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\n\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\n \/* \u2500\u2500 BACKGROUND ANIMATIONS \u2500\u2500 *\/\n .bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n .bg-grid {\n position: absolute; inset: 0;\n background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px);\n background-size: 56px 56px; animation: gridScroll 22s linear infinite;\n }\n @keyframes gridScroll { from { transform: perspective(700px) rotateX(28deg) translateY(0); } to { transform: perspective(700px) rotateX(28deg) translateY(56px); } }\n \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;animation-delay:0s; }\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 \/* \u2500\u2500 3-D LOGO WATERMARKS \u2500\u2500 *\/\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\n .logo-3d-wrapper {\n width:360px; height:360px;\n animation: spin3D 25s linear infinite;\n transform-style: preserve-3d; perspective: 800px;\n }\n .logo-3d-wrapper.logo-small { width:130px; height:130px; }\n .logo-3d-wrapper.logo-slow { animation-duration:35s; animation-direction:reverse; }\n\n @keyframes spin3D {\n 0% { transform: rotateY(0deg) rotateX(8deg); }\n 25% { transform: rotateY(90deg) rotateX(14deg) rotateZ(3deg); }\n 50% { transform: rotateY(180deg) rotateX(8deg); }\n 75% { transform: rotateY(270deg) rotateX(14deg) rotateZ(-3deg); }\n 100% { transform: rotateY(360deg) rotateX(8deg); }\n }\n .logo-3d-img {\n width:100%; height:100%; object-fit:contain;\n opacity:.06; mix-blend-mode:screen; filter: saturate(.8) brightness(.85);\n border-radius: 50%; animation: logoPulse 4.5s ease-in-out infinite alternate;\n }\n @keyframes logoPulse { from{opacity:.04} to{opacity:.12} }\n\n \/* \u2500\u2500 FLOATING PARTICLES \u2500\u2500 *\/\n .particle {\n position: fixed; border-radius:50%; pointer-events:none; z-index:0;\n animation: floatP linear infinite; opacity:0;\n }\n @keyframes floatP {\n 0% { transform:translateY(100vh) rotate(0deg); opacity:0; }\n 10% { opacity:.55; }\n 90% { opacity:.55; }\n 100% { transform:translateY(-120px) rotate(360deg); opacity:0; }\n }\n\n \/* \u2500\u2500 LAYOUT & PAGE WRAP \u2500\u2500 *\/\n .page-wrap {\n position: relative; z-index:2;\n padding: 2.5rem 1.5rem 4rem;\n max-width: 1350px;\n margin: 0 auto;\n }\n\n \/* \u2500\u2500 CONTROL BAR (Replaces Old Header) \u2500\u2500 *\/\n .control-bar {\n display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem;\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n padding: 1.2rem 1.5rem; margin-bottom: 2.5rem; box-shadow: 0 4px 24px rgba(0,0,0,.08); backdrop-filter: blur(8px);\n }\n .bar-left { display: flex; align-items: center; gap: 1rem; }\n .bar-icon {\n width: 50px; height: 50px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0);\n border-radius: 14px; display: flex; align-items: center; justify-content: center;\n color: #fff; font-size: 1.3rem; box-shadow: 0 4px 12px rgba(26,77,140,.3); flex-shrink: 0;\n }\n .bar-title { font-size: 1.2rem; 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 \n .badge-count {\n background: var(--pill-bg); border: 1px solid var(--pill-bdr);\n padding: 0.4rem 1.2rem; border-radius: 60px; font-size: 0.85rem;\n font-weight: 700; color: var(--accent); display: flex; align-items: center; gap: 6px;\n }\n .badge-orange { background: rgba(255, 179, 71, 0.15); border-color: rgba(255, 179, 71, 0.4); color: #b45f06; }\n\n \/* \u2500\u2500 SECTION TITLES \u2500\u2500 *\/\n .section-title {\n font-size: 1.6rem; font-weight: 800; color: #0a2b44;\n margin: 2.5rem 0 1.5rem; position: relative; display: inline-block; padding-right: 15px;\n }\n .section-title:after {\n content: \"\"; position: absolute; right: 0; bottom: -8px;\n width: 60px; height: 4px; background: var(--orange); border-radius: 4px;\n }\n\n \/* \u2500\u2500 INTERACTIVE CARDS \u2500\u2500 *\/\n .cards-grid {\n display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.8rem;\n }\n \n .data-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,.06);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n position: relative;\n }\n \n .card-header {\n background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98));\n padding: 1.2rem 1.4rem; border-bottom: 1.5px solid rgba(26,77,140,.10);\n display: flex; align-items: center; gap: 12px;\n }\n .card-header i { font-size: 1.8rem; color: var(--accent2); }\n .card-header h3 { font-size: 1.3rem; font-weight: 700; color: #1f4e79; }\n\n .card-body { padding: 1.5rem; }\n \n \/* \u2500\u2500 LISTS \u2500\u2500 *\/\n .dept-list { list-style: none; }\n .dept-list li {\n padding: 0.6rem 0; border-bottom: 1px dashed rgba(26,77,140,.15);\n display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 0.95rem; color: var(--text);\n transition: color 0.2s;\n }\n .dept-list li:last-child { border-bottom: none; }\n .dept-list li:hover { color: var(--accent2); }\n .dept-list li i { color: var(--orange); font-size: 0.9rem; width: 20px; text-align: center; }\n\n \/* \u2500\u2500 HIGHLIGHT STATS BLOCK \u2500\u2500 *\/\n .stats-wrapper { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }\n .number-block {\n background: linear-gradient(135deg, #ffffff, #f4f8fc);\n border-radius: 20px; padding: 1rem; text-align: center; flex: 1; min-width: 100px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.04); border: 1px solid var(--border);\n }\n .number-block .num { font-size: 2.2rem; font-weight: 800; color: var(--accent); line-height: 1; }\n .number-block .label { font-size: 0.85rem; font-weight: 700; color: var(--muted); margin-top: 5px; }\n\n \/* \u2500\u2500 MISSION & VISION \u2500\u2500 *\/\n .mission-vision {\n background: linear-gradient(110deg, rgba(255,255,255,0.9) 0%, rgba(248,250,252,0.9) 100%);\n border-radius: var(--radius); padding: 2rem; border-right: 6px solid var(--orange);\n box-shadow: 0 8px 32px rgba(0,0,0,.05); font-size: 1.05rem; font-weight: 500;\n }\n .mission-vision hr { border: 0; height: 1px; background: linear-gradient(to right, transparent, rgba(30,80,140,0.2), transparent); margin: 20px 0; }\n\n \/* \u2500\u2500 STRATEGIC GOALS \u2500\u2500 *\/\n .goal-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.2rem; }\n .goal-item {\n background: var(--surface); padding: 1.2rem; border-radius: 20px;\n display: flex; align-items: flex-start; gap: 12px;\n border: 1px solid var(--border); box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n }\n .goal-item i { font-size: 1.5rem; color: var(--orange); margin-top: 2px; }\n .goal-item strong { color: var(--accent); display: block; margin-bottom: 4px; font-size: 1.05rem; }\n .goal-item span { font-size: 0.9rem; color: #5a738e; }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n .footer-note {\n margin-top: 3.5rem; text-align: center; background: var(--surface); border: 1px solid var(--border);\n border-radius: 60px; padding: 1rem 2rem; width: fit-content; margin-left: auto; margin-right: auto;\n font-size: 0.9rem; font-weight: 600; color: var(--muted); box-shadow: 0 4px 16px rgba(0,0,0,.05);\n }\n .footer-note i { color: var(--accent2); margin-left: 6px; }\n\n @media (max-width: 768px) {\n .page-wrap { padding: 1.5rem 1rem; }\n .control-bar { padding: 1rem; flex-direction: column; align-items: flex-start; }\n .bar-right { width: 100%; justify-content: flex-start; }\n .section-title { font-size: 1.35rem; }\n }\n <\/style>\n<\/head>\n<body>\n\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\n <div class=\"logo-watermark logo-center\">\n <div class=\"logo-3d-wrapper\">\n <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=\"\">\n <\/div>\n <\/div>\n <div class=\"logo-watermark logo-top-left\">\n <div class=\"logo-3d-wrapper logo-small\">\n <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=\"\">\n <\/div>\n <\/div>\n <div class=\"logo-watermark logo-bottom-right\">\n <div class=\"logo-3d-wrapper logo-small logo-slow\">\n <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=\"\">\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"page-wrap\">\n\n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-university\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">\u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \/ \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/div>\n <div class=\"bar-subtitle\">\n <i class=\"fas fa-map-marker-alt\" style=\"color:var(--orange);\"><\/i> \u0634\u0645\u0627\u0644 \u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649 | \u062a\u0623\u0633\u0633 \u0639\u0627\u0645 1989\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bar-right\">\n <div class=\"badge-count\"><i class=\"fas fa-layer-group\"><\/i> 25 \u0642\u0633\u0645\u0627\u064b \u0639\u0644\u0645\u064a\u0627\u064b<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-sun\"><\/i> 14 \u0635\u0628\u0627\u062d\u064a<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-moon\"><\/i> 11 \u0645\u0633\u0627\u0626\u064a<\/div>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\"><i class=\"fas fa-sun\" style=\"color:var(--orange); margin-left:8px;\"><\/i> \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0635\u0628\u0627\u062d\u064a\u0629<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-stethoscope\"><\/i>\n <h3>\u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-heartbeat\"><\/i> \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0645\u0631\u064a\u0636<\/li>\n <li><i class=\"fas fa-microscope\"><\/i> \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629<\/li>\n <li><i class=\"fas fa-user-md\"><\/i> \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/li>\n <li><i class=\"fas fa-procedures\"><\/i> \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u063a\u0633\u064a\u0644 \u0627\u0644\u0643\u0644\u0649<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-microchip\"><\/i>\n <h3>\u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-oil-can\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u062a\u0643\u0631\u064a\u0631 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632<\/li>\n <li><i class=\"fas fa-hard-hat\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u0641\u0631 \u0648\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632<\/li>\n <li><i class=\"fas fa-draw-polygon\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u062d\u0629<\/li>\n <li><i class=\"fas fa-building\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a<\/li>\n <li><i class=\"fas fa-wifi\"><\/i> \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a<\/li>\n <li><i class=\"fas fa-shield-alt\"><\/i> \u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a<\/li>\n <li><i class=\"fas fa-bolt\"><\/i> \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/li>\n <li><i class=\"fas fa-cogs\"><\/i> \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-chart-line\"><\/i>\n <h3>\u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-calculator\"><\/i> \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629<\/li>\n <li><i class=\"fas fa-gavel\"><\/i> \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\"><i class=\"fas fa-moon\" style=\"color:var(--accent2); margin-left:8px;\"><\/i> \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0645\u0633\u0627\u0626\u064a\u0629<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-heartbeat\" style=\"color:#e8748f;\"><\/i>\n <h3>\u0637\u0628\u064a\u0629 \u0645\u0633\u0627\u0626\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0645\u0631\u064a\u0636<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u063a\u0633\u064a\u0644 \u0627\u0644\u0643\u0644\u0649<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-industry\"><\/i>\n <h3>\u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u0633\u0627\u0626\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u062a\u0643\u0631\u064a\u0631 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u0641\u0631 \u0648\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u062d\u0629<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u0627\u062a\u0635\u0627\u0644\u0627\u062a<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-briefcase\"><\/i>\n <h3>\u0625\u062f\u0627\u0631\u064a\u0629 \u0645\u0633\u0627\u0626\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"dept-list\">\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\"><i class=\"fas fa-city\" style=\"color:var(--orange); margin-left:8px;\"><\/i> \u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a \u0648\u0627\u0644\u0628\u0634\u0631\u064a<\/h2>\n <div class=\"data-card\" data-tilt style=\"margin-bottom: 2rem;\">\n <div class=\"card-body\">\n <p style=\"font-size: 1.05rem; margin-bottom: 1rem;\">\n \u0634\u0647\u062f \u0627\u0644\u0645\u0639\u0647\u062f \u062a\u0648\u0633\u0639\u0627\u064b \u0645\u0644\u062d\u0648\u0638\u0627\u064b \u0628\u0639\u062f \u0639\u0627\u0645 2003\u060c \u062d\u064a\u062b \u0628\u062f\u0623 \u0628\u0640 <strong>\u0628\u0646\u0627\u064a\u062a\u064a\u0646 \u0641\u0642\u0637<\/strong> \u0644\u064a\u0635\u0644 \u0627\u0644\u064a\u0648\u0645 \u0625\u0644\u0649 <strong style=\"color:var(--accent); background:rgba(26,77,140,.1); padding:2px 8px; border-radius:8px;\">(15) \u0628\u0646\u0627\u064a\u0629<\/strong> \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0628\u0646\u064a\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\u060c \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0644\u0645\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u062a\u062e\u0635\u0635\u064a\u0629\u060c \u0645\u0639 \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0625\u0639\u0645\u0627\u0631.\n <\/p>\n <div class=\"stats-wrapper\">\n <div class=\"number-block\"><div class=\"num\">87<\/div><div class=\"label\">\u062a\u062f\u0631\u064a\u0633\u064a\u0651\u0627\u064b<\/div><\/div>\n <div class=\"number-block\"><div class=\"num\">154<\/div><div class=\"label\">\u0641\u0646\u064a\u0627\u064b<\/div><\/div>\n <div class=\"number-block\"><div class=\"num\">75<\/div><div class=\"label\">\u0645\u0648\u0638\u0641\u0627\u064b \u0625\u062f\u0627\u0631\u064a\u0627\u064b<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\"><i class=\"fas fa-hand-holding-heart\" style=\"color:#e8748f; margin-left:8px;\"><\/i> \u062f\u0648\u0631 \u0627\u0644\u0645\u0639\u0647\u062f \u0641\u064a \u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-body\" style=\"text-align: center; padding: 2rem 1.5rem;\">\n <i class=\"fas fa-user-graduate\" style=\"font-size: 3rem; color: var(--accent2); margin-bottom: 1rem;\"><\/i>\n <h3 style=\"color: var(--accent); margin-bottom: 10px;\">\u0631\u0641\u062f \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644<\/h3>\n <p style=\"color: var(--muted); font-weight: 500;\">\u062a\u062e\u0631\u064a\u062c \u0643\u0648\u0627\u062f\u0631 \u062a\u0642\u0646\u064a\u0629 \u0648\u0633\u0637\u064a\u0629 \u0645\u0624\u0647\u0644\u0629 \u062a\u0645\u062a\u0644\u0643 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0627\u0631\u0641 \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u0645\u0648\u0627\u0643\u0628\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629.<\/p>\n <\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-body\" style=\"text-align: center; padding: 2rem 1.5rem;\">\n <i class=\"fas fa-chalkboard-user\" style=\"font-size: 3rem; color: var(--accent2); margin-bottom: 1rem;\"><\/i>\n <h3 style=\"color: var(--accent); margin-bottom: 10px;\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a\u0629<\/h3>\n <p style=\"color: var(--muted); font-weight: 500;\">\u0625\u0642\u0627\u0645\u0629 \u062f\u0648\u0631\u0627\u062a \u062a\u062f\u0631\u064a\u0628\u064a\u0629\u060c \u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0641\u0646\u064a\u0629\u060c \u0641\u062d\u0648\u0635\u0627\u062a \u0625\u0646\u0634\u0627\u0626\u064a\u0629\u060c \u0648\u0627\u0644\u0625\u0633\u0647\u0627\u0645 \u0627\u0644\u0641\u0627\u0639\u0644 \u0641\u064a \u062f\u0639\u0645 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"cards-grid\" style=\"grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));\">\n <div>\n <h2 class=\"section-title\"><i class=\"fas fa-eye\" style=\"margin-left:8px;\"><\/i> \u0627\u0644\u0631\u0624\u064a\u0627<\/h2>\n <div class=\"mission-vision\" data-tilt>\n <p>\u064a\u0633\u0639\u0649 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a\/\u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0625\u0644\u0649 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0645\u0624\u0633\u0633\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u062a\u0642\u0646\u064a\u0629 <strong>\u0631\u0627\u0626\u062f\u0629 \u0648\u0645\u062a\u0645\u064a\u0632\u0629<\/strong> \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u0644\u064a \u0648\u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a \u0648\u0627\u0644\u0639\u0631\u0628\u064a\u060c \u0645\u0639 \u0627\u0644\u062a\u0648\u062c\u0647 \u0646\u062d\u0648 \u062a\u062d\u0642\u064a\u0642 \u062d\u0636\u0648\u0631 \u062f\u0648\u0644\u064a \u0641\u0627\u0639\u0644\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0631\u0633\u064a\u062e \u0646\u0645\u0648\u0630\u062c \u0645\u062a\u0642\u062f\u0645 \u0641\u064a \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u064a\u060c \u0642\u0627\u0626\u0645 \u0639\u0644\u0649 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0646\u0645\u064a\u0629.<\/p>\n <hr>\n <p>\u064a\u0637\u0645\u062d \u0627\u0644\u0645\u0639\u0647\u062f \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0628\u064a\u0626\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0628\u062d\u062b\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u064f\u0633\u0647\u0645 \u0641\u064a \u0625\u0639\u062f\u0627\u062f \u0643\u0648\u0627\u062f\u0631 \u0645\u0624\u0647\u0644\u0629\u060c \u0648\u0645\u0648\u0627\u0643\u0628\u0629 \u0627\u0644\u062a\u062d\u0648\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0648\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0627\u0644\u0631\u0642\u0645\u064a\u060c \u0648\u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629.<\/p>\n <\/div>\n <\/div>\n <div>\n <h2 class=\"section-title\"><i class=\"fas fa-scroll\" style=\"margin-left:8px;\"><\/i> \u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/h2>\n <div class=\"mission-vision\" data-tilt style=\"border-right-color: var(--accent2);\">\n <p>\u064a\u0644\u062a\u0632\u0645 \u0627\u0644\u0645\u0639\u0647\u062f \u0628\u062a\u0642\u062f\u064a\u0645 \u062a\u0639\u0644\u064a\u0645 \u062a\u0642\u0646\u064a \u0648\u062a\u0637\u0628\u064a\u0642\u064a \u0639\u0627\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u064a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0625\u0639\u062f\u0627\u062f \u0648\u062a\u062e\u0631\u064a\u062c \u0643\u0648\u0627\u062f\u0631 \u0648\u0633\u0637\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u062a\u0645\u062a\u0644\u0643 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629\u060c \u0648\u0627\u0644\u0642\u0627\u062f\u0631\u0629 \u0639\u0644\u0649 \u062a\u0644\u0628\u064a\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0627\u0644\u0641\u0627\u0639\u0644\u0629 \u0641\u064a \u062f\u0639\u0645 \u0645\u0633\u064a\u0631\u0629 \u0627\u0644\u062a\u0646\u0645\u064a\u0629.<\/p>\n <hr>\n <p>\u064a\u0639\u0645\u0644 \u0627\u0644\u0645\u0639\u0647\u062f \u0639\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u0628\u0631\u0627\u0645\u062c\u0647 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629\u060c \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0645\u0646\u0627\u0647\u062c\u060c \u062f\u0645\u062c \u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0627\u0644\u0646\u0638\u0631\u064a\u0629 \u0628\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629\u060c \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a\u060c \u0648\u062a\u0631\u0633\u064a\u062e \u0642\u064a\u0645 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u0646\u0642\u062f\u064a.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\"><i class=\"fas fa-bullseye\" style=\"color:#e8748f; margin-left:8px;\"><\/i> \u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h2>\n <div class=\"goal-list\">\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-user-check\"><\/i>\n <div><strong>\u0625\u0639\u062f\u0627\u062f \u0643\u0648\u0627\u062f\u0631 \u062a\u0642\u0646\u064a\u0629 \u0645\u0624\u0647\u0644\u0629<\/strong><span>\u062a\u0623\u0647\u064a\u0644 \u062e\u0631\u064a\u062c\u064a\u0646 \u0628\u0645\u0647\u0627\u0631\u0627\u062a \u062a\u0637\u0628\u064a\u0642\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-star-of-life\"><\/i>\n <div><strong>\u062a\u0639\u0632\u064a\u0632 \u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u062a\u0642\u0646\u064a<\/strong><span>\u0627\u0639\u062a\u0645\u0627\u062f \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-book-open\"><\/i>\n <div><strong>\u062a\u062d\u062f\u064a\u062b \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0646\u0627\u0647\u062c<\/strong><span>\u0645\u0648\u0627\u0621\u0645\u062a\u0647\u0627 \u0645\u0639 \u0627\u0644\u062a\u0637\u0648\u0631\u0627\u062a \u0648\u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-flask\"><\/i>\n <div><strong>\u062f\u0639\u0645 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a<\/strong><span>\u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u0634\u0643\u0644\u0627\u062a \u0648\u0627\u0642\u0639\u064a\u0629 \u0648\u062a\u062d\u0641\u064a\u0632 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-laptop-code\"><\/i>\n <div><strong>\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0629<\/strong><span>\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u062d\u062f\u064a\u062b\u0629 \u0648\u062a\u062f\u0631\u064a\u0628 \u0645\u064a\u062f\u0627\u0646\u064a \u0645\u0643\u062b\u0641.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-handshake\"><\/i>\n <div><strong>\u0628\u0646\u0627\u0621 \u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/strong><span>\u0645\u0639 \u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062f\u0648\u0644\u0629 \u0648\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-tree\"><\/i>\n <div><strong>\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0648\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0628\u064a\u0626\u0629<\/strong><span>\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0641\u0646\u064a\u0629 \u0644\u062f\u0639\u0645 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-users\"><\/i>\n <div><strong>\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629<\/strong><span>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0644\u0627\u0643\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0633\u062a\u0645\u0631.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-microchip\"><\/i>\n <div><strong>\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/strong><span>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0630\u0643\u064a\u0629.<\/span><\/div>\n <\/div>\n <div class=\"goal-item\" data-tilt>\n <i class=\"fas fa-building\"><\/i>\n <div><strong>\u062a\u0631\u0633\u064a\u062e \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629<\/strong><span>\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u0645\u0647\u0646\u064a \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a\u0629.<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-note\">\n <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 | \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0631\u0643\u064a\u0632\u0629 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629\n <\/div>\n\n<\/div>\n\n<script>\n \/* \u2500\u2500 PARTICLES GENERATOR \u2500\u2500 *\/\n (function(){\n const colors = ['#8faac8','#a2b9d6','#bfcfdf'];\n for(let i = 0; i < 18; 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;`;\n document.body.appendChild(el);\n }\n })();\n\n \/* \u2500\u2500 3D TILT EFFECT \u2500\u2500 *\/\n document.querySelectorAll('[data-tilt]').forEach(card => {\n card.addEventListener('mousemove', 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 card.addEventListener('mouseleave', () => {\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 });\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 – \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \/ \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0634\u0645\u0627\u0644 \u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649 | \u062a\u0623\u0633\u0633 \u0639\u0627\u0645 1989 25 \u0642\u0633\u0645\u0627\u064b \u0639\u0644\u0645\u064a\u0627\u064b 14 \u0635\u0628\u0627\u062d\u064a 11 \u0645\u0633\u0627\u0626\u064a \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0635\u0628\u0627\u062d\u064a\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0645\u0631\u064a\u0636 \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0635\u062d\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0642\u0633\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u063a\u0633\u064a\u0644 \u0627\u0644\u0643\u0644\u0649 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u062a\u0642\u0646\u064a\u0627\u062a \u062a\u0643\u0631\u064a\u0631 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u062a\u0642\u0646\u064a\u0627\u062a … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=21953\">Continued<\/a><\/p>\n","protected":false},"author":99900,"featured_media":22720,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21953","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/21953","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=21953"}],"version-history":[{"count":4,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/21953\/revisions"}],"predecessor-version":[{"id":22439,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/21953\/revisions\/22439"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/media\/22720"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}