\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/title>\n <style>\n @font-face {font-family:Sora;font-style:normal;font-weight:300;src:url(\/cf-fonts\/v\/sora\/5.0.16\/latin-ext\/wght\/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}\n @font-face {font-family:Sora;font-style:normal;font-weight:400;src:url(\/cf-fonts\/v\/sora\/5.0.16\/latin\/wght\/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}\n @font-face {font-family:Cairo;font-style:normal;font-weight:400;src:url(\/cf-fonts\/v\/cairo\/5.0.18\/arabic\/wght\/normal.woff2);unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;font-display:swap;}\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: #c29b2e;\n }\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\n body {\n background: var(--bg);\n font-family: 'Sora', 'Cairo', system-ui, sans-serif;\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n line-height: 1.6;\n }\n \/* animated background *\/\n .bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n .bg-grid {\n position: absolute; inset: 0;\n background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px);\n background-size: 56px 56px; animation: gridScroll 22s linear infinite;\n }\n @keyframes gridScroll { from { transform: perspective(700px) rotateX(28deg) translateY(0); } to { transform: perspective(700px) rotateX(28deg) translateY(56px); } }\n .bg-orb { position: absolute; border-radius: 50%; filter: blur(90px); animation: orbFloat 9s ease-in-out infinite alternate; }\n .orb1 { width:520px;height:520px;background:rgba(180,200,230,.38);top:-170px;right:-130px;animation-delay:0s; }\n .orb2 { width:360px;height:360px;background:rgba(200,180,220,.25);bottom:8%;left:3%;animation-delay:-4s; }\n .orb3 { width:260px;height:260px;background:rgba(255,179,71,.12);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 \/* floating logo *\/\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 28s linear infinite; transform-style: preserve-3d; perspective: 800px; }\n .logo-3d-wrapper.logo-small { width:130px; height:130px; }\n @keyframes spin3D {\n 0% { transform: rotateY(0deg) rotateX(8deg); }\n 100% { transform: rotateY(360deg) rotateX(8deg); }\n }\n .logo-3d-img { width:100%; height:100%; object-fit:contain; opacity:.06; filter: saturate(.7) brightness(.9); 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; } 15% { opacity:.55; } 85% { opacity:.55; } 100% { transform:translateY(-120px) rotate(360deg); opacity:0; } }\n \/* page wrap *\/\n .page-wrap { position: relative; z-index:2; padding: 2rem 1.5rem 4rem; max-width: 1350px; margin: 0 auto; }\n \/* control bar *\/\n .control-bar {\n display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem;\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n padding: 1.2rem 1.8rem; margin-bottom: 2.5rem; backdrop-filter: blur(8px);\n box-shadow: 0 4px 24px rgba(0,0,0,.06);\n }\n .bar-left { display: flex; align-items: center; gap: 1rem; }\n .bar-icon { width: 52px; height: 52px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0); border-radius: 18px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.5rem; box-shadow: 0 4px 12px rgba(26,77,140,.4); }\n .bar-title { font-size: 1.35rem; font-weight: 800; color: var(--accent); line-height: 1.2; }\n .bar-subtitle { font-size: 0.85rem; color: var(--muted); font-weight: 600; margin-top: 5px; }\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: 8px; }\n .section-title {\n font-size: 1.7rem; font-weight: 800; color: #0a2b44;\n margin: 2rem 0 1.2rem; position: relative; padding-right: 15px;\n }\n .section-title:after { content: \"\"; position: absolute; right: 0; bottom: -8px; width: 60px; height: 4px; background: var(--orange); border-radius: 4px; }\n \/* card grid *\/\n .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.8rem; margin-bottom: 2rem; }\n .data-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 8px 32px rgba(0,0,0,.04);\n }\n .card-header { background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98)); padding: 1.2rem 1.4rem; border-bottom: 1.5px solid rgba(26,77,140,.10); display: flex; align-items: center; gap: 12px; }\n .card-header i { font-size: 1.7rem; color: var(--accent2); }\n .card-header h3 { font-size: 1.25rem; font-weight: 700; color: #1f4e79; }\n .card-body { padding: 1.5rem; }\n .resource-list { list-style: none; }\n .resource-list li { padding: 0.7rem 0; border-bottom: 1px dashed rgba(26,77,140,.12); display: flex; align-items: center; gap: 12px; font-weight: 600; font-size: 0.95rem; transition: color 0.2s; }\n .resource-list li:last-child { border-bottom: none; }\n .resource-list li i { color: var(--orange); width: 24px; text-align: center; font-size: 1.1rem; }\n .resource-list li a { text-decoration: none; color: var(--text); flex:1; transition: color 0.2s; }\n .resource-list li a:hover { color: var(--accent2); }\n .stat-highlight {\n background: linear-gradient(135deg, #ffffff, #f8fafd);\n border-radius: 28px; padding: 1.5rem; margin: 1rem 0 1.8rem;\n border: 1px solid var(--border); display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: space-around;\n }\n .stat-item { text-align: center; min-width: 100px; }\n .stat-number { font-size: 2.3rem; font-weight: 800; color: var(--accent); line-height: 1; }\n .stat-label { font-size: 0.85rem; font-weight: 700; color: var(--muted); margin-top: 6px; }\n .mission-vision {\n background: linear-gradient(110deg, rgba(255,255,255,0.94), rgba(248,250,252,0.94));\n border-radius: var(--radius); padding: 1.8rem; border-right: 6px solid var(--orange);\n margin-bottom: 1.8rem;\n }\n .services-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); gap: 1.3rem; margin: 1.5rem 0; }\n .service-card { background: var(--surface); border: 1px solid var(--border); border-radius: 24px; padding: 1.4rem; transition: 0.2s; text-align: center; }\n .service-card i { font-size: 2rem; color: var(--gold); margin-bottom: 0.8rem; }\n .service-card h4 { font-size: 1.1rem; font-weight: 800; margin-bottom: 0.5rem; color: var(--accent); }\n .footer-note {\n margin-top: 3rem; text-align: center; background: var(--surface); border: 1px solid var(--border);\n border-radius: 60px; padding: 1rem 2rem; width: fit-content; margin-left: auto; margin-right: auto;\n font-size: 0.9rem; font-weight: 600; color: var(--muted);\n }\n @media (max-width: 768px) { .page-wrap { padding: 1.2rem; } .control-bar { flex-direction: column; align-items: flex-start; } .section-title { font-size: 1.4rem; } }\n <\/style>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<\/head>\n<body>\n\n\n<div class=\"bg-scene\">\n <div class=\"bg-grid\"><\/div>\n <div class=\"bg-orb orb1\"><\/div>\n <div class=\"bg-orb orb2\"><\/div>\n <div class=\"bg-orb orb3\"><\/div>\n <div class=\"logo-watermark logo-center\">\n <div class=\"logo-3d-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f\">\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"page-wrap\">\n \n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-landmark\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629<\/div>\n <div class=\"bar-subtitle\"><i class=\"fas fa-map-pin\" 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-book-open\"><\/i> \u0623\u0643\u062b\u0631 \u0645\u0646 22,000 \u0645\u0627\u062f\u0629 \u0639\u0644\u0645\u064a\u0629<\/div>\n <div class=\"badge-count\"><i class=\"fas fa-microchip\"><\/i> \u0646\u0638\u0627\u0645 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u062a\u0643\u0627\u0645\u0644<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mission-vision\">\n <i class=\"fas fa-quote-right\" style=\"font-size:1.8rem; color:var(--orange); margin-left:12px;\"><\/i>\n <p style=\"font-size:1.05rem; font-weight:500;\">\u062a\u064f\u0639\u062f \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u0631\u0627\u0641\u062f\u0627\u064b \u0623\u0633\u0627\u0633\u064a\u0627\u064b \u0644\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0628\u062d\u062b\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0639\u0647\u062f\u060c \u062d\u064a\u062b \u062a\u0648\u0641\u0631 \u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0637\u0628\u0648\u0639\u0629 \u0648\u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0648\u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u062e\u062f\u0645\u0627\u062a\u0647\u0627 \u0644\u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0637\u0644\u0628\u0629 \u0648\u0627\u0644\u062a\u062f\u0631\u064a\u0633\u064a\u064a\u0646 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629.<\/p>\n <\/div>\n\n \n <div class=\"stat-highlight\">\n <div class=\"stat-item\"><div class=\"stat-number\" data-count=\"22750\">0<\/div><div class=\"stat-label\">\u0645\u0635\u062f\u0631 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u064a<\/div><\/div>\n <div class=\"stat-item\"><div class=\"stat-number\" data-count=\"12500\">0<\/div><div class=\"stat-label\">\u0643\u062a\u0627\u0628 \u0645\u0637\u0628\u0648\u0639<\/div><\/div>\n <div class=\"stat-item\"><div class=\"stat-number\" data-count=\"840\">0<\/div><div class=\"stat-label\">\u0631\u0633\u0627\u0644\u0629 \u062c\u0627\u0645\u0639\u064a\u0629<\/div><\/div>\n <div class=\"stat-item\"><div class=\"stat-number\" data-count=\"48\">0<\/div><div class=\"stat-label\">\u0642\u0627\u0639\u062f\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/div><\/div>\n <div class=\"stat-item\"><div class=\"stat-number\" data-count=\"6000\">0<\/div><div class=\"stat-label\">\u062f\u0648\u0631\u064a\u0629 \u0639\u0644\u0645\u064a\u0629<\/div><\/div>\n <\/div>\n\n <h2 class=\"section-title\"><i class=\"fas fa-layer-group\" style=\"margin-left:10px; color:var(--orange);\"><\/i> \u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0645\u0643\u062a\u0628\u0629 & \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-print\"><\/i>\n <h3>\u0627\u0644\u0645\u0642\u062a\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\">\n <li><i class=\"fas fa-book\"><\/i> <a href=\"#\">\u0627\u0644\u0645\u0631\u0627\u062c\u0639 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 (\u0645\u0631\u0627\u062c\u0639 \u0627\u0644\u0645\u0642\u0631\u0631\u0627\u062a)<\/a><\/li>\n <li><i class=\"fas fa-scroll\"><\/i> <a href=\"#\">\u0627\u0644\u0645\u0648\u0633\u0648\u0639\u0627\u062a \u0648\u0627\u0644\u0642\u0648\u0627\u0645\u064a\u0633 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629<\/a><\/li>\n <li><i class=\"fas fa-graduation-cap\"><\/i> <a href=\"#\">\u0627\u0644\u0623\u0637\u0631\u0648\u062d\u0627\u062a \u0648\u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u062c\u0627\u0645\u0639\u064a\u0629<\/a><\/li>\n <li><i class=\"fas fa-newspaper\"><\/i> <a href=\"#\">\u0627\u0644\u062f\u0648\u0631\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u062c\u0644\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u062d\u0643\u0645\u0629<\/a><\/li>\n <li><i class=\"fas fa-chart-bar\"><\/i> <a href=\"#\">\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-laptop-code\"><\/i>\n <h3>\u0627\u0644\u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\">\n <li><i class=\"fas fa-database\"><\/i> <a href=\"#\">\u0642\u0648\u0627\u0639\u062f \u0628\u064a\u0627\u0646\u0627\u062a \u0639\u0627\u0644\u0645\u064a\u0629 (IEEE, Scopus, ScienceDirect)<\/a><\/li>\n <li><i class=\"fas fa-file-alt\"><\/i> <a href=\"#\">\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0644\u0644\u0645\u0639\u0647\u062f (\u0623\u0631\u0634\u0641\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629)<\/a><\/li>\n <li><i class=\"fas fa-head-side-vr\"><\/i> <a href=\"#\">\u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 (EBSCO, SpringerLink)<\/a><\/li>\n <li><i class=\"fas fa-photo-video\"><\/i> <a href=\"#\">\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0627\u0644\u0645\u0633\u062c\u0644\u0629<\/a><\/li>\n <li><i class=\"fas fa-chalkboard\"><\/i> <a href=\"#\">\u0645\u0646\u0635\u0629 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a \u0627\u0644\u0645\u0648\u062d\u062f\u0629<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-users\"><\/i>\n <h3>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\">\n <li><i class=\"fas fa-id-card\"><\/i> <a href=\"#\">\u0627\u0644\u0625\u0639\u0627\u0631\u0629 \u0648\u0627\u0644\u0625\u0631\u062c\u0627\u0639 (\u0646\u0638\u0627\u0645 \u0622\u0644\u064a)<\/a><\/li>\n <li><i class=\"fas fa-wifi\"><\/i> <a href=\"#\">\u0645\u0646\u0637\u0642\u0629 \u062a\u0635\u0641\u062d \u062d\u0631 \u2013 \u0648\u0627\u064a \u0641\u0627\u064a<\/a><\/li>\n <li><i class=\"fas fa-search\"><\/i> <a href=\"#\">\u062e\u062f\u0645\u0629 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0628\u0628\u0644\u064a\u0648\u063a\u0631\u0627\u0641\u064a \u0627\u0644\u0645\u062a\u0642\u062f\u0645<\/a><\/li>\n <li><i class=\"fas fa-print\"><\/i> <a href=\"#\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0648\u0627\u0644\u0645\u0633\u062d \u0627\u0644\u0636\u0648\u0626\u064a<\/a><\/li>\n <li><i class=\"fas fa-calendar-alt\"><\/i> <a href=\"#\">\u062d\u062c\u0632 \u0642\u0627\u0639\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u062c\u0645\u0627\u0639\u064a\u0629<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-microchip\" style=\"margin-left:10px; color:var(--accent2);\"><\/i> \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/h2>\n <div class=\"services-grid\">\n <div class=\"service-card\" data-tilt><i class=\"fas fa-qrcode\"><\/i><h4>\u0627\u0644\u0641\u0647\u0631\u0633\u0629 \u0627\u0644\u0622\u0644\u064a\u0629<\/h4><p style=\"font-size:0.85rem;\">\u0646\u0638\u0627\u0645 (OLIB) \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0642\u062a\u0646\u064a\u0627\u062a \u0648\u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0645\u062a\u0642\u062f\u0645.<\/p><\/div>\n <div class=\"service-card\" data-tilt><i class=\"fas fa-mobile-alt\"><\/i><h4>\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0630\u0643\u064a<\/h4><p style=\"font-size:0.85rem;\">\u0627\u0633\u062a\u0639\u0627\u0631\u0629 \u0627\u0644\u0643\u062a\u0628 \u0648\u062a\u062c\u062f\u064a\u062f\u0647\u0627 \u0639\u0628\u0631 \u0627\u0644\u0647\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644.<\/p><\/div>\n <div class=\"service-card\" data-tilt><i class=\"fas fa-sync-alt\"><\/i><h4>\u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 \u0645\u0633\u062a\u0648\u062f\u0639 \u0627\u0644\u0623\u0628\u062d\u0627\u062b<\/h4><p style=\"font-size:0.85rem;\">\u0631\u0628\u0637 \u0627\u0644\u0623\u0628\u062d\u0627\u062b \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0629 \u0644\u0644\u062a\u062f\u0631\u064a\u0633\u064a\u064a\u0646 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b.<\/p><\/div>\n <div class=\"service-card\" data-tilt><i class=\"fas fa-chalkboard-user\"><\/i><h4>\u062f\u0648\u0631\u0627\u062a \u0645\u062d\u0648 \u0627\u0644\u0623\u0645\u064a\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u064a\u0629<\/h4><p style=\"font-size:0.85rem;\">\u0648\u0631\u0634 \u0634\u0647\u0631\u064a\u0629 \u062d\u0648\u0644 \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0647\u0627\u062f.<\/p><\/div>\n <div class=\"service-card\" data-tilt><i class=\"fas fa-robot\"><\/i><h4>\u0627\u0644\u0645\u0633\u0627\u0639\u062f \u0627\u0644\u0630\u0643\u064a (\u0645\u062d\u0627\u062f\u062b\u0629)<\/h4><p style=\"font-size:0.85rem;\">\u0628\u0648\u062a \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629.<\/p><\/div>\n <div class=\"service-card\" data-tilt><i class=\"fas fa-chart-line\"><\/i><h4>\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u062a\u0642\u064a\u064a\u0645<\/h4><p style=\"font-size:0.85rem;\">\u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645 \u0644\u0642\u064a\u0627\u0633 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621.<\/p><\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-cogs\" style=\"margin-left:10px;\"><\/i> \u0623\u0631\u0643\u0627\u0646 \u062a\u062e\u0635\u0635\u064a\u0629 \u0644\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0644\u0645\u064a\u0629<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-stethoscope\"><\/i>\n <h3>\u0627\u0644\u0632\u0627\u0648\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\">\n <li><i class=\"fas fa-heartbeat\"><\/i> \u0623\u062d\u062f\u062b \u0645\u0631\u0627\u062c\u0639 \u0627\u0644\u062a\u0645\u0631\u064a\u0636 \u0648\u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629<\/li>\n <li><i class=\"fas fa-lungs\"><\/i> \u0642\u0648\u0627\u0639\u062f \u0628\u064a\u0627\u0646\u0627\u062a (PubMed, Medline)<\/li>\n <li><i class=\"fas fa-syringe\"><\/i> \u062f\u0648\u0631\u064a\u0627\u062a \u0641\u064a \u062a\u0642\u0646\u064a\u0627\u062a \u063a\u0633\u064a\u0644 \u0627\u0644\u0643\u0644\u0649<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-oil-can\"><\/i>\n <h3>\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u0637\u0627\u0642\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\">\n <li><i class=\"fas fa-industry\"><\/i> \u0645\u0631\u0627\u062c\u0639 \u062a\u0643\u0631\u064a\u0631 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632<\/li>\n <li><i class=\"fas fa-drill\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u0641\u0631 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c<\/li>\n <li><i class=\"fas fa-solar-panel\"><\/i> \u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u062c\u062f\u062f\u0629<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-building\"><\/i>\n <h3>\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\"><li><i class=\"fas fa-draw-polygon\"><\/i> \u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0645\u0633\u0627\u062d\u0629<\/li><li><i class=\"fas fa-water\"><\/i> \u0627\u0644\u0647\u064a\u062f\u0631\u0648\u0644\u064a\u0643\u0627 \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a<\/li><li><i class=\"fas fa-city\"><\/i> \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a<\/li><\/ul>\n <\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-chart-line\"><\/i><h3>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629<\/h3><\/div>\n <div class=\"card-body\"><ul class=\"resource-list\"><li><i class=\"fas fa-calculator\"><\/i> \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u064a\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629<\/li><li><i class=\"fas fa-gavel\"><\/i> \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u0631\u064a\u0639\u0627\u062a<\/li><li><i class=\"fas fa-chart-pie\"><\/i> \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/li><\/ul><\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"display: flex; flex-wrap: wrap; gap: 1.5rem; margin: 2rem 0;\">\n <div class=\"data-card\" style=\"flex:1;\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-clock\"><\/i><h3>\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\">\n <li><i class=\"fas fa-sun\"><\/i> \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0635\u0628\u0627\u062d\u064a\u0629: 8:30 \u0635\u0628\u0627\u062d\u0627\u064b \u2013 2:00 \u0638\u0647\u0631\u0627\u064b (\u0627\u0644\u0623\u062d\u062f \u2013 \u0627\u0644\u062e\u0645\u064a\u0633)<\/li>\n <li><i class=\"fas fa-moon\"><\/i> \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u0626\u064a\u0629: 3:00 \u0639\u0635\u0631\u0627\u064b \u2013 8:00 \u0645\u0633\u0627\u0621\u064b (\u0628\u0639\u062f \u0627\u0644\u062a\u0646\u0633\u064a\u0642)<\/li>\n <li><i class=\"fas fa-calendar-week\"><\/i> \u0623\u064a\u0627\u0645 \u0627\u0644\u0627\u0645\u062a\u062d\u0627\u0646\u0627\u062a: \u062a\u0645\u062f\u064a\u062f \u062d\u062a\u0649 10:00 \u0645\u0633\u0627\u0621\u064b<\/li>\n <li><i class=\"fas fa-lock\"><\/i> \u0645\u063a\u0644\u0642 \u0623\u064a\u0627\u0645 \u0627\u0644\u062c\u0645\u0639 \u0648\u0627\u0644\u0639\u0637\u0644\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"data-card\" style=\"flex:1;\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-file-signature\"><\/i><h3>\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0625\u0639\u0627\u0631\u0629<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\">\n <li><i class=\"fas fa-book-reader\"><\/i> \u0627\u0644\u0637\u0627\u0644\u0628: 4 \u0643\u062a\u0628 \u0644\u0645\u062f\u0629 \u0623\u0633\u0628\u0648\u0639\u064a\u0646 (\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062c\u062f\u064a\u062f)<\/li>\n <li><i class=\"fas fa-chalkboard-teacher\"><\/i> \u0627\u0644\u062a\u062f\u0631\u064a\u0633\u064a: 8 \u0643\u062a\u0628 \u0644\u0645\u062f\u0629 \u0634\u0647\u0631 \u0643\u0627\u0645\u0644<\/li>\n <li><i class=\"fas fa-ban\"><\/i> \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u0645\u0631\u062c\u0639\u064a\u0629 \u0648\u0627\u0644\u062f\u0648\u0631\u064a\u0627\u062a \u0644\u0627 \u062a\u0639\u0627\u0631 \u062e\u0627\u0631\u062c \u0627\u0644\u0645\u0643\u062a\u0628\u0629<\/li>\n <li><i class=\"fas fa-coins\"><\/i> \u063a\u0631\u0627\u0645\u0629 \u0627\u0644\u062a\u0623\u062e\u064a\u0631: 500 \u062f\u064a\u0646\u0627\u0631 \u0639\u0631\u0627\u0642\u064a \u064a\u0648\u0645\u064a\u0627\u064b<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mission-vision\" style=\"border-right-color: var(--accent2);\">\n <i class=\"fas fa-cloud-upload-alt\" style=\"font-size:1.6rem; color: var(--accent2); margin-left:10px;\"><\/i>\n <h3 style=\"display: inline-block; margin-bottom: 8px;\">\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0645\u0624\u0633\u0633\u064a<\/h3>\n <p>\u062a\u0633\u0639\u0649 \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0625\u0644\u0649 \u0625\u0646\u0634\u0627\u0621 \u0645\u0633\u062a\u0648\u062f\u0639 \u0631\u0642\u0645\u064a \u0645\u0641\u062a\u0648\u062d \u0627\u0644\u0648\u0635\u0648\u0644 \u064a\u0636\u0645 \u0643\u0627\u0641\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0641\u0643\u0631\u064a \u0644\u0645\u0646\u062a\u0633\u0628\u064a \u0627\u0644\u0645\u0639\u0647\u062f (\u0628\u062d\u0648\u062b\u060c \u0645\u0624\u062a\u0645\u0631\u0627\u062a\u060c \u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u062e\u0631\u062c \u0645\u062a\u0645\u064a\u0632\u0629) \u0644\u064a\u0643\u0648\u0646 \u0645\u0646\u0635\u0629 \u0625\u0642\u0644\u064a\u0645\u064a\u0629 \u0644\u0644\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0639\u0644\u0645\u064a\u060c \u0648\u064a\u062f\u0639\u0645 \u0627\u0644\u0623\u0631\u0634\u0641\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0648\u0641\u0642 \u0645\u0639\u0627\u064a\u064a\u0631 (OAIS).<\/p>\n <hr style=\"margin: 15px 0; border-color: rgba(0,0,0,0.05);\">\n <p><i class=\"fas fa-globe\"><\/i> <strong>\u0645\u0646\u0635\u0629 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629:<\/strong> \u0631\u0628\u0637 \u0627\u0644\u0645\u0642\u062a\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0628\u064a\u0629 \u0645\u0639 \u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0639\u0644\u0645 (Moodle) \u0644\u062a\u0648\u0641\u064a\u0631 \u0645\u0635\u0627\u062f\u0631 \u0645\u0642\u0631\u0631\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0644\u0644\u0637\u0644\u0628\u0629.<\/p>\n <\/div>\n\n <div class=\"cards-grid\" style=\"grid-template-columns: repeat(auto-fit, minmax(280px,1fr));\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-chalkboard\"><\/i><h3>\u0642\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0637\u0627\u0644\u0639\u0629<\/h3><\/div>\n <div class=\"card-body\"><ul class=\"resource-list\"><li><i class=\"fas fa-chair\"><\/i> 150 \u0645\u0642\u0639\u062f\u0627\u064b \u0644\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u062d\u0631\u0629<\/li><li><i class=\"fas fa-laptop\"><\/i> 40 \u0645\u062d\u0637\u0629 \u062d\u0627\u0633\u0648\u0628 \u0645\u062a\u0635\u0644\u0629 \u0628\u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a<\/li><li><i class=\"fas fa-microphone-alt\"><\/i> \u0642\u0627\u0639\u0627\u062a \u0645\u062c\u0647\u0632\u0629 \u0644\u0644\u0628\u062d\u062b \u0627\u0644\u062c\u0645\u0627\u0639\u064a<\/li><\/ul><\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-hand-holding-heart\"><\/i><h3>\u062e\u062f\u0645\u0627\u062a \u0630\u0648\u064a \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629<\/h3><\/div>\n <div class=\"card-body\"><ul class=\"resource-list\"><li><i class=\"fas fa-universal-access\"><\/i> \u0645\u062f\u0627\u062e\u0644 \u0645\u062e\u0635\u0635\u0629\u060c \u0643\u0631\u0627\u0633\u064a \u0645\u062a\u062d\u0631\u0643\u0629<\/li><li><i class=\"fas fa-braille\"><\/i> \u0643\u062a\u0628 \u0628\u0646\u0638\u0627\u0645 \u0628\u0631\u0627\u064a\u0644 \u0648\u0642\u0627\u0631\u0626\u0627\u062a \u0646\u0627\u0637\u0642\u0629<\/li><li><i class=\"fas fa-deaf\"><\/i> \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0628\u0644\u063a\u0629 \u0627\u0644\u0625\u0634\u0627\u0631\u0629 \u0639\u0646\u062f \u0627\u0644\u0637\u0644\u0628<\/li><\/ul><\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-note\">\n <i class=\"fas fa-book\"><\/i> \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u2013 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 | \u062e\u062f\u0645\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u0644\u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\n <\/div>\n<\/div>\n\n<script>\n \/\/ particles generator (like original style)\n (function(){\n const colors = ['#8faac8','#aec6e0','#bfcfdf','#cb9e5e'];\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%4]};left:${Math.random()*100}vw;animation-duration:${Math.random()*13+7}s;animation-delay:${Math.random()*12}s;border-radius:50%;opacity:0.5;`;\n document.body.appendChild(el);\n }\n })();\n\n \/\/ counter animation for statistics (inspired by original number displays)\n const counters = document.querySelectorAll('.stat-number');\n const animateNumber = (el) => {\n const target = parseInt(el.getAttribute('data-count'));\n let current = 0;\n const step = Math.ceil(target \/ 55);\n const updateCounter = () => {\n current += step;\n if(current >= target) {\n el.innerText = target.toLocaleString();\n return;\n }\n el.innerText = current.toLocaleString();\n requestAnimationFrame(updateCounter);\n };\n updateCounter();\n };\n const observerOptions = { threshold: 0.3, rootMargin: \"0px 0px -30px 0px\" };\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if(entry.isIntersecting) {\n animateNumber(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n counters.forEach(counter => observer.observe(counter));\n\n \/\/ 3D tilt effect matching original spec\n document.querySelectorAll('[data-tilt]').forEach(card => {\n card.addEventListener('mousemove', e => {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const centerX = rect.width \/ 2;\n const centerY = rect.height \/ 2;\n const rotateY = ((x - centerX) \/ centerX) * 5;\n const rotateX = ((y - centerY) \/ centerY) * -5;\n card.style.transition = 'transform 0.08s ease, box-shadow 0.08s ease';\n card.style.transform = `perspective(900px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateY(-4px)`;\n card.style.boxShadow = '0 18px 32px -12px rgba(26,77,140,0.2)';\n card.style.borderColor = 'rgba(255,179,71,0.45)';\n });\n card.addEventListener('mouseleave', () => {\n card.style.transition = 'transform 0.35s cubic-bezier(0.2,0.9,0.4,1.1), box-shadow 0.3s';\n card.style.transform = '';\n card.style.boxShadow = '';\n card.style.borderColor = '';\n });\n });\n\n \/\/ ensure any missing images fallback (watermark) silent\n document.querySelectorAll('img').forEach(img => {\n img.onerror = () => img.style.display = 'none';\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \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\u0643\u062b\u0631 \u0645\u0646 22,000 \u0645\u0627\u062f\u0629 \u0639\u0644\u0645\u064a\u0629 \u0646\u0638\u0627\u0645 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u062a\u0643\u0627\u0645\u0644 \u062a\u064f\u0639\u062f \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u0631\u0627\u0641\u062f\u0627\u064b \u0623\u0633\u0627\u0633\u064a\u0627\u064b \u0644\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0628\u062d\u062b\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0639\u0647\u062f\u060c \u062d\u064a\u062b \u062a\u0648\u0641\u0631 \u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0637\u0628\u0648\u0639\u0629 \u0648\u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0648\u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u062e\u062f\u0645\u0627\u062a\u0647\u0627 \u0644\u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0637\u0644\u0628\u0629 \u0648\u0627\u0644\u062a\u062f\u0631\u064a\u0633\u064a\u064a\u0646 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629. 0 \u0645\u0635\u062f\u0631 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u064a … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22545\">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-22545","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22545","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=22545"}],"version-history":[{"count":1,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22545\/revisions"}],"predecessor-version":[{"id":22546,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22545\/revisions\/22546"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22545,"date":"2026-04-28T20:29:33","date_gmt":"2026-04-28T17:29:33","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=22545"},"modified":"2026-04-28T20:29:43","modified_gmt":"2026-04-28T17:29:43","slug":"22545-2","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=22545","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/title>\n <style>\n @font-face {font-family:Sora;font-style:normal;font-weight:300;src:url(\/cf-fonts\/v\/sora\/5.0.16\/latin-ext\/wght\/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}\n @font-face {font-family:Sora;font-style:normal;font-weight:400;src:url(\/cf-fonts\/v\/sora\/5.0.16\/latin\/wght\/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}\n @font-face {font-family:Cairo;font-style:normal;font-weight:400;src:url(\/cf-fonts\/v\/cairo\/5.0.18\/arabic\/wght\/normal.woff2);unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;font-display:swap;}\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: #c29b2e;\n }\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior: smooth; }\n body {\n background: var(--bg);\n font-family: 'Sora', 'Cairo', system-ui, sans-serif;\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n line-height: 1.6;\n }\n \/* animated background *\/\n .bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n .bg-grid {\n position: absolute; inset: 0;\n background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px);\n background-size: 56px 56px; animation: gridScroll 22s linear infinite;\n }\n @keyframes gridScroll { from { transform: perspective(700px) rotateX(28deg) translateY(0); } to { transform: perspective(700px) rotateX(28deg) translateY(56px); } }\n .bg-orb { position: absolute; border-radius: 50%; filter: blur(90px); animation: orbFloat 9s ease-in-out infinite alternate; }\n .orb1 { width:520px;height:520px;background:rgba(180,200,230,.38);top:-170px;right:-130px;animation-delay:0s; }\n .orb2 { width:360px;height:360px;background:rgba(200,180,220,.25);bottom:8%;left:3%;animation-delay:-4s; }\n .orb3 { width:260px;height:260px;background:rgba(255,179,71,.12);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 \/* floating logo *\/\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 28s linear infinite; transform-style: preserve-3d; perspective: 800px; }\n .logo-3d-wrapper.logo-small { width:130px; height:130px; }\n @keyframes spin3D {\n 0% { transform: rotateY(0deg) rotateX(8deg); }\n 100% { transform: rotateY(360deg) rotateX(8deg); }\n }\n .logo-3d-img { width:100%; height:100%; object-fit:contain; opacity:.06; filter: saturate(.7) brightness(.9); 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; } 15% { opacity:.55; } 85% { opacity:.55; } 100% { transform:translateY(-120px) rotate(360deg); opacity:0; } }\n \/* page wrap *\/\n .page-wrap { position: relative; z-index:2; padding: 2rem 1.5rem 4rem; max-width: 1350px; margin: 0 auto; }\n \/* control bar *\/\n .control-bar {\n display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem;\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n padding: 1.2rem 1.8rem; margin-bottom: 2.5rem; backdrop-filter: blur(8px);\n box-shadow: 0 4px 24px rgba(0,0,0,.06);\n }\n .bar-left { display: flex; align-items: center; gap: 1rem; }\n .bar-icon { width: 52px; height: 52px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0); border-radius: 18px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.5rem; box-shadow: 0 4px 12px rgba(26,77,140,.4); }\n .bar-title { font-size: 1.35rem; font-weight: 800; color: var(--accent); line-height: 1.2; }\n .bar-subtitle { font-size: 0.85rem; color: var(--muted); font-weight: 600; margin-top: 5px; }\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: 8px; }\n .section-title {\n font-size: 1.7rem; font-weight: 800; color: #0a2b44;\n margin: 2rem 0 1.2rem; position: relative; padding-right: 15px;\n }\n .section-title:after { content: \"\"; position: absolute; right: 0; bottom: -8px; width: 60px; height: 4px; background: var(--orange); border-radius: 4px; }\n \/* card grid *\/\n .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.8rem; margin-bottom: 2rem; }\n .data-card {\n background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;\n box-shadow: 0 8px 32px rgba(0,0,0,.04);\n }\n .card-header { background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98)); padding: 1.2rem 1.4rem; border-bottom: 1.5px solid rgba(26,77,140,.10); display: flex; align-items: center; gap: 12px; }\n .card-header i { font-size: 1.7rem; color: var(--accent2); }\n .card-header h3 { font-size: 1.25rem; font-weight: 700; color: #1f4e79; }\n .card-body { padding: 1.5rem; }\n .resource-list { list-style: none; }\n .resource-list li { padding: 0.7rem 0; border-bottom: 1px dashed rgba(26,77,140,.12); display: flex; align-items: center; gap: 12px; font-weight: 600; font-size: 0.95rem; transition: color 0.2s; }\n .resource-list li:last-child { border-bottom: none; }\n .resource-list li i { color: var(--orange); width: 24px; text-align: center; font-size: 1.1rem; }\n .resource-list li a { text-decoration: none; color: var(--text); flex:1; transition: color 0.2s; }\n .resource-list li a:hover { color: var(--accent2); }\n .stat-highlight {\n background: linear-gradient(135deg, #ffffff, #f8fafd);\n border-radius: 28px; padding: 1.5rem; margin: 1rem 0 1.8rem;\n border: 1px solid var(--border); display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: space-around;\n }\n .stat-item { text-align: center; min-width: 100px; }\n .stat-number { font-size: 2.3rem; font-weight: 800; color: var(--accent); line-height: 1; }\n .stat-label { font-size: 0.85rem; font-weight: 700; color: var(--muted); margin-top: 6px; }\n .mission-vision {\n background: linear-gradient(110deg, rgba(255,255,255,0.94), rgba(248,250,252,0.94));\n border-radius: var(--radius); padding: 1.8rem; border-right: 6px solid var(--orange);\n margin-bottom: 1.8rem;\n }\n .services-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); gap: 1.3rem; margin: 1.5rem 0; }\n .service-card { background: var(--surface); border: 1px solid var(--border); border-radius: 24px; padding: 1.4rem; transition: 0.2s; text-align: center; }\n .service-card i { font-size: 2rem; color: var(--gold); margin-bottom: 0.8rem; }\n .service-card h4 { font-size: 1.1rem; font-weight: 800; margin-bottom: 0.5rem; color: var(--accent); }\n .footer-note {\n margin-top: 3rem; text-align: center; background: var(--surface); border: 1px solid var(--border);\n border-radius: 60px; padding: 1rem 2rem; width: fit-content; margin-left: auto; margin-right: auto;\n font-size: 0.9rem; font-weight: 600; color: var(--muted);\n }\n @media (max-width: 768px) { .page-wrap { padding: 1.2rem; } .control-bar { flex-direction: column; align-items: flex-start; } .section-title { font-size: 1.4rem; } }\n <\/style>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<\/head>\n<body>\n\n\n<div class=\"bg-scene\">\n <div class=\"bg-grid\"><\/div>\n <div class=\"bg-orb orb1\"><\/div>\n <div class=\"bg-orb orb2\"><\/div>\n <div class=\"bg-orb orb3\"><\/div>\n <div class=\"logo-watermark logo-center\">\n <div class=\"logo-3d-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f\">\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"page-wrap\">\n \n <div class=\"control-bar\">\n <div class=\"bar-left\">\n <div class=\"bar-icon\"><i class=\"fas fa-landmark\"><\/i><\/div>\n <div>\n <div class=\"bar-title\">\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629<\/div>\n <div class=\"bar-subtitle\"><i class=\"fas fa-map-pin\" 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-book-open\"><\/i> \u0623\u0643\u062b\u0631 \u0645\u0646 22,000 \u0645\u0627\u062f\u0629 \u0639\u0644\u0645\u064a\u0629<\/div>\n <div class=\"badge-count\"><i class=\"fas fa-microchip\"><\/i> \u0646\u0638\u0627\u0645 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u062a\u0643\u0627\u0645\u0644<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mission-vision\">\n <i class=\"fas fa-quote-right\" style=\"font-size:1.8rem; color:var(--orange); margin-left:12px;\"><\/i>\n <p style=\"font-size:1.05rem; font-weight:500;\">\u062a\u064f\u0639\u062f \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u0631\u0627\u0641\u062f\u0627\u064b \u0623\u0633\u0627\u0633\u064a\u0627\u064b \u0644\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0628\u062d\u062b\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0639\u0647\u062f\u060c \u062d\u064a\u062b \u062a\u0648\u0641\u0631 \u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0637\u0628\u0648\u0639\u0629 \u0648\u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0648\u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u062e\u062f\u0645\u0627\u062a\u0647\u0627 \u0644\u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0637\u0644\u0628\u0629 \u0648\u0627\u0644\u062a\u062f\u0631\u064a\u0633\u064a\u064a\u0646 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629.<\/p>\n <\/div>\n\n \n <div class=\"stat-highlight\">\n <div class=\"stat-item\"><div class=\"stat-number\" data-count=\"22750\">0<\/div><div class=\"stat-label\">\u0645\u0635\u062f\u0631 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u064a<\/div><\/div>\n <div class=\"stat-item\"><div class=\"stat-number\" data-count=\"12500\">0<\/div><div class=\"stat-label\">\u0643\u062a\u0627\u0628 \u0645\u0637\u0628\u0648\u0639<\/div><\/div>\n <div class=\"stat-item\"><div class=\"stat-number\" data-count=\"840\">0<\/div><div class=\"stat-label\">\u0631\u0633\u0627\u0644\u0629 \u062c\u0627\u0645\u0639\u064a\u0629<\/div><\/div>\n <div class=\"stat-item\"><div class=\"stat-number\" data-count=\"48\">0<\/div><div class=\"stat-label\">\u0642\u0627\u0639\u062f\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/div><\/div>\n <div class=\"stat-item\"><div class=\"stat-number\" data-count=\"6000\">0<\/div><div class=\"stat-label\">\u062f\u0648\u0631\u064a\u0629 \u0639\u0644\u0645\u064a\u0629<\/div><\/div>\n <\/div>\n\n <h2 class=\"section-title\"><i class=\"fas fa-layer-group\" style=\"margin-left:10px; color:var(--orange);\"><\/i> \u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0645\u0643\u062a\u0628\u0629 & \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-print\"><\/i>\n <h3>\u0627\u0644\u0645\u0642\u062a\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\">\n <li><i class=\"fas fa-book\"><\/i> <a href=\"#\">\u0627\u0644\u0645\u0631\u0627\u062c\u0639 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 (\u0645\u0631\u0627\u062c\u0639 \u0627\u0644\u0645\u0642\u0631\u0631\u0627\u062a)<\/a><\/li>\n <li><i class=\"fas fa-scroll\"><\/i> <a href=\"#\">\u0627\u0644\u0645\u0648\u0633\u0648\u0639\u0627\u062a \u0648\u0627\u0644\u0642\u0648\u0627\u0645\u064a\u0633 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629<\/a><\/li>\n <li><i class=\"fas fa-graduation-cap\"><\/i> <a href=\"#\">\u0627\u0644\u0623\u0637\u0631\u0648\u062d\u0627\u062a \u0648\u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u062c\u0627\u0645\u0639\u064a\u0629<\/a><\/li>\n <li><i class=\"fas fa-newspaper\"><\/i> <a href=\"#\">\u0627\u0644\u062f\u0648\u0631\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u062c\u0644\u0627\u062a \u0627\u0644\u0639\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u062d\u0643\u0645\u0629<\/a><\/li>\n <li><i class=\"fas fa-chart-bar\"><\/i> <a href=\"#\">\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-laptop-code\"><\/i>\n <h3>\u0627\u0644\u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\">\n <li><i class=\"fas fa-database\"><\/i> <a href=\"#\">\u0642\u0648\u0627\u0639\u062f \u0628\u064a\u0627\u0646\u0627\u062a \u0639\u0627\u0644\u0645\u064a\u0629 (IEEE, Scopus, ScienceDirect)<\/a><\/li>\n <li><i class=\"fas fa-file-alt\"><\/i> <a href=\"#\">\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0644\u0644\u0645\u0639\u0647\u062f (\u0623\u0631\u0634\u0641\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629)<\/a><\/li>\n <li><i class=\"fas fa-head-side-vr\"><\/i> <a href=\"#\">\u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 (EBSCO, SpringerLink)<\/a><\/li>\n <li><i class=\"fas fa-photo-video\"><\/i> <a href=\"#\">\u0627\u0644\u0645\u062d\u0627\u0636\u0631\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0627\u0644\u0645\u0633\u062c\u0644\u0629<\/a><\/li>\n <li><i class=\"fas fa-chalkboard\"><\/i> <a href=\"#\">\u0645\u0646\u0635\u0629 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0639\u0644\u0645\u064a \u0627\u0644\u0645\u0648\u062d\u062f\u0629<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-users\"><\/i>\n <h3>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\">\n <li><i class=\"fas fa-id-card\"><\/i> <a href=\"#\">\u0627\u0644\u0625\u0639\u0627\u0631\u0629 \u0648\u0627\u0644\u0625\u0631\u062c\u0627\u0639 (\u0646\u0638\u0627\u0645 \u0622\u0644\u064a)<\/a><\/li>\n <li><i class=\"fas fa-wifi\"><\/i> <a href=\"#\">\u0645\u0646\u0637\u0642\u0629 \u062a\u0635\u0641\u062d \u062d\u0631 \u2013 \u0648\u0627\u064a \u0641\u0627\u064a<\/a><\/li>\n <li><i class=\"fas fa-search\"><\/i> <a href=\"#\">\u062e\u062f\u0645\u0629 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0628\u0628\u0644\u064a\u0648\u063a\u0631\u0627\u0641\u064a \u0627\u0644\u0645\u062a\u0642\u062f\u0645<\/a><\/li>\n <li><i class=\"fas fa-print\"><\/i> <a href=\"#\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0648\u0627\u0644\u0645\u0633\u062d \u0627\u0644\u0636\u0648\u0626\u064a<\/a><\/li>\n <li><i class=\"fas fa-calendar-alt\"><\/i> <a href=\"#\">\u062d\u062c\u0632 \u0642\u0627\u0639\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u062c\u0645\u0627\u0639\u064a\u0629<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-microchip\" style=\"margin-left:10px; color:var(--accent2);\"><\/i> \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a<\/h2>\n <div class=\"services-grid\">\n <div class=\"service-card\" data-tilt><i class=\"fas fa-qrcode\"><\/i><h4>\u0627\u0644\u0641\u0647\u0631\u0633\u0629 \u0627\u0644\u0622\u0644\u064a\u0629<\/h4><p style=\"font-size:0.85rem;\">\u0646\u0638\u0627\u0645 (OLIB) \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0642\u062a\u0646\u064a\u0627\u062a \u0648\u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0645\u062a\u0642\u062f\u0645.<\/p><\/div>\n <div class=\"service-card\" data-tilt><i class=\"fas fa-mobile-alt\"><\/i><h4>\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0630\u0643\u064a<\/h4><p style=\"font-size:0.85rem;\">\u0627\u0633\u062a\u0639\u0627\u0631\u0629 \u0627\u0644\u0643\u062a\u0628 \u0648\u062a\u062c\u062f\u064a\u062f\u0647\u0627 \u0639\u0628\u0631 \u0627\u0644\u0647\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644.<\/p><\/div>\n <div class=\"service-card\" data-tilt><i class=\"fas fa-sync-alt\"><\/i><h4>\u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 \u0645\u0633\u062a\u0648\u062f\u0639 \u0627\u0644\u0623\u0628\u062d\u0627\u062b<\/h4><p style=\"font-size:0.85rem;\">\u0631\u0628\u0637 \u0627\u0644\u0623\u0628\u062d\u0627\u062b \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0629 \u0644\u0644\u062a\u062f\u0631\u064a\u0633\u064a\u064a\u0646 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b.<\/p><\/div>\n <div class=\"service-card\" data-tilt><i class=\"fas fa-chalkboard-user\"><\/i><h4>\u062f\u0648\u0631\u0627\u062a \u0645\u062d\u0648 \u0627\u0644\u0623\u0645\u064a\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u064a\u0629<\/h4><p style=\"font-size:0.85rem;\">\u0648\u0631\u0634 \u0634\u0647\u0631\u064a\u0629 \u062d\u0648\u0644 \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0647\u0627\u062f.<\/p><\/div>\n <div class=\"service-card\" data-tilt><i class=\"fas fa-robot\"><\/i><h4>\u0627\u0644\u0645\u0633\u0627\u0639\u062f \u0627\u0644\u0630\u0643\u064a (\u0645\u062d\u0627\u062f\u062b\u0629)<\/h4><p style=\"font-size:0.85rem;\">\u0628\u0648\u062a \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0633\u062a\u0641\u064a\u062f\u064a\u0646 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629.<\/p><\/div>\n <div class=\"service-card\" data-tilt><i class=\"fas fa-chart-line\"><\/i><h4>\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u062a\u0642\u064a\u064a\u0645<\/h4><p style=\"font-size:0.85rem;\">\u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645 \u0644\u0642\u064a\u0627\u0633 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621.<\/p><\/div>\n <\/div>\n\n \n <h2 class=\"section-title\"><i class=\"fas fa-cogs\" style=\"margin-left:10px;\"><\/i> \u0623\u0631\u0643\u0627\u0646 \u062a\u062e\u0635\u0635\u064a\u0629 \u0644\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0644\u0645\u064a\u0629<\/h2>\n <div class=\"cards-grid\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-stethoscope\"><\/i>\n <h3>\u0627\u0644\u0632\u0627\u0648\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\">\n <li><i class=\"fas fa-heartbeat\"><\/i> \u0623\u062d\u062f\u062b \u0645\u0631\u0627\u062c\u0639 \u0627\u0644\u062a\u0645\u0631\u064a\u0636 \u0648\u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629<\/li>\n <li><i class=\"fas fa-lungs\"><\/i> \u0642\u0648\u0627\u0639\u062f \u0628\u064a\u0627\u0646\u0627\u062a (PubMed, Medline)<\/li>\n <li><i class=\"fas fa-syringe\"><\/i> \u062f\u0648\u0631\u064a\u0627\u062a \u0641\u064a \u062a\u0642\u0646\u064a\u0627\u062a \u063a\u0633\u064a\u0644 \u0627\u0644\u0643\u0644\u0649<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-oil-can\"><\/i>\n <h3>\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u0637\u0627\u0642\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\">\n <li><i class=\"fas fa-industry\"><\/i> \u0645\u0631\u0627\u062c\u0639 \u062a\u0643\u0631\u064a\u0631 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632<\/li>\n <li><i class=\"fas fa-drill\"><\/i> \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u0641\u0631 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c<\/li>\n <li><i class=\"fas fa-solar-panel\"><\/i> \u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u062c\u062f\u062f\u0629<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\">\n <i class=\"fas fa-building\"><\/i>\n <h3>\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629<\/h3>\n <\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\"><li><i class=\"fas fa-draw-polygon\"><\/i> \u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0645\u0633\u0627\u062d\u0629<\/li><li><i class=\"fas fa-water\"><\/i> \u0627\u0644\u0647\u064a\u062f\u0631\u0648\u0644\u064a\u0643\u0627 \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a<\/li><li><i class=\"fas fa-city\"><\/i> \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a<\/li><\/ul>\n <\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-chart-line\"><\/i><h3>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629<\/h3><\/div>\n <div class=\"card-body\"><ul class=\"resource-list\"><li><i class=\"fas fa-calculator\"><\/i> \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u064a\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629<\/li><li><i class=\"fas fa-gavel\"><\/i> \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u0631\u064a\u0639\u0627\u062a<\/li><li><i class=\"fas fa-chart-pie\"><\/i> \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/li><\/ul><\/div>\n <\/div>\n <\/div>\n\n \n <div style=\"display: flex; flex-wrap: wrap; gap: 1.5rem; margin: 2rem 0;\">\n <div class=\"data-card\" style=\"flex:1;\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-clock\"><\/i><h3>\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\">\n <li><i class=\"fas fa-sun\"><\/i> \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0635\u0628\u0627\u062d\u064a\u0629: 8:30 \u0635\u0628\u0627\u062d\u0627\u064b \u2013 2:00 \u0638\u0647\u0631\u0627\u064b (\u0627\u0644\u0623\u062d\u062f \u2013 \u0627\u0644\u062e\u0645\u064a\u0633)<\/li>\n <li><i class=\"fas fa-moon\"><\/i> \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0645\u0633\u0627\u0626\u064a\u0629: 3:00 \u0639\u0635\u0631\u0627\u064b \u2013 8:00 \u0645\u0633\u0627\u0621\u064b (\u0628\u0639\u062f \u0627\u0644\u062a\u0646\u0633\u064a\u0642)<\/li>\n <li><i class=\"fas fa-calendar-week\"><\/i> \u0623\u064a\u0627\u0645 \u0627\u0644\u0627\u0645\u062a\u062d\u0627\u0646\u0627\u062a: \u062a\u0645\u062f\u064a\u062f \u062d\u062a\u0649 10:00 \u0645\u0633\u0627\u0621\u064b<\/li>\n <li><i class=\"fas fa-lock\"><\/i> \u0645\u063a\u0644\u0642 \u0623\u064a\u0627\u0645 \u0627\u0644\u062c\u0645\u0639 \u0648\u0627\u0644\u0639\u0637\u0644\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"data-card\" style=\"flex:1;\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-file-signature\"><\/i><h3>\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0625\u0639\u0627\u0631\u0629<\/h3><\/div>\n <div class=\"card-body\">\n <ul class=\"resource-list\">\n <li><i class=\"fas fa-book-reader\"><\/i> \u0627\u0644\u0637\u0627\u0644\u0628: 4 \u0643\u062a\u0628 \u0644\u0645\u062f\u0629 \u0623\u0633\u0628\u0648\u0639\u064a\u0646 (\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062c\u062f\u064a\u062f)<\/li>\n <li><i class=\"fas fa-chalkboard-teacher\"><\/i> \u0627\u0644\u062a\u062f\u0631\u064a\u0633\u064a: 8 \u0643\u062a\u0628 \u0644\u0645\u062f\u0629 \u0634\u0647\u0631 \u0643\u0627\u0645\u0644<\/li>\n <li><i class=\"fas fa-ban\"><\/i> \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u0645\u0631\u062c\u0639\u064a\u0629 \u0648\u0627\u0644\u062f\u0648\u0631\u064a\u0627\u062a \u0644\u0627 \u062a\u0639\u0627\u0631 \u062e\u0627\u0631\u062c \u0627\u0644\u0645\u0643\u062a\u0628\u0629<\/li>\n <li><i class=\"fas fa-coins\"><\/i> \u063a\u0631\u0627\u0645\u0629 \u0627\u0644\u062a\u0623\u062e\u064a\u0631: 500 \u062f\u064a\u0646\u0627\u0631 \u0639\u0631\u0627\u0642\u064a \u064a\u0648\u0645\u064a\u0627\u064b<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mission-vision\" style=\"border-right-color: var(--accent2);\">\n <i class=\"fas fa-cloud-upload-alt\" style=\"font-size:1.6rem; color: var(--accent2); margin-left:10px;\"><\/i>\n <h3 style=\"display: inline-block; margin-bottom: 8px;\">\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0645\u0624\u0633\u0633\u064a<\/h3>\n <p>\u062a\u0633\u0639\u0649 \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0625\u0644\u0649 \u0625\u0646\u0634\u0627\u0621 \u0645\u0633\u062a\u0648\u062f\u0639 \u0631\u0642\u0645\u064a \u0645\u0641\u062a\u0648\u062d \u0627\u0644\u0648\u0635\u0648\u0644 \u064a\u0636\u0645 \u0643\u0627\u0641\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0641\u0643\u0631\u064a \u0644\u0645\u0646\u062a\u0633\u0628\u064a \u0627\u0644\u0645\u0639\u0647\u062f (\u0628\u062d\u0648\u062b\u060c \u0645\u0624\u062a\u0645\u0631\u0627\u062a\u060c \u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u062e\u0631\u062c \u0645\u062a\u0645\u064a\u0632\u0629) \u0644\u064a\u0643\u0648\u0646 \u0645\u0646\u0635\u0629 \u0625\u0642\u0644\u064a\u0645\u064a\u0629 \u0644\u0644\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0639\u0644\u0645\u064a\u060c \u0648\u064a\u062f\u0639\u0645 \u0627\u0644\u0623\u0631\u0634\u0641\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0648\u0641\u0642 \u0645\u0639\u0627\u064a\u064a\u0631 (OAIS).<\/p>\n <hr style=\"margin: 15px 0; border-color: rgba(0,0,0,0.05);\">\n <p><i class=\"fas fa-globe\"><\/i> <strong>\u0645\u0646\u0635\u0629 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629:<\/strong> \u0631\u0628\u0637 \u0627\u0644\u0645\u0642\u062a\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u0643\u062a\u0628\u064a\u0629 \u0645\u0639 \u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0639\u0644\u0645 (Moodle) \u0644\u062a\u0648\u0641\u064a\u0631 \u0645\u0635\u0627\u062f\u0631 \u0645\u0642\u0631\u0631\u0627\u062a \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0644\u0644\u0637\u0644\u0628\u0629.<\/p>\n <\/div>\n\n <div class=\"cards-grid\" style=\"grid-template-columns: repeat(auto-fit, minmax(280px,1fr));\">\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-chalkboard\"><\/i><h3>\u0642\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0637\u0627\u0644\u0639\u0629<\/h3><\/div>\n <div class=\"card-body\"><ul class=\"resource-list\"><li><i class=\"fas fa-chair\"><\/i> 150 \u0645\u0642\u0639\u062f\u0627\u064b \u0644\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u062d\u0631\u0629<\/li><li><i class=\"fas fa-laptop\"><\/i> 40 \u0645\u062d\u0637\u0629 \u062d\u0627\u0633\u0648\u0628 \u0645\u062a\u0635\u0644\u0629 \u0628\u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a<\/li><li><i class=\"fas fa-microphone-alt\"><\/i> \u0642\u0627\u0639\u0627\u062a \u0645\u062c\u0647\u0632\u0629 \u0644\u0644\u0628\u062d\u062b \u0627\u0644\u062c\u0645\u0627\u0639\u064a<\/li><\/ul><\/div>\n <\/div>\n <div class=\"data-card\" data-tilt>\n <div class=\"card-header\"><i class=\"fas fa-hand-holding-heart\"><\/i><h3>\u062e\u062f\u0645\u0627\u062a \u0630\u0648\u064a \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629<\/h3><\/div>\n <div class=\"card-body\"><ul class=\"resource-list\"><li><i class=\"fas fa-universal-access\"><\/i> \u0645\u062f\u0627\u062e\u0644 \u0645\u062e\u0635\u0635\u0629\u060c \u0643\u0631\u0627\u0633\u064a \u0645\u062a\u062d\u0631\u0643\u0629<\/li><li><i class=\"fas fa-braille\"><\/i> \u0643\u062a\u0628 \u0628\u0646\u0638\u0627\u0645 \u0628\u0631\u0627\u064a\u0644 \u0648\u0642\u0627\u0631\u0626\u0627\u062a \u0646\u0627\u0637\u0642\u0629<\/li><li><i class=\"fas fa-deaf\"><\/i> \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0628\u0644\u063a\u0629 \u0627\u0644\u0625\u0634\u0627\u0631\u0629 \u0639\u0646\u062f \u0627\u0644\u0637\u0644\u0628<\/li><\/ul><\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-note\">\n <i class=\"fas fa-book\"><\/i> \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u2013 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 | \u062e\u062f\u0645\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u0644\u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\n <\/div>\n<\/div>\n\n<script>\n \/\/ particles generator (like original style)\n (function(){\n const colors = ['#8faac8','#aec6e0','#bfcfdf','#cb9e5e'];\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%4]};left:${Math.random()*100}vw;animation-duration:${Math.random()*13+7}s;animation-delay:${Math.random()*12}s;border-radius:50%;opacity:0.5;`;\n document.body.appendChild(el);\n }\n })();\n\n \/\/ counter animation for statistics (inspired by original number displays)\n const counters = document.querySelectorAll('.stat-number');\n const animateNumber = (el) => {\n const target = parseInt(el.getAttribute('data-count'));\n let current = 0;\n const step = Math.ceil(target \/ 55);\n const updateCounter = () => {\n current += step;\n if(current >= target) {\n el.innerText = target.toLocaleString();\n return;\n }\n el.innerText = current.toLocaleString();\n requestAnimationFrame(updateCounter);\n };\n updateCounter();\n };\n const observerOptions = { threshold: 0.3, rootMargin: \"0px 0px -30px 0px\" };\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if(entry.isIntersecting) {\n animateNumber(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n counters.forEach(counter => observer.observe(counter));\n\n \/\/ 3D tilt effect matching original spec\n document.querySelectorAll('[data-tilt]').forEach(card => {\n card.addEventListener('mousemove', e => {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const centerX = rect.width \/ 2;\n const centerY = rect.height \/ 2;\n const rotateY = ((x - centerX) \/ centerX) * 5;\n const rotateX = ((y - centerY) \/ centerY) * -5;\n card.style.transition = 'transform 0.08s ease, box-shadow 0.08s ease';\n card.style.transform = `perspective(900px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateY(-4px)`;\n card.style.boxShadow = '0 18px 32px -12px rgba(26,77,140,0.2)';\n card.style.borderColor = 'rgba(255,179,71,0.45)';\n });\n card.addEventListener('mouseleave', () => {\n card.style.transition = 'transform 0.35s cubic-bezier(0.2,0.9,0.4,1.1), box-shadow 0.3s';\n card.style.transform = '';\n card.style.boxShadow = '';\n card.style.borderColor = '';\n });\n });\n\n \/\/ ensure any missing images fallback (watermark) silent\n document.querySelectorAll('img').forEach(img => {\n img.onerror = () => img.style.display = 'none';\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \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\u0643\u062b\u0631 \u0645\u0646 22,000 \u0645\u0627\u062f\u0629 \u0639\u0644\u0645\u064a\u0629 \u0646\u0638\u0627\u0645 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u062a\u0643\u0627\u0645\u0644 \u062a\u064f\u0639\u062f \u0627\u0644\u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u0631\u0627\u0641\u062f\u0627\u064b \u0623\u0633\u0627\u0633\u064a\u0627\u064b \u0644\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0628\u062d\u062b\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0639\u0647\u062f\u060c \u062d\u064a\u062b \u062a\u0648\u0641\u0631 \u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0637\u0628\u0648\u0639\u0629 \u0648\u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0648\u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u062e\u062f\u0645\u0627\u062a\u0647\u0627 \u0644\u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0637\u0644\u0628\u0629 \u0648\u0627\u0644\u062a\u062f\u0631\u064a\u0633\u064a\u064a\u0646 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629. 0 \u0645\u0635\u062f\u0631 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\u064a … <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22545\">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-22545","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22545","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=22545"}],"version-history":[{"count":1,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22545\/revisions"}],"predecessor-version":[{"id":22546,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22545\/revisions\/22546"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}