\u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 - \u0645\u0646\u0635\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0630\u0643\u064a<\/title>\r\n\r\n<style>\r\n:root{\r\n --bg1:#2a0f66;\r\n --bg2:#5b2bb5;\r\n --card1:#2b1f6a;\r\n --card2:#241a5f;\r\n --stroke: rgba(255,255,255,.12);\r\n --shadow: rgba(0,0,0,.25);\r\n --text:#ffffff;\r\n --muted: rgba(255,255,255,.75);\r\n --badgeBg: rgba(0,0,0,.25);\r\n --btnBg: rgba(255,255,255,.12);\r\n --btnBgHover: rgba(255,255,255,.18);\r\n --radius: 26px;\r\n font-family: \"Cairo\",\"Tajawal\",\"Segoe UI\",Tahoma,Arial,sans-serif;\r\n}\r\n\r\n*{ box-sizing:border-box; }\r\n\r\nbody{\r\n margin:0;\r\n min-height:100vh;\r\n background: linear-gradient(180deg, var(--bg2), var(--bg1));\r\n color:var(--text);\r\n}\r\n\r\n\/* \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 - \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 *\/\r\n.wrap{\r\n max-width:1200px;\r\n margin:auto;\r\n padding:100px 18px 80px; \/* \u0632\u0650\u064a\u062f\u062a \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 \u0645\u0646 40px \u0625\u0644\u0649 60px *\/\r\n background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.05));\r\n}\r\n\r\n\/* ===== \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062a\u0631\u062d\u064a\u0628\u064a ===== *\/\r\n.welcome-section {\r\n background: rgba(255,255,255,0.1);\r\n backdrop-filter: blur(10px);\r\n border-radius: 32px;\r\n padding: 30px 40px;\r\n margin-bottom: 30px;\r\n border: 1px solid var(--stroke);\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.2);\r\n}\r\n\r\n.welcome-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: rgba(255,255,255,0.15);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 48px;\r\n border: 1px solid rgba(255,255,255,0.2);\r\n}\r\n\r\n.welcome-text h2 {\r\n margin: 0 0 8px;\r\n font-size: 32px;\r\n font-weight: 900;\r\n}\r\n\r\n.welcome-text p {\r\n margin: 0;\r\n font-size: 16px;\r\n color: var(--muted);\r\n line-height: 1.6;\r\n}\r\n\r\n\/* ===== \u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 ===== *\/\r\n.back-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:10px 18px;\r\n background:rgba(255,255,255,0.1);\r\n border-radius:12px;\r\n text-decoration:none;\r\n color:var(--text);\r\n font-weight:600;\r\n font-size:14px;\r\n margin-bottom:25px;\r\n border:1px solid rgba(255,255,255,0.15);\r\n transition:all 0.3s ease;\r\n backdrop-filter:blur(10px);\r\n}\r\n.back-btn:hover {\r\n background:rgba(255,255,255,0.2);\r\n transform:translateX(5px);\r\n border-color:rgba(255,255,255,0.3);\r\n}\r\n.back-btn i {\r\n font-size:16px;\r\n transition:transform 0.2s ease;\r\n}\r\n.back-btn:hover i {\r\n transform:translateX(3px);\r\n}\r\n\r\n\/* ===== \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0635\u0641\u062d\u0629 ===== *\/\r\n.page-title{\r\n text-align:right;\r\n margin-bottom:26px;\r\n font-size:26px;\r\n font-weight:900;\r\n}\r\n\r\n\/* ===== \u0634\u0628\u0643\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a ===== *\/\r\n.grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:20px;\r\n}\r\n\r\n\/* ===== \u0627\u0644\u0628\u0637\u0627\u0642\u0629 ===== *\/\r\n.card{\r\n position:relative;\r\n background:linear-gradient(180deg, var(--card1), var(--card2));\r\n border-radius:var(--radius);\r\n padding:50px 22px 30px;\r\n border:1px solid var(--stroke);\r\n min-height:280px;\r\n transition:transform 0.3s ease, box-shadow 0.3s ease;\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n text-align:center;\r\n}\r\n\r\n\/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0639\u0644\u0648\u064a \u0627\u0644\u0645\u0644\u0648\u0646 *\/\r\n.card::before{\r\n content:\"\";\r\n position:absolute;\r\n top:0; right:0; left:0;\r\n height:4px;\r\n background:var(--accent, #a78bfa);\r\n border-radius:26px 26px 0 0;\r\n}\r\n\r\n\/* \u0634\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 *\/\r\n.badge{\r\n position:absolute;\r\n top:12px; left:12px;\r\n padding:4px 10px;\r\n border-radius:999px;\r\n background: var(--badgeBg);\r\n font-weight:800;\r\n font-size:12px;\r\n color:var(--muted);\r\n border:1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n\/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n.icon{\r\n position:absolute;\r\n top:12px; right:12px;\r\n width:44px;\r\n height:44px;\r\n border-radius:14px;\r\n background: rgba(255,255,255,.14);\r\n display:grid;\r\n place-items:center;\r\n font-size:24px;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n.title{\r\n margin:0 0 10px;\r\n font-size:24px;\r\n font-weight:900;\r\n}\r\n\r\n\/* \u0627\u0644\u0632\u0631 *\/\r\n.btn{\r\n width:85%;\r\n padding:14px 16px;\r\n border-radius:16px;\r\n border:1px solid rgba(255,255,255,.18);\r\n background: var(--btnBg);\r\n color:var(--text);\r\n font-weight:900;\r\n font-size:14px;\r\n cursor:pointer;\r\n transition:.15s ease;\r\n text-decoration:none;\r\n display:block;\r\n margin-top:auto;\r\n}\r\n.btn:hover{\r\n background: var(--btnBgHover);\r\n transform:translateY(-2px);\r\n}\r\n\r\n\/* \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u062e\u0637 \u0627\u0644\u0639\u0644\u0648\u064a *\/\r\n.card:nth-child(1) { --accent: #38E0FF; }\r\n.card:nth-child(2) { --accent: #B686FF; }\r\n.card:nth-child(3) { --accent: #FFB86B; }\r\n.card:nth-child(4) { --accent: #FF6B8B; }\r\n.card:nth-child(5) { --accent: #4CD964; }\r\n\r\n\/* ===== \u0627\u0633\u062a\u062c\u0627\u0628\u0629 ===== *\/\r\n@media(max-width:1000px){\r\n .grid{ grid-template-columns:repeat(2,1fr); }\r\n .welcome-section { flex-direction: column; text-align: center; }\r\n}\r\n@media(max-width:600px){\r\n .page-title{ font-size:20px; }\r\n .grid{ grid-template-columns:1fr; }\r\n .card{ min-height:250px; }\r\n .back-btn{ font-size:13px; padding:8px 14px; }\r\n .welcome-section { padding: 20px; }\r\n .welcome-text h2 { font-size: 24px; }\r\n .welcome-icon { width: 60px; height: 60px; font-size: 36px; }\r\n}\r\n<\/style>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"wrap\">\r\n\r\n \r\n <div class=\"welcome-section\">\r\n <div class=\"welcome-icon\">\ud83d\udcda<\/div>\r\n <div class=\"welcome-text\">\r\n <h2>\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645 \u0641\u064a \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u0645 \u0628\u0630\u0643\u0627\u0621<\/h2>\r\n <p>\u0646\u062d\u0646 \u0633\u0639\u062f\u0627\u0621 \u0628\u0627\u0646\u0636\u0645\u0627\u0645\u0643 \u0625\u0644\u064a\u0646\u0627! \u0627\u062e\u062a\u0631 \u0645\u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0648\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u060c \u0648\u062a\u0627\u0628\u0639 \u0631\u062d\u0644\u062a\u0643 \u0646\u062d\u0648 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0646\u062c\u0627\u062d.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <a href=\"https:\/\/smartedujo.com\/\" class=\"back-btn\" id=\"backButton\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\r\n <\/a>\r\n\r\n \r\n <div class=\"page-title\">\u0627\u062e\u062a\u0631 \u0645\u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/div>\r\n\r\n \r\n <div class=\"grid\">\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">\u0627\u0644\u0645\u062a\u0648\u0633\u0637<\/span>\r\n <div class=\"icon\">\ud83d\udcd8<\/div>\r\n <h3 class=\"title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646<\/h3>\r\n <button class=\"btn\" onclick=\"go('8')\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">\u0627\u0644\u0645\u062a\u0648\u0633\u0637<\/span>\r\n <div class=\"icon\">\ud83d\udcd9<\/div>\r\n <h3 class=\"title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062a\u0627\u0633\u0639<\/h3>\r\n <button class=\"btn\" onclick=\"go('9')\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">\u0627\u0644\u0645\u062a\u0648\u0633\u0637<\/span>\r\n <div class=\"icon\">\ud83d\udcda<\/div>\r\n <h3 class=\"title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u0639\u0627\u0634\u0631<\/h3>\r\n <button class=\"btn\" onclick=\"go('10')\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629<\/span>\r\n <div class=\"icon\">\ud83d\udcd0<\/div>\r\n <h3 class=\"title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062d\u0627\u062f\u064a \u0639\u0634\u0631<\/h3>\r\n <button class=\"btn\" onclick=\"go('11')\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629<\/span>\r\n <div class=\"icon\">\ud83c\udf93<\/div>\r\n <h3 class=\"title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631<\/h3>\r\n <button class=\"btn\" onclick=\"go('12')\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f<\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0635\u0641\u0648\u0641\r\nconst links = {\r\n '8': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b5%d9%81-%d8%a7%d9%84%d8%ab%d8%a7%d9%85%d9%86\/',\r\n '9': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%aa%d8%a7%d8%b3%d8%b9-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d8%af-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/',\r\n '10': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b9%d8%a7%d8%b4%d8%b1-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d8%af-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/',\r\n '11': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b5%d9%81-%d8%a7%d9%84%d8%ad%d8%a7%d8%af%d9%8a-%d8%b9%d8%b4%d8%b1\/',\r\n '12': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b5%d9%81-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d8%b9%d8%b4%d8%b1\/'\r\n};\r\n\r\nfunction go(grade) {\r\n window.location.href = links[grade];\r\n}\r\n\r\n\/\/ \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const backBtn = document.getElementById('backButton');\r\n\r\n const cards = document.querySelectorAll('.card');\r\n cards.forEach(card => {\r\n card.addEventListener('mouseenter', function() {\r\n this.style.transform = 'translateY(-5px)';\r\n this.style.boxShadow = '0 10px 20px rgba(0,0,0,0.2)';\r\n });\r\n card.addEventListener('mouseleave', function() {\r\n this.style.transform = 'translateY(0)';\r\n this.style.boxShadow = 'none';\r\n });\r\n });\r\n\r\n \/\/ \u0627\u0644\u0639\u0648\u062f\u0629 \u0628\u0636\u063a\u0637 \u0632\u0631 Esc\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') {\r\n window.location.href = backBtn.href;\r\n }\r\n });\r\n\r\n \/\/ \u062a\u0623\u062b\u064a\u0631 \u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 (\u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0647\u0645)\r\n backBtn.addEventListener('mouseenter', function() {\r\n this.querySelector('i').style.transform = 'translateX(3px)';\r\n });\r\n backBtn.addEventListener('mouseleave', function() {\r\n this.querySelector('i').style.transform = 'translateX(0)';\r\n });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 – \u0645\u0646\u0635\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0630\u0643\u064a 📚 \u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645 \u0641\u064a \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u0645 \u0628\u0630\u0643\u0627\u0621 \u0646\u062d\u0646 \u0633\u0639\u062f\u0627\u0621 \u0628\u0627\u0646\u0636\u0645\u0627\u0645\u0643 \u0625\u0644\u064a\u0646\u0627! \u0627\u062e\u062a\u0631 \u0645\u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0648\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u060c \u0648\u062a\u0627\u0628\u0639 \u0631\u062d\u0644\u062a\u0643 \u0646\u062d\u0648 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0646\u062c\u0627\u062d. \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u062e\u062a\u0631 \u0645\u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0627\u0644\u0645\u062a\u0648\u0633\u0637 📘 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646 \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0645\u062a\u0648\u0633\u0637 📙 \u0627\u0644\u0635\u0641 \u0627\u0644\u062a\u0627\u0633\u0639 \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0645\u062a\u0648\u0633\u0637 📚 \u0627\u0644\u0635\u0641 \u0627\u0644\u0639\u0627\u0634\u0631 \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-15964","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/15964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/comments?post=15964"}],"version-history":[{"count":99,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/15964\/revisions"}],"predecessor-version":[{"id":17630,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/15964\/revisions\/17630"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=15964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 - \u0645\u0646\u0635\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0630\u0643\u064a<\/title>\r\n\r\n<style>\r\n:root{\r\n --bg1:#2a0f66;\r\n --bg2:#5b2bb5;\r\n --card1:#2b1f6a;\r\n --card2:#241a5f;\r\n --stroke: rgba(255,255,255,.12);\r\n --shadow: rgba(0,0,0,.25);\r\n --text:#ffffff;\r\n --muted: rgba(255,255,255,.75);\r\n --badgeBg: rgba(0,0,0,.25);\r\n --btnBg: rgba(255,255,255,.12);\r\n --btnBgHover: rgba(255,255,255,.18);\r\n --radius: 26px;\r\n font-family: \"Cairo\",\"Tajawal\",\"Segoe UI\",Tahoma,Arial,sans-serif;\r\n}\r\n\r\n*{ box-sizing:border-box; }\r\n\r\nbody{\r\n margin:0;\r\n min-height:100vh;\r\n background: linear-gradient(180deg, var(--bg2), var(--bg1));\r\n color:var(--text);\r\n}\r\n\r\n\/* \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 - \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 *\/\r\n.wrap{\r\n max-width:1200px;\r\n margin:auto;\r\n padding:100px 18px 80px; \/* \u0632\u0650\u064a\u062f\u062a \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 \u0645\u0646 40px \u0625\u0644\u0649 60px *\/\r\n background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.05));\r\n}\r\n\r\n\/* ===== \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062a\u0631\u062d\u064a\u0628\u064a ===== *\/\r\n.welcome-section {\r\n background: rgba(255,255,255,0.1);\r\n backdrop-filter: blur(10px);\r\n border-radius: 32px;\r\n padding: 30px 40px;\r\n margin-bottom: 30px;\r\n border: 1px solid var(--stroke);\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.2);\r\n}\r\n\r\n.welcome-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: rgba(255,255,255,0.15);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 48px;\r\n border: 1px solid rgba(255,255,255,0.2);\r\n}\r\n\r\n.welcome-text h2 {\r\n margin: 0 0 8px;\r\n font-size: 32px;\r\n font-weight: 900;\r\n}\r\n\r\n.welcome-text p {\r\n margin: 0;\r\n font-size: 16px;\r\n color: var(--muted);\r\n line-height: 1.6;\r\n}\r\n\r\n\/* ===== \u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 ===== *\/\r\n.back-btn {\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:10px 18px;\r\n background:rgba(255,255,255,0.1);\r\n border-radius:12px;\r\n text-decoration:none;\r\n color:var(--text);\r\n font-weight:600;\r\n font-size:14px;\r\n margin-bottom:25px;\r\n border:1px solid rgba(255,255,255,0.15);\r\n transition:all 0.3s ease;\r\n backdrop-filter:blur(10px);\r\n}\r\n.back-btn:hover {\r\n background:rgba(255,255,255,0.2);\r\n transform:translateX(5px);\r\n border-color:rgba(255,255,255,0.3);\r\n}\r\n.back-btn i {\r\n font-size:16px;\r\n transition:transform 0.2s ease;\r\n}\r\n.back-btn:hover i {\r\n transform:translateX(3px);\r\n}\r\n\r\n\/* ===== \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0635\u0641\u062d\u0629 ===== *\/\r\n.page-title{\r\n text-align:right;\r\n margin-bottom:26px;\r\n font-size:26px;\r\n font-weight:900;\r\n}\r\n\r\n\/* ===== \u0634\u0628\u0643\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a ===== *\/\r\n.grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:20px;\r\n}\r\n\r\n\/* ===== \u0627\u0644\u0628\u0637\u0627\u0642\u0629 ===== *\/\r\n.card{\r\n position:relative;\r\n background:linear-gradient(180deg, var(--card1), var(--card2));\r\n border-radius:var(--radius);\r\n padding:50px 22px 30px;\r\n border:1px solid var(--stroke);\r\n min-height:280px;\r\n transition:transform 0.3s ease, box-shadow 0.3s ease;\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n text-align:center;\r\n}\r\n\r\n\/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0639\u0644\u0648\u064a \u0627\u0644\u0645\u0644\u0648\u0646 *\/\r\n.card::before{\r\n content:\"\";\r\n position:absolute;\r\n top:0; right:0; left:0;\r\n height:4px;\r\n background:var(--accent, #a78bfa);\r\n border-radius:26px 26px 0 0;\r\n}\r\n\r\n\/* \u0634\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 *\/\r\n.badge{\r\n position:absolute;\r\n top:12px; left:12px;\r\n padding:4px 10px;\r\n border-radius:999px;\r\n background: var(--badgeBg);\r\n font-weight:800;\r\n font-size:12px;\r\n color:var(--muted);\r\n border:1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n\/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\r\n.icon{\r\n position:absolute;\r\n top:12px; right:12px;\r\n width:44px;\r\n height:44px;\r\n border-radius:14px;\r\n background: rgba(255,255,255,.14);\r\n display:grid;\r\n place-items:center;\r\n font-size:24px;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\r\n.title{\r\n margin:0 0 10px;\r\n font-size:24px;\r\n font-weight:900;\r\n}\r\n\r\n\/* \u0627\u0644\u0632\u0631 *\/\r\n.btn{\r\n width:85%;\r\n padding:14px 16px;\r\n border-radius:16px;\r\n border:1px solid rgba(255,255,255,.18);\r\n background: var(--btnBg);\r\n color:var(--text);\r\n font-weight:900;\r\n font-size:14px;\r\n cursor:pointer;\r\n transition:.15s ease;\r\n text-decoration:none;\r\n display:block;\r\n margin-top:auto;\r\n}\r\n.btn:hover{\r\n background: var(--btnBgHover);\r\n transform:translateY(-2px);\r\n}\r\n\r\n\/* \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u062e\u0637 \u0627\u0644\u0639\u0644\u0648\u064a *\/\r\n.card:nth-child(1) { --accent: #38E0FF; }\r\n.card:nth-child(2) { --accent: #B686FF; }\r\n.card:nth-child(3) { --accent: #FFB86B; }\r\n.card:nth-child(4) { --accent: #FF6B8B; }\r\n.card:nth-child(5) { --accent: #4CD964; }\r\n\r\n\/* ===== \u0627\u0633\u062a\u062c\u0627\u0628\u0629 ===== *\/\r\n@media(max-width:1000px){\r\n .grid{ grid-template-columns:repeat(2,1fr); }\r\n .welcome-section { flex-direction: column; text-align: center; }\r\n}\r\n@media(max-width:600px){\r\n .page-title{ font-size:20px; }\r\n .grid{ grid-template-columns:1fr; }\r\n .card{ min-height:250px; }\r\n .back-btn{ font-size:13px; padding:8px 14px; }\r\n .welcome-section { padding: 20px; }\r\n .welcome-text h2 { font-size: 24px; }\r\n .welcome-icon { width: 60px; height: 60px; font-size: 36px; }\r\n}\r\n<\/style>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"wrap\">\r\n\r\n \r\n <div class=\"welcome-section\">\r\n <div class=\"welcome-icon\">\ud83d\udcda<\/div>\r\n <div class=\"welcome-text\">\r\n <h2>\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645 \u0641\u064a \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u0645 \u0628\u0630\u0643\u0627\u0621<\/h2>\r\n <p>\u0646\u062d\u0646 \u0633\u0639\u062f\u0627\u0621 \u0628\u0627\u0646\u0636\u0645\u0627\u0645\u0643 \u0625\u0644\u064a\u0646\u0627! \u0627\u062e\u062a\u0631 \u0645\u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0648\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u060c \u0648\u062a\u0627\u0628\u0639 \u0631\u062d\u0644\u062a\u0643 \u0646\u062d\u0648 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0646\u062c\u0627\u062d.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <a href=\"https:\/\/smartedujo.com\/\" class=\"back-btn\" id=\"backButton\">\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\r\n <\/a>\r\n\r\n \r\n <div class=\"page-title\">\u0627\u062e\u062a\u0631 \u0645\u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/div>\r\n\r\n \r\n <div class=\"grid\">\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">\u0627\u0644\u0645\u062a\u0648\u0633\u0637<\/span>\r\n <div class=\"icon\">\ud83d\udcd8<\/div>\r\n <h3 class=\"title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646<\/h3>\r\n <button class=\"btn\" onclick=\"go('8')\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">\u0627\u0644\u0645\u062a\u0648\u0633\u0637<\/span>\r\n <div class=\"icon\">\ud83d\udcd9<\/div>\r\n <h3 class=\"title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062a\u0627\u0633\u0639<\/h3>\r\n <button class=\"btn\" onclick=\"go('9')\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">\u0627\u0644\u0645\u062a\u0648\u0633\u0637<\/span>\r\n <div class=\"icon\">\ud83d\udcda<\/div>\r\n <h3 class=\"title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u0639\u0627\u0634\u0631<\/h3>\r\n <button class=\"btn\" onclick=\"go('10')\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629<\/span>\r\n <div class=\"icon\">\ud83d\udcd0<\/div>\r\n <h3 class=\"title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062d\u0627\u062f\u064a \u0639\u0634\u0631<\/h3>\r\n <button class=\"btn\" onclick=\"go('11')\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\">\r\n <span class=\"badge\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629<\/span>\r\n <div class=\"icon\">\ud83c\udf93<\/div>\r\n <h3 class=\"title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631<\/h3>\r\n <button class=\"btn\" onclick=\"go('12')\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f<\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0635\u0641\u0648\u0641\r\nconst links = {\r\n '8': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b5%d9%81-%d8%a7%d9%84%d8%ab%d8%a7%d9%85%d9%86\/',\r\n '9': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%aa%d8%a7%d8%b3%d8%b9-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d8%af-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/',\r\n '10': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b9%d8%a7%d8%b4%d8%b1-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d8%af-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/',\r\n '11': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b5%d9%81-%d8%a7%d9%84%d8%ad%d8%a7%d8%af%d9%8a-%d8%b9%d8%b4%d8%b1\/',\r\n '12': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b5%d9%81-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d8%b9%d8%b4%d8%b1\/'\r\n};\r\n\r\nfunction go(grade) {\r\n window.location.href = links[grade];\r\n}\r\n\r\n\/\/ \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const backBtn = document.getElementById('backButton');\r\n\r\n const cards = document.querySelectorAll('.card');\r\n cards.forEach(card => {\r\n card.addEventListener('mouseenter', function() {\r\n this.style.transform = 'translateY(-5px)';\r\n this.style.boxShadow = '0 10px 20px rgba(0,0,0,0.2)';\r\n });\r\n card.addEventListener('mouseleave', function() {\r\n this.style.transform = 'translateY(0)';\r\n this.style.boxShadow = 'none';\r\n });\r\n });\r\n\r\n \/\/ \u0627\u0644\u0639\u0648\u062f\u0629 \u0628\u0636\u063a\u0637 \u0632\u0631 Esc\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') {\r\n window.location.href = backBtn.href;\r\n }\r\n });\r\n\r\n \/\/ \u062a\u0623\u062b\u064a\u0631 \u0632\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 (\u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0647\u0645)\r\n backBtn.addEventListener('mouseenter', function() {\r\n this.querySelector('i').style.transform = 'translateX(3px)';\r\n });\r\n backBtn.addEventListener('mouseleave', function() {\r\n this.querySelector('i').style.transform = 'translateX(0)';\r\n });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 – \u0645\u0646\u0635\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u0630\u0643\u064a 📚 \u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643\u0645 \u0641\u064a \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u0645 \u0628\u0630\u0643\u0627\u0621 \u0646\u062d\u0646 \u0633\u0639\u062f\u0627\u0621 \u0628\u0627\u0646\u0636\u0645\u0627\u0645\u0643 \u0625\u0644\u064a\u0646\u0627! \u0627\u062e\u062a\u0631 \u0645\u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0648\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u060c \u0648\u062a\u0627\u0628\u0639 \u0631\u062d\u0644\u062a\u0643 \u0646\u062d\u0648 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0646\u062c\u0627\u062d. \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u062e\u062a\u0631 \u0645\u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0627\u0644\u0645\u062a\u0648\u0633\u0637 📘 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646 \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0645\u062a\u0648\u0633\u0637 📙 \u0627\u0644\u0635\u0641 \u0627\u0644\u062a\u0627\u0633\u0639 \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0645\u062a\u0648\u0633\u0637 📚 \u0627\u0644\u0635\u0641 \u0627\u0644\u0639\u0627\u0634\u0631 \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-15964","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/15964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/comments?post=15964"}],"version-history":[{"count":99,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/15964\/revisions"}],"predecessor-version":[{"id":17630,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/15964\/revisions\/17630"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=15964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}