\u0628\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639 – \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 --gold: #d4af37;\n }\n\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\n body { background: var(--bg); font-family: 'Sora', 'Cairo', system-ui, sans-serif; color: var(--text); min-height: 100vh; overflow-x: hidden; line-height: 1.6; }\n\n \/* \u2500\u2500 BACKGROUND ANIMATIONS \u2500\u2500 *\/\n .bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n .bg-grid { 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 \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(255,179,71,.1);bottom:8%;left:3%; }\n @keyframes orbFloat { from { transform: translate(0,0) scale(1); } to { transform: translate(28px,28px) scale(1.09); } }\n\n \/* \u2500\u2500 3-D LOGO WATERMARKS \u2500\u2500 *\/\n .logo-watermark { position: absolute; pointer-events: none; z-index: 0; }\n .logo-center { top:50%; left:50%; transform:translate(-50%,-50%); }\n .logo-3d-wrapper { width:360px; height:360px; animation: spin3D 25s linear infinite; transform-style: preserve-3d; perspective: 800px; }\n @keyframes spin3D { 0% { transform: rotateY(0deg) rotateX(8deg); } 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%; }\n\n \/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\n .page-wrap { position: relative; z-index:2; padding: 2.5rem 1.5rem 4rem; max-width: 1200px; margin: 0 auto; }\n\n \/* \u2500\u2500 CONTROL BAR \u2500\u2500 *\/\n .control-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.2rem 1.5rem; margin-bottom: 2.5rem; box-shadow: 0 4px 24px rgba(0,0,0,.08); backdrop-filter: blur(8px); }\n .bar-left { display: flex; align-items: center; gap: 1rem; }\n .bar-icon { width: 55px; height: 55px; background: linear-gradient(135deg, #d4af37, #b45f06); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.5rem; box-shadow: 0 4px 12px rgba(180,120,20,.3); }\n .bar-title { font-size: 1.4rem; font-weight: 800; color: var(--accent); }\n \n \/* \u2500\u2500 PATENT CARD SPECIAL \u2500\u2500 *\/\n .patent-hero {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n align-items: center;\n background: var(--surface);\n border-radius: var(--radius);\n padding: 2rem;\n border: 1px solid var(--border);\n margin-bottom: 3rem;\n box-shadow: 0 15px 45px rgba(0,0,0,0.05);\n }\n .patent-img-container {\n position: relative;\n border-radius: 1rem;\n overflow: hidden;\n border: 4px solid #fff;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n }\n .patent-img-container img { width: 100%; display: block; transition: transform 0.5s; }\n .patent-hero:hover img { transform: scale(1.05); }\n\n .info-label {\n display: inline-block;\n padding: 4px 12px;\n background: rgba(212, 175, 55, 0.15);\n color: #996515;\n border-radius: 8px;\n font-size: 0.85rem;\n font-weight: 700;\n margin-bottom: 1rem;\n }\n\n .patent-title { font-size: 1.8rem; color: var(--accent); margin-bottom: 1rem; font-weight: 800; line-height: 1.4; }\n .patent-desc { color: var(--muted); font-size: 1.05rem; margin-bottom: 1.5rem; text-align: justify; }\n\n .meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n .meta-item { background: #f8fafc; padding: 1rem; border-radius: 12px; border: 1px solid var(--border); }\n .meta-item strong { display: block; color: var(--accent2); font-size: 0.8rem; text-transform: uppercase; }\n .meta-item span { font-weight: 700; color: var(--text); }\n\n \/* \u2500\u2500 SECTION TITLES \u2500\u2500 *\/\n .section-title { font-size: 1.6rem; font-weight: 800; color: #0a2b44; margin: 2rem 0 1.5rem; position: relative; padding-right: 15px; }\n .section-title:after { content: \"\"; position: absolute; right: 0; bottom: -8px; width: 50px; height: 4px; background: var(--gold); border-radius: 4px; }\n\n .feature-card {\n background: var(--surface);\n padding: 1.5rem;\n border-radius: var(--radius);\n border: 1px solid var(--border);\n display: flex;\n gap: 15px;\n transition: all 0.3s ease;\n }\n .feature-card i { font-size: 2rem; color: var(--gold); }\n .feature-card h4 { color: var(--accent); margin-bottom: 5px; }\n\n @media (max-width: 900px) {\n .patent-hero { grid-template-columns: 1fr; }\n .bar-title { font-size: 1.1rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"bg-scene\">\n <div class=\"bg-grid\"><\/div>\n <div class=\"bg-orb orb1\"><\/div>\n <div class=\"bg-orb orb2\"><\/div>\n <div class=\"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\" class=\"logo-3d-img\" alt=\"\">\n <\/div>\n <\/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-certificate\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">\u0628\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/div>\n <div style=\"font-size: 0.85rem; color: var(--muted); font-weight: 600;\">\u0646\u062a\u0627\u062c \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a \u0627\u0644\u0645\u062a\u0645\u064a\u0632 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/div>\n <\/div>\n <\/div>\n <div class=\"badge-count\" style=\"background: var(--pill-bg); padding: 0.5rem 1rem; border-radius: 50px; color: var(--accent); font-weight: 700;\">\n <i class=\"fas fa-lightbulb\" style=\"color: var(--gold); margin-left: 5px;\"><\/i> \u0645\u0646\u0635\u0629 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u064a\u0646\n <\/div>\n <\/div>\n\n <div class=\"patent-hero\" data-tilt>\n <div class=\"patent-img-container\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/\u0628\u0631\u0627\u0621\u0629-\u0627\u062e\u062a\u0631\u0627\u0639.png\" alt=\"\u0628\u0631\u0627\u0621\u0629 \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639\">\n <\/div>\n <div class=\"patent-info\">\n <span class=\"info-label\">\u0625\u0646\u062c\u0627\u0632 \u0639\u0644\u0645\u064a \u062d\u0635\u0631\u064a<\/span>\n <h1 class=\"patent-title\">\u062a\u0648\u062b\u064a\u0642 \u0628\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639 \u0627\u0644\u0639\u0644\u0645\u064a\u0629<\/h1>\n <p class=\"patent-desc\">\n \u064a\u0633\u0639\u0649 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0641\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0644\u062f\u0639\u0645 \u0627\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0648\u0627\u0644\u0645\u0628\u062a\u0643\u0631\u064a\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0633\u062c\u064a\u0644 \u0646\u062a\u0627\u062c\u0627\u062a\u0647\u0645 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u0647\u0645 \u0641\u064a \u062d\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0645\u0643\u0627\u0646\u0629 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629.\n <\/p>\n \n <div class=\"meta-grid\">\n <div class=\"meta-item\">\n <strong>\u0646\u0648\u0639 \u0627\u0644\u0648\u062b\u064a\u0642\u0629<\/strong>\n <span>\u0628\u0631\u0627\u0621\u0629 \u0627\u062e\u062a\u0631\u0627\u0639 \u0645\u0633\u062c\u0644\u0629<\/span>\n <\/div>\n <div class=\"meta-item\">\n <strong>\u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u0645\u0627\u0646\u062d\u0629<\/strong>\n <span>\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0639\u0631\u0627\u0642\u064a\u0629<\/span>\n <\/div>\n <div class=\"meta-item\">\n <strong><\/strong>\n <span><\/span>\n <\/div>\n <div class=\"meta-item\">\n <strong>\u0627\u0644\u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0639\u0644\u0645\u064a<\/strong>\n <span>\u0627\u0628\u062a\u0643\u0627\u0631 \u062a\u0642\u0646\u064a<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\">\u0623\u0647\u062f\u0627\u0641 \u062f\u0639\u0645 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/h2>\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem;\">\n <div class=\"feature-card\" data-tilt>\n <i class=\"fas fa-shield-halved\"><\/i>\n <div>\n <h4>\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0641\u0643\u0631\u064a\u0629<\/h4>\n <p style=\"font-size: 0.9rem; color: var(--muted);\">\u0636\u0645\u0627\u0646 \u062d\u0642\u0648\u0642 \u0627\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0644\u0646\u062a\u0627\u062c\u0627\u062a\u0647\u0645 \u0627\u0644\u0641\u0643\u0631\u064a\u0629.<\/p>\n <\/div>\n <\/div>\n <div class=\"feature-card\" data-tilt>\n <i class=\"fas fa-rocket\"><\/i>\n <div>\n <h4>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u0629<\/h4>\n <p style=\"font-size: 0.9rem; color: var(--muted);\">\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0627\u0644\u0646\u0638\u0631\u064a\u0629 \u0625\u0644\u0649 \u0646\u0645\u0627\u0630\u062c \u062a\u0637\u0628\u064a\u0642\u064a\u0629 \u062a\u062e\u062f\u0645 \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644.<\/p>\n <\/div>\n <\/div>\n <div class=\"feature-card\" data-tilt>\n <i class=\"fas fa-award\"><\/i>\n <div>\n <h4>\u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a<\/h4>\n <p style=\"font-size: 0.9rem; color: var(--muted);\">\u0631\u0641\u0639 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0639\u0644\u0645\u064a \u0644\u0644\u0645\u0639\u0647\u062f \u0628\u064a\u0646 \u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a \u0627\u0644\u0631\u0635\u064a\u0646\u0629.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div style=\"margin-top: 4rem; text-align: center; color: var(--muted); font-size: 0.9rem;\">\n <p>\u00a9 2026 \u0648\u062d\u062f\u0629 \u0627\u0644\u0634\u0624\u0648\u0646 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 – \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/p>\n <div style=\"margin-top: 10px;\">\n <i class=\"fas fa-university\" style=\"margin: 0 10px;\"><\/i>\n <i class=\"fas fa-microscope\" style=\"margin: 0 10px;\"><\/i>\n <i class=\"fas fa-gavel\" style=\"margin: 0 10px;\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/* \u2500\u2500 3D TILT EFFECT \u2500\u2500 *\/\n document.querySelectorAll('[data-tilt]').forEach(card => {\n card.addEventListener('mousemove', e => {\n const r = card.getBoundingClientRect();\n const x = e.clientX - r.left;\n const y = e.clientY - r.top;\n const cx = r.width \/ 2;\n const cy = r.height \/ 2;\n const rX = ((y - cy) \/ cy) * 4;\n const rY = ((x - cx) \/ cx) * -4;\n card.style.transform = `perspective(1000px) rotateX(${rX}deg) rotateY(${rY}deg) scale(1.02)`;\n card.style.boxShadow = `0 20px 40px rgba(26,77,140,0.15)`;\n });\n card.addEventListener('mouseleave', () => {\n card.style.transform = '';\n card.style.boxShadow = '';\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0628\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639 – \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0628\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0646\u062a\u0627\u062c \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a \u0627\u0644\u0645\u062a\u0645\u064a\u0632 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0645\u0646\u0635\u0629 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u064a\u0646 \u0625\u0646\u062c\u0627\u0632 \u0639\u0644\u0645\u064a \u062d\u0635\u0631\u064a \u062a\u0648\u062b\u064a\u0642 \u0628\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u064a\u0633\u0639\u0649 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0641\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0644\u062f\u0639\u0645 \u0627\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0648\u0627\u0644\u0645\u0628\u062a\u0643\u0631\u064a\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0633\u062c\u064a\u0644 \u0646\u062a\u0627\u062c\u0627\u062a\u0647\u0645 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u0647\u0645 \u0641\u064a \u062d\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0645\u0643\u0627\u0646\u0629 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22242\">Continued<\/a><\/p>\n","protected":false},"author":99900,"featured_media":22238,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22242","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22242","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=22242"}],"version-history":[{"count":2,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22242\/revisions"}],"predecessor-version":[{"id":22245,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22242\/revisions\/22245"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/media\/22238"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22242,"date":"2026-04-26T11:46:33","date_gmt":"2026-04-26T08:46:33","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=22242"},"modified":"2026-04-26T11:50:02","modified_gmt":"2026-04-26T08:50:02","slug":"22242-2","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=22242","title":{"rendered":"\u0628\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639"},"content":{"rendered":"\n\n\n\n \n \n \u0628\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639 – \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 --gold: #d4af37;\n }\n\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\n body { background: var(--bg); font-family: 'Sora', 'Cairo', system-ui, sans-serif; color: var(--text); min-height: 100vh; overflow-x: hidden; line-height: 1.6; }\n\n \/* \u2500\u2500 BACKGROUND ANIMATIONS \u2500\u2500 *\/\n .bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n .bg-grid { 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 \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(255,179,71,.1);bottom:8%;left:3%; }\n @keyframes orbFloat { from { transform: translate(0,0) scale(1); } to { transform: translate(28px,28px) scale(1.09); } }\n\n \/* \u2500\u2500 3-D LOGO WATERMARKS \u2500\u2500 *\/\n .logo-watermark { position: absolute; pointer-events: none; z-index: 0; }\n .logo-center { top:50%; left:50%; transform:translate(-50%,-50%); }\n .logo-3d-wrapper { width:360px; height:360px; animation: spin3D 25s linear infinite; transform-style: preserve-3d; perspective: 800px; }\n @keyframes spin3D { 0% { transform: rotateY(0deg) rotateX(8deg); } 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%; }\n\n \/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\n .page-wrap { position: relative; z-index:2; padding: 2.5rem 1.5rem 4rem; max-width: 1200px; margin: 0 auto; }\n\n \/* \u2500\u2500 CONTROL BAR \u2500\u2500 *\/\n .control-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.2rem 1.5rem; margin-bottom: 2.5rem; box-shadow: 0 4px 24px rgba(0,0,0,.08); backdrop-filter: blur(8px); }\n .bar-left { display: flex; align-items: center; gap: 1rem; }\n .bar-icon { width: 55px; height: 55px; background: linear-gradient(135deg, #d4af37, #b45f06); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.5rem; box-shadow: 0 4px 12px rgba(180,120,20,.3); }\n .bar-title { font-size: 1.4rem; font-weight: 800; color: var(--accent); }\n \n \/* \u2500\u2500 PATENT CARD SPECIAL \u2500\u2500 *\/\n .patent-hero {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n align-items: center;\n background: var(--surface);\n border-radius: var(--radius);\n padding: 2rem;\n border: 1px solid var(--border);\n margin-bottom: 3rem;\n box-shadow: 0 15px 45px rgba(0,0,0,0.05);\n }\n .patent-img-container {\n position: relative;\n border-radius: 1rem;\n overflow: hidden;\n border: 4px solid #fff;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n }\n .patent-img-container img { width: 100%; display: block; transition: transform 0.5s; }\n .patent-hero:hover img { transform: scale(1.05); }\n\n .info-label {\n display: inline-block;\n padding: 4px 12px;\n background: rgba(212, 175, 55, 0.15);\n color: #996515;\n border-radius: 8px;\n font-size: 0.85rem;\n font-weight: 700;\n margin-bottom: 1rem;\n }\n\n .patent-title { font-size: 1.8rem; color: var(--accent); margin-bottom: 1rem; font-weight: 800; line-height: 1.4; }\n .patent-desc { color: var(--muted); font-size: 1.05rem; margin-bottom: 1.5rem; text-align: justify; }\n\n .meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n .meta-item { background: #f8fafc; padding: 1rem; border-radius: 12px; border: 1px solid var(--border); }\n .meta-item strong { display: block; color: var(--accent2); font-size: 0.8rem; text-transform: uppercase; }\n .meta-item span { font-weight: 700; color: var(--text); }\n\n \/* \u2500\u2500 SECTION TITLES \u2500\u2500 *\/\n .section-title { font-size: 1.6rem; font-weight: 800; color: #0a2b44; margin: 2rem 0 1.5rem; position: relative; padding-right: 15px; }\n .section-title:after { content: \"\"; position: absolute; right: 0; bottom: -8px; width: 50px; height: 4px; background: var(--gold); border-radius: 4px; }\n\n .feature-card {\n background: var(--surface);\n padding: 1.5rem;\n border-radius: var(--radius);\n border: 1px solid var(--border);\n display: flex;\n gap: 15px;\n transition: all 0.3s ease;\n }\n .feature-card i { font-size: 2rem; color: var(--gold); }\n .feature-card h4 { color: var(--accent); margin-bottom: 5px; }\n\n @media (max-width: 900px) {\n .patent-hero { grid-template-columns: 1fr; }\n .bar-title { font-size: 1.1rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"bg-scene\">\n <div class=\"bg-grid\"><\/div>\n <div class=\"bg-orb orb1\"><\/div>\n <div class=\"bg-orb orb2\"><\/div>\n <div class=\"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\" class=\"logo-3d-img\" alt=\"\">\n <\/div>\n <\/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-certificate\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">\u0628\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/div>\n <div style=\"font-size: 0.85rem; color: var(--muted); font-weight: 600;\">\u0646\u062a\u0627\u062c \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a \u0627\u0644\u0645\u062a\u0645\u064a\u0632 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/div>\n <\/div>\n <\/div>\n <div class=\"badge-count\" style=\"background: var(--pill-bg); padding: 0.5rem 1rem; border-radius: 50px; color: var(--accent); font-weight: 700;\">\n <i class=\"fas fa-lightbulb\" style=\"color: var(--gold); margin-left: 5px;\"><\/i> \u0645\u0646\u0635\u0629 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u064a\u0646\n <\/div>\n <\/div>\n\n <div class=\"patent-hero\" data-tilt>\n <div class=\"patent-img-container\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/\u0628\u0631\u0627\u0621\u0629-\u0627\u062e\u062a\u0631\u0627\u0639.png\" alt=\"\u0628\u0631\u0627\u0621\u0629 \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639\">\n <\/div>\n <div class=\"patent-info\">\n <span class=\"info-label\">\u0625\u0646\u062c\u0627\u0632 \u0639\u0644\u0645\u064a \u062d\u0635\u0631\u064a<\/span>\n <h1 class=\"patent-title\">\u062a\u0648\u062b\u064a\u0642 \u0628\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639 \u0627\u0644\u0639\u0644\u0645\u064a\u0629<\/h1>\n <p class=\"patent-desc\">\n \u064a\u0633\u0639\u0649 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0641\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0644\u062f\u0639\u0645 \u0627\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0648\u0627\u0644\u0645\u0628\u062a\u0643\u0631\u064a\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0633\u062c\u064a\u0644 \u0646\u062a\u0627\u062c\u0627\u062a\u0647\u0645 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u0647\u0645 \u0641\u064a \u062d\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0645\u0643\u0627\u0646\u0629 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629.\n <\/p>\n \n <div class=\"meta-grid\">\n <div class=\"meta-item\">\n <strong>\u0646\u0648\u0639 \u0627\u0644\u0648\u062b\u064a\u0642\u0629<\/strong>\n <span>\u0628\u0631\u0627\u0621\u0629 \u0627\u062e\u062a\u0631\u0627\u0639 \u0645\u0633\u062c\u0644\u0629<\/span>\n <\/div>\n <div class=\"meta-item\">\n <strong>\u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u0645\u0627\u0646\u062d\u0629<\/strong>\n <span>\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0639\u0631\u0627\u0642\u064a\u0629<\/span>\n <\/div>\n <div class=\"meta-item\">\n <strong><\/strong>\n <span><\/span>\n <\/div>\n <div class=\"meta-item\">\n <strong>\u0627\u0644\u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0639\u0644\u0645\u064a<\/strong>\n <span>\u0627\u0628\u062a\u0643\u0627\u0631 \u062a\u0642\u0646\u064a<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <h2 class=\"section-title\">\u0623\u0647\u062f\u0627\u0641 \u062f\u0639\u0645 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/h2>\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem;\">\n <div class=\"feature-card\" data-tilt>\n <i class=\"fas fa-shield-halved\"><\/i>\n <div>\n <h4>\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0641\u0643\u0631\u064a\u0629<\/h4>\n <p style=\"font-size: 0.9rem; color: var(--muted);\">\u0636\u0645\u0627\u0646 \u062d\u0642\u0648\u0642 \u0627\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0644\u0646\u062a\u0627\u062c\u0627\u062a\u0647\u0645 \u0627\u0644\u0641\u0643\u0631\u064a\u0629.<\/p>\n <\/div>\n <\/div>\n <div class=\"feature-card\" data-tilt>\n <i class=\"fas fa-rocket\"><\/i>\n <div>\n <h4>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u0629<\/h4>\n <p style=\"font-size: 0.9rem; color: var(--muted);\">\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0627\u0644\u0646\u0638\u0631\u064a\u0629 \u0625\u0644\u0649 \u0646\u0645\u0627\u0630\u062c \u062a\u0637\u0628\u064a\u0642\u064a\u0629 \u062a\u062e\u062f\u0645 \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644.<\/p>\n <\/div>\n <\/div>\n <div class=\"feature-card\" data-tilt>\n <i class=\"fas fa-award\"><\/i>\n <div>\n <h4>\u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a<\/h4>\n <p style=\"font-size: 0.9rem; color: var(--muted);\">\u0631\u0641\u0639 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0639\u0644\u0645\u064a \u0644\u0644\u0645\u0639\u0647\u062f \u0628\u064a\u0646 \u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a \u0627\u0644\u0631\u0635\u064a\u0646\u0629.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div style=\"margin-top: 4rem; text-align: center; color: var(--muted); font-size: 0.9rem;\">\n <p>\u00a9 2026 \u0648\u062d\u062f\u0629 \u0627\u0644\u0634\u0624\u0648\u0646 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 – \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/p>\n <div style=\"margin-top: 10px;\">\n <i class=\"fas fa-university\" style=\"margin: 0 10px;\"><\/i>\n <i class=\"fas fa-microscope\" style=\"margin: 0 10px;\"><\/i>\n <i class=\"fas fa-gavel\" style=\"margin: 0 10px;\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/* \u2500\u2500 3D TILT EFFECT \u2500\u2500 *\/\n document.querySelectorAll('[data-tilt]').forEach(card => {\n card.addEventListener('mousemove', e => {\n const r = card.getBoundingClientRect();\n const x = e.clientX - r.left;\n const y = e.clientY - r.top;\n const cx = r.width \/ 2;\n const cy = r.height \/ 2;\n const rX = ((y - cy) \/ cy) * 4;\n const rY = ((x - cx) \/ cx) * -4;\n card.style.transform = `perspective(1000px) rotateX(${rX}deg) rotateY(${rY}deg) scale(1.02)`;\n card.style.boxShadow = `0 20px 40px rgba(26,77,140,0.15)`;\n });\n card.addEventListener('mouseleave', () => {\n card.style.transform = '';\n card.style.boxShadow = '';\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0628\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639 – \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0628\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0646\u062a\u0627\u062c \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a \u0627\u0644\u0645\u062a\u0645\u064a\u0632 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0645\u0646\u0635\u0629 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u064a\u0646 \u0625\u0646\u062c\u0627\u0632 \u0639\u0644\u0645\u064a \u062d\u0635\u0631\u064a \u062a\u0648\u062b\u064a\u0642 \u0628\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u064a\u0633\u0639\u0649 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0641\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0644\u062f\u0639\u0645 \u0627\u0644\u0628\u0627\u062d\u062b\u064a\u0646 \u0648\u0627\u0644\u0645\u0628\u062a\u0643\u0631\u064a\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0633\u062c\u064a\u0644 \u0646\u062a\u0627\u062c\u0627\u062a\u0647\u0645 \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u0647\u0645 \u0641\u064a \u062d\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0645\u0643\u0627\u0646\u0629 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22242\">Continued<\/a><\/p>\n","protected":false},"author":99900,"featured_media":22238,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22242","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22242","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=22242"}],"version-history":[{"count":2,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22242\/revisions"}],"predecessor-version":[{"id":22245,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22242\/revisions\/22245"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/media\/22238"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}