{"id":22568,"date":"2026-04-29T11:08:29","date_gmt":"2026-04-29T08:08:29","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=22568"},"modified":"2026-04-29T11:18:53","modified_gmt":"2026-04-29T08:18:53","slug":"%d9%88%d8%ad%d8%af%d8%a9-%d8%a7%d9%84%d8%aa%d8%b9%d9%84%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d9%85%d8%b1-2","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=22568","title":{"rendered":"\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n    <title>\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 &#8211; \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&#038;family=Cairo:wght@400;600;700;800&#038;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            --green-teal: #2c9b77;\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        \/* \u2500\u2500 BACKGROUND ANIMATIONS (original interactive 3d atmosphere) \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;\n            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        .bg-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(90px);\n            animation: orbFloat 9s ease-in-out infinite alternate;\n        }\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        \/* 3D rotating 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        \/* floating 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: 1350px; margin: 0 auto; }\n\n        \/* control bar *\/\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 { 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            font-size: 1.7rem; font-weight: 800; color: #0a2b44; margin: 2.5rem 0 1.5rem; position: relative; display: inline-block; padding-right: 15px;\n        }\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 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.8rem; }\n        .data-card {\n            background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden;\n            box-shadow: 0 8px 32px rgba(0,0,0,.06); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative;\n        }\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.3rem; font-weight: 700; color: #1f4e79; }\n        .card-body { padding: 1.5rem; }\n\n        .dept-list { list-style: none; }\n        .dept-list li { padding: 0.6rem 0; border-bottom: 1px dashed rgba(26,77,140,.15); display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 0.95rem; color: var(--text); transition: color 0.2s; }\n        .dept-list li:last-child { border-bottom: none; }\n        .dept-list li i { color: var(--orange); width: 24px; }\n\n        .goal-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1.2rem; }\n        .goal-item {\n            background: var(--surface); padding: 1.2rem; border-radius: 20px; 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); transition: all 0.2s;\n        }\n        .goal-item i { font-size: 1.6rem; color: var(--orange); margin-top: 2px; }\n        .goal-item strong { color: var(--accent); display: block; margin-bottom: 4px; font-size: 1.05rem; }\n\n        .mission-vision { background: linear-gradient(110deg, rgba(255,255,255,0.95), rgba(248,250,252,0.95)); border-radius: var(--radius); padding: 1.8rem; border-right: 6px solid var(--orange); box-shadow: 0 8px 32px rgba(0,0,0,.05); font-weight: 500; height: 100%; }\n        .profile-img { width: 120px; height: 120px; object-fit: cover; border-radius: 50%; border: 3px solid var(--orange); box-shadow: 0 12px 24px -8px rgba(0,0,0,0.2); transition: transform 0.3s; }\n        .btn-link {\n            display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #f0f5fc, #e6edf6); padding: 0.7rem 1.3rem;\n            border-radius: 40px; border: 1px solid #cbddee; font-weight: 700; color: var(--accent); transition: all 0.2s; text-decoration: none;\n            font-size: 0.9rem;\n        }\n        .btn-link i { color: var(--accent2); }\n        .btn-link:hover { background: var(--accent2); color: white; border-color: var(--accent2); transform: translateY(-2px); }\n        .btn-link:hover i { color: white; }\n        .links-wrapper { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }\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\n        @media (max-width: 768px) {\n            .page-wrap { padding: 1.5rem 1rem; }\n            .control-bar { flex-direction: column; align-items: flex-start; }\n            .bar-right { width: 100%; justify-content: flex-start; }\n            .profile-img { width: 90px; height: 90px; }\n        }\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\">\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=\"logo\">\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=\"logo\">\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=\"logo\">\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"page-wrap\">\n    <!-- Control bar with unit identity -->\n    <div class=\"control-bar\">\n        <div class=\"bar-left\">\n            <div class=\"bar-icon\"><i class=\"fas fa-chalkboard-user\"><\/i><\/div>\n            <div>\n                <div class=\"bar-title\">\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631<\/div>\n                <div class=\"bar-subtitle\"><i class=\"fas fa-building\" style=\"color:var(--orange);\"><\/i> \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \/ \u0627\u0644\u0633\u0645\u0627\u0648\u0629 &#8211; \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"bar-right\">\n            <div class=\"badge-count\"><i class=\"fas fa-users\"><\/i> 3 \u0623\u0639\u0636\u0627\u0621<\/div>\n            <div class=\"badge-count badge-orange\"><i class=\"fas fa-envelope\"><\/i> sti.cec.isa@atu.edu.iq<\/div>\n            <div class=\"badge-count\"><i class=\"fas fa-calendar-alt\"><\/i> \u0628\u0631\u0627\u0645\u062c \u0645\u0633\u062a\u0645\u0631\u0629<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Card: \u0645\u0633\u0624\u0648\u0644 \u0627\u0644\u0648\u062d\u062f\u0629 + \u0645\u0639\u0644\u0648\u0645\u0627\u062a -->\n    <div class=\"data-card\" data-tilt>\n        <div class=\"card-header\">\n            <i class=\"fas fa-user-tie\"><\/i>\n            <h3>\u0645\u0633\u0624\u0648\u0644 \u0627\u0644\u0648\u062d\u062f\u0629 &#038; \u0643\u0648\u0627\u062f\u0631\u0647\u0627<\/h3>\n        <\/div>\n        <div class=\"card-body\" style=\"display: flex; flex-wrap: wrap; gap: 2rem; align-items: center; justify-content: space-between;\">\n            <div style=\"display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;\">\n                <div style=\"text-align: center;\">\n                    <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-20-113902.png\" \n                         alt=\"\u0645\u0633\u0624\u0648\u0644 \u0627\u0644\u0648\u062d\u062f\u0629\" class=\"profile-img\" onerror=\"this.src='https:\/\/via.placeholder.com\/120?text=Barqa'\">\n                <\/div>\n                <div>\n                    <p style=\"font-size:1.1rem; margin-bottom:10px;\"><i class=\"fas fa-id-card\" style=\"color:var(--accent2); width:28px;\"><\/i> <strong>\u0627\u0644\u0627\u0633\u0645:<\/strong> \u0628\u0627\u0631\u0642\u0629 \u0627\u0628\u0648 \u0627\u0644\u0634\u0648\u0646 \u0639\u0628\u062f<\/p>\n                    <p style=\"margin-bottom:8px;\"><i class=\"fas fa-graduation-cap\" style=\"color:var(--orange); width:28px;\"><\/i> <strong>\u0627\u0644\u0634\u0647\u0627\u062f\u0629:<\/strong> \u0641\u0646\u064a (\u062a\u0642\u0646\u064a)<\/p>\n                    <p style=\"margin-bottom:8px;\"><i class=\"fas fa-badge\" style=\"color:var(--accent2); width:28px;\"><\/i> <strong>\u0627\u0644\u0645\u0646\u0635\u0628:<\/strong> \u0645\u0633\u0624\u0648\u0644\u0629 \u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631<\/p>\n                    <p><i class=\"fas fa-users-between\" style=\"color:var(--green-teal); width:28px;\"><\/i> <strong>\u0639\u062f\u062f \u0645\u0646\u062a\u0633\u0628\u064a \u0627\u0644\u0648\u062d\u062f\u0629:<\/strong> 3 (\u0643\u0648\u0627\u062f\u0631 \u0645\u062a\u062e\u0635\u0635\u0629)<\/p>\n                <\/div>\n            <\/div>\n            <div style=\"min-width: 180px; background:#f8fafd; padding: 1rem; border-radius: 28px; text-align: center;\">\n                <i class=\"fas fa-envelope-open-text\" style=\"font-size: 2rem; color:var(--accent);\"><\/i>\n                <p style=\"font-size:0.85rem; margin-top: 6px;\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0631\u0633\u0645\u064a<\/p>\n                <a href=\"mailto:sti.cec.isa@atu.edu.iq\" style=\"color:var(--accent2); font-weight: 700; text-decoration: none;\">sti.cec.isa@atu.edu.iq<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629 side-by-side -->\n    <div class=\"cards-grid\" style=\"margin-top: 1rem;\">\n        <div data-tilt>\n            <div class=\"mission-vision\">\n                <i class=\"fas fa-eye\" style=\"font-size: 2rem; color: var(--orange); margin-bottom: 0.6rem; display: inline-block;\"><\/i>\n                <h3 style=\"font-size: 1.5rem; margin-bottom: 1rem;\">\u0627\u0644\u0631\u0624\u064a\u0629 \ud83c\udfaf<\/h3>\n                <p style=\"line-height: 1.7;\">\u062a\u0637\u0645\u062d \u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0623\u0646 \u062a\u0643\u0648\u0646 <strong>\u0623\u0641\u0636\u0644 \u0627\u0644\u0648\u062d\u062f\u0627\u062a<\/strong> \u0641\u064a \u0627\u0644\u0645\u0639\u0647\u062f \u0648\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u062a\u0634\u0643\u064a\u0644\u0627\u062a \u0627\u0644\u062c\u0627\u0645\u0639\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629. \u0625\u0639\u062f\u0627\u062f \u0643\u0648\u0627\u062f\u0631 \u0628\u0634\u0631\u064a\u0629 \u0645\u062f\u0631\u0628\u0629 \u0648\u0645\u0624\u0647\u0644\u0629 \u0644\u0645\u0648\u0627\u0643\u0628\u0629 \u0627\u0644\u062a\u0637\u0648\u0631\u0627\u062a \u0641\u064a \u0643\u0627\u0641\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a\u060c \u0639\u0628\u0631 \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628 \u0641\u0627\u0639\u0644\u0629 \u0648\u0645\u0628\u062a\u0643\u0631\u0629.<\/p>\n            <\/div>\n        <\/div>\n        <div data-tilt>\n            <div class=\"mission-vision\" style=\"border-right-color: var(--accent2);\">\n                <i class=\"fas fa-scroll\" style=\"font-size: 2rem; color: var(--accent2); margin-bottom: 0.6rem; display: inline-block;\"><\/i>\n                <h3 style=\"font-size: 1.5rem; margin-bottom: 1rem;\">\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \ud83d\udcd6<\/h3>\n                <p>\u062a\u0642\u062f\u064a\u0645 \u0628\u0631\u0627\u0645\u062c \u0645\u062a\u0637\u0648\u0631\u0629 \u0648\u062d\u062f\u064a\u062b\u0629 \u0644\u0645\u0646\u062a\u0633\u0628\u064a \u0627\u0644\u0645\u0639\u0647\u062f \u0648\u0627\u0644\u062c\u0627\u0645\u0639\u0629 \u0648\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062f\u0648\u0644\u0629 \u0648\u0645\u0646\u0638\u0645\u0627\u062a \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0645\u062f\u0646\u064a\u060c \u0644\u0625\u0639\u062f\u0627\u062f \u0623\u0641\u0631\u0627\u062f \u0642\u0627\u062f\u0631\u064a\u0646 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0644\u0644\u0645\u062c\u062a\u0645\u0639 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0632\u0648\u064a\u062f\u0647\u0645 \u0628\u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u060c \u0648\u0631\u0628\u0637 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0628\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0648\u062d\u062f\u0629 (\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629) \u0628\u0640 format goal-list -->\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 \u0644\u0644\u0648\u062d\u062f\u0629<\/h2>\n    <div class=\"goal-list\">\n        <div class=\"goal-item\" data-tilt><i class=\"fas fa-chalkboard-user\"><\/i><div><strong>\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0644\u0627\u0643\u0627\u062a<\/strong><span>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0644\u0627\u0643\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0633\u064a\u0629 \u0648\u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062e\u062f\u0645\u0629 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a.<\/span><\/div><\/div>\n        <div class=\"goal-item\" data-tilt><i class=\"fas fa-handshake\"><\/i><div><strong>\u062a\u0639\u0645\u064a\u0642 \u0627\u0644\u0635\u0644\u0629 \u0645\u0639 \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/strong><span>\u0625\u0642\u0627\u0645\u0629 \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062f\u0648\u0644\u0629 \u0648\u0645\u0646\u0638\u0645\u0627\u062a \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0645\u062f\u0646\u064a \u0644\u062e\u062f\u0645\u0629 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649.<\/span><\/div><\/div>\n        <div class=\"goal-item\" data-tilt><i class=\"fas fa-globe\"><\/i><div><strong>\u0627\u0644\u0627\u0646\u0641\u062a\u0627\u062d \u0648\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u062e\u0628\u0631\u0627\u062a<\/strong><span>\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a \u0648\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062f\u0648\u0644\u0629 \u0644\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u062e\u0628\u0631\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629.<\/span><\/div><\/div>\n        <div class=\"goal-item\" data-tilt><i class=\"fas fa-search\"><\/i><div><strong>\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629<\/strong><span>\u062a\u062d\u0644\u064a\u0644 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0645\u0646\u062a\u0633\u0628\u064a \u0627\u0644\u062c\u0627\u0645\u0639\u0629 \u0648\u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0646\u0641\u064a\u0630 \u0628\u0631\u0627\u0645\u062c \u0646\u0648\u0639\u064a\u0629 \u062a\u0644\u0628\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0639\u0635\u0631.<\/span><\/div><\/div>\n        <div class=\"goal-item\" data-tilt><i class=\"fas fa-chart-line\"><\/i><div><strong>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0624\u0633\u0633\u064a<\/strong><span>\u0627\u0644\u0627\u0637\u0644\u0627\u0639 \u0639\u0644\u0649 \u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0641\u064a \u0627\u0644\u0642\u0637\u0627\u0639\u064a\u0646 \u0627\u0644\u0639\u0627\u0645 \u0648\u0627\u0644\u062e\u0627\u0635 \u0648\u062a\u0637\u0628\u064a\u0642\u0647\u0627 \u0644\u0631\u0641\u0639 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0623\u062f\u0627\u0621.<\/span><\/div><\/div>\n        <div class=\"goal-item\" data-tilt><i class=\"fas fa-certificate\"><\/i><div><strong>\u0645\u0646\u062d \u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a \u0648\u0627\u0644\u062a\u0643\u0631\u064a\u0645<\/strong><span>\u0645\u0646\u062d \u0634\u0647\u0627\u062f\u0627\u062a \u0645\u0634\u0627\u0631\u0643\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0648\u062a\u0634\u062c\u064a\u0639 \u0627\u0644\u0642\u0627\u0626\u0645\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0628\u0643\u062a\u0628 \u0634\u0643\u0631 \u0648\u062a\u0642\u062f\u064a\u0631 \u0645\u0646 \u0627\u0644\u0633\u064a\u062f \u0627\u0644\u0639\u0645\u064a\u062f.<\/span><\/div><\/div>\n    <\/div>\n\n    <!-- \u0645\u0647\u0627\u0645 \u0627\u0644\u0648\u062d\u062f\u0629 \u0648\u0648\u0627\u062c\u0628\u0627\u062a\u0647\u0627 (\u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u062a\u0641\u0635\u064a\u0644\u064a) -->\n    <h2 class=\"section-title\"><i class=\"fas fa-tasks\" style=\"color:var(--orange); margin-left:8px;\"><\/i> \u0645\u0647\u0627\u0645 \u0627\u0644\u0648\u062d\u062f\u0629 \u0648\u0648\u0627\u062c\u0628\u0627\u062a\u0647\u0627<\/h2>\n    <div class=\"data-card\" data-tilt>\n        <div class=\"card-header\">\n            <i class=\"fas fa-clipboard-list\"><\/i>\n            <h3>\u0627\u0644\u0627\u062e\u062a\u0635\u0627\u0635\u0627\u062a \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629<\/h3>\n        <\/div>\n        <div class=\"card-body\">\n            <ul class=\"dept-list\" style=\"margin-bottom:0;\">\n                <li><i class=\"fas fa-check-circle\" style=\"color: #2c9b77;\"><\/i> \u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0648\u0641\u064a\u0631 \u0643\u0627\u0641\u0629 \u0627\u0644\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0644\u0625\u0642\u0627\u0645\u0629 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629.<\/li>\n                <li><i class=\"fas fa-check-circle\" style=\"color: #2c9b77;\"><\/i> \u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u0645\u0648\u0636\u0648\u0639\u0629 \u0645\u0646 \u0642\u0628\u0644 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0627\u064b.<\/li>\n                <li><i class=\"fas fa-check-circle\" style=\"color: #2c9b77;\"><\/i> \u0645\u0646\u062d \u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0644\u0644\u0645\u062a\u062f\u0631\u0628\u064a\u0646 \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u064a\u0646 \u0641\u064a \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u0645\u0646\u0641\u0630\u0629 \u062d\u0633\u0628 \u0627\u0644\u0636\u0648\u0627\u0628\u0637 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629.<\/li>\n                <li><i class=\"fas fa-check-circle\" style=\"color: #2c9b77;\"><\/i> \u062a\u0634\u062c\u064a\u0639 \u0627\u0644\u0642\u0627\u0626\u0645\u064a\u0646 \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0646\u062d\u0647\u0645 \u0643\u062a\u0628 \u0634\u0643\u0631 \u0648\u062a\u0642\u062f\u064a\u0631 \u0645\u0646 \u0642\u0628\u0644 \u0627\u0644\u0633\u064a\u062f \u0639\u0645\u064a\u062f \u0627\u0644\u0645\u0639\u0647\u062f.<\/li>\n                <li><i class=\"fas fa-check-circle\" style=\"color: #2c9b77;\"><\/i> \u0627\u0644\u0625\u0634\u0631\u0627\u0641 \u0639\u0644\u0649 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0648\u0627\u0644\u0627\u0631\u062a\u0642\u0627\u0621 \u0628\u062c\u0648\u062f\u0629 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0628\u0645\u0627 \u064a\u0648\u0627\u0643\u0628 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a.<\/li>\n                <li><i class=\"fas fa-check-circle\" style=\"color: #2c9b77;\"><\/i> \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u062f\u0648\u0631\u064a\u0629 \u0639\u0646 \u0625\u0646\u062c\u0627\u0632\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629 \u0648\u0646\u0634\u0627\u0637\u0627\u062a\u0647\u0627 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629.<\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n\n    <!-- \u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 + \u0631\u0648\u0627\u0628\u0637 \u0647\u0627\u0645\u0629 + \u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u062a\u0642\u062f\u064a\u0645\u064a\u0629 -->\n    <h2 class=\"section-title\"><i class=\"fas fa-link\" style=\"color:var(--accent2); margin-left:8px;\"><\/i> \u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0648\u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0647\u0627\u0645\u0629<\/h2>\n    <div class=\"cards-grid\">\n        <div class=\"data-card\" data-tilt>\n            <div class=\"card-header\"><i class=\"fas fa-calendar-week\"><\/i><h3>\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629<\/h3><\/div>\n            <div class=\"card-body\">\n                <p style=\"margin-bottom: 1rem;\">\u0627\u0637\u0644\u0639 \u0639\u0644\u0649 \u062e\u0637\u0629 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0644\u0644\u0639\u0627\u0645 \u0627\u0644\u062f\u0631\u0627\u0633\u064a \u0648\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0644\u0645\u0646\u062a\u0633\u0628\u064a\u0646 \u0648\u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0645\u062d\u0644\u064a.<\/p>\n                <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=7520\" target=\"_blank\" rel=\"noopener\" class=\"btn-link\"><i class=\"fas fa-external-link-alt\"><\/i> \u062e\u0637\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a\u0629<\/a>\n            <\/div>\n        <\/div>\n        <div class=\"data-card\" data-tilt>\n            <div class=\"card-header\"><i class=\"fas fa-chalkboard\"><\/i><h3>\u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u062a\u0642\u062f\u064a\u0645\u064a\u0629<\/h3><\/div>\n            <div class=\"card-body\">\n                <div class=\"links-wrapper\">\n                    <a href=\"https:\/\/docs.google.com\/presentation\/d\/1gvZGAaaRKA-OA4_TpzyD45TXrSvYtmd4\/edit?usp=drive_link\" target=\"_blank\" class=\"btn-link\"><i class=\"fab fa-google-drive\"><\/i> \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u062f\u064a\u0645\u064a 1<\/a>\n                    <a href=\"https:\/\/docs.google.com\/presentation\/d\/1zumgOiu6vj4gOs2-ow4UDPUfAq3hD9TL\/edit?usp=drive_link\" target=\"_blank\" class=\"btn-link\"><i class=\"fab fa-slideshare\"><\/i> \u0634\u0631\u0627\u0626\u062d \u0627\u0644\u0639\u0631\u0636<\/a>\n                <\/div>\n                <p style=\"margin-top: 15px; font-size:0.85rem; color: var(--muted);\"><i class=\"fas fa-info-circle\"><\/i> \u0631\u0648\u0627\u0628\u0637 \u0645\u0628\u0627\u0634\u0631\u0629 \u0644\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0648\u0627\u0644\u062a\u062b\u0642\u064a\u0641\u064a\u0629 \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0645\u0646 \u0627\u0644\u0648\u062d\u062f\u0629.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"data-card\" data-tilt>\n            <div class=\"card-header\"><i class=\"fas fa-envelope\"><\/i><h3>\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u0627\u0644\u062f\u0639\u0645<\/h3><\/div>\n            <div class=\"card-body\">\n                <p style=\"margin-bottom:10px;\">\u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u062d\u0648\u0644 \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0623\u0648 \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0644\u0644\u062f\u0648\u0631\u0627\u062a:<\/p>\n                <p><i class=\"fas fa-at\"><\/i> <strong>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a:<\/strong> <a href=\"mailto:sti.cec.isa@atu.edu.iq\" style=\"color:var(--accent2);\">sti.cec.isa@atu.edu.iq<\/a><\/p>\n                <p style=\"margin-top: 12px;\"><i class=\"fas fa-building-columns\"><\/i> \u0645\u0642\u0631 \u0627\u0644\u0648\u062d\u062f\u0629: \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u0627\u0644\u0637\u0627\u0628\u0642 \u0627\u0644\u062b\u0627\u0646\u064a<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u0625\u0636\u0627\u0641\u0627\u062a: \u0627\u0644\u0642\u064a\u0645 \u0648\u0627\u0644\u0625\u0646\u062c\u0627\u0632\u0627\u062a (\u0644\u0645\u0633\u0629 \u062a\u0645\u064a\u0632) -->\n    <h2 class=\"section-title\"><i class=\"fas fa-star-of-life\" style=\"color:var(--orange);\"><\/i> \u0644\u0645\u062d\u0629 \u0639\u0646 \u0627\u0644\u0625\u0646\u062c\u0627\u0632\u0627\u062a \u0648\u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a<\/h2>\n    <div class=\"cards-grid\">\n        <div class=\"data-card\" data-tilt>\n            <div class=\"card-body\" style=\"text-align:center;\">\n                <i class=\"fas fa-chart-simple\" style=\"font-size: 2.8rem; color: var(--accent2);\"><\/i>\n                <h4 style=\"margin: 0.8rem 0;\">\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h4>\n                <p>\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u062f\u0648\u0627\u0626\u0631 \u0627\u0644\u062f\u0648\u0644\u0629 \u0648\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635 \u0644\u062a\u0646\u0641\u064a\u0630 \u062f\u0648\u0631\u0627\u062a \u0646\u0648\u0639\u064a\u0629 \u0641\u064a \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u062d\u0627\u0633\u0648\u0628\u060c \u0627\u0644\u0625\u0633\u0639\u0627\u0641\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629\u060c \u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629\u060c \u0648\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"data-card\" data-tilt>\n            <div class=\"card-body\" style=\"text-align:center;\">\n                <i class=\"fas fa-users-viewfinder\" style=\"font-size: 2.8rem; color: var(--orange);\"><\/i>\n                <h4 style=\"margin: 0.8rem 0;\">\u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0645\u062d\u0644\u064a\u0629<\/h4>\n                <p>\u0627\u0633\u062a\u0636\u0627\u0641\u0629 \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0644\u0623\u0643\u062b\u0631 \u0645\u0646 500 \u0645\u062a\u062f\u0631\u0628 \u0633\u0646\u0648\u064a\u0627\u064b \u0645\u0646 \u062f\u0627\u062e\u0644 \u0648\u062e\u0627\u0631\u062c \u0627\u0644\u062c\u0627\u0645\u0639\u0629\u060c \u0648\u062f\u0639\u0645 \u062e\u0631\u064a\u062c\u064a \u0627\u0644\u0645\u0639\u0647\u062f \u0648\u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0645\u062d\u0644\u064a.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"data-card\" data-tilt>\n            <div class=\"card-body\" style=\"text-align:center;\">\n                <i class=\"fas fa-laptop-code\" style=\"font-size: 2.8rem; color: var(--green-teal);\"><\/i>\n                <h4 style=\"margin: 0.8rem 0;\">\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0641\u064a \u0627\u0644\u062a\u062f\u0631\u064a\u0628<\/h4>\n                <p>\u0627\u0639\u062a\u0645\u0627\u062f \u0645\u0646\u0635\u0627\u062a \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u0645\u062d\u062a\u0648\u0649 \u062a\u062f\u0631\u064a\u0628\u064a \u0645\u062a\u0637\u0648\u0631 \u064a\u0648\u0627\u0643\u0628 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u062d\u062f\u064a\u062b\u0629.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"footer-note\">\n        <i class=\"fas fa-university\"><\/i> \u00a9 2026 \u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 &#8211; \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629\u060c \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 | \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0643\u0648\u0627\u062f\u0631 .. \u0646\u062d\u0648 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629\n    <\/div>\n<\/div>\n\n<script>\n    (function particlesGenerator(){\n        const colors = ['#8faac8','#a2b9d6','#bfcfdf','#ffb34788'];\n        for(let i = 0; i < 22; i++){\n            const el = document.createElement('div');\n            el.className = 'particle';\n            const s = Math.random() * 5 + 2;\n            el.style.cssText = `width:${s}px;height:${s}px;background:${colors[i%4]};left:${Math.random()*100}vw;animation-duration:${Math.random()*14+8}s;animation-delay:${Math.random()*12}s;opacity:${Math.random()*0.5+0.2};`;\n            document.body.appendChild(el);\n        }\n    })();\n\n    \/\/ 3D tilt interactive effect for all data-tilt elements\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.5;\n            const rY = ((x - cx) \/ cx) * -3.5;\n            card.style.transition = 'transform 0.08s ease, box-shadow 0.1s ease';\n            card.style.transform = `perspective(1200px) rotateX(${rX}deg) rotateY(${rY}deg) scale(1.015) translateY(-3px)`;\n            card.style.boxShadow = `0 20px 30px -12px rgba(26,77,140,0.25)`;\n            card.style.borderColor = 'rgba(255,179,71,0.5)';\n        });\n        card.addEventListener('mouseleave', () => {\n            card.style.transition = 'transform 0.45s cubic-bezier(0.2,0.9,0.4,1), box-shadow 0.4s ease';\n            card.style.transform = '';\n            card.style.boxShadow = '';\n            card.style.borderColor = '';\n        });\n    });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 &#8211; \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \/ \u0627\u0644\u0633\u0645\u0627\u0648\u0629 &#8211; \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 3 \u0623\u0639\u0636\u0627\u0621 sti.cec.isa@atu.edu.iq \u0628\u0631\u0627\u0645\u062c \u0645\u0633\u062a\u0645\u0631\u0629 \u0645\u0633\u0624\u0648\u0644 \u0627\u0644\u0648\u062d\u062f\u0629 &#038; \u0643\u0648\u0627\u062f\u0631\u0647\u0627 \u0627\u0644\u0627\u0633\u0645: \u0628\u0627\u0631\u0642\u0629 \u0627\u0628\u0648 \u0627\u0644\u0634\u0648\u0646 \u0639\u0628\u062f \u0627\u0644\u0634\u0647\u0627\u062f\u0629: \u0641\u0646\u064a (\u062a\u0642\u0646\u064a) \u0627\u0644\u0645\u0646\u0635\u0628: \u0645\u0633\u0624\u0648\u0644\u0629 \u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0639\u062f\u062f \u0645\u0646\u062a\u0633\u0628\u064a \u0627\u0644\u0648\u062d\u062f\u0629: 3 (\u0643\u0648\u0627\u062f\u0631 \u0645\u062a\u062e\u0635\u0635\u0629) \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0631\u0633\u0645\u064a sti.cec.isa@atu.edu.iq \u0627\u0644\u0631\u0624\u064a\u0629 \ud83c\udfaf \u062a\u0637\u0645\u062d \u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 &hellip; <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22568\">Continued<\/a><\/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-22568","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22568","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=22568"}],"version-history":[{"count":2,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22568\/revisions"}],"predecessor-version":[{"id":22570,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22568\/revisions\/22570"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}