{"id":16381,"date":"2025-12-27T10:15:00","date_gmt":"2025-12-27T10:15:00","guid":{"rendered":"https:\/\/smartedujo.com\/?page_id=16381"},"modified":"2026-10-03T15:52:52","modified_gmt":"2026-10-03T12:52:52","slug":"%d8%a7%d9%84%d8%b5%d9%81%d9%88%d9%81","status":"publish","type":"page","link":"https:\/\/smartedujo.com\/ar\/","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 &#8211; \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"16381\" class=\"elementor elementor-16381\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99df82a e-flex e-con-boxed e-con e-parent\" data-id=\"99df82a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e87a47 elementor-widget elementor-widget-html\" data-id=\"9e87a47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"ar\" dir=\"rtl\">\r\n<head>\r\n<meta charset=\"utf-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n<title>\u062a\u0639\u0644\u0645 \u0628\u0630\u0643\u0627\u0621 \u2014 \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0630\u0643\u064a\u0629<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n  --bg:#07041a;\r\n  --surface:rgba(255,255,255,.035);\r\n  --surface-2:rgba(255,255,255,.06);\r\n  --border:rgba(255,255,255,.09);\r\n  --border-strong:rgba(255,255,255,.18);\r\n  --text:#f4f2ff;\r\n  --muted:rgba(244,242,255,.62);\r\n  --muted-2:rgba(244,242,255,.42);\r\n  --radius:24px;\r\n  --radius-sm:16px;\r\n  --ease:cubic-bezier(.4,0,.2,1);\r\n  --ease-out:cubic-bezier(.16,1,.3,1);\r\n  font-family:\"Cairo\",\"Tajawal\",\"Segoe UI\",Tahoma,Arial,sans-serif;\r\n}\r\n\r\n*{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth}\r\n\r\nbody{\r\n  min-height:100vh;\r\n  color:var(--text);\r\n  background:var(--bg);\r\n  overflow-x:hidden;\r\n  -webkit-font-smoothing:antialiased;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* ===== Animated aurora background ===== *\/\r\n.aurora{\r\n  position:fixed;\r\n  inset:0;\r\n  z-index:-2;\r\n  overflow:hidden;\r\n  pointer-events:none;\r\n}\r\n.aurora span{\r\n  position:absolute;\r\n  border-radius:50%;\r\n  filter:blur(90px);\r\n  opacity:.55;\r\n  will-change:transform;\r\n}\r\n.aurora .b1{\r\n  width:640px;height:640px;\r\n  background:radial-gradient(circle, #7c3aed, transparent 70%);\r\n  top:-200px; right:-140px;\r\n  animation:drift1 24s ease-in-out infinite alternate;\r\n}\r\n.aurora .b2{\r\n  width:580px;height:580px;\r\n  background:radial-gradient(circle, #06b6d4, transparent 70%);\r\n  bottom:-180px; left:-160px;\r\n  animation:drift2 28s ease-in-out infinite alternate;\r\n}\r\n.aurora .b3{\r\n  width:520px;height:520px;\r\n  background:radial-gradient(circle, #ec4899, transparent 70%);\r\n  top:35%; left:35%;\r\n  animation:drift3 32s ease-in-out infinite alternate;\r\n  opacity:.3;\r\n}\r\n@keyframes drift1{\r\n  0%{transform:translate(0,0) scale(1)}\r\n  100%{transform:translate(-90px,70px) scale(1.15)}\r\n}\r\n@keyframes drift2{\r\n  0%{transform:translate(0,0) scale(1)}\r\n  100%{transform:translate(100px,-80px) scale(1.1)}\r\n}\r\n@keyframes drift3{\r\n  0%{transform:translate(-50%,-50%) scale(1)}\r\n  100%{transform:translate(-30%,-70%) scale(1.25)}\r\n}\r\n\r\n\/* subtle grid overlay *\/\r\nbody::after{\r\n  content:\"\";\r\n  position:fixed;\r\n  inset:0;\r\n  z-index:-1;\r\n  pointer-events:none;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);\r\n  background-size:60px 60px;\r\n  mask-image:radial-gradient(ellipse at center, #000 30%, transparent 78%);\r\n  -webkit-mask-image:radial-gradient(ellipse at center, #000 30%, transparent 78%);\r\n}\r\n\r\n\/* ===== Wrap ===== *\/\r\n.wrap{\r\n  max-width:1200px;\r\n  margin:auto;\r\n  padding:0 20px;\r\n}\r\n\r\n\/* ===== HERO ===== *\/\r\n.hero{\r\n  padding:80px 20px 50px;\r\n  text-align:center;\r\n  position:relative;\r\n}\r\n.badge{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  padding:8px 18px;\r\n  border-radius:100px;\r\n  background:rgba(124,58,237,.14);\r\n  border:1px solid rgba(124,58,237,.32);\r\n  color:#c4b5fd;\r\n  font-weight:700;\r\n  margin-bottom:22px;\r\n  font-size:12.5px;\r\n  letter-spacing:.3px;\r\n}\r\n.badge .dot{\r\n  width:6px;height:6px;border-radius:50%;\r\n  background:#a78bfa;\r\n  box-shadow:0 0 10px #a78bfa;\r\n  animation:pulse 2s ease-in-out infinite;\r\n}\r\n@keyframes pulse{\r\n  0%,100%{opacity:1;transform:scale(1)}\r\n  50%{opacity:.5;transform:scale(.8)}\r\n}\r\n.hero h1{\r\n  margin:0;\r\n  font-size:clamp(30px,5.5vw,52px);\r\n  line-height:1.25;\r\n  font-weight:900;\r\n  letter-spacing:-.5px;\r\n}\r\n.hero h1 span{\r\n  display:block;\r\n  background:linear-gradient(135deg,#ffffff 0%,#c4b5fd 50%,#67e8f9 100%);\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  color:transparent;\r\n  margin-top:6px;\r\n}\r\n.hero p{\r\n  margin:22px auto 30px;\r\n  max-width:560px;\r\n  color:var(--muted);\r\n  font-size:15px;\r\n  line-height:1.9;\r\n  font-weight:500;\r\n}\r\n.hero .cta-label{\r\n  display:block;\r\n  margin:0 auto 14px;\r\n  color:var(--muted-2);\r\n  font-size:13px;\r\n  font-weight:600;\r\n}\r\n.cta{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:15px 28px;\r\n  border-radius:100px;\r\n  background:linear-gradient(90deg,#a78bfa,#7c5cff);\r\n  color:#fff;\r\n  text-decoration:none;\r\n  font-weight:800;\r\n  font-size:14.5px;\r\n  box-shadow:0 14px 32px -12px rgba(124,92,255,.7), 0 0 0 1px rgba(255,255,255,.06) inset;\r\n  transition:transform .3s var(--ease), box-shadow .3s var(--ease);\r\n}\r\n.cta:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 20px 40px -12px rgba(124,92,255,.85), 0 0 0 1px rgba(255,255,255,.1) inset;\r\n}\r\n.cta svg{\r\n  width:16px;height:16px;\r\n  stroke:currentColor;fill:none;stroke-width:2.2;\r\n  stroke-linecap:round;stroke-linejoin:round;\r\n  transition:transform .3s var(--ease);\r\n}\r\n.cta:hover svg{transform:translateX(-3px)}\r\n\r\n\/* ===== FEATURES ===== *\/\r\n.features{\r\n  padding:26px 20px;\r\n  display:grid;\r\n  grid-template-columns:1fr;\r\n  gap:16px;\r\n  max-width:1200px;\r\n  margin:auto;\r\n}\r\n.feature{\r\n  position:relative;\r\n  background:var(--surface);\r\n  border:1px solid var(--border);\r\n  border-radius:var(--radius);\r\n  padding:26px 22px;\r\n  text-align:center;\r\n  backdrop-filter:blur(20px);\r\n  -webkit-backdrop-filter:blur(20px);\r\n  transition:border-color .35s var(--ease), background .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);\r\n}\r\n.feature::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0; right:20%; left:20%;\r\n  height:1.5px;\r\n  background:linear-gradient(90deg, transparent, rgba(167,139,250,.7), transparent);\r\n  opacity:.5;\r\n  transition:opacity .35s var(--ease);\r\n}\r\n.feature:hover{\r\n  border-color:var(--border-strong);\r\n  background:var(--surface-2);\r\n  transform:translateY(-4px);\r\n  box-shadow:0 22px 40px -22px rgba(124,92,255,.5);\r\n}\r\n.feature:hover::before{opacity:1}\r\n.feature .icon{\r\n  width:52px;height:52px;\r\n  border-radius:15px;\r\n  display:grid;place-items:center;\r\n  margin:0 auto 14px;\r\n  background:linear-gradient(135deg, rgba(167,139,250,.22), rgba(103,232,249,.1));\r\n  border:1px solid rgba(167,139,250,.28);\r\n  color:#c4b5fd;\r\n  box-shadow:0 0 24px -8px rgba(167,139,250,.6);\r\n  transition:transform .35s var(--ease-out), box-shadow .35s var(--ease);\r\n}\r\n.feature:hover .icon{\r\n  transform:scale(1.08) rotate(-4deg);\r\n  box-shadow:0 0 30px -6px rgba(167,139,250,.75);\r\n}\r\n.feature .icon svg{\r\n  width:22px;height:22px;\r\n  stroke:currentColor;fill:none;stroke-width:2;\r\n  stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n.feature h3{\r\n  margin:8px 0 8px;\r\n  font-size:16.5px;\r\n  font-weight:800;\r\n}\r\n.feature p{\r\n  margin:0;\r\n  font-size:13.5px;\r\n  color:var(--muted);\r\n  line-height:1.85;\r\n}\r\n\r\n\/* ===== SECTIONS ===== *\/\r\n.section{\r\n  padding:46px 20px;\r\n  max-width:1200px;\r\n  margin:auto;\r\n}\r\n.section h2{\r\n  margin:0 0 16px;\r\n  font-size:clamp(22px,3.5vw,30px);\r\n  font-weight:900;\r\n  letter-spacing:-.3px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n}\r\n.section h2::before{\r\n  content:\"\";\r\n  width:4px;height:24px;\r\n  border-radius:4px;\r\n  background:linear-gradient(180deg,#a78bfa,#22d3ee);\r\n  box-shadow:0 0 14px rgba(167,139,250,.6);\r\n}\r\n.section > p{\r\n  margin:0 0 26px;\r\n  color:var(--muted);\r\n  line-height:2;\r\n  font-size:14.5px;\r\n  max-width:680px;\r\n}\r\n\r\n.pills{\r\n  display:grid;\r\n  grid-template-columns:1fr;\r\n  gap:14px;\r\n}\r\n.pill{\r\n  display:flex;\r\n  gap:14px;\r\n  align-items:flex-start;\r\n  padding:18px;\r\n  background:var(--surface);\r\n  border:1px solid var(--border);\r\n  border-radius:var(--radius-sm);\r\n  backdrop-filter:blur(16px);\r\n  -webkit-backdrop-filter:blur(16px);\r\n  transition:border-color .3s var(--ease), background .3s var(--ease), transform .3s var(--ease);\r\n}\r\n.pill:hover{\r\n  border-color:var(--border-strong);\r\n  background:var(--surface-2);\r\n  transform:translateY(-2px);\r\n}\r\n.pill .i{\r\n  width:42px;height:42px;\r\n  border-radius:13px;\r\n  display:grid;place-items:center;\r\n  background:linear-gradient(135deg, rgba(167,139,250,.2), rgba(103,232,249,.08));\r\n  border:1px solid rgba(167,139,250,.25);\r\n  flex:0 0 auto;\r\n  color:#c4b5fd;\r\n}\r\n.pill .i svg{\r\n  width:20px;height:20px;\r\n  stroke:currentColor;fill:none;stroke-width:2;\r\n  stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n.pill h4{\r\n  margin:0 0 5px;\r\n  font-size:15px;\r\n  font-weight:800;\r\n}\r\n.pill span{\r\n  font-size:13.5px;\r\n  color:var(--muted);\r\n  line-height:1.75;\r\n}\r\n\r\n\/* ===== WHY ===== *\/\r\n.why{\r\n  position:relative;\r\n  background:var(--surface);\r\n  border:1px solid var(--border);\r\n  border-radius:var(--radius);\r\n  padding:28px 24px;\r\n  backdrop-filter:blur(20px);\r\n  -webkit-backdrop-filter:blur(20px);\r\n  overflow:hidden;\r\n}\r\n.why::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0; right:25%; left:25%;\r\n  height:1.5px;\r\n  background:linear-gradient(90deg, transparent, rgba(34,197,94,.7), transparent);\r\n}\r\n.why h3{\r\n  margin:0 0 18px;\r\n  font-size:20px;\r\n  font-weight:800;\r\n}\r\n.why ul{\r\n  list-style:none;padding:0;margin:0;\r\n  display:grid;\r\n  grid-template-columns:1fr;\r\n  gap:10px;\r\n}\r\n.why li{\r\n  display:flex;gap:12px;align-items:center;\r\n  padding:11px 14px;\r\n  background:rgba(255,255,255,.025);\r\n  border:1px solid var(--border);\r\n  border-radius:12px;\r\n  color:var(--muted);\r\n  font-size:13.5px;\r\n  font-weight:500;\r\n  transition:background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease);\r\n}\r\n.why li:hover{\r\n  background:rgba(255,255,255,.05);\r\n  border-color:var(--border-strong);\r\n  transform:translateX(-3px);\r\n  color:var(--text);\r\n}\r\n.check{\r\n  width:22px;height:22px;border-radius:50%;\r\n  background:rgba(34,197,94,.18);\r\n  border:1px solid rgba(34,197,94,.4);\r\n  display:grid;place-items:center;\r\n  color:#4ade80;\r\n  flex:0 0 auto;\r\n}\r\n.check svg{\r\n  width:11px;height:11px;\r\n  stroke:currentColor;fill:none;stroke-width:3;\r\n  stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n\r\n\/* ===== GRADES ===== *\/\r\n.grades-section{\r\n  padding:60px 20px;\r\n  text-align:center;\r\n  max-width:1200px;\r\n  margin:auto;\r\n}\r\n.grades-section h2{\r\n  margin:0 0 12px;\r\n  font-size:clamp(24px,4vw,34px);\r\n  font-weight:900;\r\n  letter-spacing:-.4px;\r\n  background:linear-gradient(135deg,#ffffff 0%,#c4b5fd 60%,#67e8f9 100%);\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  color:transparent;\r\n}\r\n.grades-section p{\r\n  margin:0 auto 40px;\r\n  color:var(--muted);\r\n  font-size:14.5px;\r\n  max-width:520px;\r\n  font-weight:500;\r\n}\r\n.grades-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:18px;\r\n}\r\n.grade-card{\r\n  position:relative;\r\n  background:var(--surface);\r\n  border:1px solid var(--border);\r\n  border-radius:var(--radius);\r\n  padding:26px 20px 24px;\r\n  text-align:right;\r\n  backdrop-filter:blur(20px);\r\n  -webkit-backdrop-filter:blur(20px);\r\n  overflow:hidden;\r\n  transition:border-color .35s var(--ease), background .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);\r\n  opacity:0;\r\n  transform:translateY(14px);\r\n  animation:cardIn .6s var(--ease-out) forwards;\r\n}\r\n.grade-card:nth-child(1){animation-delay:.05s}\r\n.grade-card:nth-child(2){animation-delay:.1s}\r\n.grade-card:nth-child(3){animation-delay:.15s}\r\n.grade-card:nth-child(4){animation-delay:.2s}\r\n.grade-card:nth-child(5){animation-delay:.25s}\r\n@keyframes cardIn{\r\n  to{opacity:1;transform:translateY(0)}\r\n}\r\n.grade-card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0; right:0; left:0;\r\n  height:2px;\r\n  background:linear-gradient(90deg, transparent, var(--accent), transparent);\r\n  opacity:.7;\r\n  transition:opacity .35s var(--ease);\r\n}\r\n.grade-card:hover{\r\n  border-color:var(--border-strong);\r\n  background:var(--surface-2);\r\n  transform:translateY(-5px);\r\n  box-shadow:0 24px 44px -22px var(--accent);\r\n}\r\n.grade-card:hover::before{opacity:1}\r\n\r\n.grade-icon{\r\n  position:absolute;\r\n  top:18px; right:18px;\r\n  width:46px; height:46px;\r\n  border-radius:14px;\r\n  display:grid; place-items:center;\r\n  background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, transparent), color-mix(in srgb, var(--accent) 8%, transparent));\r\n  border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);\r\n  box-shadow:0 0 22px -8px var(--accent);\r\n  transition:transform .35s var(--ease-out), box-shadow .35s var(--ease);\r\n}\r\n.grade-card:hover .grade-icon{\r\n  transform:scale(1.08) rotate(-4deg);\r\n  box-shadow:0 0 26px -6px var(--accent);\r\n}\r\n.grade-icon svg{\r\n  width:22px;height:22px;\r\n  stroke:color-mix(in srgb, var(--accent) 85%, white);\r\n  fill:none;stroke-width:2;\r\n  stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n\r\n.grade-badge{\r\n  display:inline-block;\r\n  padding:5px 12px;\r\n  border-radius:100px;\r\n  background:rgba(0,0,0,.28);\r\n  border:1px solid var(--border);\r\n  font-size:11.5px;\r\n  font-weight:700;\r\n  color:var(--muted);\r\n  margin-bottom:10px;\r\n}\r\n.grade-card h3{\r\n  margin:52px 0 18px;\r\n  font-size:17px;\r\n  font-weight:900;\r\n  line-height:1.4;\r\n}\r\n.grade-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  padding:11px 20px;\r\n  border-radius:100px;\r\n  background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 90%, #7c5cff), color-mix(in srgb, var(--accent) 60%, #7c5cff));\r\n  color:#fff;\r\n  text-decoration:none;\r\n  font-weight:800;\r\n  font-size:12.5px;\r\n  transition:transform .3s var(--ease), box-shadow .3s var(--ease);\r\n  box-shadow:0 8px 20px -10px var(--accent);\r\n}\r\n.grade-btn:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 14px 26px -10px var(--accent);\r\n}\r\n.grade-btn svg{\r\n  width:13px;height:13px;\r\n  stroke:currentColor;fill:none;stroke-width:2.4;\r\n  stroke-linecap:round;stroke-linejoin:round;\r\n  transition:transform .3s var(--ease);\r\n}\r\n.grade-btn:hover svg{transform:translateX(-3px)}\r\n\r\n\/* accent palette *\/\r\n.violet{ --accent: #a78bfa; }\r\n.amber{ --accent: #f59e0b; }\r\n.green{ --accent: #22c55e; }\r\n.rose{ --accent: #f43f5e; }\r\n.sky{ --accent: #0ea5e9; }\r\n\r\n\/* ===== STATS ===== *\/\r\n.stats{\r\n  padding:60px 20px;\r\n  text-align:center;\r\n  max-width:1200px;\r\n  margin:auto;\r\n}\r\n.stats h3{\r\n  font-size:clamp(20px,3.2vw,26px);\r\n  font-weight:900;\r\n  margin:0 0 30px;\r\n  color:var(--text);\r\n}\r\n.stats-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:18px;\r\n}\r\n.stat-card{\r\n  position:relative;\r\n  background:var(--surface);\r\n  border:1px solid var(--border);\r\n  border-radius:var(--radius);\r\n  padding:30px 24px;\r\n  backdrop-filter:blur(20px);\r\n  -webkit-backdrop-filter:blur(20px);\r\n  overflow:hidden;\r\n  transition:border-color .35s var(--ease), background .35s var(--ease), transform .35s var(--ease);\r\n}\r\n.stat-card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0; right:30%; left:30%;\r\n  height:1.5px;\r\n  background:linear-gradient(90deg, transparent, rgba(103,232,249,.7), transparent);\r\n}\r\n.stat-card:hover{\r\n  border-color:var(--border-strong);\r\n  background:var(--surface-2);\r\n  transform:translateY(-3px);\r\n}\r\n.stat-card span{\r\n  display:block;\r\n  font-size:13px;\r\n  color:var(--muted);\r\n  margin-bottom:12px;\r\n  font-weight:600;\r\n}\r\n.stat-card strong{\r\n  display:block;\r\n  font-size:clamp(30px,5vw,42px);\r\n  font-weight:900;\r\n  background:linear-gradient(135deg,#67e8f9,#a78bfa);\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  color:transparent;\r\n  letter-spacing:-.5px;\r\n  line-height:1.1;\r\n}\r\n\r\n\/* ===== TEACHERS ===== *\/\r\n.teachers{\r\n  padding:60px 20px 90px;\r\n  text-align:center;\r\n  max-width:1200px;\r\n  margin:auto;\r\n}\r\n.teachers h2{\r\n  margin:0 0 12px;\r\n  font-size:clamp(24px,4vw,32px);\r\n  font-weight:900;\r\n  letter-spacing:-.3px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:14px;\r\n}\r\n.teachers h2::before,\r\n.teachers h2::after{\r\n  content:\"\";\r\n  width:36px;height:1px;\r\n  background:linear-gradient(90deg, transparent, rgba(167,139,250,.6));\r\n}\r\n.teachers h2::after{\r\n  background:linear-gradient(90deg, rgba(167,139,250,.6), transparent);\r\n}\r\n.teachers .sub{\r\n  margin:0 auto 34px;\r\n  max-width:560px;\r\n  color:var(--muted);\r\n  font-size:14px;\r\n  line-height:1.9;\r\n  font-weight:500;\r\n}\r\n.teacher-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:18px;\r\n}\r\n.teacher-card{\r\n  position:relative;\r\n  background:var(--surface);\r\n  border:1px solid var(--border);\r\n  border-radius:var(--radius);\r\n  padding:24px;\r\n  text-align:right;\r\n  backdrop-filter:blur(20px);\r\n  -webkit-backdrop-filter:blur(20px);\r\n  overflow:hidden;\r\n  transition:border-color .35s var(--ease), background .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);\r\n}\r\n.teacher-card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0; right:25%; left:25%;\r\n  height:1.5px;\r\n  background:linear-gradient(90deg, transparent, var(--t-accent, rgba(167,139,250,.7)), transparent);\r\n  opacity:.7;\r\n}\r\n.teacher-card:hover{\r\n  border-color:var(--border-strong);\r\n  background:var(--surface-2);\r\n  transform:translateY(-4px);\r\n  box-shadow:0 20px 40px -22px rgba(0,0,0,.6);\r\n}\r\n.teacher-top{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  margin-bottom:16px;\r\n}\r\n.avatar{\r\n  width:56px;\r\n  height:56px;\r\n  border-radius:18px;\r\n  display:grid;\r\n  place-items:center;\r\n  background:rgba(255,255,255,.06);\r\n  border:1px solid var(--border);\r\n  flex:0 0 auto;\r\n  color:#c4b5fd;\r\n  transition:transform .35s var(--ease-out), box-shadow .35s var(--ease);\r\n}\r\n.avatar svg{\r\n  width:26px;height:26px;\r\n  stroke:currentColor;fill:none;stroke-width:1.8;\r\n  stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n.teacher-card:hover .avatar{\r\n  transform:scale(1.05) rotate(-3deg);\r\n}\r\n.avatar.green{\r\n  background:linear-gradient(135deg, rgba(34,197,94,.22), rgba(34,197,94,.06));\r\n  border-color:rgba(34,197,94,.3);\r\n  color:#4ade80;\r\n  box-shadow:0 0 22px -8px rgba(34,197,94,.6);\r\n}\r\n.avatar.purple{\r\n  background:linear-gradient(135deg, rgba(168,85,247,.24), rgba(168,85,247,.06));\r\n  border-color:rgba(168,85,247,.32);\r\n  color:#c084fc;\r\n  box-shadow:0 0 22px -8px rgba(168,85,247,.6);\r\n}\r\n.t-name{\r\n  font-weight:800;\r\n  font-size:15.5px;\r\n  margin:0;\r\n  color:var(--text);\r\n}\r\n.t-role{\r\n  margin:5px 0 0;\r\n  font-size:12px;\r\n  color:var(--muted-2);\r\n  font-weight:600;\r\n}\r\n.t-desc{\r\n  margin:0;\r\n  font-size:13px;\r\n  color:var(--muted);\r\n  line-height:1.9;\r\n  min-height:76px;\r\n}\r\n.t-phone{\r\n  margin-top:16px;\r\n  font-weight:800;\r\n  color:var(--text);\r\n  font-size:14px;\r\n  letter-spacing:.6px;\r\n  text-align:center;\r\n  padding:11px;\r\n  border-radius:100px;\r\n  background:rgba(255,255,255,.03);\r\n  border:1px solid var(--border);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:8px;\r\n  transition:background .25s var(--ease), border-color .25s var(--ease);\r\n}\r\n.t-phone:hover{\r\n  background:rgba(255,255,255,.06);\r\n  border-color:var(--border-strong);\r\n}\r\n.t-phone svg{\r\n  width:14px;height:14px;\r\n  stroke:var(--muted);\r\n  fill:none;stroke-width:2;\r\n  stroke-linecap:round;stroke-linejoin:round;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media(min-width:900px){\r\n  .hero{padding:100px 20px 60px}\r\n  .features{grid-template-columns:repeat(3,1fr)}\r\n  .pills{grid-template-columns:repeat(2,1fr)}\r\n  .why ul{grid-template-columns:repeat(2,1fr)}\r\n  .grades-grid{grid-template-columns:repeat(3,1fr)}\r\n  .stats-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n    max-width:720px;\r\n    margin:0 auto;\r\n  }\r\n}\r\n@media(max-width:900px){\r\n  .teacher-grid{grid-template-columns:1fr}\r\n}\r\n@media(max-width:640px){\r\n  .wrap{padding:0 14px}\r\n  .hero{padding:60px 14px 40px}\r\n  .features,.section,.grades-section,.stats,.teachers{padding-left:14px;padding-right:14px}\r\n  .grades-grid{grid-template-columns:1fr}\r\n  .stats-grid{grid-template-columns:1fr}\r\n  .section h2::before{height:20px}\r\n  .grade-card h3{margin-top:48px}\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  *,*::before,*::after{\r\n    animation-duration:.001ms !important;\r\n    transition-duration:.001ms !important;\r\n  }\r\n  .aurora span{animation:none}\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- Animated background -->\r\n<div class=\"aurora\" aria-hidden=\"true\">\r\n  <span class=\"b1\"><\/span>\r\n  <span class=\"b2\"><\/span>\r\n  <span class=\"b3\"><\/span>\r\n<\/div>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n  <div class=\"badge\"><span class=\"dot\"><\/span> \u0627\u0644\u062d\u0644 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0630\u0643\u064a<\/div>\r\n  <h1>\r\n    \u062a\u0639\u0644\u0645 \u0628\u0630\u0643\u0627\u0621\r\n    <span>\u0645\u062a\u0639\u0629 \u0627\u0644\u062a\u0639\u0644\u0645 \u0628\u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/span>\r\n  <\/h1>\r\n  <p>\r\n    \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u062f\u0642\u0629 \u0627\u0644\u0645\u0646\u0627\u0647\u062c \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0648\u0642\u0648\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\r\n    \u0644\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0641\u0627\u0647\u064a\u0645 \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0648\u0627\u062f \u0645\u0639 \u0634\u0631\u0648\u062d\u0627\u062a \u0648\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0630\u0643\u064a\u0629.\r\n  <\/p>\r\n  <span class=\"cta-label\">\u0627\u0646\u0636\u0645 \u0625\u0644\u064a\u0646\u0627 \u0648\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0622\u0646<\/span>\r\n  <a class=\"cta\" 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\/\">\r\n    <span>\u062a\u0635\u0641\u062d \u0627\u0644\u062f\u0631\u0648\u0633 \u0627\u0644\u0622\u0646<\/span>\r\n    <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\r\n  <\/a>\r\n<\/section>\r\n\r\n<!-- FEATURES -->\r\n<section class=\"features\">\r\n  <div class=\"feature\">\r\n    <div class=\"icon\" aria-hidden=\"true\">\r\n      <svg viewbox=\"0 0 24 24\"><path d=\"M13 2 3 14h9l-1 8 10-12h-9l1-8Z\"\/><\/svg>\r\n    <\/div>\r\n    <h3>\u062a\u0642\u064a\u064a\u0645 \u0641\u0648\u0631\u064a<\/h3>\r\n    <p>\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0630\u0643\u064a\u0629 \u062a\u0639\u0637\u064a\u0643 \u0646\u062a\u0627\u0626\u062c \u0641\u0648\u0631\u064a\u0629 \u0648\u062a\u062d\u062f\u062f \u0646\u0642\u0627\u0637 \u0627\u0644\u0642\u0648\u0629 \u0648\u0627\u0644\u0636\u0639\u0641.<\/p>\r\n  <\/div>\r\n  <div class=\"feature\">\r\n    <div class=\"icon\" aria-hidden=\"true\">\r\n      <svg viewbox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2Z\"\/><\/svg>\r\n    <\/div>\r\n    <h3>\u0645\u062d\u0627\u0643\u0627\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629<\/h3>\r\n    <p>\u062a\u0641\u0627\u0639\u0644 \u0645\u0628\u0627\u0634\u0631 \u0645\u0639 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0644\u0641\u0647\u0645 \u0623\u0639\u0645\u0642 \u0644\u0644\u0645\u062d\u062a\u0648\u0649.<\/p>\r\n  <\/div>\r\n  <div class=\"feature\">\r\n    <div class=\"icon\" aria-hidden=\"true\">\r\n      <svg viewbox=\"0 0 24 24\"><path d=\"M12 2 15.09 8.26 22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z\"\/><\/svg>\r\n    <\/div>\r\n    <h3>\u0634\u0631\u062d \u0630\u0643\u064a \u0648\u0645\u0628\u0633\u0637<\/h3>\r\n    <p>\u0634\u0631\u0648\u062d\u0627\u062a \u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0646\u0627\u0633\u0628 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0637\u0627\u0644\u0628 \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ABOUT -->\r\n<section class=\"section\">\r\n  <h2>\u0646\u0628\u0630\u0629 \u0639\u0646 \u0627\u0644\u0645\u0646\u0635\u0629<\/h2>\r\n  <p>\r\n    \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u0645 \u0628\u0630\u0643\u0627\u0621 \u0647\u064a \u062b\u0645\u0631\u0629 \u062a\u0639\u0627\u0648\u0646 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u062a\u0631\u0628\u0648\u064a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629\r\n    \u0648\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u062d\u062f\u064a\u062b\u0629\u060c \u0648\u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062c\u0639\u0644 \u0627\u0644\u062a\u0639\u0644\u0645\r\n    \u062a\u062c\u0631\u0628\u0629 \u062d\u064a\u0629 \u0648\u0645\u0645\u062a\u0639\u0629.\r\n  <\/p>\r\n\r\n  <div class=\"pills\">\r\n    <div class=\"pill\">\r\n      <div class=\"i\" aria-hidden=\"true\">\r\n        <svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"10\" rx=\"2\"\/><circle cx=\"12\" cy=\"16\" r=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <h4>\u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/h4>\r\n        <span>\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u062a\u062a\u0643\u064a\u0641 \u0645\u0639 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0637\u0627\u0644\u0628.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"pill\">\r\n      <div class=\"i\" aria-hidden=\"true\">\r\n        <svg viewbox=\"0 0 24 24\"><path d=\"M22 10 12 5 2 10l10 5 10-5Z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\r\n      <\/div>\r\n      <div>\r\n        <h4>\u0625\u0634\u0631\u0627\u0641 \u062a\u0631\u0628\u0648\u064a<\/h4>\r\n        <span>\u0645\u062d\u062a\u0648\u0649 \u0645\u064f\u0639\u062f \u0648\u0645\u0631\u0627\u062c\u0639 \u0645\u0646 \u0645\u062e\u062a\u0635\u064a\u0646.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- WHY -->\r\n<section class=\"section\">\r\n  <div class=\"why\">\r\n    <h3>\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646\u061f<\/h3>\r\n    <ul>\r\n      <li><span class=\"check\"><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span> \u062a\u063a\u0637\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0646\u0627\u0647\u062c \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/li>\r\n      <li><span class=\"check\"><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span> \u062a\u0642\u064a\u064a\u0645 \u0641\u0648\u0631\u064a \u0648\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u062f\u0642\u064a\u0642\u0629<\/li>\r\n      <li><span class=\"check\"><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span> \u0648\u0627\u062c\u0647\u0629 \u0633\u0647\u0644\u0629 \u0648\u0645\u0645\u062a\u0639\u0629 \u0628\u0635\u0631\u064a\u064b\u0627<\/li>\r\n      <li><span class=\"check\"><svg viewbox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span> \u0645\u062a\u0627\u062d \u0645\u0646 \u0623\u064a \u0645\u0643\u0627\u0646 \u0648\u0641\u064a \u0623\u064a \u0648\u0642\u062a<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- GRADES -->\r\n<section class=\"grades-section\">\r\n  <h2>\u0627\u062e\u062a\u0631 \u0645\u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/h2>\r\n  <p>\u0645\u0646\u0627\u0647\u062c \u0634\u0627\u0645\u0644\u0629 \u062a\u063a\u0637\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0631\u0627\u062d\u0644<\/p>\r\n\r\n  <div class=\"grades-grid\">\r\n    <!-- \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646 -->\r\n    <div class=\"grade-card violet\">\r\n      <div class=\"grade-icon\" aria-hidden=\"true\">\r\n        <svg viewbox=\"0 0 24 24\"><path d=\"M9 3h6v6h-6z\"\/><path d=\"M9 15h6v6h-6z\"\/><path d=\"M5 9h14v6H5z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"grade-badge\">\u0627\u0644\u0645\u062a\u0648\u0633\u0637<\/div>\r\n      <h3>\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0645\u0646<\/h3>\r\n      <a href=\"https:\/\/smartedujo.com\/%d8%a7%d9%84%d8%b5%d9%81-%d8%a7%d9%84%d8%ab%d8%a7%d9%85%d9%86\/\" class=\"grade-btn\">\r\n        <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0642\u0633\u0645<\/span>\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0635\u0641 \u0627\u0644\u062a\u0627\u0633\u0639 -->\r\n    <div class=\"grade-card amber\">\r\n      <div class=\"grade-icon\" aria-hidden=\"true\">\r\n        <svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 2v6\"\/><path d=\"M12 16v6\"\/><path d=\"m4.9 4.9 4.2 4.2\"\/><path d=\"m14.9 14.9 4.2 4.2\"\/><path d=\"M2 12h6\"\/><path d=\"M16 12h6\"\/><path d=\"m4.9 19.1 4.2-4.2\"\/><path d=\"m14.9 9.1 4.2-4.2\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"grade-badge\">\u0627\u0644\u0645\u062a\u0648\u0633\u0637<\/div>\r\n      <h3>\u0627\u0644\u0635\u0641 \u0627\u0644\u062a\u0627\u0633\u0639<\/h3>\r\n      <a href=\"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\/\" class=\"grade-btn\">\r\n        <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0642\u0633\u0645<\/span>\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0635\u0641 \u0627\u0644\u0639\u0627\u0634\u0631 -->\r\n    <div class=\"grade-card green\">\r\n      <div class=\"grade-icon\" aria-hidden=\"true\">\r\n        <svg viewbox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"grade-badge\">\u0627\u0644\u0645\u062a\u0648\u0633\u0637<\/div>\r\n      <h3>\u0627\u0644\u0635\u0641 \u0627\u0644\u0639\u0627\u0634\u0631<\/h3>\r\n      <a href=\"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\/\" class=\"grade-btn\">\r\n        <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0642\u0633\u0645<\/span>\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0635\u0641 \u0627\u0644\u062d\u0627\u062f\u064a \u0639\u0634\u0631 -->\r\n    <div class=\"grade-card rose\">\r\n      <div class=\"grade-icon\" aria-hidden=\"true\">\r\n        <svg viewbox=\"0 0 24 24\"><path d=\"M8 3v6c0 1.1.9 2 2 2s2-.9 2-2V3\"\/><path d=\"M6 3v6\"\/><path d=\"M14 3v6c0 1.1.9 2 2 2s2-.9 2-2V3\"\/><path d=\"M12 11v10\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"grade-badge\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a<\/div>\r\n      <h3>\u0627\u0644\u0635\u0641 \u0627\u0644\u062d\u0627\u062f\u064a \u0639\u0634\u0631<\/h3>\r\n      <a href=\"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\/\" class=\"grade-btn\">\r\n        <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0642\u0633\u0645<\/span>\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631 -->\r\n    <div class=\"grade-card sky\">\r\n      <div class=\"grade-icon\" aria-hidden=\"true\">\r\n        <svg viewbox=\"0 0 24 24\"><path d=\"M22 10 12 5 2 10l10 5 10-5Z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"grade-badge\">\u0627\u0644\u062b\u0627\u0646\u0648\u064a<\/div>\r\n      <h3>\u0627\u0644\u0635\u0641 \u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0634\u0631<\/h3>\r\n      <a href=\"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\/\" class=\"grade-btn\">\r\n        <span>\u062a\u0635\u0641\u062d \u0627\u0644\u0642\u0633\u0645<\/span>\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5\"\/><path d=\"m12 19-7-7 7-7\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- STATS -->\r\n<section class=\"stats\">\r\n  <h3>\u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0622\u0644\u0627\u0641 \u0627\u0644\u0637\u0644\u0627\u0628 \u0641\u064a \u0631\u062d\u0644\u062a\u0647\u0645 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629<\/h3>\r\n  <div class=\"stats-grid\">\r\n    <div class=\"stat-card\">\r\n      <span>\u0637\u0644\u0627\u0628 \u0646\u0634\u0637\u0648\u0646 \u0627\u0644\u0622\u0646<\/span>\r\n      <strong>209<\/strong>\r\n    <\/div>\r\n    <div class=\"stat-card\">\r\n      <span>\u0637\u0644\u0627\u0628 \u0627\u0633\u062a\u0641\u0627\u062f\u0648\u0627 \u0645\u0646 \u0627\u0644\u0645\u0646\u0635\u0629<\/span>\r\n      <strong>15,743<\/strong>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- TEACHERS -->\r\n<section class=\"teachers\">\r\n  <h2>\u0627\u0644\u0643\u0627\u062f\u0631 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a<\/h2>\r\n  <p class=\"sub\">\r\n    \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629 \u0627\u0644\u0645\u062e\u062a\u0635\u064a\u0646 \u064a\u0634\u0631\u0641\u0648\u0646 \u0639\u0644\u0649 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062f\u0642\u0629 \u0627\u0644\u0639\u0644\u0645\u064a\u0629\r\n    \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a.\r\n  <\/p>\r\n\r\n  <div class=\"teacher-grid\">\r\n    <div class=\"teacher-card\" style=\"--t-accent: rgba(34,197,94,.7)\">\r\n      <div class=\"teacher-top\">\r\n        <div class=\"avatar green\" aria-hidden=\"true\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M22 10 12 5 2 10l10 5 10-5Z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"t-name\">\u0627\u0644\u0623\u0633\u062a\u0627\u0630 \u0623\u0646\u0633 \u0639\u0644\u064a\u0627\u0646<\/p>\r\n          <p class=\"t-role\">\u0645\u062f\u0631\u0633 \u0639\u0644\u0648\u0645 \u0648\u062a\u0631\u0628\u064a\u0629 \u0648\u0637\u0646\u064a\u0629<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"t-desc\">\r\n        \u0645\u062e\u062a\u0635 \u0641\u064a \u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0641\u0627\u0647\u064a\u0645 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0634\u0631\u0648\u062d\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0628\u0623\u0633\u0644\u0648\u0628 \u0633\u0647\u0644 \u0648\u0648\u0627\u0636\u062d\r\n        \u064a\u0646\u0627\u0633\u0628 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0637\u0644\u0627\u0628 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\r\n      <\/p>\r\n      <div class=\"t-phone\">\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.37 1.9.72 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.35 1.85.59 2.81.72A2 2 0 0 1 22 16.92Z\"\/><\/svg>\r\n        <span>0798102341<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"teacher-card\" style=\"--t-accent: rgba(168,85,247,.7)\">\r\n      <div class=\"teacher-top\">\r\n        <div class=\"avatar purple\" aria-hidden=\"true\">\r\n          <svg viewbox=\"0 0 24 24\"><path d=\"M9 3h6v6h-6z\"\/><path d=\"M9 15h6v6h-6z\"\/><path d=\"M5 9h14v6H5z\"\/><\/svg>\r\n        <\/div>\r\n        <div>\r\n          <p class=\"t-name\">\u0627\u0644\u0623\u0633\u062a\u0627\u0630 \u0639\u0628\u062f\u0627\u0644\u0641\u062a\u0627\u062d \u0645\u0637\u0631<\/p>\r\n          <p class=\"t-role\">\u0645\u062f\u0631\u0633 \u0643\u064a\u0645\u064a\u0627\u0621<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"t-desc\">\r\n        \u062e\u0628\u0631\u0629 \u0637\u0648\u064a\u0644\u0629 \u0641\u064a \u062a\u062f\u0631\u064a\u0633 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629\u060c \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0641\u0627\u0647\u064a\u0645 \u0648\u0627\u0644\u0645\u0633\u0627\u0626\u0644\r\n        \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0648\u0631\u0641\u0639 \u0627\u0644\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a \u0644\u0644\u0637\u0644\u0628\u0629.\r\n      <\/p>\r\n      <div class=\"t-phone\">\r\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.37 1.9.72 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.35 1.85.59 2.81.72A2 2 0 0 1 22 16.92Z\"\/><\/svg>\r\n        <span>0788103436<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u062a\u0639\u0644\u0645 \u0628\u0630\u0643\u0627\u0621 \u2014 \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0630\u0643\u064a\u0629 \u0627\u0644\u062d\u0644 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0630\u0643\u064a \u062a\u0639\u0644\u0645 \u0628\u0630\u0643\u0627\u0621 \u0645\u062a\u0639\u0629 \u0627\u0644\u062a\u0639\u0644\u0645 \u0628\u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u062f\u0642\u0629 \u0627\u0644\u0645\u0646\u0627\u0647\u062c \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0648\u0642\u0648\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0641\u0627\u0647\u064a\u0645 \u0641\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0648\u0627\u062f \u0645\u0639 \u0634\u0631\u0648\u062d\u0627\u062a \u0648\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0630\u0643\u064a\u0629. \u0627\u0646\u0636\u0645 \u0625\u0644\u064a\u0646\u0627 \u0648\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0622\u0646 \u062a\u0635\u0641\u062d \u0627\u0644\u062f\u0631\u0648\u0633 \u0627\u0644\u0622\u0646 \u062a\u0642\u064a\u064a\u0645 \u0641\u0648\u0631\u064a \u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0630\u0643\u064a\u0629 \u062a\u0639\u0637\u064a\u0643 \u0646\u062a\u0627\u0626\u062c \u0641\u0648\u0631\u064a\u0629 \u0648\u062a\u062d\u062f\u062f \u0646\u0642\u0627\u0637 \u0627\u0644\u0642\u0648\u0629 \u0648\u0627\u0644\u0636\u0639\u0641. [&hellip;]<\/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-16381","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16381","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=16381"}],"version-history":[{"count":108,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16381\/revisions"}],"predecessor-version":[{"id":19212,"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/pages\/16381\/revisions\/19212"}],"wp:attachment":[{"href":"https:\/\/smartedujo.com\/ar\/wp-json\/wp\/v2\/media?parent=16381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}