\u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 – \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<style>\n:root {\n --bg: #f0f4fa;\n --surface: rgba(255,255,255,0.97);\n --border: rgba(30,80,140,0.10);\n --accent: #1A4D8C;\n --accent2: #2e7fc0;\n --text: #1a2c3e;\n --muted: #6b8aab;\n --pill-bg: rgba(230,243,255,0.85);\n --pill-bdr: #bcd5ee;\n --radius: 1.6rem;\n --orange: #ffb347;\n --green: #2c9b6e;\n}\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n background: var(--bg);\n font-family: 'Sora', 'Cairo', system-ui, sans-serif;\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n line-height: 1.6;\n}\n\/* background animations *\/\n.bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n.bg-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px); background-size: 56px 56px; animation: gridScroll 22s linear infinite; }\n@keyframes gridScroll { from { transform: perspective(700px) rotateX(28deg) translateY(0); } to { transform: perspective(700px) rotateX(28deg) translateY(56px); } }\n.bg-orb { position: absolute; border-radius: 50%; filter: blur(90px); animation: orbFloat 9s ease-in-out infinite alternate; }\n.orb1 { width:520px;height:520px;background:rgba(180,200,230,.38);top:-170px;right:-130px; }\n.orb2 { width:360px;height:360px;background:rgba(155,185,220,.28);bottom:8%;left:3%;animation-delay:-4s; }\n.orb3 { width:260px;height:260px;background:rgba(255,179,71,.15);top:40%;right:20%;animation-delay:-7s; }\n@keyframes orbFloat { from { transform: translate(0,0) scale(1); } to { transform: translate(28px,28px) scale(1.09); } }\n\/* 3d logos watermark *\/\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\/* 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.page-wrap { position: relative; z-index:2; padding: 2rem 1.5rem 4rem; max-width: 1400px; margin: 0 auto; }\n\/* control bar *\/\n.control-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.2rem 1.5rem; margin-bottom: 2rem; box-shadow: 0 8px 32px rgba(0,0,0,.08); backdrop-filter: blur(8px); }\n.bar-left { display: flex; align-items: center; gap: 1rem; }\n.bar-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.3rem; }\n.bar-title { font-size: 1.2rem; font-weight: 800; color: var(--accent); }\n.bar-subtitle { font-size: 0.85rem; color: var(--muted); font-weight: 600; margin-top: 4px; }\n.bar-right { display: flex; gap: 12px; 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.section-title { font-size: 1.6rem; font-weight: 800; color: #0a2b44; margin: 2rem 0 1.2rem; position: relative; display: inline-block; padding-right: 15px; }\n.section-title:after { content: \"\"; position: absolute; right: 0; bottom: -8px; width: 60px; height: 4px; background: var(--orange); border-radius: 4px; }\n\/* Cards Grid *\/\n.links-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.8rem; margin-bottom: 2rem; }\n.link-card { background: var(--surface); border-radius: var(--radius); border: 1px solid var(--border); overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; box-shadow: 0 6px 18px rgba(0,0,0,0.05); }\n.link-card:hover { transform: translateY(-6px); box-shadow: 0 18px 35px -12px rgba(26,77,140,0.2); border-color: rgba(255,179,71,0.5); }\n.card-header { background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98)); padding: 1rem 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.5rem; color: var(--accent2); }\n.card-header h3 { font-size: 1.2rem; font-weight: 700; color: #1f4e79; margin: 0; }\n.card-body { padding: 1.2rem; }\n.link-list { list-style: none; margin: 0; padding: 0; }\n.link-list li { margin-bottom: 0.75rem; border-bottom: 1px dashed rgba(26,77,140,.08); padding-bottom: 0.75rem; }\n.link-list li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }\n.link-list a { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--text); font-size: 0.9rem; font-weight: 500; transition: color 0.2s ease; }\n.link-list a:hover { color: var(--accent2); padding-right: 5px; }\n.link-list a i { width: 24px; color: var(--orange); font-size: 0.85rem; }\n.link-list a span { flex: 1; }\n\/* Gallery Grid *\/\n.gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; margin-bottom: 2rem; }\n.gallery-card { background: var(--surface); border-radius: var(--radius); border: 1px solid var(--border); overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; cursor: pointer; }\n.gallery-card:hover { transform: translateY(-6px); box-shadow: 0 18px 35px -12px rgba(26,77,140,0.2); border-color: rgba(255,179,71,0.5); }\n.gallery-img { width: 100%; height: 220px; object-fit: cover; background: #f4f8fe; transition: transform 0.3s ease; }\n.gallery-card:hover .gallery-img { transform: scale(1.02); }\n.gallery-info { padding: 0.8rem 1rem 1rem; text-align: center; }\n.gallery-info h4 { font-size: 1rem; font-weight: 800; color: var(--accent); margin-bottom: 0.2rem; }\n.gallery-info p { font-size: 0.75rem; color: var(--muted); }\n\/* Video Grid *\/\n.video-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1.5rem; margin-bottom: 2rem; }\n.video-card { background: var(--surface); border-radius: var(--radius); border: 1px solid var(--border); overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; }\n.video-card:hover { transform: translateY(-6px); box-shadow: 0 18px 35px -12px rgba(26,77,140,0.2); border-color: rgba(255,179,71,0.5); }\n.video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }\n.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }\n.video-info { padding: 0.8rem 1rem 1rem; text-align: center; }\n.video-info h4 { font-size: 0.9rem; font-weight: 700; color: var(--accent); }\n\/* Facebook Embed *\/\n.facebook-embed { background: var(--surface); border-radius: var(--radius); border: 1px solid var(--border); overflow: hidden; margin-bottom: 2rem; }\n.facebook-header { background: linear-gradient(120deg, rgba(59,89,152,.1), rgba(59,89,152,.05)); padding: 1rem 1.4rem; border-bottom: 1.5px solid rgba(26,77,140,.10); display: flex; align-items: center; gap: 12px; }\n.facebook-header i { font-size: 1.5rem; color: #1877f2; }\n.facebook-header h3 { font-size: 1.2rem; font-weight: 700; color: #1f4e79; margin: 0; }\n.facebook-body { padding: 1rem; text-align: center; }\n.facebook-body iframe { max-width: 100%; border: none; }\n\/* Lightbox Modal *\/\n.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.95); z-index: 1000; cursor: pointer; justify-content: center; align-items: center; flex-direction: column; }\n.modal.active { display: flex; }\n.modal-img { max-width: 90%; max-height: 80vh; object-fit: contain; border-radius: 8px; }\n.modal-caption { color: white; text-align: center; margin-top: 1rem; font-size: 1rem; background: rgba(0,0,0,0.6); padding: 0.5rem 1rem; border-radius: 30px; }\n.modal-close { position: absolute; top: 20px; left: 30px; color: white; font-size: 40px; font-weight: bold; cursor: pointer; transition: 0.3s; }\n.modal-close:hover { color: var(--orange); }\n.modal-prev, .modal-next { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color: white; border: none; font-size: 2rem; padding: 1rem 1.2rem; cursor: pointer; border-radius: 50%; transition: 0.3s; z-index: 1001; }\n.modal-prev { left: 20px; }\n.modal-next { right: 20px; }\n.modal-prev:hover, .modal-next:hover { background: var(--orange); color: #1a2c3e; }\n@media (max-width: 768px) { .modal-prev, .modal-next { font-size: 1.2rem; padding: 0.6rem 0.8rem; } }\n.footer-note { margin-top: 3rem; text-align: center; background: var(--surface); border: 1px solid var(--border); border-radius: 60px; padding: 1rem 2rem; width: fit-content; margin-left: auto; margin-right: auto; font-size: 0.9rem; font-weight: 600; color: var(--muted); }\n@media (max-width: 768px) { .page-wrap { padding: 1rem; } .control-bar { flex-direction: column; align-items: flex-start; } .section-title { font-size: 1.4rem; } .links-grid { grid-template-columns: 1fr; } .gallery-grid { grid-template-columns: 1fr 1fr; } }\n@media (max-width: 480px) { .gallery-grid { grid-template-columns: 1fr; } }\n<\/style>\n<\/head>\n<body>\n<div class=\"bg-scene\">\n <div class=\"bg-grid\"><\/div>\n <div class=\"bg-orb orb1\"><\/div>\n <div class=\"bg-orb orb2\"><\/div>\n <div class=\"bg-orb orb3\"><\/div>\n <div class=\"logo-watermark logo-center\"><div class=\"logo-3d-wrapper\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\"><\/div><\/div>\n <div class=\"logo-watermark logo-top-left\"><div class=\"logo-3d-wrapper logo-small\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\"><\/div><\/div>\n <div class=\"logo-watermark logo-bottom-right\"><div class=\"logo-3d-wrapper logo-small logo-slow\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\"><\/div><\/div>\n<\/div>\n\n<div class=\"page-wrap\">\n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-newspaper\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">\u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645<\/div>\n <div class=\"bar-subtitle\"><i class=\"fas fa-camera\" style=\"color:var(--orange);\"><\/i> \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \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-rss\"><\/i> \u0623\u062e\u0628\u0627\u0631 \u0648\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-images\"><\/i> \u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631<\/div>\n <div class=\"badge-count\"><i class=\"fas fa-video\"><\/i> \u0642\u0646\u0627\u0629 \u0627\u0644\u064a\u0648\u062a\u064a\u0648\u0628<\/div>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-folder-open\" style=\"color:var(--orange); margin-left:8px;\"><\/i> \u0645\u062d\u062a\u0648\u064a\u0627\u062a \u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645<\/h2>\n <div class=\"links-grid\">\n <div class=\"link-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-newspaper\"><\/i><h3>\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"link-list\">\n <li><a href=\"https:\/\/isa.atu.edu.iq\/?cat=2\" target=\"_blank\"><i class=\"fas fa-globe\"><\/i><span>\u062c\u0645\u064a\u0639 \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/span><i class=\"fas fa-arrow-left\" style=\"font-size:0.7rem;\"><\/i><\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"link-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-calendar-alt\"><\/i><h3>\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"link-list\">\n <li><a href=\"https:\/\/isa.atu.edu.iq\/?cat=4\" target=\"_blank\"><i class=\"fas fa-calendar-check\"><\/i><span>\u062c\u0645\u064a\u0639 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0647\u062f<\/span><i class=\"fas fa-arrow-left\"><\/i><\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"link-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-university\"><\/i><h3>\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u062c\u0627\u0645\u0639\u0629<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"link-list\">\n <li><a href=\"https:\/\/atu.edu.iq\/category\/%d8%a7%d9%84%d8%ac%d8%a7%d9%85%d8%b9%d8%a9-%d8%a7%d9%84%d9%83%d9%84%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d8%b9%d8%a7%d9%87%d8%af\/\" target=\"_blank\"><i class=\"fas fa-university\"><\/i><span>\u0623\u062e\u0628\u0627\u0631 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629<\/span><i class=\"fas fa-arrow-left\"><\/i><\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"link-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-bullhorn\"><\/i><h3>\u0644\u0648\u062d\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"link-list\">\n <li><a href=\"https:\/\/isa.atu.edu.iq\/?cat=10\" target=\"_blank\"><i class=\"fas fa-bullhorn\"><\/i><span>\u0644\u0648\u062d\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629<\/span><i class=\"fas fa-arrow-left\"><\/i><\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-images\" style=\"color:var(--orange); margin-left:8px;\"><\/i> \u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631 – \u0628\u0646\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a<\/h2>\n <div class=\"gallery-grid\" id=\"galleryGrid\"><\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fab fa-youtube\" style=\"color:#ff0000; margin-left:8px;\"><\/i> \u0642\u0646\u0627\u0629 \u0627\u0644\u064a\u0648\u062a\u064a\u0648\u0628 – \u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/h2>\n <div class=\"video-grid\" id=\"youtubeGrid\"><\/div>\n <div class=\"link-card\" data-tilt style=\"margin-top:1rem;\">\n <div class=\"card-body\" style=\"text-align:center;\">\n <a href=\"https:\/\/www.youtube.com\/channel\/UC0id4fOxir3CBMZdwnaHiXw\" target=\"_blank\" style=\"display:inline-flex; align-items:center; gap:10px; background:#ff0000; color:white; padding:0.8rem 1.5rem; border-radius:50px; text-decoration:none; font-weight:bold;\">\n <i class=\"fab fa-youtube\"><\/i> \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0642\u0646\u0627\u0629 \u0639\u0644\u0649 \u0627\u0644\u064a\u0648\u062a\u064a\u0648\u0628\n <\/a>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fab fa-facebook\" style=\"color:#1877f2; margin-left:8px;\"><\/i> \u0635\u0641\u062d\u0629 \u0627\u0644\u0641\u064a\u0633\u0628\u0648\u0643 – \u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/h2>\n <div class=\"facebook-embed\" data-tilt>\n <div class=\"facebook-header\">\n <i class=\"fab fa-facebook\"><\/i>\n <h3>\u0635\u0641\u062d\u0629 \u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0639\u0644\u0649 \u0641\u064a\u0633\u0628\u0648\u0643<\/h3>\n <\/div>\n <div class=\"facebook-body\">\n <iframe src=\"https:\/\/www.facebook.com\/plugins\/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fs.media2&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId\" width=\"100%\" height=\"500\" style=\"overflow:hidden; border:none;\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n <\/div>\n <\/div>\n\n <div class=\"footer-note\">\n <i class=\"fas fa-newspaper\"><\/i> \u00a9 2026 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 | \u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\n <div style=\"font-size:0.75rem; margin-top:6px;\"><i class=\"fab fa-youtube\"><\/i> \u0642\u0646\u0627\u0629 \u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 | <i class=\"fab fa-facebook\"><\/i> \u0635\u0641\u062d\u0629 \u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/div>\n <\/div>\n<\/div>\n\n\n<div id=\"lightboxModal\" class=\"modal\">\n <span class=\"modal-close\">×<\/span>\n <button class=\"modal-prev\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n <button class=\"modal-next\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n <img class=\"modal-img\" id=\"modalImage\" alt=\"Gallery Image\">\n <div class=\"modal-caption\" id=\"modalCaption\"><\/div>\n<\/div>\n\n<script>\n\/\/ Gallery Images Data - \u0641\u0642\u0637 \u0627\u0644\u0628\u0646\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u062f\u062f\u0629: \u0627\u0644\u063a\u062f\u064a\u0631, \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629, \u0642\u0627\u0639\u0629 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a, \u0642\u0633\u0645 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0627\u0646\u0634\u0627\u0621\u0627\u062a, \u0627\u0644\u0639\u0645\u0627\u062f\u0629, \u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\nconst galleryImages = [\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0012.jpg\", name: \"\u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u063a\u062f\u064a\u0631\", category: \"\u0627\u0644\u063a\u062f\u064a\u0631\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0006.jpg\", name: \"\u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629\", category: \"\u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0005.jpg\", name: \"\u0642\u0627\u0639\u0629 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a\", category: \"\u0642\u0627\u0639\u0629 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0017.jpg\", name: \"\u0642\u0633\u0645 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a\", category: \"\u0642\u0633\u0645 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0627\u0646\u0634\u0627\u0621\u0627\u062a\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0008.jpg\", name: \"\u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u0639\u0645\u0627\u062f\u0629\", category: \"\u0627\u0644\u0639\u0645\u0627\u062f\u0629\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/image.png\", name: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\", category: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0020.jpg\", name: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\", category: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629 2\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0021.jpg\", name: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\", category: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629 3\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/672452215_1422948166298893_7017096257151632574_n.jpg\", name: \"\u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u063a\u062f\u064a\u0631\", category: \"\u0627\u0644\u063a\u062f\u064a\u0631 2\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0019.jpg\", name: \"\u0642\u0633\u0645 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a\", category: \"\u0642\u0633\u0645 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0627\u0646\u0634\u0627\u0621\u0627\u062a 2\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0018.jpg\", name: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\", category: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629 4\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/673515581_1428427372417639_3799513045992166641_n.jpg\", name: \"\u0642\u0627\u0639\u0629 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a\", category: \"\u0642\u0627\u0639\u0629 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a 2\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0013.jpg\", name: \"\u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u0639\u0645\u0627\u062f\u0629\", category: \"\u0627\u0644\u0639\u0645\u0627\u062f\u0629 2\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0016.jpg\", name: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\", category: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629 5\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0003.jpg\", name: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\", category: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629 6\" }\n];\n\n\/\/ Render Gallery\nconst galleryGrid = document.getElementById('galleryGrid');\ngalleryImages.forEach((img, index) => {\n const card = document.createElement('div');\n card.className = 'gallery-card';\n card.setAttribute('data-index', index);\n card.innerHTML = `\n <img decoding=\"async\" class=\"gallery-img\" src=\"${img.src}\" alt=\"${img.name}\" loading=\"lazy\" onerror=\"this.src='https:\/\/via.placeholder.com\/400x240?text=\u0635\u0648\u0631\u0629+\u063a\u064a\u0631+\u0645\u062a\u0648\u0641\u0631\u0629'\">\n <div class=\"gallery-info\">\n <h4><i class=\"fas fa-building\"><\/i> ${img.name}<\/h4>\n <p>${img.category}<\/p>\n <\/div>\n `;\n card.addEventListener('click', () => openLightbox(index));\n galleryGrid.appendChild(card);\n});\n\n\/\/ YouTube Videos - \u0642\u0646\u0627\u0629 \u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 (\u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 YouTube Data API v3 - \u0639\u0631\u0636 \u0623\u062d\u062f\u062b 6 \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a)\n\/\/ \u0646\u0633\u062a\u062e\u062f\u0645 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0640 RSS feed \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a\nconst channelId = \"UC0id4fOxir3CBMZdwnaHiXw\";\nconst youtubeGrid = document.getElementById('youtubeGrid');\n\n\/\/ \u062c\u0644\u0628 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0645\u0646 \u0627\u0644\u0642\u0646\u0627\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 RSS to JSON Proxy\nfetch(`https:\/\/api.rss2json.com\/v1\/api.json?rss_url=https:\/\/www.youtube.com\/feeds\/videos.xml?channel_id=${channelId}`)\n .then(response => response.json())\n .then(data => {\n if (data.items && data.items.length > 0) {\n const videos = data.items.slice(0, 6); \/\/ \u0639\u0631\u0636 \u0622\u062e\u0631 6 \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a\n youtubeGrid.innerHTML = '';\n videos.forEach(video => {\n const videoId = video.guid.split('=')[1];\n const card = document.createElement('div');\n card.className = 'video-card';\n card.setAttribute('data-tilt', '');\n card.innerHTML = `\n <div class=\"video-wrapper\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/${videoId}\" frameborder=\"0\" allowfullscreen><\/iframe>\n <\/div>\n <div class=\"video-info\">\n <h4><i class=\"fab fa-youtube\"><\/i> ${video.title.substring(0, 60)}${video.title.length > 60 ? '...' : ''}<\/h4>\n <p style=\"font-size:0.7rem; color:var(--muted); margin-top:5px;\"><i class=\"far fa-calendar-alt\"><\/i> ${new Date(video.pubDate).toLocaleDateString('ar-SA')}<\/p>\n <\/div>\n `;\n youtubeGrid.appendChild(card);\n });\n } else {\n youtubeGrid.innerHTML = '<div class=\"link-card\" style=\"grid-column:1\/-1;\"><div class=\"card-body\" style=\"text-align:center;\"><i class=\"fab fa-youtube\" style=\"font-size:2rem; color:#ff0000;\"><\/i><p>\u0644\u0627 \u062a\u0648\u062c\u062f \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0645\u062a\u0627\u062d\u0629 \u062d\u0627\u0644\u064a\u0627\u064b. \u064a\u0645\u0643\u0646\u0643 \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0642\u0646\u0627\u0629 \u0644\u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649.<\/p><a href=\"https:\/\/www.youtube.com\/channel\/UC0id4fOxir3CBMZdwnaHiXw\" target=\"_blank\" style=\"display:inline-block; margin-top:10px; background:#ff0000; color:white; padding:0.5rem 1rem; border-radius:25px; text-decoration:none;\">\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0642\u0646\u0627\u0629<\/a><\/div><\/div>';\n }\n })\n .catch(error => {\n console.error('Error fetching YouTube videos:', error);\n youtubeGrid.innerHTML = '<div class=\"link-card\" style=\"grid-column:1\/-1;\"><div class=\"card-body\" style=\"text-align:center;\"><i class=\"fab fa-youtube\" style=\"font-size:2rem; color:#ff0000;\"><\/i><p>\u062a\u0639\u0630\u0631 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0644\u0627\u062d\u0642\u0627\u064b.<\/p><a href=\"https:\/\/www.youtube.com\/channel\/UC0id4fOxir3CBMZdwnaHiXw\" target=\"_blank\" style=\"display:inline-block; margin-top:10px; background:#ff0000; color:white; padding:0.5rem 1rem; border-radius:25px; text-decoration:none;\">\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0642\u0646\u0627\u0629<\/a><\/div><\/div>';\n });\n\n\/\/ Lightbox Functionality\nlet currentIndex = 0;\nconst modal = document.getElementById('lightboxModal');\nconst modalImage = document.getElementById('modalImage');\nconst modalCaption = document.getElementById('modalCaption');\nconst closeBtn = document.querySelector('.modal-close');\nconst prevBtn = document.querySelector('.modal-prev');\nconst nextBtn = document.querySelector('.modal-next');\n\nfunction openLightbox(index) {\n currentIndex = index;\n updateLightboxImage();\n modal.classList.add('active');\n document.body.style.overflow = 'hidden';\n}\n\nfunction updateLightboxImage() {\n const img = galleryImages[currentIndex];\n modalImage.src = img.src;\n modalCaption.innerHTML = `<i class=\"fas fa-building\"><\/i> ${img.name} - ${img.category}`;\n modalImage.onerror = () => { modalImage.src = 'https:\/\/via.placeholder.com\/800x500?text=\u0635\u0648\u0631\u0629+\u063a\u064a\u0631+\u0645\u062a\u0648\u0641\u0631\u0629'; };\n}\n\nfunction closeLightbox() {\n modal.classList.remove('active');\n document.body.style.overflow = '';\n}\n\nfunction prevImage() {\n currentIndex = (currentIndex - 1 + galleryImages.length) % galleryImages.length;\n updateLightboxImage();\n}\n\nfunction nextImage() {\n currentIndex = (currentIndex + 1) % galleryImages.length;\n updateLightboxImage();\n}\n\ncloseBtn.addEventListener('click', closeLightbox);\nprevBtn.addEventListener('click', prevImage);\nnextBtn.addEventListener('click', nextImage);\nmodal.addEventListener('click', (e) => {\n if (e.target === modal) closeLightbox();\n});\ndocument.addEventListener('keydown', (e) => {\n if (!modal.classList.contains('active')) return;\n if (e.key === 'Escape') closeLightbox();\n if (e.key === 'ArrowRight') nextImage();\n if (e.key === 'ArrowLeft') prevImage();\n});\n\n\/\/ Particles Generator\n(function(){\n const colors = ['#8faac8','#a2b9d6','#bfcfdf'];\n for(let i = 0; i < 22; 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\/\/ 3D Tilt Effect for Cards\ndocument.querySelectorAll('[data-tilt], .gallery-card, .link-card, .video-card, .facebook-embed').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';\n card.style.transform = `perspective(1000px) rotateX(${rX}deg) rotateY(${rY}deg) scale(1.01) translateY(-3px)`;\n card.style.boxShadow = '0 20px 32px -12px rgba(26,77,140,0.25)';\n });\n card.addEventListener('mouseleave', () => {\n card.style.transition = 'transform 0.4s cubic-bezier(.2,.9,.4,1), box-shadow 0.4s ease';\n card.style.transform = '';\n card.style.boxShadow = '';\n });\n});\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 – \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0623\u062e\u0628\u0627\u0631 \u0648\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631 \u0642\u0646\u0627\u0629 \u0627\u0644\u064a\u0648\u062a\u064a\u0648\u0628 \u0645\u062d\u062a\u0648\u064a\u0627\u062a \u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f \u062c\u0645\u064a\u0639 \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u062c\u0645\u064a\u0639 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0647\u062f \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u062c\u0627\u0645\u0639\u0629 \u0623\u062e\u0628\u0627\u0631 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0644\u0648\u062d\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0644\u0648\u062d\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631 – \u0628\u0646\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0642\u0646\u0627\u0629 … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22487\">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-22487","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22487","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=22487"}],"version-history":[{"count":4,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22487\/revisions"}],"predecessor-version":[{"id":22496,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22487\/revisions\/22496"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22487,"date":"2026-04-28T13:33:30","date_gmt":"2026-04-28T10:33:30","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=22487"},"modified":"2026-04-28T16:27:05","modified_gmt":"2026-04-28T13:27:05","slug":"22487-2","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=22487","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\n\u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 – \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<style>\n:root {\n --bg: #f0f4fa;\n --surface: rgba(255,255,255,0.97);\n --border: rgba(30,80,140,0.10);\n --accent: #1A4D8C;\n --accent2: #2e7fc0;\n --text: #1a2c3e;\n --muted: #6b8aab;\n --pill-bg: rgba(230,243,255,0.85);\n --pill-bdr: #bcd5ee;\n --radius: 1.6rem;\n --orange: #ffb347;\n --green: #2c9b6e;\n}\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n background: var(--bg);\n font-family: 'Sora', 'Cairo', system-ui, sans-serif;\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n line-height: 1.6;\n}\n\/* background animations *\/\n.bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n.bg-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px); background-size: 56px 56px; animation: gridScroll 22s linear infinite; }\n@keyframes gridScroll { from { transform: perspective(700px) rotateX(28deg) translateY(0); } to { transform: perspective(700px) rotateX(28deg) translateY(56px); } }\n.bg-orb { position: absolute; border-radius: 50%; filter: blur(90px); animation: orbFloat 9s ease-in-out infinite alternate; }\n.orb1 { width:520px;height:520px;background:rgba(180,200,230,.38);top:-170px;right:-130px; }\n.orb2 { width:360px;height:360px;background:rgba(155,185,220,.28);bottom:8%;left:3%;animation-delay:-4s; }\n.orb3 { width:260px;height:260px;background:rgba(255,179,71,.15);top:40%;right:20%;animation-delay:-7s; }\n@keyframes orbFloat { from { transform: translate(0,0) scale(1); } to { transform: translate(28px,28px) scale(1.09); } }\n\/* 3d logos watermark *\/\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\/* 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.page-wrap { position: relative; z-index:2; padding: 2rem 1.5rem 4rem; max-width: 1400px; margin: 0 auto; }\n\/* control bar *\/\n.control-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.2rem 1.5rem; margin-bottom: 2rem; box-shadow: 0 8px 32px rgba(0,0,0,.08); backdrop-filter: blur(8px); }\n.bar-left { display: flex; align-items: center; gap: 1rem; }\n.bar-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.3rem; }\n.bar-title { font-size: 1.2rem; font-weight: 800; color: var(--accent); }\n.bar-subtitle { font-size: 0.85rem; color: var(--muted); font-weight: 600; margin-top: 4px; }\n.bar-right { display: flex; gap: 12px; 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.section-title { font-size: 1.6rem; font-weight: 800; color: #0a2b44; margin: 2rem 0 1.2rem; position: relative; display: inline-block; padding-right: 15px; }\n.section-title:after { content: \"\"; position: absolute; right: 0; bottom: -8px; width: 60px; height: 4px; background: var(--orange); border-radius: 4px; }\n\/* Cards Grid *\/\n.links-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.8rem; margin-bottom: 2rem; }\n.link-card { background: var(--surface); border-radius: var(--radius); border: 1px solid var(--border); overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; box-shadow: 0 6px 18px rgba(0,0,0,0.05); }\n.link-card:hover { transform: translateY(-6px); box-shadow: 0 18px 35px -12px rgba(26,77,140,0.2); border-color: rgba(255,179,71,0.5); }\n.card-header { background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98)); padding: 1rem 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.5rem; color: var(--accent2); }\n.card-header h3 { font-size: 1.2rem; font-weight: 700; color: #1f4e79; margin: 0; }\n.card-body { padding: 1.2rem; }\n.link-list { list-style: none; margin: 0; padding: 0; }\n.link-list li { margin-bottom: 0.75rem; border-bottom: 1px dashed rgba(26,77,140,.08); padding-bottom: 0.75rem; }\n.link-list li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }\n.link-list a { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--text); font-size: 0.9rem; font-weight: 500; transition: color 0.2s ease; }\n.link-list a:hover { color: var(--accent2); padding-right: 5px; }\n.link-list a i { width: 24px; color: var(--orange); font-size: 0.85rem; }\n.link-list a span { flex: 1; }\n\/* Gallery Grid *\/\n.gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; margin-bottom: 2rem; }\n.gallery-card { background: var(--surface); border-radius: var(--radius); border: 1px solid var(--border); overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; cursor: pointer; }\n.gallery-card:hover { transform: translateY(-6px); box-shadow: 0 18px 35px -12px rgba(26,77,140,0.2); border-color: rgba(255,179,71,0.5); }\n.gallery-img { width: 100%; height: 220px; object-fit: cover; background: #f4f8fe; transition: transform 0.3s ease; }\n.gallery-card:hover .gallery-img { transform: scale(1.02); }\n.gallery-info { padding: 0.8rem 1rem 1rem; text-align: center; }\n.gallery-info h4 { font-size: 1rem; font-weight: 800; color: var(--accent); margin-bottom: 0.2rem; }\n.gallery-info p { font-size: 0.75rem; color: var(--muted); }\n\/* Video Grid *\/\n.video-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1.5rem; margin-bottom: 2rem; }\n.video-card { background: var(--surface); border-radius: var(--radius); border: 1px solid var(--border); overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; }\n.video-card:hover { transform: translateY(-6px); box-shadow: 0 18px 35px -12px rgba(26,77,140,0.2); border-color: rgba(255,179,71,0.5); }\n.video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }\n.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }\n.video-info { padding: 0.8rem 1rem 1rem; text-align: center; }\n.video-info h4 { font-size: 0.9rem; font-weight: 700; color: var(--accent); }\n\/* Facebook Embed *\/\n.facebook-embed { background: var(--surface); border-radius: var(--radius); border: 1px solid var(--border); overflow: hidden; margin-bottom: 2rem; }\n.facebook-header { background: linear-gradient(120deg, rgba(59,89,152,.1), rgba(59,89,152,.05)); padding: 1rem 1.4rem; border-bottom: 1.5px solid rgba(26,77,140,.10); display: flex; align-items: center; gap: 12px; }\n.facebook-header i { font-size: 1.5rem; color: #1877f2; }\n.facebook-header h3 { font-size: 1.2rem; font-weight: 700; color: #1f4e79; margin: 0; }\n.facebook-body { padding: 1rem; text-align: center; }\n.facebook-body iframe { max-width: 100%; border: none; }\n\/* Lightbox Modal *\/\n.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.95); z-index: 1000; cursor: pointer; justify-content: center; align-items: center; flex-direction: column; }\n.modal.active { display: flex; }\n.modal-img { max-width: 90%; max-height: 80vh; object-fit: contain; border-radius: 8px; }\n.modal-caption { color: white; text-align: center; margin-top: 1rem; font-size: 1rem; background: rgba(0,0,0,0.6); padding: 0.5rem 1rem; border-radius: 30px; }\n.modal-close { position: absolute; top: 20px; left: 30px; color: white; font-size: 40px; font-weight: bold; cursor: pointer; transition: 0.3s; }\n.modal-close:hover { color: var(--orange); }\n.modal-prev, .modal-next { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color: white; border: none; font-size: 2rem; padding: 1rem 1.2rem; cursor: pointer; border-radius: 50%; transition: 0.3s; z-index: 1001; }\n.modal-prev { left: 20px; }\n.modal-next { right: 20px; }\n.modal-prev:hover, .modal-next:hover { background: var(--orange); color: #1a2c3e; }\n@media (max-width: 768px) { .modal-prev, .modal-next { font-size: 1.2rem; padding: 0.6rem 0.8rem; } }\n.footer-note { margin-top: 3rem; text-align: center; background: var(--surface); border: 1px solid var(--border); border-radius: 60px; padding: 1rem 2rem; width: fit-content; margin-left: auto; margin-right: auto; font-size: 0.9rem; font-weight: 600; color: var(--muted); }\n@media (max-width: 768px) { .page-wrap { padding: 1rem; } .control-bar { flex-direction: column; align-items: flex-start; } .section-title { font-size: 1.4rem; } .links-grid { grid-template-columns: 1fr; } .gallery-grid { grid-template-columns: 1fr 1fr; } }\n@media (max-width: 480px) { .gallery-grid { grid-template-columns: 1fr; } }\n<\/style>\n<\/head>\n<body>\n<div class=\"bg-scene\">\n <div class=\"bg-grid\"><\/div>\n <div class=\"bg-orb orb1\"><\/div>\n <div class=\"bg-orb orb2\"><\/div>\n <div class=\"bg-orb orb3\"><\/div>\n <div class=\"logo-watermark logo-center\"><div class=\"logo-3d-wrapper\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\"><\/div><\/div>\n <div class=\"logo-watermark logo-top-left\"><div class=\"logo-3d-wrapper logo-small\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\"><\/div><\/div>\n <div class=\"logo-watermark logo-bottom-right\"><div class=\"logo-3d-wrapper logo-small logo-slow\"><img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\"><\/div><\/div>\n<\/div>\n\n<div class=\"page-wrap\">\n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-newspaper\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">\u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645<\/div>\n <div class=\"bar-subtitle\"><i class=\"fas fa-camera\" style=\"color:var(--orange);\"><\/i> \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \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-rss\"><\/i> \u0623\u062e\u0628\u0627\u0631 \u0648\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/div>\n <div class=\"badge-count badge-orange\"><i class=\"fas fa-images\"><\/i> \u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631<\/div>\n <div class=\"badge-count\"><i class=\"fas fa-video\"><\/i> \u0642\u0646\u0627\u0629 \u0627\u0644\u064a\u0648\u062a\u064a\u0648\u0628<\/div>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-folder-open\" style=\"color:var(--orange); margin-left:8px;\"><\/i> \u0645\u062d\u062a\u0648\u064a\u0627\u062a \u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645<\/h2>\n <div class=\"links-grid\">\n <div class=\"link-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-newspaper\"><\/i><h3>\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"link-list\">\n <li><a href=\"https:\/\/isa.atu.edu.iq\/?cat=2\" target=\"_blank\"><i class=\"fas fa-globe\"><\/i><span>\u062c\u0645\u064a\u0639 \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/span><i class=\"fas fa-arrow-left\" style=\"font-size:0.7rem;\"><\/i><\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"link-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-calendar-alt\"><\/i><h3>\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"link-list\">\n <li><a href=\"https:\/\/isa.atu.edu.iq\/?cat=4\" target=\"_blank\"><i class=\"fas fa-calendar-check\"><\/i><span>\u062c\u0645\u064a\u0639 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0647\u062f<\/span><i class=\"fas fa-arrow-left\"><\/i><\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"link-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-university\"><\/i><h3>\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u062c\u0627\u0645\u0639\u0629<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"link-list\">\n <li><a href=\"https:\/\/atu.edu.iq\/category\/%d8%a7%d9%84%d8%ac%d8%a7%d9%85%d8%b9%d8%a9-%d8%a7%d9%84%d9%83%d9%84%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d8%b9%d8%a7%d9%87%d8%af\/\" target=\"_blank\"><i class=\"fas fa-university\"><\/i><span>\u0623\u062e\u0628\u0627\u0631 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629<\/span><i class=\"fas fa-arrow-left\"><\/i><\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"link-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-bullhorn\"><\/i><h3>\u0644\u0648\u062d\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"link-list\">\n <li><a href=\"https:\/\/isa.atu.edu.iq\/?cat=10\" target=\"_blank\"><i class=\"fas fa-bullhorn\"><\/i><span>\u0644\u0648\u062d\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629<\/span><i class=\"fas fa-arrow-left\"><\/i><\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-images\" style=\"color:var(--orange); margin-left:8px;\"><\/i> \u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631 – \u0628\u0646\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a<\/h2>\n <div class=\"gallery-grid\" id=\"galleryGrid\"><\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fab fa-youtube\" style=\"color:#ff0000; margin-left:8px;\"><\/i> \u0642\u0646\u0627\u0629 \u0627\u0644\u064a\u0648\u062a\u064a\u0648\u0628 – \u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/h2>\n <div class=\"video-grid\" id=\"youtubeGrid\"><\/div>\n <div class=\"link-card\" data-tilt style=\"margin-top:1rem;\">\n <div class=\"card-body\" style=\"text-align:center;\">\n <a href=\"https:\/\/www.youtube.com\/channel\/UC0id4fOxir3CBMZdwnaHiXw\" target=\"_blank\" style=\"display:inline-flex; align-items:center; gap:10px; background:#ff0000; color:white; padding:0.8rem 1.5rem; border-radius:50px; text-decoration:none; font-weight:bold;\">\n <i class=\"fab fa-youtube\"><\/i> \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0642\u0646\u0627\u0629 \u0639\u0644\u0649 \u0627\u0644\u064a\u0648\u062a\u064a\u0648\u0628\n <\/a>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fab fa-facebook\" style=\"color:#1877f2; margin-left:8px;\"><\/i> \u0635\u0641\u062d\u0629 \u0627\u0644\u0641\u064a\u0633\u0628\u0648\u0643 – \u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/h2>\n <div class=\"facebook-embed\" data-tilt>\n <div class=\"facebook-header\">\n <i class=\"fab fa-facebook\"><\/i>\n <h3>\u0635\u0641\u062d\u0629 \u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0639\u0644\u0649 \u0641\u064a\u0633\u0628\u0648\u0643<\/h3>\n <\/div>\n <div class=\"facebook-body\">\n <iframe src=\"https:\/\/www.facebook.com\/plugins\/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fs.media2&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId\" width=\"100%\" height=\"500\" style=\"overflow:hidden; border:none;\" scrolling=\"no\" frameborder=\"0\" allowfullscreen=\"true\" allow=\"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share\"><\/iframe>\n <\/div>\n <\/div>\n\n <div class=\"footer-note\">\n <i class=\"fas fa-newspaper\"><\/i> \u00a9 2026 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 | \u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\n <div style=\"font-size:0.75rem; margin-top:6px;\"><i class=\"fab fa-youtube\"><\/i> \u0642\u0646\u0627\u0629 \u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 | <i class=\"fab fa-facebook\"><\/i> \u0635\u0641\u062d\u0629 \u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/div>\n <\/div>\n<\/div>\n\n\n<div id=\"lightboxModal\" class=\"modal\">\n <span class=\"modal-close\">×<\/span>\n <button class=\"modal-prev\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n <button class=\"modal-next\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n <img class=\"modal-img\" id=\"modalImage\" alt=\"Gallery Image\">\n <div class=\"modal-caption\" id=\"modalCaption\"><\/div>\n<\/div>\n\n<script>\n\/\/ Gallery Images Data - \u0641\u0642\u0637 \u0627\u0644\u0628\u0646\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u062f\u062f\u0629: \u0627\u0644\u063a\u062f\u064a\u0631, \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629, \u0642\u0627\u0639\u0629 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a, \u0642\u0633\u0645 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0627\u0646\u0634\u0627\u0621\u0627\u062a, \u0627\u0644\u0639\u0645\u0627\u062f\u0629, \u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\nconst galleryImages = [\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0012.jpg\", name: \"\u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u063a\u062f\u064a\u0631\", category: \"\u0627\u0644\u063a\u062f\u064a\u0631\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0006.jpg\", name: \"\u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629\", category: \"\u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0005.jpg\", name: \"\u0642\u0627\u0639\u0629 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a\", category: \"\u0642\u0627\u0639\u0629 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0017.jpg\", name: \"\u0642\u0633\u0645 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a\", category: \"\u0642\u0633\u0645 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0627\u0646\u0634\u0627\u0621\u0627\u062a\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0008.jpg\", name: \"\u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u0639\u0645\u0627\u062f\u0629\", category: \"\u0627\u0644\u0639\u0645\u0627\u062f\u0629\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/image.png\", name: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\", category: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0020.jpg\", name: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\", category: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629 2\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0021.jpg\", name: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\", category: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629 3\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/672452215_1422948166298893_7017096257151632574_n.jpg\", name: \"\u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u063a\u062f\u064a\u0631\", category: \"\u0627\u0644\u063a\u062f\u064a\u0631 2\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0019.jpg\", name: \"\u0642\u0633\u0645 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a\", category: \"\u0642\u0633\u0645 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0627\u0646\u0634\u0627\u0621\u0627\u062a 2\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0018.jpg\", name: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\", category: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629 4\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/673515581_1428427372417639_3799513045992166641_n.jpg\", name: \"\u0642\u0627\u0639\u0629 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a\", category: \"\u0642\u0627\u0639\u0629 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a 2\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0013.jpg\", name: \"\u0628\u0646\u0627\u064a\u0629 \u0627\u0644\u0639\u0645\u0627\u062f\u0629\", category: \"\u0627\u0644\u0639\u0645\u0627\u062f\u0629 2\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0016.jpg\", name: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\", category: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629 5\" },\n { src: \"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/IMG-20260428-WA0003.jpg\", name: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629\", category: \"\u0628\u064a\u0626\u0629 \u062c\u0627\u0645\u0639\u064a\u0629 6\" }\n];\n\n\/\/ Render Gallery\nconst galleryGrid = document.getElementById('galleryGrid');\ngalleryImages.forEach((img, index) => {\n const card = document.createElement('div');\n card.className = 'gallery-card';\n card.setAttribute('data-index', index);\n card.innerHTML = `\n <img decoding=\"async\" class=\"gallery-img\" src=\"${img.src}\" alt=\"${img.name}\" loading=\"lazy\" onerror=\"this.src='https:\/\/via.placeholder.com\/400x240?text=\u0635\u0648\u0631\u0629+\u063a\u064a\u0631+\u0645\u062a\u0648\u0641\u0631\u0629'\">\n <div class=\"gallery-info\">\n <h4><i class=\"fas fa-building\"><\/i> ${img.name}<\/h4>\n <p>${img.category}<\/p>\n <\/div>\n `;\n card.addEventListener('click', () => openLightbox(index));\n galleryGrid.appendChild(card);\n});\n\n\/\/ YouTube Videos - \u0642\u0646\u0627\u0629 \u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 (\u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 YouTube Data API v3 - \u0639\u0631\u0636 \u0623\u062d\u062f\u062b 6 \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a)\n\/\/ \u0646\u0633\u062a\u062e\u062f\u0645 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0640 RSS feed \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a\nconst channelId = \"UC0id4fOxir3CBMZdwnaHiXw\";\nconst youtubeGrid = document.getElementById('youtubeGrid');\n\n\/\/ \u062c\u0644\u0628 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0645\u0646 \u0627\u0644\u0642\u0646\u0627\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 RSS to JSON Proxy\nfetch(`https:\/\/api.rss2json.com\/v1\/api.json?rss_url=https:\/\/www.youtube.com\/feeds\/videos.xml?channel_id=${channelId}`)\n .then(response => response.json())\n .then(data => {\n if (data.items && data.items.length > 0) {\n const videos = data.items.slice(0, 6); \/\/ \u0639\u0631\u0636 \u0622\u062e\u0631 6 \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a\n youtubeGrid.innerHTML = '';\n videos.forEach(video => {\n const videoId = video.guid.split('=')[1];\n const card = document.createElement('div');\n card.className = 'video-card';\n card.setAttribute('data-tilt', '');\n card.innerHTML = `\n <div class=\"video-wrapper\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/${videoId}\" frameborder=\"0\" allowfullscreen><\/iframe>\n <\/div>\n <div class=\"video-info\">\n <h4><i class=\"fab fa-youtube\"><\/i> ${video.title.substring(0, 60)}${video.title.length > 60 ? '...' : ''}<\/h4>\n <p style=\"font-size:0.7rem; color:var(--muted); margin-top:5px;\"><i class=\"far fa-calendar-alt\"><\/i> ${new Date(video.pubDate).toLocaleDateString('ar-SA')}<\/p>\n <\/div>\n `;\n youtubeGrid.appendChild(card);\n });\n } else {\n youtubeGrid.innerHTML = '<div class=\"link-card\" style=\"grid-column:1\/-1;\"><div class=\"card-body\" style=\"text-align:center;\"><i class=\"fab fa-youtube\" style=\"font-size:2rem; color:#ff0000;\"><\/i><p>\u0644\u0627 \u062a\u0648\u062c\u062f \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0645\u062a\u0627\u062d\u0629 \u062d\u0627\u0644\u064a\u0627\u064b. \u064a\u0645\u0643\u0646\u0643 \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0642\u0646\u0627\u0629 \u0644\u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649.<\/p><a href=\"https:\/\/www.youtube.com\/channel\/UC0id4fOxir3CBMZdwnaHiXw\" target=\"_blank\" style=\"display:inline-block; margin-top:10px; background:#ff0000; color:white; padding:0.5rem 1rem; border-radius:25px; text-decoration:none;\">\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0642\u0646\u0627\u0629<\/a><\/div><\/div>';\n }\n })\n .catch(error => {\n console.error('Error fetching YouTube videos:', error);\n youtubeGrid.innerHTML = '<div class=\"link-card\" style=\"grid-column:1\/-1;\"><div class=\"card-body\" style=\"text-align:center;\"><i class=\"fab fa-youtube\" style=\"font-size:2rem; color:#ff0000;\"><\/i><p>\u062a\u0639\u0630\u0631 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0644\u0627\u062d\u0642\u0627\u064b.<\/p><a href=\"https:\/\/www.youtube.com\/channel\/UC0id4fOxir3CBMZdwnaHiXw\" target=\"_blank\" style=\"display:inline-block; margin-top:10px; background:#ff0000; color:white; padding:0.5rem 1rem; border-radius:25px; text-decoration:none;\">\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0642\u0646\u0627\u0629<\/a><\/div><\/div>';\n });\n\n\/\/ Lightbox Functionality\nlet currentIndex = 0;\nconst modal = document.getElementById('lightboxModal');\nconst modalImage = document.getElementById('modalImage');\nconst modalCaption = document.getElementById('modalCaption');\nconst closeBtn = document.querySelector('.modal-close');\nconst prevBtn = document.querySelector('.modal-prev');\nconst nextBtn = document.querySelector('.modal-next');\n\nfunction openLightbox(index) {\n currentIndex = index;\n updateLightboxImage();\n modal.classList.add('active');\n document.body.style.overflow = 'hidden';\n}\n\nfunction updateLightboxImage() {\n const img = galleryImages[currentIndex];\n modalImage.src = img.src;\n modalCaption.innerHTML = `<i class=\"fas fa-building\"><\/i> ${img.name} - ${img.category}`;\n modalImage.onerror = () => { modalImage.src = 'https:\/\/via.placeholder.com\/800x500?text=\u0635\u0648\u0631\u0629+\u063a\u064a\u0631+\u0645\u062a\u0648\u0641\u0631\u0629'; };\n}\n\nfunction closeLightbox() {\n modal.classList.remove('active');\n document.body.style.overflow = '';\n}\n\nfunction prevImage() {\n currentIndex = (currentIndex - 1 + galleryImages.length) % galleryImages.length;\n updateLightboxImage();\n}\n\nfunction nextImage() {\n currentIndex = (currentIndex + 1) % galleryImages.length;\n updateLightboxImage();\n}\n\ncloseBtn.addEventListener('click', closeLightbox);\nprevBtn.addEventListener('click', prevImage);\nnextBtn.addEventListener('click', nextImage);\nmodal.addEventListener('click', (e) => {\n if (e.target === modal) closeLightbox();\n});\ndocument.addEventListener('keydown', (e) => {\n if (!modal.classList.contains('active')) return;\n if (e.key === 'Escape') closeLightbox();\n if (e.key === 'ArrowRight') nextImage();\n if (e.key === 'ArrowLeft') prevImage();\n});\n\n\/\/ Particles Generator\n(function(){\n const colors = ['#8faac8','#a2b9d6','#bfcfdf'];\n for(let i = 0; i < 22; 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\/\/ 3D Tilt Effect for Cards\ndocument.querySelectorAll('[data-tilt], .gallery-card, .link-card, .video-card, .facebook-embed').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';\n card.style.transform = `perspective(1000px) rotateX(${rX}deg) rotateY(${rY}deg) scale(1.01) translateY(-3px)`;\n card.style.boxShadow = '0 20px 32px -12px rgba(26,77,140,0.25)';\n });\n card.addEventListener('mouseleave', () => {\n card.style.transition = 'transform 0.4s cubic-bezier(.2,.9,.4,1), box-shadow 0.4s ease';\n card.style.transform = '';\n card.style.boxShadow = '';\n });\n});\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 – \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0623\u062e\u0628\u0627\u0631 \u0648\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631 \u0642\u0646\u0627\u0629 \u0627\u0644\u064a\u0648\u062a\u064a\u0648\u0628 \u0645\u062d\u062a\u0648\u064a\u0627\u062a \u0642\u0633\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f \u062c\u0645\u064a\u0639 \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u062c\u0645\u064a\u0639 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0647\u062f \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u062c\u0627\u0645\u0639\u0629 \u0623\u062e\u0628\u0627\u0631 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0644\u0648\u062d\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0644\u0648\u062d\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631 – \u0628\u0646\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0642\u0646\u0627\u0629 … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22487\">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-22487","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22487","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=22487"}],"version-history":[{"count":4,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22487\/revisions"}],"predecessor-version":[{"id":22496,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22487\/revisions\/22496"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}