\u0645\u0648\u0627\u062f \u0627\u0644\u062b\u0627\u0646\u0648\u064a \u2014 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root{\n --bg:#07041a;\n --surface:rgba(255,255,255,.035);\n --surface-2:rgba(255,255,255,.06);\n --border:rgba(255,255,255,.09);\n --border-strong:rgba(255,255,255,.18);\n --text:#f4f2ff;\n --muted:rgba(244,242,255,.62);\n --muted-2:rgba(244,242,255,.42);\n --radius:24px;\n --radius-sm:16px;\n --ease:cubic-bezier(.4,0,.2,1);\n --ease-out:cubic-bezier(.16,1,.3,1);\n font-family:\"Cairo\",\"Tajawal\",\"Segoe UI\",Tahoma,Arial,sans-serif;\n}\n\n*{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth}\n\nbody{\n min-height:100vh;\n color:var(--text);\n background:var(--bg);\n overflow-x:hidden;\n -webkit-font-smoothing:antialiased;\n line-height:1.7;\n}\n\n\/* ===== Animated aurora background ===== *\/\n.aurora{\n position:fixed;\n inset:0;\n z-index:-2;\n overflow:hidden;\n pointer-events:none;\n}\n.aurora span{\n position:absolute;\n border-radius:50%;\n filter:blur(90px);\n opacity:.55;\n will-change:transform;\n}\n.aurora .b1{\n width:620px;height:620px;\n background:radial-gradient(circle, #7c3aed, transparent 70%);\n top:-180px; right:-130px;\n animation:drift1 24s ease-in-out infinite alternate;\n}\n.aurora .b2{\n width:560px;height:560px;\n background:radial-gradient(circle, #06b6d4, transparent 70%);\n bottom:-170px; left:-150px;\n animation:drift2 28s ease-in-out infinite alternate;\n}\n.aurora .b3{\n width:500px;height:500px;\n background:radial-gradient(circle, #ec4899, transparent 70%);\n top:38%; left:38%;\n animation:drift3 32s ease-in-out infinite alternate;\n opacity:.28;\n}\n@keyframes drift1{\n 0%{transform:translate(0,0) scale(1)}\n 100%{transform:translate(-85px,65px) scale(1.15)}\n}\n@keyframes drift2{\n 0%{transform:translate(0,0) scale(1)}\n 100%{transform:translate(95px,-75px) scale(1.1)}\n}\n@keyframes drift3{\n 0%{transform:translate(-50%,-50%) scale(1)}\n 100%{transform:translate(-30%,-70%) scale(1.25)}\n}\n\n\/* subtle grid overlay *\/\nbody::after{\n content:\"\";\n position:fixed;\n inset:0;\n z-index:-1;\n pointer-events:none;\n background-image:\n linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);\n background-size:60px 60px;\n mask-image:radial-gradient(ellipse at center, #000 30%, transparent 78%);\n -webkit-mask-image:radial-gradient(ellipse at center, #000 30%, transparent 78%);\n}\n\n\/* ===== Container ===== *\/\n.wrap{\n max-width:1220px;\n margin:auto;\n padding:36px 20px 90px;\n}\n\n\/* ===== Back button ===== *\/\n.back-btn{\n display:inline-flex;\n align-items:center;\n gap:9px;\n background:var(--surface);\n color:var(--text);\n text-decoration:none;\n padding:11px 20px;\n border-radius:100px;\n font-weight:600;\n font-size:13.5px;\n margin-bottom:26px;\n border:1px solid var(--border);\n backdrop-filter:blur(14px);\n -webkit-backdrop-filter:blur(14px);\n transition:all .3s var(--ease);\n}\n.back-btn:hover{\n background:var(--surface-2);\n border-color:var(--border-strong);\n transform:translateX(4px);\n}\n.back-btn i{\n display:inline-flex;\n transition:transform .3s var(--ease);\n}\n.back-btn svg{\n width:15px;height:15px;\n stroke:currentColor;fill:none;\n stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;\n}\n.back-btn:hover svg{transform:translateX(-3px)}\n\n\/* ===== Page header ===== *\/\n.page-header{\n margin-bottom:38px;\n position:relative;\n}\n.eyebrow{\n display:inline-flex;\n align-items:center;\n gap:8px;\n font-size:12px;\n font-weight:700;\n letter-spacing:.4px;\n color:#c4b5fd;\n background:rgba(124,58,237,.14);\n border:1px solid rgba(124,58,237,.3);\n padding:6px 14px;\n border-radius:100px;\n margin-bottom:14px;\n}\n.eyebrow .dot{\n width:6px;height:6px;border-radius:50%;\n background:#a78bfa;\n box-shadow:0 0 10px #a78bfa;\n animation:pulse 2s ease-in-out infinite;\n}\n@keyframes pulse{\n 0%,100%{opacity:1;transform:scale(1)}\n 50%{opacity:.5;transform:scale(.8)}\n}\n.page-title{\n font-size:clamp(28px,4.5vw,42px);\n font-weight:900;\n line-height:1.15;\n letter-spacing:-.5px;\n background:linear-gradient(135deg,#ffffff 0%,#c4b5fd 55%,#67e8f9 100%);\n -webkit-background-clip:text;\n background-clip:text;\n color:transparent;\n margin-bottom:10px;\n}\n.page-subtitle{\n font-size:14.5px;\n color:var(--muted);\n font-weight:500;\n max-width:640px;\n}\n\n\/* ===== Grid ===== *\/\n.grid{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n gap:18px;\n align-items:stretch;\n}\n\n\/* ===== Card ===== *\/\n.card{\n position:relative;\n background:var(--surface);\n border:1px solid var(--border);\n border-radius:var(--radius);\n padding:24px 22px 22px;\n backdrop-filter:blur(20px);\n -webkit-backdrop-filter:blur(20px);\n overflow:hidden;\n display:flex;\n flex-direction:column;\n transition:border-color .35s var(--ease), background .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);\n opacity:0;\n transform:translateY(14px);\n animation:cardIn .55s var(--ease-out) forwards;\n}\n.card:nth-child(1){animation-delay:.04s}\n.card:nth-child(2){animation-delay:.08s}\n.card:nth-child(3){animation-delay:.12s}\n.card:nth-child(4){animation-delay:.16s}\n.card:nth-child(5){animation-delay:.20s}\n.card:nth-child(6){animation-delay:.24s}\n.card:nth-child(7){animation-delay:.28s}\n.card:nth-child(8){animation-delay:.32s}\n.card:nth-child(9){animation-delay:.36s}\n.card:nth-child(10){animation-delay:.40s}\n.card:nth-child(11){animation-delay:.44s}\n@keyframes cardIn{\n to{opacity:1;transform:translateY(0)}\n}\n\n.card::before{\n content:\"\";\n position:absolute;\n top:0; right:0; left:0;\n height:2px;\n background:linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity:.7;\n transition:opacity .35s var(--ease);\n}\n.card:hover{\n border-color:var(--border-strong);\n background:var(--surface-2);\n transform:translateY(-5px);\n box-shadow:0 24px 44px -22px var(--accent), 0 0 0 1px rgba(255,255,255,.03) inset;\n}\n.card:hover::before{opacity:1}\n\n\/* card header: icon + badge *\/\n.card-head{\n display:flex;\n align-items:flex-start;\n justify-content:space-between;\n gap:12px;\n margin-bottom:16px;\n}\n.icon{\n width:48px; height:48px;\n border-radius:15px;\n display:grid;\n place-items:center;\n background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, transparent), color-mix(in srgb, var(--accent) 8%, transparent));\n border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);\n color:color-mix(in srgb, var(--accent) 82%, white);\n box-shadow:0 0 22px -8px var(--accent);\n transition:transform .35s var(--ease-out), box-shadow .35s var(--ease);\n}\n.icon svg{\n width:22px;height:22px;\n stroke:currentColor;fill:none;\n stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;\n}\n.card:hover .icon{\n transform:scale(1.08) rotate(-4deg);\n box-shadow:0 0 28px -6px var(--accent);\n}\n\n.units{\n display:inline-block;\n padding:5px 11px;\n font-size:11px;\n font-weight:800;\n border-radius:100px;\n color:color-mix(in srgb, var(--accent) 90%, white);\n background:color-mix(in srgb, var(--accent) 14%, transparent);\n border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);\n white-space:nowrap;\n}\n\n\/* content *\/\n.card h3{\n margin:0 0 8px;\n font-size:17px;\n font-weight:900;\n line-height:1.4;\n letter-spacing:-.2px;\n}\n.card p{\n margin:0 0 18px;\n font-size:13px;\n color:var(--muted);\n line-height:1.85;\n flex:1;\n}\n\n\/* go link *\/\n.go{\n display:inline-flex;\n align-items:center;\n gap:8px;\n align-self:flex-start;\n padding:10px 18px;\n border-radius:100px;\n background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 90%, #7c5cff), color-mix(in srgb, var(--accent) 55%, #7c5cff));\n color:#fff;\n text-decoration:none;\n font-weight:800;\n font-size:12.5px;\n transition:transform .3s var(--ease), box-shadow .3s var(--ease), gap .3s var(--ease);\n box-shadow:0 8px 20px -10px var(--accent);\n cursor:pointer;\n}\n.go::before{\n content:\"\";\n display:inline-block;\n width:0;\n height:0;\n}\n.go svg{\n width:13px;height:13px;\n stroke:currentColor;fill:none;\n stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;\n transition:transform .3s var(--ease);\n}\n.go:hover{\n transform:translateY(-2px);\n box-shadow:0 14px 26px -10px var(--accent);\n}\n.go:hover svg{transform:translateX(-3px)}\n\n\/* ===== ACCENTS ===== *\/\n.pink {--accent:#f43f5e}\n.cyan {--accent:#22d3ee}\n.green {--accent:#10b981}\n.amber {--accent:#f59e0b}\n.lime {--accent:#84cc16}\n.orange {--accent:#f97316}\n.emerald {--accent:#10b981}\n.violet {--accent:#a78bfa}\n.rose {--accent:#f43f5e}\n.sky {--accent:#0ea5e9}\n.teal {--accent:#14b8a6}\n.yellow {--accent:#eab308}\n.red {--accent:#dc2626}\n\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width:1024px){\n .grid{grid-template-columns:repeat(2,1fr)}\n}\n@media(max-width:640px){\n .wrap{padding:24px 14px 70px}\n .page-title{font-size:24px}\n .grid{grid-template-columns:1fr;gap:14px}\n .card{padding:20px 18px 18px}\n .icon{width:44px;height:44px}\n .icon svg{width:20px;height:20px}\n .back-btn{font-size:12.5px;padding:9px 16px}\n}\n\n@media(prefers-reduced-motion:reduce){\n *,*::before,*::after{\n animation-duration:.001ms !important;\n transition-duration:.001ms !important;\n }\n .aurora span{animation:none}\n .card{opacity:1;transform:none}\n}\n<\/style>\n<\/head>\n\n<body>\n\n\n<div class=\"aurora\" aria-hidden=\"true\">\n <span class=\"b1\"><\/span>\n <span class=\"b2\"><\/span>\n <span class=\"b3\"><\/span>\n<\/div>\n\n<div class=\"wrap\">\n\n \n <a href=\"https:\/\/smartedujo.com\/%d8%a7%d9%84%d9%85%d8%b1%d8%a7%d8%ad%d9%84-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/\" class=\"back-btn\" id=\"backButton\">\n <i aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/i>\n <span>\u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/span>\n <\/a>\n\n \n <header class=\"page-header\">\n <span class=\"eyebrow\"><span class=\"dot\"><\/span> \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/span>\n <h1 class=\"page-title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631<\/h1>\n <p class=\"page-subtitle\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0627\u062f\u0629 \u0644\u0639\u0631\u0636 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0648\u0627\u0644\u062f\u0631\u0648\u0633 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u0627.<\/p>\n <\/header>\n\n <section class=\"grid\">\n\n \n <article class=\"card violet\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 3h6\"\/><path d=\"M10 3v6.5L5.5 17a2 2 0 0 0 1.7 3h9.6a2 2 0 0 0 1.7-3L14 9.5V3\"\/><path d=\"M7.5 15h9\"\/><\/svg>\n <\/div>\n <span class=\"units\">7 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0621<\/h3>\n <p>\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0627\u062f\u0629\u060c \u0627\u0644\u0627\u062a\u0632\u0627\u0646\u060c \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0621 \u0627\u0644\u062d\u0631\u0643\u064a\u0629 \u0648\u0627\u0644\u0639\u0636\u0648\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card amber\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M13 2 3 14h9l-1 8 10-12h-9l1-8Z\"\/><\/svg>\n <\/div>\n <span class=\"units\">8 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621<\/h3>\n <p>\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u0627 \u0648\u0627\u0644\u0643\u0647\u0631\u0648\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a\u0629 \u0648\u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621 \u0627\u0644\u062d\u062f\u064a\u062b\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card green\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M7 20c0-4 2-8 6-10\"\/><path d=\"M12 4c-3 0-5 2-5 5s2 5 5 5 5-2 5-5-2-5-5-5Z\"\/><path d=\"M17 20c0-4-2-8-6-10\"\/><\/svg>\n <\/div>\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u0623\u062d\u064a\u0627\u0621<\/h3>\n <p>\u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u062d\u064a\u0627\u062a\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u0631\u064a\u062d.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card sky\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18\"\/><path d=\"M12 3a15 15 0 0 1 0 18\"\/><path d=\"M12 3a15 15 0 0 0 0 18\"\/><\/svg>\n <\/div>\n <span class=\"units\">7 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0639\u0644\u0648\u0645 \u0627\u0644\u0623\u0631\u0636<\/h3>\n <p>\u0627\u0644\u0646\u062c\u0648\u0645 \u0648\u0627\u0644\u0645\u062c\u0631\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u062c\u064a\u0648\u0644\u0648\u062c\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card red\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/><path d=\"M8 7h8\"\/><path d=\"M8 12h3\"\/><path d=\"M8 17h3\"\/><path d=\"M15 12h1\"\/><path d=\"M15 17h1\"\/><\/svg>\n <\/div>\n <span class=\"units\">6 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0627\u062a<\/h3>\n <p>\u0627\u0644\u062a\u0641\u0627\u0636\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0648\u0627\u0644\u0625\u062d\u0635\u0627\u0621.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card rose\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h11a3 3 0 0 1 3 3v13H7a3 3 0 0 1-3-3Z\"\/><path d=\"M18 4h2v16h-2\"\/><path d=\"M8 9h6\"\/><path d=\"M8 13h6\"\/><\/svg>\n <\/div>\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/h3>\n <p>\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u060c \u0648\u0627\u0644\u0639\u0631\u0648\u0636\u060c \u0648\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0623\u062f\u0628\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card orange\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18\"\/><path d=\"M12 3a15 15 0 0 1 0 18\"\/><path d=\"M12 3a15 15 0 0 0 0 18\"\/><\/svg>\n <\/div>\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629<\/h3>\n <p>\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0646\u0627\u0642\u062f\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card teal\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4c-4 0-7 1-8 3-1-2-4-3-8-3v14c4 0 7 1 8 3 1-2 4-3 8-3Z\"\/><path d=\"M12 7v14\"\/><\/svg>\n <\/div>\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u062a\u0631\u0628\u064a\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/h3>\n <p>\u0627\u0644\u0641\u0642\u0647 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a \u0648\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0645\u0639\u0627\u0635\u0631\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card yellow\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 21V8l8-5 8 5v13\"\/><path d=\"M9 21v-6h6v6\"\/><path d=\"M4 21h16\"\/><\/svg>\n <\/div>\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629<\/h3>\n <p>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0623\u0631\u062f\u0646 \u0648\u0627\u0644\u0642\u0636\u064a\u0629 \u0627\u0644\u0641\u0644\u0633\u0637\u064a\u0646\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card violet\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M8 20h8\"\/><path d=\"M12 16v4\"\/><path d=\"m9 9 2 2-2 2\"\/><path d=\"M13 13h3\"\/><\/svg>\n <\/div>\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3>\n <p>\u0627\u0644\u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0648\u064a\u0628.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card emerald\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M15 9c-.7-.7-1.8-1-3-1-1.7 0-3 .8-3 2s1.3 2 3 2 3 .8 3 2-1.3 2-3 2c-1.2 0-2.3-.3-3-1\"\/><path d=\"M12 6v12\"\/><\/svg>\n <\/div>\n <span class=\"units\">8 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629<\/h3>\n <p>\u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u064a\u0629\u060c \u0627\u0644\u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0627\u0644\u064a\u060c \u0648\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0645\u0627\u0644\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n <\/section>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n\n \/\/ \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0645\u0648\u0627\u062f\n const subjectLinks = {\n '\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0621': '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%d8%a7%d9%84%d9%83%d9%8a%d9%85%d9%8a%d8%a7%d8%a1\/',\n '\u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d9%81%d9%8a%d8%b2%d9%8a%d8%a7%d8%a1-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d8%b9%d8%b4%d8%b1\/',\n '\u0627\u0644\u0623\u062d\u064a\u0627\u0621': 'https:\/\/example.com\/biology',\n '\u0639\u0644\u0648\u0645 \u0627\u0644\u0623\u0631\u0636': 'http:\/\/smartedujo.com\/%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A-%D8%B9%D8%B4%D8%B1-%D8%B9%D9%84%D9%88%D9%85-%D8%A7%D9%84%D8%A7%D8%B1%D8%B6\/',\n '\u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0627\u062a': 'https:\/\/example.com\/math',\n '\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629': 'https:\/\/example.com\/arabic',\n '\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629': 'https:\/\/example.com\/english',\n '\u0627\u0644\u062a\u0631\u0628\u064a\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629': 'https:\/\/example.com\/islamic-education',\n '\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629': 'https:\/\/example.com\/social-studies',\n '\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629': 'https:\/\/example.com\/digital-skills',\n '\u0627\u0644\u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629': 'https:\/\/example.com\/financial-literacy'\n };\n\n \/\/ \u0631\u0627\u0628\u0637 \u0627\u0644\u0639\u0648\u062f\u0629\n const backLink = 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d9%85%d8%b1%d8%a7%d8%ad%d9%84-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/';\n document.getElementById('backButton').href = backLink;\n\n \/\/ \u0631\u0628\u0637 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0628\u0627\u0644\u0631\u0648\u0627\u0628\u0637\n document.querySelectorAll('.card').forEach(card => {\n const title = card.querySelector('h3').textContent.trim();\n const linkEl = card.querySelector('.go');\n\n if (subjectLinks[title]) {\n linkEl.href = subjectLinks[title];\n linkEl.title = `\u062a\u0635\u0641\u062d \u0645\u062d\u062a\u0648\u0649 ${title}`;\n }\n\n \/\/ \u0627\u0644\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0643\u0644\u0647\u0627 \u064a\u0641\u062a\u062d \u0627\u0644\u0645\u0627\u062f\u0629\n card.addEventListener('click', function(e) {\n \/\/ \u062a\u062c\u0627\u0647\u0644 \u0627\u0644\u0646\u0642\u0631 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0639\u0644\u0649 \u0627\u0644\u0631\u0627\u0628\u0637 \u0646\u0641\u0633\u0647 (\u0644\u062a\u0641\u0627\u062f\u064a \u0627\u0644\u0641\u062a\u062d \u0645\u0631\u062a\u064a\u0646)\n if (e.target.closest('.go')) return;\n const url = linkEl.getAttribute('href');\n if (url && url !== '#') window.location.href = url;\n });\n\n \/\/ \u062c\u0639\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0631\u0643\u064a\u0632 \u0628\u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d\n card.setAttribute('tabindex', '0');\n card.setAttribute('role', 'link');\n card.addEventListener('keydown', function(e) {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n const url = linkEl.getAttribute('href');\n if (url && url !== '#') window.location.href = url;\n }\n });\n });\n\n \/\/ \u0632\u0631 Escape = \u0639\u0648\u062f\u0629\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') window.location.href = backLink;\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0648\u0627\u062f \u0627\u0644\u062b\u0627\u0646\u0648\u064a \u2014 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631 \u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0627\u062f\u0629 \u0644\u0639\u0631\u0636 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0648\u0627\u0644\u062f\u0631\u0648\u0633 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u0627. 7 \u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0621 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0627\u062f\u0629\u060c \u0627\u0644\u0627\u062a\u0632\u0627\u0646\u060c \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0621 \u0627\u0644\u062d\u0631\u0643\u064a\u0629 \u0648\u0627\u0644\u0639\u0636\u0648\u064a\u0629. \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 8 \u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621 \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u0627 \u0648\u0627\u0644\u0643\u0647\u0631\u0648\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a\u0629 \u0648\u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621 \u0627\u0644\u062d\u062f\u064a\u062b\u0629. \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 2 \u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0623\u062d\u064a\u0627\u0621 \u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u062d\u064a\u0627\u062a\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u0631\u064a\u062d. \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 7 \u0648\u062d\u062f\u0627\u062a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-16455","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16455","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=16455"}],"version-history":[{"count":24,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16455\/revisions"}],"predecessor-version":[{"id":19214,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16455\/revisions\/19214"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=16455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":16455,"date":"2025-12-27T17:17:04","date_gmt":"2025-12-27T17:17:04","guid":{"rendered":"https:\/\/smartedujo.com\/?page_id=16455"},"modified":"2026-10-03T15:54:50","modified_gmt":"2026-10-03T12:54:50","slug":"%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","status":"publish","type":"page","link":"https:\/\/smartedujo.com\/ar\/%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\/","title":{"rendered":"\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631-\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629"},"content":{"rendered":"\n\n\n\n\n\n\u0645\u0648\u0627\u062f \u0627\u0644\u062b\u0627\u0646\u0648\u064a \u2014 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root{\n --bg:#07041a;\n --surface:rgba(255,255,255,.035);\n --surface-2:rgba(255,255,255,.06);\n --border:rgba(255,255,255,.09);\n --border-strong:rgba(255,255,255,.18);\n --text:#f4f2ff;\n --muted:rgba(244,242,255,.62);\n --muted-2:rgba(244,242,255,.42);\n --radius:24px;\n --radius-sm:16px;\n --ease:cubic-bezier(.4,0,.2,1);\n --ease-out:cubic-bezier(.16,1,.3,1);\n font-family:\"Cairo\",\"Tajawal\",\"Segoe UI\",Tahoma,Arial,sans-serif;\n}\n\n*{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth}\n\nbody{\n min-height:100vh;\n color:var(--text);\n background:var(--bg);\n overflow-x:hidden;\n -webkit-font-smoothing:antialiased;\n line-height:1.7;\n}\n\n\/* ===== Animated aurora background ===== *\/\n.aurora{\n position:fixed;\n inset:0;\n z-index:-2;\n overflow:hidden;\n pointer-events:none;\n}\n.aurora span{\n position:absolute;\n border-radius:50%;\n filter:blur(90px);\n opacity:.55;\n will-change:transform;\n}\n.aurora .b1{\n width:620px;height:620px;\n background:radial-gradient(circle, #7c3aed, transparent 70%);\n top:-180px; right:-130px;\n animation:drift1 24s ease-in-out infinite alternate;\n}\n.aurora .b2{\n width:560px;height:560px;\n background:radial-gradient(circle, #06b6d4, transparent 70%);\n bottom:-170px; left:-150px;\n animation:drift2 28s ease-in-out infinite alternate;\n}\n.aurora .b3{\n width:500px;height:500px;\n background:radial-gradient(circle, #ec4899, transparent 70%);\n top:38%; left:38%;\n animation:drift3 32s ease-in-out infinite alternate;\n opacity:.28;\n}\n@keyframes drift1{\n 0%{transform:translate(0,0) scale(1)}\n 100%{transform:translate(-85px,65px) scale(1.15)}\n}\n@keyframes drift2{\n 0%{transform:translate(0,0) scale(1)}\n 100%{transform:translate(95px,-75px) scale(1.1)}\n}\n@keyframes drift3{\n 0%{transform:translate(-50%,-50%) scale(1)}\n 100%{transform:translate(-30%,-70%) scale(1.25)}\n}\n\n\/* subtle grid overlay *\/\nbody::after{\n content:\"\";\n position:fixed;\n inset:0;\n z-index:-1;\n pointer-events:none;\n background-image:\n linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);\n background-size:60px 60px;\n mask-image:radial-gradient(ellipse at center, #000 30%, transparent 78%);\n -webkit-mask-image:radial-gradient(ellipse at center, #000 30%, transparent 78%);\n}\n\n\/* ===== Container ===== *\/\n.wrap{\n max-width:1220px;\n margin:auto;\n padding:36px 20px 90px;\n}\n\n\/* ===== Back button ===== *\/\n.back-btn{\n display:inline-flex;\n align-items:center;\n gap:9px;\n background:var(--surface);\n color:var(--text);\n text-decoration:none;\n padding:11px 20px;\n border-radius:100px;\n font-weight:600;\n font-size:13.5px;\n margin-bottom:26px;\n border:1px solid var(--border);\n backdrop-filter:blur(14px);\n -webkit-backdrop-filter:blur(14px);\n transition:all .3s var(--ease);\n}\n.back-btn:hover{\n background:var(--surface-2);\n border-color:var(--border-strong);\n transform:translateX(4px);\n}\n.back-btn i{\n display:inline-flex;\n transition:transform .3s var(--ease);\n}\n.back-btn svg{\n width:15px;height:15px;\n stroke:currentColor;fill:none;\n stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;\n}\n.back-btn:hover svg{transform:translateX(-3px)}\n\n\/* ===== Page header ===== *\/\n.page-header{\n margin-bottom:38px;\n position:relative;\n}\n.eyebrow{\n display:inline-flex;\n align-items:center;\n gap:8px;\n font-size:12px;\n font-weight:700;\n letter-spacing:.4px;\n color:#c4b5fd;\n background:rgba(124,58,237,.14);\n border:1px solid rgba(124,58,237,.3);\n padding:6px 14px;\n border-radius:100px;\n margin-bottom:14px;\n}\n.eyebrow .dot{\n width:6px;height:6px;border-radius:50%;\n background:#a78bfa;\n box-shadow:0 0 10px #a78bfa;\n animation:pulse 2s ease-in-out infinite;\n}\n@keyframes pulse{\n 0%,100%{opacity:1;transform:scale(1)}\n 50%{opacity:.5;transform:scale(.8)}\n}\n.page-title{\n font-size:clamp(28px,4.5vw,42px);\n font-weight:900;\n line-height:1.15;\n letter-spacing:-.5px;\n background:linear-gradient(135deg,#ffffff 0%,#c4b5fd 55%,#67e8f9 100%);\n -webkit-background-clip:text;\n background-clip:text;\n color:transparent;\n margin-bottom:10px;\n}\n.page-subtitle{\n font-size:14.5px;\n color:var(--muted);\n font-weight:500;\n max-width:640px;\n}\n\n\/* ===== Grid ===== *\/\n.grid{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n gap:18px;\n align-items:stretch;\n}\n\n\/* ===== Card ===== *\/\n.card{\n position:relative;\n background:var(--surface);\n border:1px solid var(--border);\n border-radius:var(--radius);\n padding:24px 22px 22px;\n backdrop-filter:blur(20px);\n -webkit-backdrop-filter:blur(20px);\n overflow:hidden;\n display:flex;\n flex-direction:column;\n transition:border-color .35s var(--ease), background .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);\n opacity:0;\n transform:translateY(14px);\n animation:cardIn .55s var(--ease-out) forwards;\n}\n.card:nth-child(1){animation-delay:.04s}\n.card:nth-child(2){animation-delay:.08s}\n.card:nth-child(3){animation-delay:.12s}\n.card:nth-child(4){animation-delay:.16s}\n.card:nth-child(5){animation-delay:.20s}\n.card:nth-child(6){animation-delay:.24s}\n.card:nth-child(7){animation-delay:.28s}\n.card:nth-child(8){animation-delay:.32s}\n.card:nth-child(9){animation-delay:.36s}\n.card:nth-child(10){animation-delay:.40s}\n.card:nth-child(11){animation-delay:.44s}\n@keyframes cardIn{\n to{opacity:1;transform:translateY(0)}\n}\n\n.card::before{\n content:\"\";\n position:absolute;\n top:0; right:0; left:0;\n height:2px;\n background:linear-gradient(90deg, transparent, var(--accent), transparent);\n opacity:.7;\n transition:opacity .35s var(--ease);\n}\n.card:hover{\n border-color:var(--border-strong);\n background:var(--surface-2);\n transform:translateY(-5px);\n box-shadow:0 24px 44px -22px var(--accent), 0 0 0 1px rgba(255,255,255,.03) inset;\n}\n.card:hover::before{opacity:1}\n\n\/* card header: icon + badge *\/\n.card-head{\n display:flex;\n align-items:flex-start;\n justify-content:space-between;\n gap:12px;\n margin-bottom:16px;\n}\n.icon{\n width:48px; height:48px;\n border-radius:15px;\n display:grid;\n place-items:center;\n background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, transparent), color-mix(in srgb, var(--accent) 8%, transparent));\n border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);\n color:color-mix(in srgb, var(--accent) 82%, white);\n box-shadow:0 0 22px -8px var(--accent);\n transition:transform .35s var(--ease-out), box-shadow .35s var(--ease);\n}\n.icon svg{\n width:22px;height:22px;\n stroke:currentColor;fill:none;\n stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;\n}\n.card:hover .icon{\n transform:scale(1.08) rotate(-4deg);\n box-shadow:0 0 28px -6px var(--accent);\n}\n\n.units{\n display:inline-block;\n padding:5px 11px;\n font-size:11px;\n font-weight:800;\n border-radius:100px;\n color:color-mix(in srgb, var(--accent) 90%, white);\n background:color-mix(in srgb, var(--accent) 14%, transparent);\n border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);\n white-space:nowrap;\n}\n\n\/* content *\/\n.card h3{\n margin:0 0 8px;\n font-size:17px;\n font-weight:900;\n line-height:1.4;\n letter-spacing:-.2px;\n}\n.card p{\n margin:0 0 18px;\n font-size:13px;\n color:var(--muted);\n line-height:1.85;\n flex:1;\n}\n\n\/* go link *\/\n.go{\n display:inline-flex;\n align-items:center;\n gap:8px;\n align-self:flex-start;\n padding:10px 18px;\n border-radius:100px;\n background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 90%, #7c5cff), color-mix(in srgb, var(--accent) 55%, #7c5cff));\n color:#fff;\n text-decoration:none;\n font-weight:800;\n font-size:12.5px;\n transition:transform .3s var(--ease), box-shadow .3s var(--ease), gap .3s var(--ease);\n box-shadow:0 8px 20px -10px var(--accent);\n cursor:pointer;\n}\n.go::before{\n content:\"\";\n display:inline-block;\n width:0;\n height:0;\n}\n.go svg{\n width:13px;height:13px;\n stroke:currentColor;fill:none;\n stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;\n transition:transform .3s var(--ease);\n}\n.go:hover{\n transform:translateY(-2px);\n box-shadow:0 14px 26px -10px var(--accent);\n}\n.go:hover svg{transform:translateX(-3px)}\n\n\/* ===== ACCENTS ===== *\/\n.pink {--accent:#f43f5e}\n.cyan {--accent:#22d3ee}\n.green {--accent:#10b981}\n.amber {--accent:#f59e0b}\n.lime {--accent:#84cc16}\n.orange {--accent:#f97316}\n.emerald {--accent:#10b981}\n.violet {--accent:#a78bfa}\n.rose {--accent:#f43f5e}\n.sky {--accent:#0ea5e9}\n.teal {--accent:#14b8a6}\n.yellow {--accent:#eab308}\n.red {--accent:#dc2626}\n\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width:1024px){\n .grid{grid-template-columns:repeat(2,1fr)}\n}\n@media(max-width:640px){\n .wrap{padding:24px 14px 70px}\n .page-title{font-size:24px}\n .grid{grid-template-columns:1fr;gap:14px}\n .card{padding:20px 18px 18px}\n .icon{width:44px;height:44px}\n .icon svg{width:20px;height:20px}\n .back-btn{font-size:12.5px;padding:9px 16px}\n}\n\n@media(prefers-reduced-motion:reduce){\n *,*::before,*::after{\n animation-duration:.001ms !important;\n transition-duration:.001ms !important;\n }\n .aurora span{animation:none}\n .card{opacity:1;transform:none}\n}\n<\/style>\n<\/head>\n\n<body>\n\n\n<div class=\"aurora\" aria-hidden=\"true\">\n <span class=\"b1\"><\/span>\n <span class=\"b2\"><\/span>\n <span class=\"b3\"><\/span>\n<\/div>\n\n<div class=\"wrap\">\n\n \n <a href=\"https:\/\/smartedujo.com\/%d8%a7%d9%84%d9%85%d8%b1%d8%a7%d8%ad%d9%84-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/\" class=\"back-btn\" id=\"backButton\">\n <i aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/i>\n <span>\u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/span>\n <\/a>\n\n \n <header class=\"page-header\">\n <span class=\"eyebrow\"><span class=\"dot\"><\/span> \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/span>\n <h1 class=\"page-title\">\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631<\/h1>\n <p class=\"page-subtitle\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0627\u062f\u0629 \u0644\u0639\u0631\u0636 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0648\u0627\u0644\u062f\u0631\u0648\u0633 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u0627.<\/p>\n <\/header>\n\n <section class=\"grid\">\n\n \n <article class=\"card violet\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 3h6\"\/><path d=\"M10 3v6.5L5.5 17a2 2 0 0 0 1.7 3h9.6a2 2 0 0 0 1.7-3L14 9.5V3\"\/><path d=\"M7.5 15h9\"\/><\/svg>\n <\/div>\n <span class=\"units\">7 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0621<\/h3>\n <p>\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0627\u062f\u0629\u060c \u0627\u0644\u0627\u062a\u0632\u0627\u0646\u060c \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0621 \u0627\u0644\u062d\u0631\u0643\u064a\u0629 \u0648\u0627\u0644\u0639\u0636\u0648\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card amber\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M13 2 3 14h9l-1 8 10-12h-9l1-8Z\"\/><\/svg>\n <\/div>\n <span class=\"units\">8 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621<\/h3>\n <p>\u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u0627 \u0648\u0627\u0644\u0643\u0647\u0631\u0648\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a\u0629 \u0648\u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621 \u0627\u0644\u062d\u062f\u064a\u062b\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card green\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M7 20c0-4 2-8 6-10\"\/><path d=\"M12 4c-3 0-5 2-5 5s2 5 5 5 5-2 5-5-2-5-5-5Z\"\/><path d=\"M17 20c0-4-2-8-6-10\"\/><\/svg>\n <\/div>\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u0623\u062d\u064a\u0627\u0621<\/h3>\n <p>\u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u062d\u064a\u0627\u062a\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u0631\u064a\u062d.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card sky\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18\"\/><path d=\"M12 3a15 15 0 0 1 0 18\"\/><path d=\"M12 3a15 15 0 0 0 0 18\"\/><\/svg>\n <\/div>\n <span class=\"units\">7 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0639\u0644\u0648\u0645 \u0627\u0644\u0623\u0631\u0636<\/h3>\n <p>\u0627\u0644\u0646\u062c\u0648\u0645 \u0648\u0627\u0644\u0645\u062c\u0631\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u062c\u064a\u0648\u0644\u0648\u062c\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card red\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/><path d=\"M8 7h8\"\/><path d=\"M8 12h3\"\/><path d=\"M8 17h3\"\/><path d=\"M15 12h1\"\/><path d=\"M15 17h1\"\/><\/svg>\n <\/div>\n <span class=\"units\">6 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0627\u062a<\/h3>\n <p>\u0627\u0644\u062a\u0641\u0627\u0636\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0648\u0627\u0644\u0625\u062d\u0635\u0627\u0621.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card rose\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h11a3 3 0 0 1 3 3v13H7a3 3 0 0 1-3-3Z\"\/><path d=\"M18 4h2v16h-2\"\/><path d=\"M8 9h6\"\/><path d=\"M8 13h6\"\/><\/svg>\n <\/div>\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/h3>\n <p>\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644\u060c \u0648\u0627\u0644\u0639\u0631\u0648\u0636\u060c \u0648\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0623\u062f\u0628\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card orange\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18\"\/><path d=\"M12 3a15 15 0 0 1 0 18\"\/><path d=\"M12 3a15 15 0 0 0 0 18\"\/><\/svg>\n <\/div>\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629<\/h3>\n <p>\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0646\u0627\u0642\u062f\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card teal\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4c-4 0-7 1-8 3-1-2-4-3-8-3v14c4 0 7 1 8 3 1-2 4-3 8-3Z\"\/><path d=\"M12 7v14\"\/><\/svg>\n <\/div>\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u062a\u0631\u0628\u064a\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<\/h3>\n <p>\u0627\u0644\u0641\u0642\u0647 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a \u0648\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0645\u0639\u0627\u0635\u0631\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card yellow\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 21V8l8-5 8 5v13\"\/><path d=\"M9 21v-6h6v6\"\/><path d=\"M4 21h16\"\/><\/svg>\n <\/div>\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629<\/h3>\n <p>\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0623\u0631\u062f\u0646 \u0648\u0627\u0644\u0642\u0636\u064a\u0629 \u0627\u0644\u0641\u0644\u0633\u0637\u064a\u0646\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card violet\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"2\"\/><path d=\"M8 20h8\"\/><path d=\"M12 16v4\"\/><path d=\"m9 9 2 2-2 2\"\/><path d=\"M13 13h3\"\/><\/svg>\n <\/div>\n <span class=\"units\">2 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3>\n <p>\u0627\u0644\u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0648\u064a\u0628.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n \n <article class=\"card emerald\">\n <div class=\"card-head\">\n <div class=\"icon\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M15 9c-.7-.7-1.8-1-3-1-1.7 0-3 .8-3 2s1.3 2 3 2 3 .8 3 2-1.3 2-3 2c-1.2 0-2.3-.3-3-1\"\/><path d=\"M12 6v12\"\/><\/svg>\n <\/div>\n <span class=\"units\">8 \u0648\u062d\u062f\u0627\u062a<\/span>\n <\/div>\n <h3>\u0627\u0644\u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629<\/h3>\n <p>\u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u064a\u0629\u060c \u0627\u0644\u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0627\u0644\u064a\u060c \u0648\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0645\u0627\u0644\u064a\u0629.<\/p>\n <a href=\"#\" class=\"go\">\n <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\n <\/a>\n <\/article>\n\n <\/section>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n\n \/\/ \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0645\u0648\u0627\u062f\n const subjectLinks = {\n '\u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0621': '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%d8%a7%d9%84%d9%83%d9%8a%d9%85%d9%8a%d8%a7%d8%a1\/',\n '\u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621': 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d9%81%d9%8a%d8%b2%d9%8a%d8%a7%d8%a1-%d8%a7%d9%84%d8%ab%d8%a7%d9%86%d9%8a-%d8%b9%d8%b4%d8%b1\/',\n '\u0627\u0644\u0623\u062d\u064a\u0627\u0621': 'https:\/\/example.com\/biology',\n '\u0639\u0644\u0648\u0645 \u0627\u0644\u0623\u0631\u0636': 'http:\/\/smartedujo.com\/%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A-%D8%B9%D8%B4%D8%B1-%D8%B9%D9%84%D9%88%D9%85-%D8%A7%D9%84%D8%A7%D8%B1%D8%B6\/',\n '\u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0627\u062a': 'https:\/\/example.com\/math',\n '\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629': 'https:\/\/example.com\/arabic',\n '\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629': 'https:\/\/example.com\/english',\n '\u0627\u0644\u062a\u0631\u0628\u064a\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629': 'https:\/\/example.com\/islamic-education',\n '\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629': 'https:\/\/example.com\/social-studies',\n '\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629': 'https:\/\/example.com\/digital-skills',\n '\u0627\u0644\u062b\u0642\u0627\u0641\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629': 'https:\/\/example.com\/financial-literacy'\n };\n\n \/\/ \u0631\u0627\u0628\u0637 \u0627\u0644\u0639\u0648\u062f\u0629\n const backLink = 'https:\/\/smartedujo.com\/%d8%a7%d9%84%d9%85%d8%b1%d8%a7%d8%ad%d9%84-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9\/';\n document.getElementById('backButton').href = backLink;\n\n \/\/ \u0631\u0628\u0637 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0628\u0627\u0644\u0631\u0648\u0627\u0628\u0637\n document.querySelectorAll('.card').forEach(card => {\n const title = card.querySelector('h3').textContent.trim();\n const linkEl = card.querySelector('.go');\n\n if (subjectLinks[title]) {\n linkEl.href = subjectLinks[title];\n linkEl.title = `\u062a\u0635\u0641\u062d \u0645\u062d\u062a\u0648\u0649 ${title}`;\n }\n\n \/\/ \u0627\u0644\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0643\u0644\u0647\u0627 \u064a\u0641\u062a\u062d \u0627\u0644\u0645\u0627\u062f\u0629\n card.addEventListener('click', function(e) {\n \/\/ \u062a\u062c\u0627\u0647\u0644 \u0627\u0644\u0646\u0642\u0631 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0639\u0644\u0649 \u0627\u0644\u0631\u0627\u0628\u0637 \u0646\u0641\u0633\u0647 (\u0644\u062a\u0641\u0627\u062f\u064a \u0627\u0644\u0641\u062a\u062d \u0645\u0631\u062a\u064a\u0646)\n if (e.target.closest('.go')) return;\n const url = linkEl.getAttribute('href');\n if (url && url !== '#') window.location.href = url;\n });\n\n \/\/ \u062c\u0639\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0631\u0643\u064a\u0632 \u0628\u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d\n card.setAttribute('tabindex', '0');\n card.setAttribute('role', 'link');\n card.addEventListener('keydown', function(e) {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n const url = linkEl.getAttribute('href');\n if (url && url !== '#') window.location.href = url;\n }\n });\n });\n\n \/\/ \u0632\u0631 Escape = \u0639\u0648\u062f\u0629\n document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') window.location.href = backLink;\n });\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0648\u0627\u062f \u0627\u0644\u062b\u0627\u0646\u0648\u064a \u2014 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631 \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631 \u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0627\u062f\u0629 \u0644\u0639\u0631\u0636 \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0648\u0627\u0644\u062f\u0631\u0648\u0633 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u0627. 7 \u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0621 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0627\u062f\u0629\u060c \u0627\u0644\u0627\u062a\u0632\u0627\u0646\u060c \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0621 \u0627\u0644\u062d\u0631\u0643\u064a\u0629 \u0648\u0627\u0644\u0639\u0636\u0648\u064a\u0629. \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 8 \u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621 \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u0627 \u0648\u0627\u0644\u0643\u0647\u0631\u0648\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a\u0629 \u0648\u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621 \u0627\u0644\u062d\u062f\u064a\u062b\u0629. \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 2 \u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0623\u062d\u064a\u0627\u0621 \u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u062d\u064a\u0627\u062a\u064a\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u0631\u064a\u062d. \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 7 \u0648\u062d\u062f\u0627\u062a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-16455","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16455","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=16455"}],"version-history":[{"count":24,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16455\/revisions"}],"predecessor-version":[{"id":19214,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16455\/revisions\/19214"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=16455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}