\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@700;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --silver-grey: #e2e8f0; \/* \u0631\u0635\u0627\u0635\u064a \u0641\u0636\u064a \u0631\u0627\u0642\u064a *\/\n --deep-navy: #0a192f; \/* \u0646\u064a\u0644\u064a \u063a\u0627\u0645\u0642 \u0644\u0644\u0628\u0637\u0627\u0642\u0627\u062a *\/\n --royal-gold-gradient: linear-gradient(45deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);\n --solid-gold: #b38728;\n --white: #ffffff;\n }\n\n body {\n font-family: 'Cairo', sans-serif;\n background-color: var(--silver-grey);\n margin: 0; padding: 0;\n color: var(--deep-navy);\n font-weight: bold; \/* \u062e\u0637 \u0628\u0648\u0644\u062f \u0644\u0643\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 *\/\n line-height: 1.6;\n }\n\n \/* --- \u0627\u0644\u0647\u064a\u062f\u0631 --- *\/\n header {\n background-color: var(--deep-navy);\n padding: 60px 20px;\n text-align: center;\n border-bottom: 5px solid var(--solid-gold);\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n }\n\n .gold-text-gradient {\n background: var(--royal-gold-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: 900;\n display: inline-block;\n }\n\n header h1 { font-size: 3rem; margin: 0; }\n header p { font-size: 1.4rem; color: var(--white); margin-top: 10px; }\n\n .container {\n max-width: 1100px;\n margin: 50px auto;\n padding: 0 20px;\n }\n\n \/* --- \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0646\u064a\u0644\u064a\u0629 --- *\/\n .vision-mission-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-bottom: 50px;\n }\n\n .info-card {\n background: var(--deep-navy); \/* \u0643\u0627\u0631\u062a\u0627\u062a \u0646\u064a\u0644\u064a \u063a\u0627\u0645\u0642 *\/\n color: var(--white);\n padding: 40px 30px;\n border-radius: 25px;\n box-shadow: 0 15px 30px rgba(0,0,0,0.3);\n text-align: center;\n border: 2px solid var(--solid-gold);\n transition: transform 0.3s ease;\n }\n\n .info-card:hover { transform: scale(1.03); }\n\n .info-card i { \n font-size: 4rem; \n background: var(--royal-gold-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 20px; \n }\n\n .info-card h3 { \n font-size: 1.8rem; \n margin-bottom: 15px; \n letter-spacing: 1px;\n }\n\n \/* --- \u0627\u0644\u0623\u0643\u0648\u0631\u062f\u064a\u0648\u0646 (\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641) --- *\/\n .details-section {\n background: var(--deep-navy);\n border-radius: 30px;\n padding: 40px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n border: 1px solid var(--solid-gold);\n }\n\n .section-header {\n text-align: center;\n font-size: 2.2rem;\n margin-bottom: 30px;\n }\n\n .accordion-item {\n background: rgba(255, 255, 255, 0.05);\n border-bottom: 2px solid var(--solid-gold);\n margin-bottom: 10px;\n }\n\n .accordion-trigger {\n width: 100%;\n padding: 20px;\n background: none;\n border: none;\n color: var(--white);\n font-family: 'Cairo', sans-serif;\n font-weight: 900;\n font-size: 1.2rem;\n text-align: right;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .accordion-trigger i.fa-chevron-down {\n color: var(--solid-gold);\n transition: 0.3s;\n }\n\n .content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease-out;\n background: rgba(0,0,0,0.2);\n }\n\n .content ul { padding: 20px 40px; margin: 0; }\n .content li { \n margin-bottom: 15px; \n list-style: none; \n position: relative;\n color: #f0f0f0;\n }\n\n .content li::before {\n content: \"f058\"; \n font-family: \"Font Awesome 6 Free\"; \n font-weight: 900;\n position: absolute; \n right: -35px; \n background: var(--royal-gold-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .active .content { max-height: 500px; }\n .active i.fa-chevron-down { transform: rotate(180deg); }\n\n \/* --- \u0627\u0644\u0641\u0648\u062a\u0631 --- *\/\n footer {\n text-align: center;\n padding: 40px;\n margin-top: 50px;\n border-top: 3px solid var(--solid-gold);\n background: var(--deep-navy);\n color: var(--white);\n }\n\n @media (max-width: 768px) {\n header h1 { font-size: 1.8rem; }\n .info-card { padding: 25px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <header>\n <h1 class=\"gold-text-gradient\">\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629<\/h1>\n <p>\u062e\u0637\u0629 \u0639\u0627\u0645 2026 – \u0631\u0624\u064a\u0629 \u0646\u062d\u0648 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644<\/p>\n <\/header>\n\n <div class=\"container\">\n \n <div class=\"vision-mission-grid\">\n <div class=\"info-card\">\n <i class=\"fas fa-lightbulb\"><\/i>\n <h3 class=\"gold-text-gradient\">\u0631\u0624\u064a\u062a\u0646\u0627<\/h3>\n <p>\u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0641\u064a \u062a\u0623\u0647\u064a\u0644 \u062e\u0631\u064a\u062c\u064a\u0646 \u064a\u0645\u062a\u0644\u0643\u0648\u0646 \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u062d\u0627\u062f\u064a \u0648\u0627\u0644\u0639\u0634\u0631\u064a\u0646 \u0648\u0642\u0627\u062f\u0631\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0629 \u0641\u064a \u0643\u0628\u0631\u0649 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629.<\/p>\n <\/div>\n \n <div class=\"info-card\">\n <i class=\"fas fa-bullseye\"><\/i>\n <h3 class=\"gold-text-gradient\">\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h3>\n <p>\u0628\u0646\u0627\u0621 \u062c\u0633\u0648\u0631 \u0645\u062a\u064a\u0646\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0648\u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0631\u0627\u0645\u062c \u062a\u0637\u0648\u064a\u0631\u064a\u0629 \u062a\u0648\u0627\u0643\u0628 \u0627\u0644\u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a \u0627\u0644\u0645\u0639\u0627\u0635\u0631.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"details-section\">\n <div class=\"section-header\">\n <span class=\"gold-text-gradient\">\u062f\u0644\u064a\u0644 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0645\u0647\u0627\u0645<\/span>\n <\/div>\n\n <div class=\"accordion-item\" onclick=\"toggleAcc(this)\">\n <button class=\"accordion-trigger\">\n <span><i class=\"fas fa-graduation-cap\" style=\"margin-left: 10px; color: var(--solid-gold);\"><\/i> \u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/button>\n <div class=\"content\">\n <ul>\n <li>\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0637\u0644\u0628\u0629 \u0645\u0646 \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/li>\n <li>\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0641\u062c\u0648\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0646\u0627\u0647\u062c \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a.<\/li>\n <li>\u062f\u0639\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0631\u064a\u0627\u062f\u064a\u0629 \u0627\u0644\u0646\u0627\u0634\u0626\u0629 \u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u0645\u0639\u0647\u062f.<\/li>\n <li>\u062a\u0639\u0632\u064a\u0632 \u0642\u0627\u0639\u062f\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062e\u0631\u064a\u062c\u064a\u0646 \u0644\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"accordion-item\" onclick=\"toggleAcc(this)\">\n <button class=\"accordion-trigger\">\n <span><i class=\"fas fa-tasks\" style=\"margin-left: 10px; color: var(--solid-gold);\"><\/i> \u0623\u0639\u0645\u0627\u0644 \u0648\u0645\u0647\u0627\u0645 \u0627\u0644\u0648\u062d\u062f\u0629<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/button>\n <div class=\"content\">\n <ul>\n <li>\u0625\u0642\u0627\u0645\u0629 “\u064a\u0648\u0645 \u0627\u0644\u0645\u0647\u0646\u0629” \u0627\u0644\u0633\u0646\u0648\u064a \u0628\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635 \u0648\u0627\u0644\u062d\u0643\u0648\u0645\u064a.<\/li>\n <li>\u0625\u0639\u062f\u0627\u062f \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u062a\u062e\u0635\u0635\u064a\u0629 (\u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629\u060c \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629).<\/li>\n <li>\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0645\u0639 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0644\u062a\u0648\u0641\u064a\u0631 \u0641\u0631\u0635 \u062a\u062f\u0631\u064a\u0628 \u0645\u064a\u062f\u0627\u0646\u064a \u0645\u062f\u0641\u0648\u0639 \u0644\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u064a\u0646.<\/li>\n <li>\u0625\u062c\u0631\u0627\u0621 \u0645\u0633\u0648\u062d\u0627\u062a \u062f\u0648\u0631\u064a\u0629 \u0644\u0631\u0636\u0627 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0639\u0646 \u0623\u062f\u0627\u0621 \u062e\u0631\u064a\u062c\u064a\u0646\u0627.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"accordion-item\" onclick=\"toggleAcc(this)\">\n <button class=\"accordion-trigger\">\n <span><i class=\"fas fa-chart-line\" style=\"margin-left: 10px; color: var(--solid-gold);\"><\/i> \u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0639\u0627\u0645 2026<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/button>\n <div class=\"content\">\n <ul>\n <li>\u0625\u0637\u0644\u0627\u0642 \u0645\u0646\u0635\u0629 “\u062e\u0631\u064a\u062c” \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629.<\/li>\n <li>\u062a\u0641\u0639\u064a\u0644 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u0641\u0631\u062f\u064a (Mentorship) \u0644\u0643\u0644 \u0637\u0627\u0644\u0628.<\/li>\n <li>\u0639\u0642\u062f \u0634\u0631\u0627\u0643\u0627\u062a \u062f\u0648\u0644\u064a\u0629 \u0644\u0645\u0646\u062d \u0634\u0647\u0627\u062f\u0627\u062a \u0645\u0647\u0646\u064a\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0644\u0644\u062e\u0631\u064a\u062c\u064a\u0646.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <footer>\n <p class=\"gold-text-gradient\"> \u062a\u0635\u0645\u064a\u0645 \u0631\u0626\u064a\u0633 \u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0627\u0644\u0627\u0621 \u062c\u0627\u0633\u0645 \u0643\u0627\u0638\u0645 © 2026<\/p>\n <\/footer>\n\n <script>\n function toggleAcc(element) {\n \/\/ \u0625\u063a\u0644\u0627\u0642 \u0623\u064a \u0623\u0643\u0648\u0631\u062f\u064a\u0648\u0646 \u0622\u062e\u0631 \u0645\u0641\u062a\u0648\u062d\n document.querySelectorAll('.accordion-item').forEach(item => {\n if(item !== element) item.classList.remove('active');\n });\n \/\/ \u062a\u0628\u062f\u064a\u0644 \u062d\u0627\u0644\u0629 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u062d\u0627\u0644\u064a\n element.classList.toggle('active');\n }\n <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u062e\u0637\u0629 \u0639\u0627\u0645 2026 – \u0631\u0624\u064a\u0629 \u0646\u062d\u0648 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0631\u0624\u064a\u062a\u0646\u0627 \u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0641\u064a \u062a\u0623\u0647\u064a\u0644 \u062e\u0631\u064a\u062c\u064a\u0646 \u064a\u0645\u062a\u0644\u0643\u0648\u0646 \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u062d\u0627\u062f\u064a \u0648\u0627\u0644\u0639\u0634\u0631\u064a\u0646 \u0648\u0642\u0627\u062f\u0631\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0629 \u0641\u064a \u0643\u0628\u0631\u0649 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629. \u0631\u0633\u0627\u0644\u062a\u0646\u0627 \u0628\u0646\u0627\u0621 \u062c\u0633\u0648\u0631 \u0645\u062a\u064a\u0646\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0648\u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0631\u0627\u0645\u062c \u062a\u0637\u0648\u064a\u0631\u064a\u0629 \u062a\u0648\u0627\u0643\u0628 \u0627\u0644\u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a \u0627\u0644\u0645\u0639\u0627\u0635\u0631. \u062f\u0644\u064a\u0644 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0623\u0647\u062f\u0627\u0641 … <a href=\"https:\/\/iku.atu.edu.iq\/?page_id=41689\">Continued<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-41689","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/41689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=41689"}],"version-history":[{"count":5,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/41689\/revisions"}],"predecessor-version":[{"id":41696,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/41689\/revisions\/41696"}],"wp:attachment":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":41689,"date":"2026-04-29T11:17:40","date_gmt":"2026-04-29T11:17:40","guid":{"rendered":"https:\/\/iku.atu.edu.iq\/?page_id=41689"},"modified":"2026-04-29T11:49:39","modified_gmt":"2026-04-29T11:49:39","slug":"%d9%88%d8%ad%d8%af%d8%a9-%d8%a7%d9%84%d8%aa%d8%a3%d9%87%d9%8a%d9%84-%d9%88%d8%a7%d9%84%d8%aa%d9%88%d8%b8%d9%8a%d9%81","status":"publish","type":"page","link":"https:\/\/iku.atu.edu.iq\/?page_id=41689","title":{"rendered":"\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641"},"content":{"rendered":"\n\n\n\n \n \n \u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@700;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --silver-grey: #e2e8f0; \/* \u0631\u0635\u0627\u0635\u064a \u0641\u0636\u064a \u0631\u0627\u0642\u064a *\/\n --deep-navy: #0a192f; \/* \u0646\u064a\u0644\u064a \u063a\u0627\u0645\u0642 \u0644\u0644\u0628\u0637\u0627\u0642\u0627\u062a *\/\n --royal-gold-gradient: linear-gradient(45deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);\n --solid-gold: #b38728;\n --white: #ffffff;\n }\n\n body {\n font-family: 'Cairo', sans-serif;\n background-color: var(--silver-grey);\n margin: 0; padding: 0;\n color: var(--deep-navy);\n font-weight: bold; \/* \u062e\u0637 \u0628\u0648\u0644\u062f \u0644\u0643\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 *\/\n line-height: 1.6;\n }\n\n \/* --- \u0627\u0644\u0647\u064a\u062f\u0631 --- *\/\n header {\n background-color: var(--deep-navy);\n padding: 60px 20px;\n text-align: center;\n border-bottom: 5px solid var(--solid-gold);\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n }\n\n .gold-text-gradient {\n background: var(--royal-gold-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: 900;\n display: inline-block;\n }\n\n header h1 { font-size: 3rem; margin: 0; }\n header p { font-size: 1.4rem; color: var(--white); margin-top: 10px; }\n\n .container {\n max-width: 1100px;\n margin: 50px auto;\n padding: 0 20px;\n }\n\n \/* --- \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0646\u064a\u0644\u064a\u0629 --- *\/\n .vision-mission-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 30px;\n margin-bottom: 50px;\n }\n\n .info-card {\n background: var(--deep-navy); \/* \u0643\u0627\u0631\u062a\u0627\u062a \u0646\u064a\u0644\u064a \u063a\u0627\u0645\u0642 *\/\n color: var(--white);\n padding: 40px 30px;\n border-radius: 25px;\n box-shadow: 0 15px 30px rgba(0,0,0,0.3);\n text-align: center;\n border: 2px solid var(--solid-gold);\n transition: transform 0.3s ease;\n }\n\n .info-card:hover { transform: scale(1.03); }\n\n .info-card i { \n font-size: 4rem; \n background: var(--royal-gold-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 20px; \n }\n\n .info-card h3 { \n font-size: 1.8rem; \n margin-bottom: 15px; \n letter-spacing: 1px;\n }\n\n \/* --- \u0627\u0644\u0623\u0643\u0648\u0631\u062f\u064a\u0648\u0646 (\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641) --- *\/\n .details-section {\n background: var(--deep-navy);\n border-radius: 30px;\n padding: 40px;\n box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n border: 1px solid var(--solid-gold);\n }\n\n .section-header {\n text-align: center;\n font-size: 2.2rem;\n margin-bottom: 30px;\n }\n\n .accordion-item {\n background: rgba(255, 255, 255, 0.05);\n border-bottom: 2px solid var(--solid-gold);\n margin-bottom: 10px;\n }\n\n .accordion-trigger {\n width: 100%;\n padding: 20px;\n background: none;\n border: none;\n color: var(--white);\n font-family: 'Cairo', sans-serif;\n font-weight: 900;\n font-size: 1.2rem;\n text-align: right;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .accordion-trigger i.fa-chevron-down {\n color: var(--solid-gold);\n transition: 0.3s;\n }\n\n .content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease-out;\n background: rgba(0,0,0,0.2);\n }\n\n .content ul { padding: 20px 40px; margin: 0; }\n .content li { \n margin-bottom: 15px; \n list-style: none; \n position: relative;\n color: #f0f0f0;\n }\n\n .content li::before {\n content: \"f058\"; \n font-family: \"Font Awesome 6 Free\"; \n font-weight: 900;\n position: absolute; \n right: -35px; \n background: var(--royal-gold-gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .active .content { max-height: 500px; }\n .active i.fa-chevron-down { transform: rotate(180deg); }\n\n \/* --- \u0627\u0644\u0641\u0648\u062a\u0631 --- *\/\n footer {\n text-align: center;\n padding: 40px;\n margin-top: 50px;\n border-top: 3px solid var(--solid-gold);\n background: var(--deep-navy);\n color: var(--white);\n }\n\n @media (max-width: 768px) {\n header h1 { font-size: 1.8rem; }\n .info-card { padding: 25px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <header>\n <h1 class=\"gold-text-gradient\">\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629<\/h1>\n <p>\u062e\u0637\u0629 \u0639\u0627\u0645 2026 – \u0631\u0624\u064a\u0629 \u0646\u062d\u0648 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644<\/p>\n <\/header>\n\n <div class=\"container\">\n \n <div class=\"vision-mission-grid\">\n <div class=\"info-card\">\n <i class=\"fas fa-lightbulb\"><\/i>\n <h3 class=\"gold-text-gradient\">\u0631\u0624\u064a\u062a\u0646\u0627<\/h3>\n <p>\u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0641\u064a \u062a\u0623\u0647\u064a\u0644 \u062e\u0631\u064a\u062c\u064a\u0646 \u064a\u0645\u062a\u0644\u0643\u0648\u0646 \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u062d\u0627\u062f\u064a \u0648\u0627\u0644\u0639\u0634\u0631\u064a\u0646 \u0648\u0642\u0627\u062f\u0631\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0629 \u0641\u064a \u0643\u0628\u0631\u0649 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629.<\/p>\n <\/div>\n \n <div class=\"info-card\">\n <i class=\"fas fa-bullseye\"><\/i>\n <h3 class=\"gold-text-gradient\">\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h3>\n <p>\u0628\u0646\u0627\u0621 \u062c\u0633\u0648\u0631 \u0645\u062a\u064a\u0646\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0648\u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0631\u0627\u0645\u062c \u062a\u0637\u0648\u064a\u0631\u064a\u0629 \u062a\u0648\u0627\u0643\u0628 \u0627\u0644\u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a \u0627\u0644\u0645\u0639\u0627\u0635\u0631.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"details-section\">\n <div class=\"section-header\">\n <span class=\"gold-text-gradient\">\u062f\u0644\u064a\u0644 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0645\u0647\u0627\u0645<\/span>\n <\/div>\n\n <div class=\"accordion-item\" onclick=\"toggleAcc(this)\">\n <button class=\"accordion-trigger\">\n <span><i class=\"fas fa-graduation-cap\" style=\"margin-left: 10px; color: var(--solid-gold);\"><\/i> \u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/button>\n <div class=\"content\">\n <ul>\n <li>\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0637\u0644\u0628\u0629 \u0645\u0646 \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/li>\n <li>\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0641\u062c\u0648\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0646\u0627\u0647\u062c \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a.<\/li>\n <li>\u062f\u0639\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0631\u064a\u0627\u062f\u064a\u0629 \u0627\u0644\u0646\u0627\u0634\u0626\u0629 \u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u0645\u0639\u0647\u062f.<\/li>\n <li>\u062a\u0639\u0632\u064a\u0632 \u0642\u0627\u0639\u062f\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062e\u0631\u064a\u062c\u064a\u0646 \u0644\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"accordion-item\" onclick=\"toggleAcc(this)\">\n <button class=\"accordion-trigger\">\n <span><i class=\"fas fa-tasks\" style=\"margin-left: 10px; color: var(--solid-gold);\"><\/i> \u0623\u0639\u0645\u0627\u0644 \u0648\u0645\u0647\u0627\u0645 \u0627\u0644\u0648\u062d\u062f\u0629<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/button>\n <div class=\"content\">\n <ul>\n <li>\u0625\u0642\u0627\u0645\u0629 “\u064a\u0648\u0645 \u0627\u0644\u0645\u0647\u0646\u0629” \u0627\u0644\u0633\u0646\u0648\u064a \u0628\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635 \u0648\u0627\u0644\u062d\u0643\u0648\u0645\u064a.<\/li>\n <li>\u0625\u0639\u062f\u0627\u062f \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u062a\u062e\u0635\u0635\u064a\u0629 (\u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629\u060c \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629).<\/li>\n <li>\u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0645\u0639 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0644\u062a\u0648\u0641\u064a\u0631 \u0641\u0631\u0635 \u062a\u062f\u0631\u064a\u0628 \u0645\u064a\u062f\u0627\u0646\u064a \u0645\u062f\u0641\u0648\u0639 \u0644\u0644\u0637\u0644\u0628\u0629 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u064a\u0646.<\/li>\n <li>\u0625\u062c\u0631\u0627\u0621 \u0645\u0633\u0648\u062d\u0627\u062a \u062f\u0648\u0631\u064a\u0629 \u0644\u0631\u0636\u0627 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0639\u0646 \u0623\u062f\u0627\u0621 \u062e\u0631\u064a\u062c\u064a\u0646\u0627.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"accordion-item\" onclick=\"toggleAcc(this)\">\n <button class=\"accordion-trigger\">\n <span><i class=\"fas fa-chart-line\" style=\"margin-left: 10px; color: var(--solid-gold);\"><\/i> \u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0639\u0627\u0645 2026<\/span>\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/button>\n <div class=\"content\">\n <ul>\n <li>\u0625\u0637\u0644\u0627\u0642 \u0645\u0646\u0635\u0629 “\u062e\u0631\u064a\u062c” \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629.<\/li>\n <li>\u062a\u0641\u0639\u064a\u0644 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u0641\u0631\u062f\u064a (Mentorship) \u0644\u0643\u0644 \u0637\u0627\u0644\u0628.<\/li>\n <li>\u0639\u0642\u062f \u0634\u0631\u0627\u0643\u0627\u062a \u062f\u0648\u0644\u064a\u0629 \u0644\u0645\u0646\u062d \u0634\u0647\u0627\u062f\u0627\u062a \u0645\u0647\u0646\u064a\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0644\u0644\u062e\u0631\u064a\u062c\u064a\u0646.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <footer>\n <p class=\"gold-text-gradient\"> \u062a\u0635\u0645\u064a\u0645 \u0631\u0626\u064a\u0633 \u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0627\u0644\u0627\u0621 \u062c\u0627\u0633\u0645 \u0643\u0627\u0638\u0645 © 2026<\/p>\n <\/footer>\n\n <script>\n function toggleAcc(element) {\n \/\/ \u0625\u063a\u0644\u0627\u0642 \u0623\u064a \u0623\u0643\u0648\u0631\u062f\u064a\u0648\u0646 \u0622\u062e\u0631 \u0645\u0641\u062a\u0648\u062d\n document.querySelectorAll('.accordion-item').forEach(item => {\n if(item !== element) item.classList.remove('active');\n });\n \/\/ \u062a\u0628\u062f\u064a\u0644 \u062d\u0627\u0644\u0629 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u062d\u0627\u0644\u064a\n element.classList.toggle('active');\n }\n <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0648\u062d\u062f\u0629 \u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0648\u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u062e\u0637\u0629 \u0639\u0627\u0645 2026 – \u0631\u0624\u064a\u0629 \u0646\u062d\u0648 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0631\u0624\u064a\u062a\u0646\u0627 \u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0641\u064a \u062a\u0623\u0647\u064a\u0644 \u062e\u0631\u064a\u062c\u064a\u0646 \u064a\u0645\u062a\u0644\u0643\u0648\u0646 \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u062d\u0627\u062f\u064a \u0648\u0627\u0644\u0639\u0634\u0631\u064a\u0646 \u0648\u0642\u0627\u062f\u0631\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0629 \u0641\u064a \u0643\u0628\u0631\u0649 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629. \u0631\u0633\u0627\u0644\u062a\u0646\u0627 \u0628\u0646\u0627\u0621 \u062c\u0633\u0648\u0631 \u0645\u062a\u064a\u0646\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0648\u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0631\u0627\u0645\u062c \u062a\u0637\u0648\u064a\u0631\u064a\u0629 \u062a\u0648\u0627\u0643\u0628 \u0627\u0644\u062a\u0633\u0627\u0631\u0639 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a \u0627\u0644\u0645\u0639\u0627\u0635\u0631. \u062f\u0644\u064a\u0644 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0623\u0647\u062f\u0627\u0641 … <a href=\"https:\/\/iku.atu.edu.iq\/?page_id=41689\">Continued<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-41689","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/41689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=41689"}],"version-history":[{"count":5,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/41689\/revisions"}],"predecessor-version":[{"id":41696,"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/41689\/revisions\/41696"}],"wp:attachment":[{"href":"https:\/\/iku.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}