{"id":21949,"date":"2026-04-23T08:22:24","date_gmt":"2026-04-23T05:22:24","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=21949"},"modified":"2026-04-25T10:44:26","modified_gmt":"2026-04-25T07:44:26","slug":"21949-2","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=21949","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n    <title>\u0642\u0635\u0629 \u0646\u062c\u0627\u062d \u0627\u0644\u0645\u0647\u0646\u062f\u0633 \u0645\u062c\u0627\u0647\u062f \u0643\u0631\u064a\u0645 \u0639\u0643\u0644\u0647 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&#038;family=Cairo:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n    \n    <style>\n        :root {\n            --bg:        #f0f4fa;\n            --surface:   rgba(255,255,255,0.97);\n            --border:    rgba(30,80,140,0.10);\n            --accent:    #1A4D8C;\n            --accent2:   #2e7fc0;\n            --text:      #1a2c3e;\n            --muted:     #6b8aab;\n            --pill-bg:   rgba(230,243,255,0.85);\n            --pill-bdr:  #bcd5ee;\n            --radius:    1.6rem;\n            --orange:    #ffb347;\n        }\n\n        *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n        html { scroll-behavior: smooth; }\n\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\n        \/* \u2500\u2500 BACKGROUND ANIMATIONS \u2500\u2500 *\/\n        .bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n        .bg-grid {\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        \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(155,185,220,.28);bottom:8%;left:3%;animation-delay:-4s; }\n        .orb3 { width:260px;height:260px;background:rgba(255,179,71,.15);top:40%;right:20%;animation-delay:-7s; }\n        @keyframes orbFloat { from { transform: translate(0,0) scale(1); } to { transform: translate(28px,28px) scale(1.09); } }\n\n        \/* \u2500\u2500 3-D LOGO WATERMARKS \u2500\u2500 *\/\n        .logo-watermark { position: absolute; pointer-events: none; z-index: 0; }\n        .logo-center        { top:50%; left:50%; transform:translate(-50%,-50%); }\n        .logo-top-left      { top:4%;  left:2%; }\n        .logo-bottom-right { bottom:4%; right:2%; }\n\n        .logo-3d-wrapper {\n            width:360px; height:360px;\n            animation: spin3D 25s linear infinite;\n            transform-style: preserve-3d; perspective: 800px;\n        }\n        .logo-3d-wrapper.logo-small { width:130px; height:130px; }\n        .logo-3d-wrapper.logo-slow  { animation-duration:35s; animation-direction:reverse; }\n\n        @keyframes spin3D {\n            0%   { transform: rotateY(0deg)   rotateX(8deg); }\n            25%  { transform: rotateY(90deg)  rotateX(14deg) rotateZ(3deg); }\n            50%  { transform: rotateY(180deg) rotateX(8deg); }\n            75%  { transform: rotateY(270deg) rotateX(14deg) rotateZ(-3deg); }\n            100% { transform: rotateY(360deg) rotateX(8deg); }\n        }\n        .logo-3d-img {\n            width:100%; height:100%; object-fit:contain;\n            opacity:.06; mix-blend-mode:screen; filter: saturate(.8) brightness(.85);\n            border-radius: 50%; animation: logoPulse 4.5s ease-in-out infinite alternate;\n        }\n        @keyframes logoPulse { from{opacity:.04} to{opacity:.12} }\n\n        \/* \u2500\u2500 FLOATING PARTICLES \u2500\u2500 *\/\n        .particle {\n            position: fixed; border-radius:50%; pointer-events:none; z-index:0;\n            animation: floatP linear infinite; opacity:0;\n        }\n        @keyframes floatP {\n            0%   { transform:translateY(100vh) rotate(0deg); opacity:0; }\n            10%  { opacity:.55; }\n            90%  { opacity:.55; }\n            100% { transform:translateY(-120px) rotate(360deg); opacity:0; }\n        }\n\n        \/* \u2500\u2500 LAYOUT & PAGE WRAP \u2500\u2500 *\/\n        .page-wrap {\n            position: relative; z-index:2;\n            padding: 2.5rem 1.5rem 4rem;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* \u2500\u2500 CONTROL BAR \u2500\u2500 *\/\n        .control-bar {\n            display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem;\n            background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n            padding: 1.2rem 1.5rem; margin-bottom: 2rem; box-shadow: 0 4px 24px rgba(0,0,0,.08); backdrop-filter: blur(8px);\n        }\n        .bar-left { display: flex; align-items: center; gap: 1rem; }\n        .bar-icon {\n            width: 50px; height: 50px; background: linear-gradient(135deg, #1A4D8C, #2e7fc0);\n            border-radius: 14px; display: flex; align-items: center; justify-content: center;\n            color: #fff; font-size: 1.3rem; box-shadow: 0 4px 12px rgba(26,77,140,.3); flex-shrink: 0;\n        }\n        .bar-title { font-size: 1.2rem; font-weight: 800; color: var(--accent); line-height: 1.2; }\n        .bar-subtitle { font-size: 0.85rem; color: var(--muted); font-weight: 600; margin-top: 4px; }\n\n        \/* \u2500\u2500 PROFILE CARD (Replaces Hero) \u2500\u2500 *\/\n        .profile-card {\n            background: linear-gradient(135deg, #0f2b3d 0%, #1b4f6e 100%);\n            border-radius: var(--radius);\n            padding: 3rem 2rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 2.5rem;\n            box-shadow: 0 15px 35px rgba(26,77,140,0.3);\n            margin-bottom: 2rem;\n            color: white;\n            text-align: center;\n        }\n\n        .profile-img {\n            flex-shrink: 0;\n            width: 200px; height: 200px;\n            border-radius: 50%;\n            border: 5px solid var(--orange);\n            background: white; padding: 6px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n        }\n        .profile-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }\n\n        .profile-info h1 { font-size: 2.6rem; font-weight: 800; margin-bottom: 12px; letter-spacing: -0.5px; }\n        .profile-info h1 i { color: var(--orange); font-size: 2.2rem; margin-left: 8px; }\n        .profile-tagline {\n            font-size: 1.2rem; background: rgba(255,255,255,0.15);\n            display: inline-block; padding: 8px 24px; border-radius: 40px;\n            backdrop-filter: blur(8px); font-weight: 600; border: 1px solid rgba(255,255,255,0.2);\n            margin-bottom: 20px;\n        }\n        \n        .badge-container { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }\n        .badge {\n            background: var(--orange); color: #0f2b3d; padding: 6px 18px;\n            border-radius: 30px; font-weight: 800; font-size: 0.9rem;\n            box-shadow: 0 4px 10px rgba(255,179,71,0.3);\n        }\n\n        \/* \u2500\u2500 SECTION TITLES \u2500\u2500 *\/\n        .section-title {\n            font-size: 1.6rem; font-weight: 800; color: var(--accent);\n            margin: 2.5rem 0 1.5rem; position: relative; display: flex; align-items: center; gap: 12px;\n        }\n        .section-title i { color: var(--orange); font-size: 1.8rem; }\n        .section-title:after {\n            content: \"\"; position: absolute; right: 0; bottom: -8px;\n            width: 60px; height: 4px; background: var(--orange); border-radius: 4px;\n        }\n\n        \/* \u2500\u2500 STATS GRID \u2500\u2500 *\/\n        .stats-grid {\n            display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem; margin-bottom: 3rem;\n        }\n        .stat-card {\n            background: var(--surface); border: 1px solid var(--border); border-bottom: 4px solid var(--orange);\n            border-radius: 24px; padding: 1.5rem; text-align: center;\n            box-shadow: 0 8px 24px rgba(0,0,0,0.05); transition: transform 0.3s ease;\n        }\n        .stat-card:hover { transform: translateY(-5px); }\n        .stat-num { font-size: 2.4rem; font-weight: 800; color: var(--accent); line-height: 1.1; margin-bottom: 8px;}\n        .stat-label { font-size: 0.95rem; font-weight: 700; color: var(--muted); }\n\n        \/* \u2500\u2500 TIMELINE \u2500\u2500 *\/\n        .timeline { position: relative; padding-right: 30px; margin-bottom: 3rem; }\n        .timeline:before {\n            content: ''; position: absolute; right: 7px; top: 10px; bottom: 10px;\n            width: 4px; background: linear-gradient(to bottom, var(--orange), var(--accent2)); border-radius: 4px;\n        }\n        .timeline-item { position: relative; margin-bottom: 2rem; }\n        .timeline-dot {\n            position: absolute; right: -31.5px; top: 20px; width: 20px; height: 20px;\n            background: var(--orange); border-radius: 50%; border: 4px solid var(--bg);\n            box-shadow: 0 0 0 2px var(--accent); z-index: 2;\n        }\n        \n        .timeline-content {\n            background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n            padding: 1.8rem; box-shadow: 0 8px 24px rgba(0,0,0,0.04);\n            position: relative; transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        .timeline-date {\n            font-weight: 800; color: var(--orange); background: rgba(255,179,71,0.15);\n            display: inline-block; padding: 4px 16px; border-radius: 20px;\n            font-size: 0.85rem; margin-bottom: 12px; border: 1px solid rgba(255,179,71,0.3);\n        }\n        .timeline-title { font-size: 1.3rem; font-weight: 800; margin-bottom: 10px; color: var(--accent); }\n        .timeline-desc { color: #3a506b; font-weight: 600; margin-bottom: 10px; font-size: 0.95rem; }\n        \n        .timeline-highlight {\n            background: #fdf6ec; padding: 12px 20px; border-radius: 16px;\n            border-right: 4px solid var(--orange); margin-top: 15px; font-size: 0.9rem; font-weight: 600; color: #b45f06;\n        }\n\n        \/* \u2500\u2500 HIGHLIGHT CARDS (Achievements) \u2500\u2500 *\/\n        .cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin-bottom: 3rem; }\n        .achievement-card {\n            background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n            padding: 1.8rem; box-shadow: 0 8px 32px rgba(0,0,0,.05); text-align: center;\n        }\n        .achievement-card i { font-size: 2.5rem; color: var(--orange); margin-bottom: 15px; }\n        .achievement-card h3 { font-size: 1.2rem; font-weight: 800; color: var(--accent); margin-bottom: 10px; }\n        .achievement-card p { font-size: 0.9rem; font-weight: 600; color: var(--muted); }\n\n        \/* \u2500\u2500 QUOTE \u2500\u2500 *\/\n        .quote-box {\n            background: linear-gradient(110deg, #ffffff 0%, #f4f8fc 100%);\n            padding: 2.5rem 3rem; border-radius: var(--radius); text-align: center;\n            border: 1px solid var(--border); box-shadow: 0 10px 30px rgba(0,0,0,0.05); margin-bottom: 3rem;\n            position: relative; overflow: hidden;\n        }\n        .quote-box::before {\n            content: \"\\f10e\"; font-family: \"Font Awesome 6 Free\"; font-weight: 900;\n            position: absolute; top: -10px; right: 20px; font-size: 6rem; color: rgba(255,179,71,0.1);\n        }\n        .quote-text { font-size: 1.2rem; font-weight: 700; color: var(--accent); position: relative; z-index: 1; line-height: 1.8; }\n        .quote-author { margin-top: 15px; font-weight: 800; color: var(--orange); font-size: 1rem; }\n\n        \/* \u2500\u2500 SUMMARY SECTION \u2500\u2500 *\/\n        .summary-card {\n            background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);\n            padding: 2rem; box-shadow: 0 8px 32px rgba(0,0,0,.05);\n        }\n        .summary-list { list-style: none; padding: 0; }\n        .summary-list li {\n            padding: 12px 0; border-bottom: 1px dashed rgba(26,77,140,.15);\n            display: flex; align-items: baseline; gap: 10px; font-size: 0.95rem; font-weight: 600;\n        }\n        .summary-list li:last-child { border-bottom: none; }\n        .summary-list li i { color: var(--orange); font-size: 0.8rem; }\n        .summary-list strong { color: var(--accent); margin-left: 5px; }\n\n        \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n        .footer-note {\n            margin-top: 3.5rem; text-align: center; background: var(--surface); border: 1px solid var(--border);\n            border-radius: 60px; padding: 1.2rem 2rem; width: fit-content; margin-left: auto; margin-right: auto;\n            font-size: 0.9rem; font-weight: 700; color: var(--muted); box-shadow: 0 4px 16px rgba(0,0,0,.05);\n        }\n        .footer-note i { color: var(--orange); margin-left: 6px; }\n\n        @media (max-width: 768px) {\n            .profile-card { padding: 2rem 1.5rem; text-align: center; flex-direction: column; gap: 1.5rem; }\n            .profile-info h1 { font-size: 1.8rem; }\n            .timeline { padding-right: 15px; }\n            .timeline:before { right: 0px; }\n            .timeline-dot { right: -24px; width: 16px; height: 16px; }\n            .quote-box { padding: 1.5rem; }\n            .quote-text { font-size: 1.05rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"bg-scene\">\n    <div class=\"bg-grid\"><\/div>\n    <div class=\"bg-orb orb1\"><\/div>\n    <div class=\"bg-orb orb2\"><\/div>\n    <div class=\"bg-orb orb3\"><\/div>\n\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=\"\">\n        <\/div>\n    <\/div>\n    <div class=\"logo-watermark logo-top-left\">\n        <div class=\"logo-3d-wrapper logo-small\">\n            <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\">\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-medal\"><\/i><\/div>\n            <div>\n                <div class=\"bar-title\">\u0642\u0635\u0629 \u0646\u062c\u0627\u062d \u0648\u0625\u0644\u0647\u0627\u0645<\/div>\n                <div class=\"bar-subtitle\">\n                    <i class=\"fas fa-university\" 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\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"profile-card\" data-tilt>\n        <div class=\"profile-img\">\n            <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-20-112926.png\" \n                 alt=\"\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0647\u0646\u062f\u0633 \u0645\u062c\u0627\u0647\u062f \u0643\u0631\u064a\u0645 \u0639\u0643\u0644\u0647\"\n                 onerror=\"this.onerror=null; this.src='https:\/\/via.placeholder.com\/200x200?text=Dr.+Mujahid'\">\n        <\/div>\n        <div class=\"profile-info\">\n            <h1><i class=\"fas fa-chalkboard-user\"><\/i> \u0627\u0644\u0645\u0647\u0646\u062f\u0633 \u0627\u0644\u062f\u0643\u062a\u0648\u0631 <br> \u0645\u062c\u0627\u0647\u062f \u0643\u0631\u064a\u0645 \u0639\u0643\u0644\u0647<\/h1>\n            <div class=\"profile-tagline\">\n                <i class=\"fas fa-trophy\"><\/i> \u0645\u0646 \u0627\u0644\u0623\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0625\u0644\u0649 \u0627\u0644\u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0628\u062a\u0642\u062f\u064a\u0631 \u0627\u0645\u062a\u064a\u0627\u0632\n            <\/div>\n            <div class=\"badge-container\">\n                <span class=\"badge\"><i class=\"fas fa-graduation-cap\"><\/i> \u062f\u0643\u062a\u0648\u0631\u0627\u0647 (\u0627\u0645\u062a\u064a\u0627\u0632)<\/span>\n                <span class=\"badge\"><i class=\"fas fa-microchip\"><\/i> \u0645\u0627\u062c\u0633\u062a\u064a\u0631 \u2013 \u0645\u0648\u0633\u0643\u0648<\/span>\n                <span class=\"badge\"><i class=\"fas fa-crown\"><\/i> \u0623\u0648\u0627\u0626\u0644 \u0627\u0644\u0639\u0631\u0627\u0642<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"stats-grid\">\n        <div class=\"stat-card\" data-tilt>\n            <div class=\"stat-num\">2005<\/div>\n            <div class=\"stat-label\">\u0633\u0646\u0629 \u0627\u0644\u062a\u0639\u064a\u064a\u0646 (\u0642\u0646\u0627\u0629 \u0627\u0644\u0623\u0648\u0627\u0626\u0644)<\/div>\n        <\/div>\n        <div class=\"stat-card\" data-tilt>\n            <div class=\"stat-num\">#21<\/div>\n            <div class=\"stat-label\">\u0645\u0646 140 \u0637\u0627\u0644\u0628 \u2013 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0628\u0635\u0631\u0629<\/div>\n        <\/div>\n        <div class=\"stat-card\" data-tilt>\n            <div class=\"stat-num\">160<\/div>\n            <div class=\"stat-label\">\u0637\u0627\u0644\u0628 \u2013 \u0627\u0644\u0623\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a<\/div>\n        <\/div>\n        <div class=\"stat-card\" data-tilt>\n            <div class=\"stat-num\">2019<\/div>\n            <div class=\"stat-label\">\u0645\u0627\u062c\u0633\u062a\u064a\u0631 \u0631\u0648\u0633\u064a\u0627 (\u062c\u064a\u062f \u062c\u062f\u0627\u064b)<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"section-title\">\n        <i class=\"fas fa-road\"><\/i> \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0637\u0627\u0621 \u0648\u0627\u0644\u062a\u062d\u062f\u064a: \u0645\u0646 \u0642\u0636\u0627\u0621 \u0627\u0644\u062e\u0636\u0631 \u0625\u0644\u0649 \u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0623\u0642\u0633\u0627\u0645\n    <\/div>\n    \n    <div class=\"timeline\">\n        <div class=\"timeline-item\">\n            <div class=\"timeline-dot\"><\/div>\n            <div class=\"timeline-content\" data-tilt>\n                <div class=\"timeline-date\">2001 &#8211; 2002<\/div>\n                <div class=\"timeline-title\">\ud83c\udfc6 \u0627\u0644\u0623\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u2013 \u0625\u0639\u062f\u0627\u062f\u064a\u0629 \u0627\u0644\u062e\u0636\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/div>\n                <div class=\"timeline-desc\">\u0642\u0633\u0645 \u0627\u0644\u0645\u0639\u0627\u062f\u0646 \/ \u0642\u0636\u0627\u0621 \u0627\u0644\u062e\u0636\u0631 \u2013 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649. \u062a\u0645 \u062a\u0631\u0634\u064a\u062d\u0647 \u0644\u0644\u0642\u0628\u0648\u0644 \u0641\u064a \u0643\u0644\u064a\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0628\u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a \u0627\u0644\u0639\u0631\u0627\u0642\u064a\u0629.<\/div>\n                <div class=\"timeline-highlight\"><i class=\"fas fa-shield-alt\"><\/i> \u0628\u0633\u0628\u0628 \u0627\u0644\u062d\u0635\u0627\u0631 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a \u0644\u0645 \u064a\u062a\u0645\u0643\u0646 \u0645\u0646 \u0625\u0643\u0645\u0627\u0644 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0645\u0628\u0627\u0634\u0631\u0629\u060c \u0648\u062a\u0623\u062c\u0644 \u0642\u0628\u0648\u0644\u0647 \u0641\u064a \u0645\u0639\u0647\u062f \u0646\u0641\u0637 \u0628\u063a\u062f\u0627\u062f.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <div class=\"timeline-dot\"><\/div>\n            <div class=\"timeline-content\" data-tilt>\n                <div class=\"timeline-date\">2002 &#8211; 2004<\/div>\n                <div class=\"timeline-title\">\ud83d\udcda \u0627\u0644\u0623\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u062f\u0641\u0639\u0629 \u2013 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/div>\n                <div class=\"timeline-desc\">\u0645\u0646 \u0628\u064a\u0646 160 \u0637\u0627\u0644\u0628\u0627\u064b. \u0627\u0644\u062a\u0641\u0648\u0642 \u0631\u063a\u0645 \u0627\u0644\u0638\u0631\u0648\u0641\u060c \u062b\u0645 \u0642\u064f\u0628\u0644 \u0641\u064a \u0643\u0644\u064a\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \/ \u0627\u0644\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u0635\u0631\u064a\u0629 (2004-2005).<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <div class=\"timeline-dot\"><\/div>\n            <div class=\"timeline-content\" data-tilt>\n                <div class=\"timeline-date\">2004 &#8211; 2008<\/div>\n                <div class=\"timeline-title\">\ud83c\udf93 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u2013 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0628\u0635\u0631\u0629<\/div>\n                <div class=\"timeline-desc\">\u0628\u0633\u0628\u0628 \u0627\u0644\u0638\u0631\u0648\u0641 \u0627\u0644\u0623\u0645\u0646\u064a\u0629 \u0641\u064a \u0628\u063a\u062f\u0627\u062f\u060c \u0627\u0646\u062a\u0642\u0644 \u0625\u0644\u0649 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0628\u0635\u0631\u0629 (2006-2007). \u062a\u062e\u0631\u062c \u0639\u0627\u0645 2008 \u0628\u0645\u0639\u062f\u0644 \u062c\u064a\u062f\u060c \u0648\u0643\u0627\u0646 \u0645\u0646 \u0627\u0644\u0631\u0628\u0639 \u0627\u0644\u0623\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u062e\u0631\u064a\u062c\u064a\u0646: \u0627\u0644\u062a\u0633\u0644\u0633\u0644 21 \u0645\u0646 140 \u0637\u0627\u0644\u0628\u0627\u064b.<\/div>\n                <div class=\"timeline-highlight\"><i class=\"fas fa-chart-line\"><\/i> \u0625\u0635\u0631\u0627\u0631 \u0623\u0643\u0627\u062f\u064a\u0645\u064a \u0631\u063a\u0645 \u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0633\u0641\u0631 \u0648\u0627\u0644\u0625\u0631\u0647\u0627\u0628.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <div class=\"timeline-dot\"><\/div>\n            <div class=\"timeline-content\" data-tilt>\n                <div class=\"timeline-date\">2005 &#8211; 2008<\/div>\n                <div class=\"timeline-title\">\ud83d\udcbc \u0627\u0644\u062a\u0639\u064a\u064a\u0646 \u0639\u0644\u0649 \u0642\u0646\u0627\u0629 \u0642\u0628\u0648\u0644 \u0627\u0644\u0623\u0648\u0627\u0626\u0644<\/div>\n                <div class=\"timeline-desc\">\u062a\u0645 \u062a\u0639\u064a\u064a\u0646\u0647 \u0641\u064a \u0627\u0644\u0645\u0639\u0647\u062f \u0639\u0627\u0645 2005 \u0628\u0645\u0648\u062c\u0628 \u062a\u0645\u064a\u0632\u0647. \u0648\u0628\u0639\u062f \u062a\u062e\u0631\u062c\u0647 \u0645\u0628\u0627\u0634\u0631\u0629 (2008) \u0628\u0627\u0634\u0631 \u0639\u0645\u0644\u0647 \u0645\u0647\u0646\u062f\u0633\u0627\u064b \u0641\u064a \u0648\u062d\u062f\u0629 \u0627\u0644\u0645\u0639\u0627\u0645\u0644 \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <div class=\"timeline-dot\"><\/div>\n            <div class=\"timeline-content\" data-tilt>\n                <div class=\"timeline-date\">2013 &#8211; 2016<\/div>\n                <div class=\"timeline-title\">\ud83d\udcc8 \u0645\u0633\u0624\u0648\u0644 \u0648\u062d\u062f\u0629 \u0627\u0644\u0645\u0639\u0627\u0645\u0644 \u21e2 \u0645\u0633\u0624\u0648\u0644 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629<\/div>\n                <div class=\"timeline-desc\">\u0628\u0639\u062f \u062e\u0645\u0633 \u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062a\u0645\u064a\u0632\u060c \u0623\u0635\u0628\u062d \u0645\u0633\u0624\u0648\u0644 \u0648\u062d\u062f\u0629 \u0627\u0644\u0645\u0639\u0627\u0645\u0644 \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629\u060c \u062b\u0645 \u062a\u062f\u0631\u062c \u0625\u0644\u0649 \u0645\u0633\u0624\u0648\u0644 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629\u060c \u0645\u0645\u0627 \u0623\u0638\u0647\u0631 \u0643\u0641\u0627\u0621\u0629 \u0625\u062f\u0627\u0631\u064a\u0629 \u0639\u0627\u0644\u064a\u0629.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <div class=\"timeline-dot\"><\/div>\n            <div class=\"timeline-content\" data-tilt>\n                <div class=\"timeline-date\">2016 &#8211; 2019<\/div>\n                <div class=\"timeline-title\">\ud83c\uddf7\ud83c\uddfa \u0627\u0644\u0645\u0627\u062c\u0633\u062a\u064a\u0631 \u2013 \u0645\u0639\u0647\u062f \u0645\u0648\u0633\u0643\u0648 \u0644\u0644\u0637\u0627\u0642\u0629<\/div>\n                <div class=\"timeline-desc\">\u0642\u0633\u0645 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u064a\u0629 \u0641\u064a \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0628\u062d\u0648\u062b \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0628\u0631\u0648\u0633\u064a\u0627. \u062a\u062e\u0631\u062c \u0639\u0627\u0645 2019 \u0628\u062a\u0642\u062f\u064a\u0631 <strong>\u062c\u064a\u062f \u062c\u062f\u0627\u064b<\/strong>\u060c \u0644\u064a\u0639\u0648\u062f \u0628\u062e\u0628\u0631\u0627\u062a \u0639\u0627\u0644\u0645\u064a\u0629.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <div class=\"timeline-dot\"><\/div>\n            <div class=\"timeline-content\" data-tilt>\n                <div class=\"timeline-date\">2021 &#8211; 2024<\/div>\n                <div class=\"timeline-title\">\ud83c\uddee\ud83c\uddf7 \u0627\u0644\u062f\u0643\u062a\u0648\u0631\u0627\u0647 (\u0628\u062d\u062b\u064a\u0629) \u2013 \u062c\u0627\u0645\u0639\u0629 \u0623\u0648\u0631\u0645\u064a\u0647<\/div>\n                <div class=\"timeline-desc\">\u0642\u0633\u0645 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u2013 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0637\u0627\u0642\u0629. \u062a\u0645\u062a \u0627\u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0648\u0627\u0644\u062a\u062e\u0631\u062c \u0628\u0640 <strong>\u062a\u0642\u062f\u064a\u0631 \u0627\u0645\u062a\u064a\u0627\u0632<\/strong>\u060c \u0648\u0627\u0644\u0634\u0647\u0627\u062f\u0629 \u0627\u0644\u0622\u0646 \u0628\u0637\u0648\u0631 \u0627\u0644\u0627\u062d\u062a\u0633\u0627\u0628.<\/div>\n                <div class=\"timeline-highlight\"><i class=\"fas fa-star-of-life\"><\/i> \u0623\u0637\u0631\u0648\u062d\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0641\u064a \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0637\u0627\u0642\u0629\u060c \u0628\u0625\u0634\u0631\u0627\u0641 \u062f\u0648\u0644\u064a.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"timeline-item\">\n            <div class=\"timeline-dot\"><\/div>\n            <div class=\"timeline-content\" data-tilt>\n                <div class=\"timeline-date\">\u064a\u0648\u0644\u064a\u0648 2022 &#8211; \u062d\u062a\u0649 \u0627\u0644\u0622\u0646<\/div>\n                <div class=\"timeline-title\">\ud83c\udfdb\ufe0f \u0631\u0626\u064a\u0633 \u0642\u0633\u0645 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629<\/div>\n                <div class=\"timeline-desc\">\u0628\u062a\u0643\u0644\u064a\u0641 \u0631\u0633\u0645\u064a\u060c \u0648\u0644\u0627 \u064a\u0632\u0627\u0644 \u0645\u0633\u062a\u0645\u0631\u0627\u064b \u0641\u064a \u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0642\u0633\u0645\u060c \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629.<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"section-title\">\n        <i class=\"fas fa-medal\"><\/i> \u0625\u0646\u062c\u0627\u0632\u0627\u062a \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0648\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u062e\u0627\u0635\u0629\n    <\/div>\n    <div class=\"cards-grid\">\n        <div class=\"achievement-card\" data-tilt>\n            <i class=\"fas fa-university\"><\/i>\n            <h3>\u062a\u0641\u0648\u0642 \u0645\u0628\u0643\u0631<\/h3>\n            <p>\u0627\u0644\u0623\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 (160 \u0637\u0627\u0644\u0628) \u0648\u0627\u0644\u0645\u0631\u0634\u062d \u0644\u0644\u0643\u0644\u064a\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0631\u063a\u0645 \u0627\u0644\u062d\u0635\u0627\u0631 \u0648\u0635\u0639\u0648\u0628\u0629 \u0627\u0644\u0645\u0631\u062d\u0644\u0629.<\/p>\n        <\/div>\n        <div class=\"achievement-card\" data-tilt>\n            <i class=\"fas fa-globe-asia\"><\/i>\n            <h3>\u062e\u0628\u0631\u0627\u062a \u062f\u0648\u0644\u064a\u0629<\/h3>\n            <p>\u0645\u0627\u062c\u0633\u062a\u064a\u0631 \u0645\u0646 \u0631\u0648\u0633\u064a\u0627 (\u0645\u0639\u0647\u062f \u0645\u0648\u0633\u0643\u0648 \u0644\u0644\u0637\u0627\u0642\u0629) \u0648\u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0628\u062d\u062b\u064a\u0629 \u0645\u0646 \u0625\u064a\u0631\u0627\u0646 (\u062c\u0627\u0645\u0639\u0629 \u0623\u0648\u0631\u0645\u064a\u0647) \u0628\u062a\u0642\u062f\u064a\u0631 \u0627\u0645\u062a\u064a\u0627\u0632.<\/p>\n        <\/div>\n        <div class=\"achievement-card\" data-tilt>\n            <i class=\"fas fa-chalkboard-teacher\"><\/i>\n            <h3>\u0642\u064a\u0627\u062f\u0629 \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629<\/h3>\n            <p>\u0631\u0626\u064a\u0633 \u0642\u0633\u0645 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u0645\u0646\u0630 2022\u060c \u0645\u0639 \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0639\u0644\u0645\u064a \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a \u0641\u064a \u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0639\u0647\u062f.<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"quote-box\" data-tilt>\n        <div class=\"quote-text\">\n            &#8220;\u0645\u0646 \u0642\u0636\u0627\u0621 \u0627\u0644\u062e\u0636\u0631 \u0625\u0644\u0649 \u0645\u0648\u0633\u0643\u0648 \u0648\u0623\u0648\u0631\u0645\u064a\u0647\u060c \u0645\u0631\u0648\u0631\u0627\u064b \u0628\u0627\u0644\u062d\u0635\u0627\u0631 \u0648\u0627\u0644\u0623\u0632\u0645\u0627\u062a \u0627\u0644\u0623\u0645\u0646\u064a\u0629 .. \u0623\u062b\u0628\u062a \u0623\u0646 \u0627\u0644\u0639\u0632\u064a\u0645\u0629 \u0623\u0642\u0648\u0649 \u0645\u0646 \u0627\u0644\u0638\u0631\u0648\u0641. \u0627\u0644\u062d\u0645\u062f \u0644\u0644\u0647 \u0639\u0644\u0649 \u0627\u0644\u062a\u0641\u0648\u0642 \u0641\u064a \u0643\u0644 \u0645\u062d\u0637\u0629\u060c \u0648\u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0628\u062a\u0642\u062f\u064a\u0631 \u0627\u0645\u062a\u064a\u0627\u0632 \u0648\u0642\u0635\u0629 \u0646\u062c\u0627\u062d \u062a\u0631\u0648\u0649 \u0644\u0644\u0623\u062c\u064a\u0627\u0644.&#8221;\n        <\/div>\n        <div class=\"quote-author\">\u2014 \u0627\u0644\u0645\u0647\u0646\u062f\u0633 \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062c\u0627\u0647\u062f \u0643\u0631\u064a\u0645 \u0639\u0643\u0644\u0647 \u2014<\/div>\n    <\/div>\n\n    <div class=\"summary-card\" data-tilt>\n        <div class=\"section-title\" style=\"margin-top: 0;\">\n            <i class=\"fas fa-check-circle\"><\/i> \u0645\u0644\u062e\u0635 \u062f\u0642\u064a\u0642 \u0644\u0644\u0645\u0633\u064a\u0631\u0629\n        <\/div>\n        <ul class=\"summary-list\">\n            <li><i class=\"fas fa-chevron-left\"><\/i> <strong>\u0645\u0648\u0627\u0644\u064a\u062f \u0648\u0645\u0646\u0634\u0623:<\/strong> \u0642\u0636\u0627\u0621 \u0627\u0644\u062e\u0636\u0631 \u2013 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649\u060c \u0633\u0643\u0646\u0629 \u0642\u0636\u0627\u0621 \u0627\u0644\u0633\u0645\u0627\u0648\u0629.<\/li>\n            <li><i class=\"fas fa-chevron-left\"><\/i> <strong>\u0627\u0644\u0634\u0647\u0627\u062f\u0629 \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u064a\u0629:<\/strong> \u0625\u0639\u062f\u0627\u062f\u064a\u0629 \u0627\u0644\u062e\u0636\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 (2001-2002) \u2013 \u0642\u0633\u0645 \u0627\u0644\u0645\u0639\u0627\u062f\u0646 \u2013 \u0627\u0644\u0623\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0635\u0646\u0627\u0639\u0629.<\/li>\n            <li><i class=\"fas fa-chevron-left\"><\/i> <strong>\u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u062c\u0627\u0645\u0639\u064a\u0629:<\/strong> \u0628\u062f\u0623 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0646\u0635\u0631\u064a\u0629 (2004) \u062b\u0645 \u0627\u0644\u0628\u0635\u0631\u0629 (\u062a\u062e\u0631\u062c 2008 \u2013 \u0627\u0644\u062a\u0631\u062a\u064a\u0628 21\/140).<\/li>\n            <li><i class=\"fas fa-chevron-left\"><\/i> <strong>\u0627\u0644\u062a\u0639\u064a\u064a\u0646:<\/strong> 2005 (\u0639\u0644\u0649 \u0642\u0646\u0627\u0629 \u0627\u0644\u0623\u0648\u0627\u0626\u0644)\u060c \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0645\u0647\u0646\u062f\u0633\u0627\u064b 2008.<\/li>\n            <li><i class=\"fas fa-chevron-left\"><\/i> <strong>\u0627\u0644\u062a\u0631\u0642\u064a \u0627\u0644\u0648\u0638\u064a\u0641\u064a:<\/strong> \u0645\u0633\u0624\u0648\u0644 \u0648\u062d\u062f\u0629 \u0627\u0644\u0645\u0639\u0627\u0645\u0644 \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 \u2190 \u0645\u0633\u0624\u0648\u0644 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u2190 \u0631\u0626\u064a\u0633 \u0642\u0633\u0645 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629 (2022).<\/li>\n            <li><i class=\"fas fa-chevron-left\"><\/i> <strong>\u0627\u0644\u0645\u0627\u062c\u0633\u062a\u064a\u0631:<\/strong> \u0645\u0639\u0647\u062f \u0645\u0648\u0633\u0643\u0648 \u0644\u0644\u0637\u0627\u0642\u0629\u060c \u0631\u0648\u0633\u064a\u0627 (2019 \u2013 \u062c\u064a\u062f \u062c\u062f\u0627\u064b).<\/li>\n            <li><i class=\"fas fa-chevron-left\"><\/i> <strong>\u0627\u0644\u062f\u0643\u062a\u0648\u0631\u0627\u0647:<\/strong> \u062c\u0627\u0645\u0639\u0629 \u0623\u0648\u0631\u0645\u064a\u0647\u060c \u0625\u064a\u0631\u0627\u0646 \u2013 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0637\u0627\u0642\u0629 (\u0627\u0645\u062a\u064a\u0627\u0632).<\/li>\n        <\/ul>\n    <\/div>\n\n    <div class=\"footer-note\">\n        <i class=\"fas fa-crown\"><\/i> \u0642\u0635\u0629 \u0646\u062c\u0627\u062d \u0645\u0647\u0646\u062f\u0633 \u0639\u0631\u0627\u0642\u064a \u0645\u0644\u0647\u0645 \u2013 \u0645\u0646 \u062c\u064a\u0644 \u0627\u0644\u062d\u0635\u0627\u0631 \u0625\u0644\u0649 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 | \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629 2025\n    <\/div>\n\n<\/div>\n\n<script>\n    \/* \u2500\u2500 PARTICLES GENERATOR \u2500\u2500 *\/\n    (function(){\n        const colors = ['#8faac8','#a2b9d6','#bfcfdf'];\n        for(let i = 0; i < 18; i++){\n            const el = document.createElement('div');\n            el.className = 'particle';\n            const s = Math.random() * 4 + 2;\n            el.style.cssText = `width:${s}px;height:${s}px;background:${colors[i%3]};left:${Math.random()*100}vw;animation-duration:${Math.random()*12+8}s;animation-delay:${Math.random()*10}s;`;\n            document.body.appendChild(el);\n        }\n    })();\n\n    \/* \u2500\u2500 3D TILT EFFECT \u2500\u2500 *\/\n    document.querySelectorAll('[data-tilt]').forEach(card => {\n        card.addEventListener('mousemove', e => {\n            const r   = card.getBoundingClientRect();\n            const x   = e.clientX - r.left;\n            const y   = e.clientY - r.top;\n            const cx  = r.width  \/ 2;\n            const cy  = r.height \/ 2;\n            const rX  = ((y - cy) \/ cy) * 3;\n            const rY  = ((x - cx) \/ cx) * -3;\n            card.style.transition = 'transform 0.08s ease, box-shadow 0.08s ease, border-color 0.3s ease';\n            card.style.transform  = `perspective(1000px) rotateX(${rX}deg) rotateY(${rY}deg) scale(1.015) translateY(-4px)`;\n            card.style.boxShadow  = `0 16px 32px -10px rgba(26,77,140,0.2)`;\n            card.style.borderColor = 'rgba(255,179,71,0.4)';\n        });\n        card.addEventListener('mouseleave', () => {\n            card.style.transition = 'transform 0.45s cubic-bezier(.2,.9,.4,1), box-shadow 0.45s ease, border-color 0.3s ease';\n            card.style.transform  = '';\n            card.style.boxShadow  = '';\n            card.style.borderColor = '';\n        });\n    });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0642\u0635\u0629 \u0646\u062c\u0627\u062d \u0627\u0644\u0645\u0647\u0646\u062f\u0633 \u0645\u062c\u0627\u0647\u062f \u0643\u0631\u064a\u0645 \u0639\u0643\u0644\u0647 | \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0642\u0635\u0629 \u0646\u062c\u0627\u062d \u0648\u0625\u0644\u0647\u0627\u0645 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u0647\u0646\u062f\u0633 \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0645\u062c\u0627\u0647\u062f \u0643\u0631\u064a\u0645 \u0639\u0643\u0644\u0647 \u0645\u0646 \u0627\u0644\u0623\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0625\u0644\u0649 \u0627\u0644\u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0628\u062a\u0642\u062f\u064a\u0631 \u0627\u0645\u062a\u064a\u0627\u0632 \u062f\u0643\u062a\u0648\u0631\u0627\u0647 (\u0627\u0645\u062a\u064a\u0627\u0632) \u0645\u0627\u062c\u0633\u062a\u064a\u0631 \u2013 \u0645\u0648\u0633\u0643\u0648 \u0623\u0648\u0627\u0626\u0644 \u0627\u0644\u0639\u0631\u0627\u0642 2005 \u0633\u0646\u0629 \u0627\u0644\u062a\u0639\u064a\u064a\u0646 (\u0642\u0646\u0627\u0629 \u0627\u0644\u0623\u0648\u0627\u0626\u0644) #21 \u0645\u0646 140 \u0637\u0627\u0644\u0628 \u2013 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0628\u0635\u0631\u0629 160 \u0637\u0627\u0644\u0628 &hellip; <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=21949\">Continued<\/a><\/p>\n","protected":false},"author":99900,"featured_media":22098,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21949","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/21949","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=21949"}],"version-history":[{"count":2,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/21949\/revisions"}],"predecessor-version":[{"id":22097,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/21949\/revisions\/22097"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/media\/22098"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}