\u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a<\/title>\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=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: { ibm: ['IBM Plex Sans Arabic', 'sans-serif'] },\r\n colors: {\r\n primary: {\r\n 50: '#e6f0f1', 100: '#cce2e3', 200: '#99c5c7', 300: '#66a8ab',\r\n 400: '#337a80', 500: '#003840', 600: '#00323a', 700: '#002a31', 800: '#002229', 900: '#00191e'\r\n },\r\n accent: {\r\n 50: '#fff0ea', 100: '#fee0d2', 200: '#fdc0a6', 300: '#fca17a',\r\n 400: '#fa7e47', 500: '#f85b18', 600: '#e94c0d', 700: '#c83e0b', 800: '#a4310b', 900: '#7d260a'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n * { margin:0; padding:0; box-sizing:border-box; }\r\n html { scroll-behavior:smooth; }\r\n body { font-family:'IBM Plex Sans Arabic',sans-serif; background:#ffffff; overflow-x:hidden; color:#003840; }\r\n section { position:relative; }\r\n \r\n @keyframes fadeUp { from { opacity:0; transform:translateY(40px); } to { opacity:1; transform:translateY(0); } }\r\n @keyframes scaleIn { from { opacity:0; transform:scale(0.9); } to { opacity:1; transform:scale(1); } }\r\n @keyframes pulseGlow { 0%,100% { box-shadow:0 0 0 0 rgba(248,91,24,0.4); } 50% { box-shadow:0 0 0 12px rgba(248,91,24,0); } }\r\n @keyframes float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }\r\n\r\n .anim-fade-up { animation: fadeUp 0.8s ease-out both; }\r\n .anim-scale { animation: scaleIn 0.6s ease-out both; }\r\n .anim-float { animation: float 3s ease-in-out infinite; }\r\n .delay-1 { animation-delay: 0.1s; }\r\n .delay-2 { animation-delay: 0.2s; }\r\n .delay-3 { animation-delay: 0.3s; }\r\n .delay-4 { animation-delay: 0.4s; }\r\n\r\n .hero-gradient {\r\n background: linear-gradient(135deg, #00191e 0%, #002a31 45%, #003840 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .hero-gradient::before {\r\n content:''; position:absolute; top:-40%; right:-25%; width:700px; height:700px;\r\n background: radial-gradient(circle, rgba(0,56,64,0.4) 0%, transparent 70%); border-radius:50%;\r\n }\r\n .hero-gradient::after {\r\n content:''; position:absolute; bottom:-35%; left:-15%; width:500px; height:500px;\r\n background: radial-gradient(circle, rgba(248,91,24,0.15) 0%, transparent 70%); border-radius:50%;\r\n }\r\n\r\n .card-feature { transition: all 0.35s cubic-bezier(0.4,0,0.2,1); position: relative; overflow: hidden; }\r\n .card-feature::before {\r\n content:''; position:absolute; top:0; left:0; right:0; height:3px;\r\n background: linear-gradient(90deg, #003840, #f85b18); transform:scaleX(0);\r\n transform-origin: right; transition: transform 0.4s ease;\r\n }\r\n .card-feature:hover::before { transform:scaleX(1); transform-origin: left; }\r\n .card-feature:hover { transform:translateY(-6px); box-shadow: 0 20px 40px rgba(0,56,64,0.12); }\r\n\r\n .topic-item { transition: all 0.3s ease; position: relative; }\r\n .topic-item:hover { padding-right: 12px; background: rgba(0,56,64,0.04); }\r\n .topic-item::after { content:''; position:absolute; bottom:0; right:0; left:0; height:1px; background: linear-gradient(90deg, transparent, #cde5e8, transparent); }\r\n .topic-item:last-child::after { display:none; }\r\n\r\n .feature-item { transition: all 0.3s ease; }\r\n .feature-item:hover { padding-right: 10px; }\r\n\r\n .cta-pulse { animation: pulseGlow 2s ease-in-out infinite; }\r\n .icon-wrap { transition: transform 0.3s ease; }\r\n .card-feature:hover .icon-wrap { transform: scale(1.08); }\r\n\r\n .section-badge { position: relative; display: inline-flex; align-items: center; gap: 8px; }\r\n .section-badge::before { content:''; width:24px; height:2px; background: linear-gradient(90deg, #003e46, transparent); border-radius:1px; }\r\n .section-badge::after { content:''; width:24px; height:2px; background: linear-gradient(270deg, #ff5a19, transparent); border-radius:1px; }\r\n\r\n \/* \u0625\u0628\u0642\u0627\u0621 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0638\u0627\u0647\u0631\u064b\u0627 \u062f\u0627\u0626\u0645\u0627\u064b \u062f\u0627\u062e\u0644 Elementor \u0648\u0627\u0644\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 *\/\r\n .scroll-trigger { opacity: 1 !important; transform: none !important; transition: none; }\r\n .scroll-trigger.visible { opacity: 1 !important; transform: none !important; }\r\n \/* Elementor-safe: never hide landing-page content while editing or loading *\/\r\n #topics, #register, .landing-section, .landing-section > div {\r\n opacity: 1 !important; visibility: visible !important; transform: none !important;\r\n }\r\n\r\n \/* Landing page flow *\/\r\n .landing-section {\r\n padding-top: clamp(54px, 6vw, 88px);\r\n padding-bottom: clamp(64px, 7vw, 100px);\r\n }\r\n .landing-section::before {\r\n content:''; position:absolute; top:0; left:50%; transform:translateX(-50%);\r\n width:min(82%,980px); height:1px;\r\n background:linear-gradient(90deg,transparent,rgba(0,56,64,.10),rgba(248,91,24,.16),transparent);\r\n }\r\n .flow-soft { background:linear-gradient(180deg,#f4f9f8 0%,#ffffff 42%,#f7fbfa 100%); }\r\n .flow-tint { background:linear-gradient(180deg,#f7fbfa 0%,#eef7f6 52%,#f8fbfa 100%); }\r\n .hero-wave {\r\n position:absolute; bottom:-1px; left:0; right:0; height:88px; z-index:3; pointer-events:none;\r\n background:#f4f9f8; clip-path:polygon(0 70%,9% 61%,19% 66%,30% 50%,42% 58%,54% 41%,67% 49%,79% 33%,90% 42%,100% 25%,100% 100%,0 100%);\r\n }\r\n .scroll-cue {\r\n position:absolute; bottom:32px; left:50%; transform:translateX(-50%); z-index:5;\r\n width:38px; height:58px; border:1px solid rgba(255,255,255,.28); border-radius:22px;\r\n display:flex; align-items:flex-start; justify-content:center; padding-top:10px;\r\n opacity:.8;\r\n }\r\n .scroll-cue::after {\r\n content:''; width:5px; height:10px; border-radius:5px; background:#f85b18;\r\n animation:scrollDot 1.8s ease-in-out infinite;\r\n }\r\n @keyframes scrollDot { 0%{transform:translateY(0);opacity:.2} 35%{opacity:1} 100%{transform:translateY(24px);opacity:0} }\r\n .hero-inner { padding-bottom:70px; }\r\n .single-cta { min-width:220px; justify-content:center; }\r\n @media (max-width: 640px){\r\n .hero-wave{height:58px;}\r\n .scroll-cue{display:none;}\r\n .hero-inner{padding-bottom:34px;}\r\n }\r\n \r\n\r\n \/* Academic content system *\/\r\n .academic-kicker {\r\n display:inline-flex; align-items:center; gap:10px; padding:8px 14px; border-radius:999px;\r\n background:rgba(248,91,24,.08); color:#c83e0b; font-weight:800; font-size:13px;\r\n border:1px solid rgba(248,91,24,.14);\r\n }\r\n .academic-card {\r\n background:rgba(255,255,255,.94); border:1px solid rgba(0,56,64,.10); border-radius:22px;\r\n padding:24px; box-shadow:0 10px 34px rgba(0,56,64,.055); transition:.28s ease;\r\n }\r\n .academic-card:hover { transform:translateY(-4px); box-shadow:0 18px 42px rgba(0,56,64,.10); }\r\n .module-number {\r\n width:48px; height:48px; border-radius:15px; display:flex; align-items:center; justify-content:center;\r\n flex:0 0 auto; font-weight:800; color:#fff;\r\n background:linear-gradient(145deg,#003840,#00505b 58%,#f85b18 160%);\r\n box-shadow:0 8px 22px rgba(0,56,64,.18);\r\n }\r\n .module-list { margin-top:14px; display:grid; gap:9px; }\r\n .module-list li { position:relative; padding-right:20px; color:#456b70; font-size:14px; line-height:1.85; }\r\n .module-list li::before {\r\n content:''; position:absolute; right:0; top:.78em; width:7px; height:7px; border-radius:50%;\r\n background:#f85b18; box-shadow:0 0 0 4px rgba(248,91,24,.09);\r\n }\r\n .outcome-item {\r\n display:flex; align-items:flex-start; gap:14px; padding:18px; border-radius:18px;\r\n background:#fff; border:1px solid rgba(0,56,64,.09);\r\n }\r\n .outcome-check {\r\n width:34px; height:34px; border-radius:12px; flex:0 0 auto; display:flex; align-items:center; justify-content:center;\r\n background:#e9f4f3; color:#003840; font-weight:900;\r\n }\r\n .method-step { position:relative; padding:22px; border-radius:20px; background:#fff; border:1px solid rgba(0,56,64,.09); }\r\n .method-step::after {\r\n content:''; position:absolute; left:-18px; top:50%; width:36px; height:1px;\r\n background:linear-gradient(90deg,rgba(248,91,24,.45),rgba(0,56,64,.08));\r\n }\r\n .method-step:last-child::after { display:none; }\r\n .project-card {\r\n border-radius:22px; padding:24px; background:linear-gradient(160deg,#ffffff 0%,#f6fbfa 100%);\r\n border:1px solid rgba(0,56,64,.10); min-height:100%;\r\n }\r\n .audience-pill {\r\n display:flex; gap:12px; align-items:flex-start; background:#fff; border:1px solid rgba(0,56,64,.09);\r\n padding:16px 18px; border-radius:16px;\r\n }\r\n .mini-dot { width:9px; height:9px; margin-top:8px; border-radius:50%; background:#f85b18; flex:0 0 auto; }\r\n .section-lead { max-width:760px; margin:14px auto 0; color:#55777b; line-height:2; font-size:16px; }\r\n @media (max-width: 900px){ .method-step::after{display:none;} }\r\n\r\n \/* Registration modal *\/\r\n .modal-backdrop {\r\n position: fixed; inset: 0; z-index: 9999; display: none;\r\n align-items: center; justify-content: center; padding: 18px;\r\n background: rgba(0, 25, 30, 0.72); backdrop-filter: blur(7px);\r\n }\r\n .modal-backdrop.is-open { display: flex; }\r\n .registration-modal {\r\n width: min(980px, 100%); max-height: 94vh; overflow-y: auto;\r\n background: #fff; border-radius: 28px; position: relative;\r\n box-shadow: 0 30px 90px rgba(0, 25, 30, 0.32);\r\n border: 1px solid rgba(0,56,64,.10);\r\n }\r\n .modal-header {\r\n background: linear-gradient(135deg, #00191e 0%, #003840 72%, #004c57 100%);\r\n color: #fff; padding: 30px 30px 28px; position: relative; overflow: hidden;\r\n border-radius: 28px 28px 0 0;\r\n }\r\n .modal-header::after {\r\n content: \"\"; position: absolute; width: 220px; height: 220px; left: -70px; bottom: -120px;\r\n border-radius: 999px; background: radial-gradient(circle, rgba(248,91,24,.28), transparent 68%);\r\n }\r\n .modal-close {\r\n position: absolute; top: 18px; left: 18px; width: 42px; height: 42px;\r\n border-radius: 12px; border: 1px solid rgba(255,255,255,.18);\r\n background: rgba(255,255,255,.10); color: #fff; font-size: 25px; line-height: 1;\r\n cursor: pointer; transition: .2s ease; z-index: 2;\r\n }\r\n .modal-close:hover { background: rgba(248,91,24,.95); transform: rotate(4deg); }\r\n .form-body { padding: 30px; }\r\n .form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }\r\n .form-group { display: flex; flex-direction: column; gap: 8px; }\r\n .form-group.full { grid-column: 1 \/ -1; }\r\n .form-label { font-size: 14px; font-weight: 800; color: #003840; }\r\n .required-star { color: #f85b18; }\r\n .form-control {\r\n width: 100%; min-height: 50px; border: 1px solid #cce2e3; border-radius: 14px;\r\n background: #fbfdfd; padding: 12px 14px; color: #002a31; outline: none;\r\n transition: border-color .2s, box-shadow .2s, background .2s;\r\n }\r\n .form-control:focus {\r\n border-color: #f85b18; background: #fff;\r\n box-shadow: 0 0 0 4px rgba(248,91,24,.10);\r\n }\r\n textarea.form-control { min-height: 108px; resize: vertical; }\r\n .phone-grid { display: grid; grid-template-columns: 130px 1fr; gap: 10px; direction: ltr; }\r\n .phone-grid .form-control { direction: ltr; text-align: left; }\r\n .form-help { font-size: 12px; color: #55777b; line-height: 1.7; }\r\n .consent-box {\r\n display:flex; gap:10px; align-items:flex-start; background:#f6faf9;\r\n border:1px solid #dcebea; padding:14px 16px; border-radius:14px;\r\n }\r\n .consent-box input { margin-top: 5px; accent-color: #f85b18; }\r\n .submit-btn {\r\n width:100%; min-height:56px; border:0; border-radius:16px; cursor:pointer;\r\n background: linear-gradient(90deg,#f85b18,#e94c0d); color:#fff;\r\n font-size:18px; font-weight:800; box-shadow:0 12px 30px rgba(248,91,24,.22);\r\n transition:.25s ease;\r\n }\r\n .submit-btn:hover { transform: translateY(-2px); box-shadow:0 16px 36px rgba(248,91,24,.30); }\r\n .secure-note {\r\n display:flex; align-items:center; justify-content:center; gap:8px; margin-top:12px;\r\n color:#55777b; font-size:12px;\r\n }\r\n body.modal-open { overflow: hidden; }\r\n @media (max-width: 720px) {\r\n .registration-modal { border-radius: 22px; max-height: 96vh; }\r\n .modal-header { padding: 26px 20px 22px; border-radius:22px 22px 0 0; }\r\n .form-body { padding: 22px 18px 24px; }\r\n .form-grid { grid-template-columns: 1fr; gap: 15px; }\r\n .form-group.full { grid-column: auto; }\r\n .phone-grid { grid-template-columns: 110px 1fr; }\r\n }\r\n\r\n \r\n\r\n \/* \u062d\u0627\u0644\u0629 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0628\u062f\u0648\u0646 \u0645\u063a\u0627\u062f\u0631\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 *\/\r\n .form-submit-state {\r\n display: none;\r\n padding: 42px 28px 46px;\r\n text-align: center;\r\n background: linear-gradient(180deg, #ffffff 0%, #f8fbfb 100%);\r\n }\r\n .form-submit-state.is-visible { display: block; }\r\n .success-icon {\r\n width: 78px;\r\n height: 78px;\r\n margin: 0 auto 20px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(0,56,64,.08);\r\n border: 1px solid rgba(0,56,64,.14);\r\n color: #003840;\r\n box-shadow: 0 12px 34px rgba(0,56,64,.10);\r\n }\r\n .success-title {\r\n color: #003840;\r\n font-size: clamp(24px, 3vw, 34px);\r\n font-weight: 800;\r\n margin-bottom: 12px;\r\n }\r\n .success-message {\r\n color: #34545a;\r\n font-size: 16px;\r\n line-height: 2;\r\n max-width: 560px;\r\n margin: 0 auto 24px;\r\n font-weight: 500;\r\n }\r\n .success-close-btn {\r\n border: 0;\r\n border-radius: 14px;\r\n padding: 13px 26px;\r\n font-family: inherit;\r\n font-weight: 800;\r\n font-size: 15px;\r\n cursor: pointer;\r\n color: #fff;\r\n background: linear-gradient(135deg, #003840 0%, #00515c 100%);\r\n transition: .25s ease;\r\n }\r\n .success-close-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0,56,64,.20); }\r\n .submit-btn[disabled] { opacity: .72; cursor: wait; transform: none !important; }\r\n .form-error-message {\r\n display: none;\r\n margin-top: 12px;\r\n padding: 11px 14px;\r\n border-radius: 12px;\r\n background: #fff3ef;\r\n border: 1px solid rgba(248,91,24,.20);\r\n color: #9d3912;\r\n font-size: 13px;\r\n line-height: 1.8;\r\n font-weight: 700;\r\n }\r\n .form-error-message.is-visible { display: block; }\r\n\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-ibm\">\r\n\r\n\r\n<section class=\"hero-gradient min-h-[88vh] flex items-center justify-center relative px-6 pt-20 pb-28\">\r\n <div class=\"absolute top-8 left-8 w-20 h-20 border border-primary-200\/20 rounded-full anim-float\"><\/div>\r\n <div class=\"absolute bottom-16 right-12 w-14 h-14 border border-primary-200\/20 rounded-full anim-float\" style=\"animation-delay:1.5s;\"><\/div>\r\n <div class=\"absolute top-1\/4 left-1\/4 w-2 h-2 bg-accent-400\/40 rounded-full anim-float\" style=\"animation-delay:0.5s;\"><\/div>\r\n <div class=\"absolute top-1\/3 right-1\/3 w-1.5 h-1.5 bg-accent-300\/30 rounded-full anim-float\" style=\"animation-delay:2s;\"><\/div>\r\n \r\n <div class=\"hero-inner max-w-3xl mx-auto text-center relative z-10\">\r\n <div class=\"anim-scale delay-1 inline-flex items-center gap-2 bg-primary-800\/40 backdrop-blur-sm rounded-full px-5 py-2 mb-8 border border-primary-600\/30\">\r\n <span class=\"w-2 h-2 bg-accent-400 rounded-full animate-pulse\"><\/span>\r\n <span class=\"text-accent-200 text-sm font-semibold tracking-wide\">\u062a\u0633\u062c\u064a\u0644 \u0645\u0641\u062a\u0648\u062d \u0627\u0644\u0622\u0646<\/span>\r\n <\/div>\r\n \r\n <h1 class=\"anim-fade-up delay-2 text-4xl md:text-5xl lg:text-6xl font-extrabold text-white leading-tight mb-6\">\r\n \u062f\u0648\u0631\u0629 <span class=\"text-transparent bg-clip-text bg-gradient-to-l from-primary-300 to-accent-400\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a<\/span>\r\n <\/h1>\r\n \r\n <p class=\"anim-fade-up delay-3 text-[17px] md:text-lg text-primary-100 leading-[2.2] max-w-2xl mx-auto font-medium\">\r\n \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a \u0623\u0643\u0627\u062f\u064a\u0645\u064a \u0648\u062a\u0637\u0628\u064a\u0642\u064a \u064a\u0646\u0642\u0644\u0643 \u0645\u0646 \u0641\u0647\u0645 \u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0628\u0635\u0631\u064a \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u064a \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629\u060c \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u0627\u0644\u0637\u0628\u0627\u0639\u0629. \u062a\u062a\u0639\u0644\u0645 \u0643\u064a\u0641 \u062a\u0641\u0643\u0631 \u0643\u0645\u0635\u0645\u0645\u060c \u0644\u0627 \u0643\u064a\u0641 \u062a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0641\u0642\u0637.\r\n <\/p>\r\n \r\n <div class=\"anim-fade-up delay-4 mt-10 flex justify-center items-center\">\r\n <button type=\"button\" data-open-registration class=\"single-cta cta-pulse inline-flex items-center gap-3 bg-gradient-to-l from-accent-500 to-primary-600 hover:from-accent-400 hover:to-primary-500 text-white text-lg font-bold px-10 py-4 rounded-2xl transition-all duration-300 hover:shadow-2xl hover:shadow-accent-500\/25 hover:scale-105\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\"\/>\r\n <\/svg>\r\n \u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"scroll-cue\" aria-hidden=\"true\"><\/div>\r\n <div class=\"hero-wave\" aria-hidden=\"true\"><\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"topics\" class=\"landing-section px-6 flow-soft\">\r\n <div class=\"max-w-5xl mx-auto\">\r\n <div class=\"text-center mb-12\">\r\n <div class=\"academic-kicker\">\u0645\u0646\u0647\u062c \u0623\u0643\u0627\u062f\u064a\u0645\u064a + \u062a\u0637\u0628\u064a\u0642 \u0639\u0645\u0644\u064a<\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-primary-800 mt-5\">\u062a\u0639\u0644\u0645 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0643\u0645\u0646\u0638\u0648\u0645\u0629 \u062a\u0641\u0643\u064a\u0631 \u0648\u0645\u0647\u0627\u0631\u0629 \u0645\u0647\u0646\u064a\u0629<\/h2>\r\n <p class=\"section-lead\">\u0627\u0644\u062f\u0648\u0631\u0629 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u062a\u0633\u0644\u0633\u0644 \u062a\u0639\u0644\u064a\u0645\u064a \u0648\u0627\u0636\u062d: \u062a\u0628\u062f\u0623 \u0645\u0646 \u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0628\u0635\u0631\u064a\u060c \u062b\u0645 \u062a\u0646\u062a\u0642\u0644 \u0625\u0644\u0649 \u0627\u0644\u0623\u062f\u0648\u0627\u062a\u060c \u0648\u0628\u0639\u062f\u0647\u0627 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639. \u0627\u0644\u0647\u062f\u0641 \u0623\u0646 \u062a\u0641\u0647\u0645 \u0644\u0645\u0627\u0630\u0627 \u064a\u0646\u062c\u062d \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0642\u0628\u0644 \u0623\u0646 \u062a\u062a\u0639\u0644\u0645 \u0643\u064a\u0641 \u062a\u0646\u0641\u0630\u0647.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-5\">\r\n <div class=\"academic-card text-center\">\r\n <div class=\"w-14 h-14 mx-auto rounded-2xl bg-primary-50 flex items-center justify-center text-primary-700 font-extrabold text-xl mb-4\">01<\/div>\r\n <h3 class=\"text-primary-800 font-extrabold text-lg mb-2\">\u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u0628\u0635\u0631\u064a<\/h3>\r\n <p class=\"text-primary-500 text-sm leading-7\">\u062a\u0639\u0644\u0651\u0645 \u0643\u064a\u0641\u064a\u0629 \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0639\u0646\u0627\u0635\u0631\u060c \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u062a\u0648\u0627\u0632\u0646\u060c \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u062e\u0637\u0648\u0637\u060c \u0648\u062a\u0648\u062c\u064a\u0647 \u0639\u064a\u0646 \u0627\u0644\u0645\u0634\u0627\u0647\u062f \u062f\u0627\u062e\u0644 \u0627\u0644\u062a\u0635\u0645\u064a\u0645.<\/p>\r\n <\/div>\r\n <div class=\"academic-card text-center\">\r\n <div class=\"w-14 h-14 mx-auto rounded-2xl bg-accent-50 flex items-center justify-center text-accent-700 font-extrabold text-xl mb-4\">02<\/div>\r\n <h3 class=\"text-primary-800 font-extrabold text-lg mb-2\">\u0625\u062a\u0642\u0627\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a<\/h3>\r\n <p class=\"text-primary-500 text-sm leading-7\">\u062a\u0639\u0644\u0651\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 Photoshop \u0648Illustrator \u0628\u0637\u0631\u064a\u0642\u0629 \u0645\u0646\u0638\u0645\u0629 \u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0636\u062d \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a.<\/p>\r\n <\/div>\r\n <div class=\"academic-card text-center\">\r\n <div class=\"w-14 h-14 mx-auto rounded-2xl bg-primary-50 flex items-center justify-center text-primary-700 font-extrabold text-xl mb-4\">03<\/div>\r\n <h3 class=\"text-primary-800 font-extrabold text-lg mb-2\">\u0645\u0634\u0627\u0631\u064a\u0639 \u062d\u0642\u064a\u0642\u064a\u0629<\/h3>\r\n <p class=\"text-primary-500 text-sm leading-7\">\u062a\u0637\u0628\u064a\u0642 \u0645\u0627 \u062a\u062a\u0639\u0644\u0645\u0647 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u062d\u0642\u064a\u0642\u064a\u0629 \u064a\u0645\u0643\u0646\u0643 \u0625\u0636\u0627\u0641\u062a\u0647\u0627 \u0625\u0644\u0649 \u0645\u0644\u0641 \u0623\u0639\u0645\u0627\u0644\u0643 \u0648\u062a\u0637\u0648\u064a\u0631 \u0645\u0633\u062a\u0648\u0627\u0643 \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"landing-section px-6 flow-tint\">\r\n <div class=\"max-w-6xl mx-auto\">\r\n <div class=\"text-center mb-14\">\r\n <div class=\"section-badge bg-primary-50 text-primary-700 font-bold text-sm px-5 py-2 rounded-full mb-4 mx-auto\">\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629<\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-primary-800 mt-4\">\u0645\u0627\u0630\u0627 \u0633\u062a\u062f\u0631\u0633 \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629\u061f<\/h2>\r\n <p class=\"section-lead\">\u062b\u0645\u0627\u0646\u064a\u0629 \u0645\u062d\u0627\u0648\u0631 \u0645\u0631\u062a\u0628\u0629 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u060c \u062b\u0645 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u060c \u0648\u062a\u0646\u062a\u0647\u064a \u0628\u0642\u062f\u0631\u062a\u0643 \u0639\u0644\u0649 \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0631\u0648\u0639 \u0628\u0635\u0631\u064a \u0645\u062a\u0643\u0627\u0645\u0644 \u0628\u062b\u0642\u0629.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-5\">\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">01<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0643\u064a\u0641\u064a\u0629 \u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0641\u0643\u0631\u0629 \u0628\u0635\u0631\u064a\u064b\u0627<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u0643\u064a\u0641 \u062a\u0641\u0647\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0648\u062a\u062d\u0648\u0651\u0644\u0647 \u0625\u0644\u0649 \u0641\u0643\u0631\u0629 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0636\u062d\u0629\u061f<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062a\u0635\u0645\u064a\u0645: \u0627\u0644\u062a\u0648\u0627\u0632\u0646\u060c \u0627\u0644\u062a\u0628\u0627\u064a\u0646\u060c \u0627\u0644\u0645\u062d\u0627\u0630\u0627\u0629\u060c \u0627\u0644\u062a\u0643\u0631\u0627\u0631 \u0648\u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a.<\/li><li>\u0641\u0647\u0645 \u0647\u062f\u0641 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0648\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0633\u0644\u0648\u0628 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0647.<\/li><li>\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u062c\u064a\u062f\u0629 \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0623\u0633\u0628\u0627\u0628 \u0646\u062c\u0627\u062d\u0647\u0627.<\/li><\/ul>\r\n <\/article>\r\n\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">02<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u062a\u0646\u0633\u064a\u0642\u0647\u0627 \u0628\u0627\u062d\u062a\u0631\u0627\u0641<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u0643\u064a\u0641 \u062a\u062e\u062a\u0627\u0631 \u0623\u0644\u0648\u0627\u0646\u064b\u0627 \u062a\u062e\u062f\u0645 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0648\u062a\u0646\u0627\u0633\u0628 \u0647\u0648\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0639\u062c\u0644\u0629 \u0627\u0644\u0623\u0644\u0648\u0627\u0646\u060c \u0627\u0644\u0627\u0646\u0633\u062c\u0627\u0645 \u0648\u0627\u0644\u062a\u0628\u0627\u064a\u0646 \u0627\u0644\u0644\u0648\u0646\u064a.<\/li><li>\u0633\u064a\u0643\u0648\u0644\u0648\u062c\u064a\u0629 \u0627\u0644\u0644\u0648\u0646 \u0641\u064a \u0627\u0644\u0647\u0648\u064a\u0629 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a.<\/li><li>\u0625\u0646\u0634\u0627\u0621 \u0644\u0648\u062d\u0629 \u0623\u0644\u0648\u0627\u0646 \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u0648\u062a\u0637\u0628\u064a\u0642\u0647\u0627 \u0639\u0644\u0649 \u0645\u0634\u0631\u0648\u0639 \u0639\u0645\u0644\u064a.<\/li><\/ul>\r\n <\/article>\r\n\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">03<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0646\u0635\u0648\u0635<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u0643\u064a\u0641 \u062a\u062c\u0639\u0644 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0648\u0627\u0644\u0646\u0635 \u0648\u0627\u0636\u062d\u064a\u0646 \u0648\u062c\u0630\u0627\u0628\u064a\u0646 \u062f\u0627\u062e\u0644 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u061f<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062e\u0637 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0634\u062e\u0635\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629.<\/li><li>\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0648\u0627\u0644\u0646\u0635\u0648\u0635 \u062d\u0633\u0628 \u0627\u0644\u0623\u0647\u0645\u064a\u0629 \u0628\u0634\u0643\u0644 \u0648\u0627\u0636\u062d.<\/li><li>\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u062d\u0627\u0630\u0627\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0644\u062a\u0631\u062a\u064a\u0628 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u0635\u0645\u064a\u0645.<\/li><\/ul>\r\n <\/article>\r\n\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">04<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">Adobe Photoshop<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0635\u0648\u0631 \u0648\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u062a\u0643\u0648\u064a\u0646\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629.<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0637\u0628\u0642\u0627\u062a\u060c \u0627\u0644\u0623\u0642\u0646\u0639\u0629\u060c \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u062d\u062f\u064a\u062f \u0648\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0630\u0643\u064a\u0629 \u0628\u0627\u062d\u062a\u0631\u0627\u0641.<\/li><li>\u062f\u0645\u062c \u0627\u0644\u0635\u0648\u0631\u060c \u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0644\u0648\u0646 \u0648\u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0628\u0635\u0648\u0631\u0629 \u0646\u0638\u064a\u0641\u0629.<\/li><li>\u0628\u0646\u0627\u0621 \u0625\u0639\u0644\u0627\u0646 \u0631\u0642\u0645\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0645\u0646 \u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0625\u062e\u0631\u0627\u062c \u0646\u0647\u0627\u0626\u064a.<\/li><\/ul>\r\n <\/article>\r\n\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">05<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">Adobe Illustrator<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0645\u062a\u062c\u0647\u064a \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0628\u0635\u0631\u064a\u0629.<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0631\u0633\u0645 \u0648\u0627\u0644\u0623\u0634\u0643\u0627\u0644 \u0648\u062f\u0645\u062c \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0648\u0628\u0646\u0627\u0626\u0647\u0627 \u0628\u0627\u062d\u062a\u0631\u0627\u0641.<\/li><li>\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u062a\u062c\u0647\u064a\u0629 \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0643\u0628\u064a\u0631.<\/li><li>\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0634\u0639\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0628\u0635\u064a\u063a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/li><\/ul>\r\n <\/article>\r\n\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">06<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0634\u0639\u0627\u0631 \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0625\u0644\u0649 \u0647\u0648\u064a\u0629 \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645.<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0627\u0644\u0628\u062d\u062b \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u0628\u062f\u0621 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0634\u0639\u0627\u0631.<\/li><li>\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0644\u0648\u0646 \u0648\u0627\u0644\u062e\u0637 \u0648\u0627\u0644\u0646\u0645\u0637 \u0627\u0644\u0628\u0635\u0631\u064a \u0644\u0644\u0639\u0644\u0627\u0645\u0629.<\/li><li>\u0625\u0646\u0634\u0627\u0621 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0647\u0648\u064a\u0629 \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0627\u062a\u0633\u0627\u0642.<\/li><\/ul>\r\n <\/article>\r\n\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">07<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a \u0648\u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u062a\u0635\u0627\u0645\u064a\u0645 \u062a\u0642\u0648\u062f \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647 \u0648\u062a\u062e\u062f\u0645 \u0627\u0644\u0631\u0633\u0627\u0644\u0629.<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0628\u0646\u0627\u0621 \u0625\u0639\u0644\u0627\u0646 \u0628\u0635\u0631\u064a \u062d\u0648\u0644 \u0647\u062f\u0641 \u062a\u0633\u0648\u064a\u0642\u064a \u0648\u0627\u0636\u062d.<\/li><li>\u062a\u0635\u0645\u064a\u0645 \u0645\u0646\u0634\u0648\u0631\u0627\u062a\u060c \u062d\u0645\u0644\u0627\u062a \u0648\u0633\u0644\u0627\u0633\u0644 \u0645\u062d\u062a\u0648\u0649 \u0645\u062a\u0646\u0627\u0633\u0642\u0629.<\/li><li>\u0627\u0644\u062a\u0643\u064a\u0641 \u0645\u0639 \u0627\u0644\u0645\u0642\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0635\u0627\u062a \u062f\u0648\u0646 \u0641\u0642\u062f\u0627\u0646 \u0627\u0644\u0647\u0648\u064a\u0629.<\/li><\/ul>\r\n <\/article>\r\n\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">08<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0628\u0646\u0627\u0621 \u0645\u0644\u0641 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u0643\u064a\u0641 \u062a\u0646\u0638\u0645 \u0639\u0645\u0644\u0643 \u0648\u062a\u062c\u0647\u0632 \u0645\u0644\u0641\u0627\u062a\u0643 \u0648\u062a\u0639\u0631\u0636 \u0645\u0647\u0627\u0631\u0627\u062a\u0643 \u0628\u0634\u0643\u0644 \u0645\u0647\u0646\u064a.<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0641\u0647\u0645 \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0637\u0628\u0627\u0639\u0629\u060c \u0627\u0644\u062f\u0642\u0629\u060c \u0647\u0648\u0627\u0645\u0634 \u0627\u0644\u0642\u0635\u060c \u0648\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0644\u0644\u0645\u0637\u0628\u0639\u0629.<\/li><li>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0635\u0648\u0631 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c.<\/li><li>\u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u0641\u0636\u0644 \u0623\u0639\u0645\u0627\u0644\u0643 \u0648\u062a\u0646\u0638\u064a\u0645\u0647\u0627 \u062f\u0627\u062e\u0644 \u0645\u0644\u0641 \u0623\u0639\u0645\u0627\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a.<\/li><\/ul>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"landing-section px-6 flow-soft\">\r\n <div class=\"max-w-5xl mx-auto\">\r\n <div class=\"text-center mb-12\">\r\n <div class=\"section-badge bg-accent-50 text-accent-700 font-bold text-sm px-5 py-2 rounded-full mb-4 mx-auto\">\u0645\u0627\u0630\u0627 \u0633\u062a\u062a\u0639\u0644\u0645 \u0641\u0639\u0644\u064a\u064b\u0627\u061f<\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-primary-800 mt-4\">\u0645\u0627\u0630\u0627 \u0633\u062a\u0643\u0648\u0646 \u0642\u0627\u062f\u0631\u064b\u0627 \u0639\u0644\u0649 \u0625\u0646\u062c\u0627\u0632\u0647\u061f<\/h2>\r\n <p class=\"section-lead\">\u0627\u0644\u0647\u062f\u0641 \u0623\u0646 \u062a\u062e\u0631\u062c \u0628\u0645\u0647\u0627\u0631\u0627\u062a \u062a\u0633\u062a\u0637\u064a\u0639 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639\u0643\u060c \u0639\u0645\u0644\u0643\u060c \u0623\u0648 \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u0635\u0645\u064a\u0645 \u0644\u0644\u0639\u0645\u0644\u0627\u0621.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 gap-4\">\r\n <div class=\"outcome-item\"><div class=\"outcome-check\">\u2713<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u0641\u0647\u0645 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0623\u064a \u0645\u0634\u0631\u0648\u0639 \u062a\u0635\u0645\u064a\u0645<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0641\u0647\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u060c \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629\u060c \u062b\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u0633\u0644\u0648\u0628 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0642\u0628\u0644 \u0627\u0644\u0628\u062f\u0621.<\/p><\/div><\/div>\r\n <div class=\"outcome-item\"><div class=\"outcome-check\">\u2713<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u0628\u0646\u0627\u0621 \u062a\u0643\u0648\u064a\u0646 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u0635\u0648\u0631 \u0648\u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0628\u0637\u0631\u064a\u0642\u0629 \u062a\u062c\u0639\u0644 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0636\u062d\u064b\u0627 \u0648\u0645\u0631\u064a\u062d\u064b\u0627 \u0644\u0644\u0639\u064a\u0646.<\/p><\/div><\/div>\r\n <div class=\"outcome-item\"><div class=\"outcome-check\">\u2713<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u062a\u0646\u0641\u064a\u0630 \u0645\u0648\u0627\u062f \u062a\u0633\u0648\u064a\u0642\u064a\u0629<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u062a\u0635\u0645\u064a\u0645 \u0645\u0646\u0634\u0648\u0631\u0627\u062a \u0648\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u062a\u062e\u062f\u0645 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a.<\/p><\/div><\/div>\r\n <div class=\"outcome-item\"><div class=\"outcome-check\">\u2713<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u0625\u0646\u0634\u0627\u0621 \u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0628\u062a\u062f\u0626\u064a\u0646<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u062a\u0637\u0648\u064a\u0631 \u0641\u0643\u0631\u0629 \u0627\u0644\u0647\u0648\u064a\u0629\u060c \u062a\u0635\u0645\u064a\u0645 \u0634\u0639\u0627\u0631\u060c \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u062e\u0637\u0648\u0637\u060c \u0648\u062a\u062c\u0647\u064a\u0632 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0639\u0644\u0627\u0645\u0629.<\/p><\/div><\/div>\r\n <div class=\"outcome-item\"><div class=\"outcome-check\">\u2713<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u062a\u062c\u0647\u064a\u0632 \u0645\u0644\u0641\u0627\u062a \u0631\u0642\u0645\u064a\u0629 \u0648\u0637\u0628\u0627\u0639\u064a\u0629<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0642\u0627\u0633 \u0648\u0627\u0644\u062f\u0642\u0629 \u0648\u0646\u0645\u0637 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u0635\u064a\u063a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0643\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645.<\/p><\/div><\/div>\r\n <div class=\"outcome-item\"><div class=\"outcome-check\">\u2713<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u062a\u0633\u0631\u064a\u0639 \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0623\u0641\u0643\u0627\u0631\u060c \u062a\u0637\u0648\u064a\u0631\u0647\u0627\u060c \u0648\u062a\u0633\u0631\u064a\u0639 \u0628\u0639\u0636 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u0635\u0645\u064a\u0645.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"landing-section px-6 flow-tint\">\r\n <div class=\"max-w-6xl mx-auto\">\r\n <div class=\"text-center mb-12\">\r\n <div class=\"section-badge bg-primary-50 text-primary-700 font-bold text-sm px-5 py-2 rounded-full mb-4 mx-auto\">\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0628<\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-primary-800 mt-4\">\u062a\u0639\u0644\u0645 \u2190 \u0634\u0627\u0647\u062f \u2190 \u0637\u0628\u0651\u0642 \u2190 \u0631\u0627\u062c\u0639 \u2190 \u0637\u0648\u0651\u0631<\/h2>\r\n <p class=\"section-lead\">\u0641\u064a \u0643\u0644 \u0645\u062d\u0648\u0631 \u0633\u062a\u062a\u0639\u0644\u0645 \u0627\u0644\u0641\u0643\u0631\u0629 \u0628\u0634\u0643\u0644 \u0645\u0628\u0633\u0637\u060c \u062a\u0634\u0627\u0647\u062f \u0645\u062b\u0627\u0644\u064b\u0627\u060c \u062a\u0637\u0628\u0642 \u0628\u0646\u0641\u0633\u0643\u060c \u062b\u0645 \u062a\u0631\u0627\u062c\u0639 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0648\u062a\u0637\u0648\u0631\u0647\u0627 \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629.<\/p>\r\n <\/div>\r\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-5 gap-4\">\r\n <div class=\"method-step\"><span class=\"text-accent-600 font-extrabold text-sm\">01<\/span><h3 class=\"font-extrabold text-primary-800 text-lg mt-2\">\u062a\u0639\u0644\u0651\u0645<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0645\u0641\u0647\u0648\u0645 \u0648\u0627\u0636\u062d \u0648\u0642\u0627\u0639\u062f\u0629 \u062a\u0635\u0645\u064a\u0645\u064a\u0629.<\/p><\/div>\r\n <div class=\"method-step\"><span class=\"text-accent-600 font-extrabold text-sm\">02<\/span><h3 class=\"font-extrabold text-primary-800 text-lg mt-2\">\u0634\u0627\u0647\u062f<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0645\u062b\u0627\u0644 \u0648\u062a\u062d\u0644\u064a\u0644 \u0644\u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0635\u062d\u064a\u062d.<\/p><\/div>\r\n <div class=\"method-step\"><span class=\"text-accent-600 font-extrabold text-sm\">03<\/span><h3 class=\"font-extrabold text-primary-800 text-lg mt-2\">\u0637\u0628\u0651\u0642<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0645\u0647\u0645\u0629 \u0639\u0645\u0644\u064a\u0629 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u062d\u0648\u0631.<\/p><\/div>\r\n <div class=\"method-step\"><span class=\"text-accent-600 font-extrabold text-sm\">04<\/span><h3 class=\"font-extrabold text-primary-800 text-lg mt-2\">\u0631\u0627\u062c\u0639<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0645\u0644\u0627\u062d\u0638\u0629 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0648\u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u062d\u0633\u064a\u0646.<\/p><\/div>\r\n <div class=\"method-step\"><span class=\"text-accent-600 font-extrabold text-sm\">05<\/span><h3 class=\"font-extrabold text-primary-800 text-lg mt-2\">\u0637\u0648\u0651\u0631<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0628\u0645\u0633\u062a\u0648\u0649 \u0623\u0639\u0644\u0649.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"landing-section px-6 flow-soft\">\r\n <div class=\"max-w-6xl mx-auto\">\r\n <div class=\"text-center mb-12\">\r\n <div class=\"section-badge bg-accent-50 text-accent-700 font-bold text-sm px-5 py-2 rounded-full mb-4 mx-auto\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u064a\u0629<\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-primary-800 mt-4\">\u0644\u0646 \u062a\u062a\u062e\u0631\u062c \u0628\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0641\u0642\u0637<\/h2>\r\n <p class=\"section-lead\">\u062e\u0644\u0627\u0644 \u0627\u0644\u0645\u0633\u0627\u0631 \u0633\u062a\u0637\u0628\u0651\u0642 \u0639\u0644\u0649 \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u062f\u0631\u062c\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0645\u0647\u0627\u0631\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u0645\u0648\u0627\u062f \u064a\u0645\u0643\u0646 \u062a\u0637\u0648\u064a\u0631\u0647\u0627 \u0644\u0627\u062d\u0642\u064b\u0627 \u062f\u0627\u062e\u0644 \u0645\u0644\u0641 \u0623\u0639\u0645\u0627\u0644\u0643.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-5\">\r\n <div class=\"project-card\"><span class=\"text-accent-600 text-xs font-extrabold\">PROJECT 01<\/span><h3 class=\"text-primary-800 font-extrabold text-lg mt-2\">\u0646\u0638\u0627\u0645 \u0628\u0635\u0631\u064a \u0645\u0635\u063a\u0651\u0631<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-2\">\u0644\u0648\u062d\u0629 \u0623\u0644\u0648\u0627\u0646\u060c \u062e\u0637\u0648\u0637\u060c Grid \u0648\u0639\u0646\u0627\u0635\u0631 \u0628\u0635\u0631\u064a\u0629 \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u062d\u0648\u0644 \u0641\u0643\u0631\u0629 \u0645\u062d\u062f\u062f\u0629.<\/p><\/div>\r\n <div class=\"project-card\"><span class=\"text-accent-600 text-xs font-extrabold\">PROJECT 02<\/span><h3 class=\"text-primary-800 font-extrabold text-lg mt-2\">\u062d\u0645\u0644\u0629 \u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-2\">\u0633\u0644\u0633\u0644\u0629 \u0645\u0646\u0634\u0648\u0631\u0627\u062a \u0648\u0625\u0639\u0644\u0627\u0646 \u0631\u0626\u064a\u0633\u064a \u0636\u0645\u0646 \u0647\u0648\u064a\u0629 \u0648\u0627\u062d\u062f\u0629 \u0648\u0631\u0633\u0627\u0644\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0648\u0627\u0636\u062d\u0629.<\/p><\/div>\r\n <div class=\"project-card\"><span class=\"text-accent-600 text-xs font-extrabold\">PROJECT 03<\/span><h3 class=\"text-primary-800 font-extrabold text-lg mt-2\">\u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u0629 \u0623\u0648\u0644\u064a\u0629<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-2\">\u0645\u0641\u0647\u0648\u0645 \u0634\u0639\u0627\u0631 \u0645\u0639 \u0646\u0638\u0627\u0645 \u0623\u0644\u0648\u0627\u0646 \u0648\u062e\u0637\u0648\u0637 \u0648\u0628\u0639\u0636 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629.<\/p><\/div>\r\n <div class=\"project-card\"><span class=\"text-accent-600 text-xs font-extrabold\">FINAL PROJECT<\/span><h3 class=\"text-primary-800 font-extrabold text-lg mt-2\">\u0645\u0634\u0631\u0648\u0639 \u062e\u062a\u0627\u0645\u064a<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-2\">\u0645\u0634\u0631\u0648\u0639 \u0645\u062a\u0643\u0627\u0645\u0644 \u064a\u062c\u0645\u0639 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0641\u0643\u0631\u0629 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0628\u0635\u0648\u0631\u0629 \u0645\u0647\u0646\u064a\u0629.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"landing-section px-6 flow-tint\">\r\n <div class=\"max-w-6xl mx-auto grid lg:grid-cols-2 gap-8 items-start\">\r\n <div class=\"academic-card\">\r\n <span class=\"academic-kicker\">\u0644\u0645\u0646 \u0635\u064f\u0645\u0645\u062a \u0627\u0644\u062f\u0648\u0631\u0629\u061f<\/span>\r\n <h2 class=\"text-3xl font-extrabold text-primary-800 mt-5 mb-6\">\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0645\u0646 \u064a\u0631\u064a\u062f \u0623\u0633\u0627\u0633\u064b\u0627 \u0642\u0648\u064a\u064b\u0627 \u0648\u0645\u0633\u0627\u0631\u064b\u0627 \u0648\u0627\u0636\u062d\u064b\u0627<\/h2>\r\n <div class=\"grid gap-3\">\r\n <div class=\"audience-pill\"><span class=\"mini-dot\"><\/span><div><strong class=\"text-primary-800\">\u0627\u0644\u0645\u0628\u062a\u062f\u0626 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631<\/strong><p class=\"text-primary-500 text-sm mt-1\">\u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0627\u062c \u0641\u0647\u0645 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0642\u0628\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u0641\u064a \u0627\u0644\u0628\u0631\u0627\u0645\u062c.<\/p><\/div><\/div>\r\n <div class=\"audience-pill\"><span class=\"mini-dot\"><\/span><div><strong class=\"text-primary-800\">\u0627\u0644\u0645\u0635\u0645\u0645 \u0627\u0644\u0645\u0628\u062a\u062f\u0626<\/strong><p class=\"text-primary-500 text-sm mt-1\">\u0627\u0644\u0630\u064a \u064a\u0639\u0631\u0641 \u0628\u0639\u0636 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0644\u0643\u0646\u0647 \u064a\u062d\u062a\u0627\u062c \u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644 \u0648\u0627\u0636\u062d\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0628\u0635\u0631\u064a\u064b\u0627.<\/p><\/div><\/div>\r\n <div class=\"audience-pill\"><span class=\"mini-dot\"><\/span><div><strong class=\"text-primary-800\">\u0627\u0644\u0645\u0633\u0648\u0642 \u0648\u0635\u0627\u062d\u0628 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/strong><p class=\"text-primary-500 text-sm mt-1\">\u0644\u0641\u0647\u0645 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0641\u064a\u0630 \u0645\u0648\u0627\u062f \u0628\u0635\u0631\u064a\u0629 \u0623\u0641\u0636\u0644 \u0644\u0639\u0644\u0627\u0645\u062a\u0647 \u0623\u0648 \u062d\u0645\u0644\u0627\u062a\u0647.<\/p><\/div><\/div>\r\n <div class=\"audience-pill\"><span class=\"mini-dot\"><\/span><div><strong class=\"text-primary-800\">\u0645\u0646 \u064a\u0631\u064a\u062f \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0631<\/strong><p class=\"text-primary-500 text-sm mt-1\">\u0644\u0628\u0646\u0627\u0621 \u0645\u0647\u0627\u0631\u0627\u062a \u0639\u0645\u0644\u064a\u0629 \u062a\u0633\u0627\u0639\u062f\u0647 \u0639\u0644\u0649 \u0625\u0646\u0634\u0627\u0621 \u0645\u0644\u0641 \u0623\u0639\u0645\u0627\u0644 \u0648\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u0635\u0645\u064a\u0645 \u0644\u0644\u0639\u0645\u0644\u0627\u0621.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"academic-card\">\r\n <span class=\"academic-kicker\">\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0627\u0644\u062a\u062d\u0627\u0642<\/span>\r\n <h2 class=\"text-3xl font-extrabold text-primary-800 mt-5 mb-6\">\u0644\u0627 \u062a\u062d\u062a\u0627\u062c \u062e\u0628\u0631\u0629 \u0633\u0627\u0628\u0642\u0629<\/h2>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex gap-4\"><div class=\"outcome-check\">1<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0645\u0646\u0627\u0633\u0628<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0644\u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\u064a \u0648\u062a\u0634\u063a\u064a\u0644 \u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.<\/p><\/div><\/div>\r\n <div class=\"flex gap-4\"><div class=\"outcome-check\">2<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u062a\u0637\u0628\u064a\u0642<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062a\u0645\u0627\u0631\u064a\u0646 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0644\u064a\u0633 \u0627\u0644\u0645\u0634\u0627\u0647\u062f\u0629 \u0641\u0642\u0637.<\/p><\/div><\/div>\r\n <div class=\"flex gap-4\"><div class=\"outcome-check\">3<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u0631\u063a\u0628\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0644\u0645<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0644\u0627 \u064a\u0634\u062a\u0631\u0637 \u062a\u062e\u0635\u0635 \u0623\u0643\u0627\u062f\u064a\u0645\u064a \u0633\u0627\u0628\u0642 \u0641\u064a \u0627\u0644\u0641\u0646 \u0623\u0648 \u0627\u0644\u062a\u0635\u0645\u064a\u0645.<\/p><\/div><\/div>\r\n <\/div>\r\n <button type=\"button\" data-open-registration class=\"mt-8 w-full cta-pulse inline-flex items-center justify-center gap-3 bg-gradient-to-l from-accent-500 to-primary-600 text-white text-lg font-bold px-8 py-4 rounded-2xl transition-all duration-300 hover:scale-[1.02]\">\u0627\u0628\u062f\u0623 \u0637\u0644\u0628 \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"landing-section px-6 flow-tint\">\r\n <div class=\"max-w-4xl mx-auto\">\r\n <div class=\"text-center mb-14\">\r\n <div class=\"section-badge bg-accent-50 text-accent-700 font-bold text-sm px-5 py-2 rounded-full mb-4 mx-auto\">\u062f\u0639\u0645 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a<\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-primary-800 mt-4\">\u062a\u062c\u0631\u0628\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062f\u0631\u0648\u0633<\/h2>\r\n <div class=\"h-1 w-16 mx-auto mt-4 rounded-full bg-gradient-to-r from-primary-400 to-accent-400\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid sm:grid-cols-2 gap-5\">\r\n <div class=\"feature-item bg-white rounded-2xl p-7 border border-primary-100 shadow-sm hover:shadow-md transition-all duration-300 flex items-start gap-5\">\r\n <div class=\"w-14 h-14 rounded-2xl bg-gradient-to-br from-primary-500 to-primary-600 flex items-center justify-center flex-shrink-0 shadow-lg shadow-primary-500\/25\">\r\n <svg class=\"w-7 h-7 text-white\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-primary-800 font-bold text-lg mb-1\">\u0642\u0646\u0627\u0629 \u062a\u0644\u063a\u0631\u0627\u0645 \u062e\u0627\u0635\u0629<\/h3>\r\n <p class=\"text-primary-600 text-sm leading-relaxed\">\u0642\u0646\u0627\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u060c \u0627\u0644\u0645\u0644\u0641\u0627\u062a\u060c \u0627\u0644\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062f\u0648\u0631\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature-item bg-white rounded-2xl p-7 border border-primary-100 shadow-sm hover:shadow-md transition-all duration-300 flex items-start gap-5\">\r\n <div class=\"w-14 h-14 rounded-2xl bg-gradient-to-br from-accent-500 to-accent-600 flex items-center justify-center flex-shrink-0 shadow-lg shadow-accent-500\/25\">\r\n <svg class=\"w-7 h-7 text-white\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-primary-800 font-bold text-lg mb-1\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0633\u062a\u0645\u0631\u0629<\/h3>\r\n <p class=\"text-primary-600 text-sm leading-relaxed\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0644\u0645\u062f\u0629 \u0634\u0647\u0631\u064a\u0646 \u0628\u0639\u062f \u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u062f\u0648\u0631\u0629 \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0637\u0648\u0631 \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0646 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\u064a.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"landing-section px-6 flow-soft\">\r\n <div class=\"max-w-5xl mx-auto\">\r\n <div class=\"text-center mb-14\">\r\n <div class=\"section-badge bg-accent-50 text-accent-700 font-bold text-sm px-5 py-2 rounded-full mb-4 mx-auto\">\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062c\u0639\u0644 \u0627\u0644\u0645\u0633\u0627\u0631 \u0639\u0645\u0644\u064a\u064b\u0627<\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-primary-800 mt-4\">\u0645\u0646 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0625\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0637\u0628\u064a\u0642<\/h2>\r\n <div class=\"h-1 w-16 mx-auto mt-4 rounded-full bg-gradient-to-r from-primary-400 to-accent-400\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n <div class=\"card-feature bg-white rounded-2xl p-7 text-center border border-primary-100\">\r\n <div class=\"icon-wrap w-16 h-16 mx-auto mb-5 rounded-2xl bg-primary-50 flex items-center justify-center\">\r\n <svg class=\"w-8 h-8 text-primary-600\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"text-primary-800 font-bold text-base mb-2\">\u062a\u0637\u0628\u064a\u0642 \u0639\u0645\u0644\u064a<\/h3>\r\n <p class=\"text-primary-500 text-sm leading-relaxed\">\u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u0637\u0628\u064a\u0642\u064a\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0648\u0631\u0629<\/p>\r\n <\/div>\r\n\r\n <div class=\"card-feature bg-white rounded-2xl p-7 text-center border border-primary-100\">\r\n <div class=\"icon-wrap w-16 h-16 mx-auto mb-5 rounded-2xl bg-accent-50 flex items-center justify-center\">\r\n <svg class=\"w-8 h-8 text-accent-600\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"text-primary-800 font-bold text-base mb-2\">\u0634\u0647\u0627\u062f\u0629 \u0625\u062a\u0645\u0627\u0645<\/h3>\r\n <p class=\"text-primary-500 text-sm leading-relaxed\">\u0634\u0647\u0627\u062f\u0629 \u0625\u062a\u0645\u0627\u0645 \u0644\u0644\u062f\u0648\u0631\u0629 \u064a\u0645\u0643\u0646 \u0625\u0636\u0627\u0641\u062a\u0647\u0627 \u0625\u0644\u0649 \u0645\u0644\u0641\u0643 \u0627\u0644\u0645\u0647\u0646\u064a \u0628\u0639\u062f \u0627\u0633\u062a\u0643\u0645\u0627\u0644 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card-feature bg-white rounded-2xl p-7 text-center border border-primary-100\">\r\n <div class=\"icon-wrap w-16 h-16 mx-auto mb-5 rounded-2xl bg-primary-50 flex items-center justify-center\">\r\n <svg class=\"w-8 h-8 text-primary-600\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"text-primary-800 font-bold text-base mb-2\">\u0645\u0631\u0648\u0646\u0629 \u0627\u0644\u0648\u0642\u062a<\/h3>\r\n <p class=\"text-primary-500 text-sm leading-relaxed\">\u062a\u0646\u0638\u064a\u0645 \u0645\u0631\u0646 \u0644\u0644\u062a\u0639\u0644\u0651\u0645 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0628\u0645\u0627 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u062c\u062f\u0648\u0644\u0643 \u0648\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a\u0643.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card-feature bg-white rounded-2xl p-7 text-center border border-primary-100\">\r\n <div class=\"icon-wrap w-16 h-16 mx-auto mb-5 rounded-2xl bg-accent-50 flex items-center justify-center\">\r\n <svg class=\"w-8 h-8 text-accent-600\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"text-primary-800 font-bold text-base mb-2\">\u062a\u0641\u0627\u0639\u0644 \u0645\u0628\u0627\u0634\u0631<\/h3>\r\n <p class=\"text-primary-500 text-sm leading-relaxed\">\u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u062a\u0641\u0627\u0639\u0644 \u0648\u0637\u0631\u062d \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0648\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0623\u062b\u0646\u0627\u0621 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u0639\u0644\u0645 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"register\" class=\"landing-section px-6 flow-tint\">\r\n <div class=\"max-w-4xl mx-auto\">\r\n <div class=\"relative bg-gradient-to-br from-primary-800 to-primary-900 rounded-3xl overflow-hidden p-12 md:p-16 text-center\">\r\n <div class=\"absolute top-0 left-0 w-40 h-40 bg-accent-500\/10 rounded-full blur-3xl\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-32 h-32 bg-primary-400\/10 rounded-full blur-3xl\"><\/div>\r\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-96 h-96 bg-accent-500\/5 rounded-full blur-3xl\"><\/div>\r\n\r\n <div class=\"relative z-10\">\r\n <div class=\"inline-flex items-center gap-2 bg-primary-700\/50 rounded-full px-5 py-2 mb-8 border border-primary-500\/30\">\r\n <span class=\"w-2 h-2 bg-accent-400 rounded-full animate-pulse\"><\/span>\r\n <span class=\"text-accent-200 text-sm font-semibold\">\u0627\u0644\u0645\u0642\u0627\u0639\u062f \u0645\u062d\u062f\u0648\u062f\u0629<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-extrabold text-white leading-tight mb-4\">\r\n \u062c\u0627\u0647\u0632 \u062a\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643 \u0641\u064a\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-l from-primary-200 to-accent-300\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645\u061f<\/span>\r\n <\/h2>\r\n <p class=\"text-primary-100 text-lg mb-10 max-w-xl mx-auto font-medium\">\r\n \u0639\u0628\u0651\u0626 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0633\u062c\u064a\u0644\u060c \u0648\u0633\u064a\u062a\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0628\u0639\u062f \u0645\u0631\u0627\u062c\u0639\u0629 \u0628\u064a\u0627\u0646\u0627\u062a\u0643\r\n <\/p>\r\n\r\n <button type=\"button\" data-open-registration class=\"cta-pulse inline-flex items-center gap-4 bg-gradient-to-l from-accent-500 to-accent-600 hover:from-accent-400 hover:to-accent-500 text-white text-xl font-bold px-12 py-5 rounded-2xl transition-all duration-300 hover:shadow-2xl hover:shadow-accent-500\/30 hover:scale-105\">\r\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4M12 3l7 4v5c0 4.97-3 7.89-7 9-4-1.11-7-4.03-7-9V7l7-4z\"\/>\r\n <\/svg>\r\n \u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div id=\"registrationModal\" class=\"modal-backdrop\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"registrationTitle\" aria-hidden=\"true\">\r\n <div class=\"registration-modal\">\r\n <div class=\"modal-header\">\r\n <button type=\"button\" class=\"modal-close\" data-close-registration aria-label=\"\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0646\u0645\u0648\u0630\u062c\">\u00d7<\/button>\r\n <div class=\"relative z-10 pr-1 pl-12\">\r\n <div class=\"inline-flex items-center gap-2 bg-white\/10 border border-white\/15 rounded-full px-4 py-2 mb-4\">\r\n <span class=\"w-2 h-2 rounded-full bg-accent-400\"><\/span>\r\n <span class=\"text-sm font-bold text-primary-50\">\u0637\u0644\u0628 \u0627\u0644\u0627\u0644\u062a\u062d\u0627\u0642 \u0628\u0627\u0644\u062f\u0648\u0631\u0629<\/span>\r\n <\/div>\r\n <h2 id=\"registrationTitle\" class=\"text-2xl md:text-3xl font-extrabold mb-2\">\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0641\u064a \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a<\/h2>\r\n <p class=\"text-primary-100 text-sm md:text-base leading-7\">\u0623\u062f\u062e\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0628\u062f\u0642\u0629. \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u0639\u0644\u0651\u0645\u0629 \u0628\u0639\u0644\u0627\u0645\u0629 <span class=\"text-accent-300 font-bold\">*<\/span> \u0645\u0637\u0644\u0648\u0628\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <form id=\"registrationForm\" class=\"form-body\" action=\"https:\/\/formsubmit.co\/ajax\/tr@abdulazizalsari.net\" method=\"POST\" enctype=\"multipart\/form-data\" accept-charset=\"UTF-8\">\r\n \r\n <input type=\"hidden\" name=\"_subject\" value=\"\u0637\u0644\u0628 \u062a\u0633\u062c\u064a\u0644 \u062c\u062f\u064a\u062f - \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\" tabindex=\"-1\" autocomplete=\"off\">\r\n\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"fullName\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 <span class=\"required-star\">*<\/span><\/label>\r\n <input class=\"form-control\" id=\"fullName\" name=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\" type=\"text\" required minlength=\"3\" autocomplete=\"name\" placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u064a\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"required-star\">*<\/span><\/label>\r\n <input class=\"form-control\" id=\"email\" name=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" type=\"email\" required autocomplete=\"email\" dir=\"ltr\" placeholder=\"name@example.com\">\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <label class=\"form-label\" for=\"whatsapp\">\u0631\u0642\u0645 \u0648\u0627\u062a\u0633\u0627\u0628 \u0645\u0639 \u0631\u0645\u0632 \u0627\u0644\u062f\u0648\u0644\u0629 <span class=\"required-star\">*<\/span><\/label>\r\n <div class=\"phone-grid\">\r\n <select class=\"form-control\" id=\"countryCode\" name=\"\u0631\u0645\u0632 \u0627\u0644\u062f\u0648\u0644\u0629\" required aria-label=\"\u0631\u0645\u0632 \u0627\u0644\u062f\u0648\u0644\u0629\">\r\n <option value=\"\">\u0627\u0644\u0631\u0645\u0632<\/option>\r\n <option value=\"+90\">+90 \u062a\u0631\u0643\u064a\u0627<\/option>\r\n <option value=\"+963\">+963 \u0633\u0648\u0631\u064a\u0627<\/option>\r\n <option value=\"+966\">+966 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/option>\r\n <option value=\"+971\">+971 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a<\/option>\r\n <option value=\"+974\">+974 \u0642\u0637\u0631<\/option>\r\n <option value=\"+965\">+965 \u0627\u0644\u0643\u0648\u064a\u062a<\/option>\r\n <option value=\"+973\">+973 \u0627\u0644\u0628\u062d\u0631\u064a\u0646<\/option>\r\n <option value=\"+968\">+968 \u0639\u064f\u0645\u0627\u0646<\/option>\r\n <option value=\"+962\">+962 \u0627\u0644\u0623\u0631\u062f\u0646<\/option>\r\n <option value=\"+964\">+964 \u0627\u0644\u0639\u0631\u0627\u0642<\/option>\r\n <option value=\"+961\">+961 \u0644\u0628\u0646\u0627\u0646<\/option>\r\n <option value=\"+970\">+970 \u0641\u0644\u0633\u0637\u064a\u0646<\/option>\r\n <option value=\"+20\">+20 \u0645\u0635\u0631<\/option>\r\n <option value=\"+218\">+218 \u0644\u064a\u0628\u064a\u0627<\/option>\r\n <option value=\"+216\">+216 \u062a\u0648\u0646\u0633<\/option>\r\n <option value=\"+213\">+213 \u0627\u0644\u062c\u0632\u0627\u0626\u0631<\/option>\r\n <option value=\"+212\">+212 \u0627\u0644\u0645\u063a\u0631\u0628<\/option>\r\n <option value=\"+249\">+249 \u0627\u0644\u0633\u0648\u062f\u0627\u0646<\/option>\r\n <option value=\"+967\">+967 \u0627\u0644\u064a\u0645\u0646<\/option>\r\n <option value=\"+1\">+1 \u0623\u0645\u0631\u064a\u0643\u0627\/\u0643\u0646\u062f\u0627<\/option>\r\n <option value=\"+44\">+44 \u0628\u0631\u064a\u0637\u0627\u0646\u064a\u0627<\/option>\r\n <option value=\"+49\">+49 \u0623\u0644\u0645\u0627\u0646\u064a\u0627<\/option>\r\n <option value=\"+33\">+33 \u0641\u0631\u0646\u0633\u0627<\/option>\r\n <option value=\"+46\">+46 \u0627\u0644\u0633\u0648\u064a\u062f<\/option>\r\n <option value=\"+31\">+31 \u0647\u0648\u0644\u0646\u062f\u0627<\/option>\r\n <option value=\"+32\">+32 \u0628\u0644\u062c\u064a\u0643\u0627<\/option>\r\n <\/select>\r\n <input class=\"form-control\" id=\"whatsapp\" name=\"\u0631\u0642\u0645 \u0648\u0627\u062a\u0633\u0627\u0628\" type=\"tel\" required inputmode=\"tel\" autocomplete=\"tel-national\" pattern=\"[0-9\\s\\-]{6,15}\" placeholder=\"5XXXXXXXXX\">\r\n <\/div>\r\n <span class=\"form-help\">\u0627\u0643\u062a\u0628 \u0627\u0644\u0631\u0642\u0645 \u0628\u062f\u0648\u0646 \u0631\u0645\u0632 \u0627\u0644\u062f\u0648\u0644\u0629 \u0644\u0623\u0646\u0643 \u0627\u062e\u062a\u0631\u062a \u0627\u0644\u0631\u0645\u0632 \u0645\u0646 \u0627\u0644\u0642\u0627\u0626\u0645\u0629.<\/span>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"birthDate\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f <span class=\"required-star\">*<\/span><\/label>\r\n <input class=\"form-control\" id=\"birthDate\" name=\"\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f\" type=\"date\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"age\">\u0627\u0644\u0639\u0645\u0631<\/label>\r\n <input class=\"form-control\" id=\"age\" name=\"\u0627\u0644\u0639\u0645\u0631\" type=\"number\" readonly placeholder=\"\u064a\u064f\u062d\u0633\u0628 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"country\">\u0627\u0644\u062f\u0648\u0644\u0629 \/ \u0628\u0644\u062f \u0627\u0644\u0625\u0642\u0627\u0645\u0629 <span class=\"required-star\">*<\/span><\/label>\r\n <input class=\"form-control\" id=\"country\" name=\"\u0627\u0644\u062f\u0648\u0644\u0629 \/ \u0628\u0644\u062f \u0627\u0644\u0625\u0642\u0627\u0645\u0629\" type=\"text\" required autocomplete=\"country-name\" placeholder=\"\u0645\u062b\u0627\u0644: \u062a\u0631\u0643\u064a\u0627\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"education\">\u0627\u0644\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a <span class=\"required-star\">*<\/span><\/label>\r\n <select class=\"form-control\" id=\"education\" name=\"\u0627\u0644\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\" required>\r\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062f\u0631\u0627\u0633\u064a<\/option>\r\n <option>\u0628\u062f\u0648\u0646 \u062f\u0631\u0627\u0633\u0629 \u0646\u0638\u0627\u0645\u064a\u0629<\/option>\r\n <option>\u0627\u0628\u062a\u062f\u0627\u0626\u064a<\/option>\r\n <option>\u0625\u0639\u062f\u0627\u062f\u064a \/ \u0645\u062a\u0648\u0633\u0637<\/option>\r\n <option>\u062b\u0627\u0646\u0648\u064a<\/option>\r\n <option>\u0645\u0639\u0647\u062f \/ \u062f\u0628\u0644\u0648\u0645<\/option>\r\n <option>\u062c\u0627\u0645\u0639\u0629 - \u0628\u0643\u0627\u0644\u0648\u0631\u064a\u0648\u0633<\/option>\r\n <option>\u062f\u0631\u0627\u0633\u0627\u062a \u0639\u0644\u064a\u0627 - \u0645\u0627\u062c\u0633\u062a\u064a\u0631 \u0623\u0648 \u062f\u0643\u062a\u0648\u0631\u0627\u0647<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <label class=\"form-label\" for=\"currentWork\">\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0627\u0644\u064a <span class=\"required-star\">*<\/span><\/label>\r\n <input class=\"form-control\" id=\"currentWork\" name=\"\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0627\u0644\u064a\" type=\"text\" required placeholder=\"\u0645\u062b\u0627\u0644: \u0637\u0627\u0644\u0628\u060c \u0645\u0648\u0638\u0641\u060c \u0635\u0627\u062d\u0628 \u0645\u0634\u0631\u0648\u0639\u060c \u0645\u0633\u062a\u0642\u0644...\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"experience\">\u0645\u0633\u062a\u0648\u0627\u0643 \u0627\u0644\u062d\u0627\u0644\u064a \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 <span class=\"required-star\">*<\/span><\/label>\r\n <select class=\"form-control\" id=\"experience\" name=\"\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645\" required>\r\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0633\u062a\u0648\u0649<\/option>\r\n <option>\u0644\u0627 \u0623\u0645\u0644\u0643 \u0623\u064a \u062e\u0628\u0631\u0629<\/option>\r\n <option>\u0645\u0628\u062a\u062f\u0626<\/option>\r\n <option>\u0645\u062a\u0648\u0633\u0637<\/option>\r\n <option>\u0645\u062a\u0642\u062f\u0645<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"device\">\u0647\u0644 \u0644\u062f\u064a\u0643 \u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u062a\u062f\u0631\u064a\u0628\u061f <span class=\"required-star\">*<\/span><\/label>\r\n <select class=\"form-control\" id=\"device\" name=\"\u062a\u0648\u0641\u0631 \u062c\u0647\u0627\u0632 \u0643\u0645\u0628\u064a\u0648\u062a\u0631\" required>\r\n <option value=\"\">\u0627\u062e\u062a\u0631<\/option>\r\n <option>\u0646\u0639\u0645<\/option>\r\n <option>\u0644\u0627<\/option>\r\n <option>\u0633\u0623\u0648\u0641\u0631 \u062c\u0647\u0627\u0632\u064b\u0627 \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u062f\u0648\u0631\u0629<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <label class=\"form-label\" for=\"goal\">\u0645\u0627 \u0647\u062f\u0641\u0643 \u0645\u0646 \u0627\u0644\u0627\u0644\u062a\u062d\u0627\u0642 \u0628\u0627\u0644\u062f\u0648\u0631\u0629\u061f <span class=\"required-star\">*<\/span><\/label>\r\n <textarea class=\"form-control\" id=\"goal\" name=\"\u0627\u0644\u0647\u062f\u0641 \u0645\u0646 \u0627\u0644\u062f\u0648\u0631\u0629\" required minlength=\"10\" placeholder=\"\u0645\u062b\u0627\u0644: \u062a\u0639\u0644\u0645 \u0645\u0647\u0627\u0631\u0629 \u0644\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0631\u060c \u062a\u0637\u0648\u064a\u0631 \u0639\u0645\u0644\u064a \u0627\u0644\u062d\u0627\u0644\u064a\u060c \u0628\u062f\u0621 \u0645\u0634\u0631\u0648\u0639...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <label class=\"form-label\" for=\"attachment\">\u0625\u0631\u0641\u0627\u0642 \u0645\u0644\u0641 \u0623\u0648 \u0646\u0645\u0627\u0630\u062c \u0623\u0639\u0645\u0627\u0644 <span class=\"text-primary-400 font-semibold\">(\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/span><\/label>\r\n <input class=\"form-control\" id=\"attachment\" name=\"attachment\" type=\"file\" accept=\".pdf,.doc,.docx,.jpg,.jpeg,.png\">\r\n <span class=\"form-help\">\u064a\u0645\u0643\u0646 \u0625\u0631\u0641\u0627\u0642 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0623\u0648 \u0646\u0645\u0627\u0630\u062c \u0645\u0646 \u0623\u0639\u0645\u0627\u0644\u0643 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0625\u0646 \u0648\u062c\u062f\u062a.<\/span>\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <label class=\"consent-box\">\r\n <input type=\"checkbox\" name=\"\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u0635\u0644\" value=\"\u0646\u0639\u0645\" required>\r\n <span class=\"text-sm text-primary-700 leading-7\">\u0623\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u064a\u0627\u0646\u0627\u062a\u064a \u0644\u063a\u0631\u0636 \u062f\u0631\u0627\u0633\u0629 \u0637\u0644\u0628 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u064a \u0628\u062e\u0635\u0648\u0635 \u0627\u0644\u062f\u0648\u0631\u0629 \u0641\u0642\u0637.<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <button id=\"registrationSubmitBtn\" class=\"submit-btn\" type=\"submit\">\u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/button>\r\n <div id=\"registrationError\" class=\"form-error-message\" role=\"alert\">\u062a\u0639\u0630\u0631 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628 \u0627\u0644\u0622\u0646. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.<\/div>\r\n <div class=\"secure-note\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-7a2 2 0 00-2-2h-1V7a5 5 0 00-10 0v3H6a2 2 0 00-2 2v7a2 2 0 002 2z\"\/><\/svg>\r\n \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u062a\u064f\u0631\u0633\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0625\u0644\u0649 \u0628\u0631\u064a\u062f \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062f\u0648\u0631\u0629.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/form>\r\n\r\n <div id=\"registrationSuccess\" class=\"form-submit-state\" role=\"status\" aria-live=\"polite\">\r\n <div class=\"success-icon\" aria-hidden=\"true\">\r\n <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12.5l4.2 4.2L19 7\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"success-title\">\u0627\u0643\u062a\u0645\u0644\u062a \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/h3>\r\n <p class=\"success-message\">\u0633\u0648\u0641 \u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0634\u0631\u0641 \u0628\u0645\u0631\u0627\u062c\u0639\u0629 \u0637\u0644\u0628\u0643\u0645 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645.<\/p>\r\n <button type=\"button\" class=\"success-close-btn\" data-close-registration>\u0625\u063a\u0644\u0627\u0642<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ \u0641\u062a\u062d \u0648\u0625\u063a\u0644\u0627\u0642 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0633\u062c\u064a\u0644\r\n const modal = document.getElementById('registrationModal');\r\n const openButtons = document.querySelectorAll('[data-open-registration]');\r\n const closeButtons = document.querySelectorAll('[data-close-registration]');\r\n const firstInput = document.getElementById('fullName');\r\n\r\n function openRegistration() {\r\n modal.classList.add('is-open');\r\n modal.setAttribute('aria-hidden', 'false');\r\n document.body.classList.add('modal-open');\r\n setTimeout(() => firstInput && firstInput.focus(), 120);\r\n }\r\n\r\n function closeRegistration() {\r\n modal.classList.remove('is-open');\r\n modal.setAttribute('aria-hidden', 'true');\r\n document.body.classList.remove('modal-open');\r\n\r\n setTimeout(() => {\r\n const form = document.getElementById('registrationForm');\r\n const success = document.getElementById('registrationSuccess');\r\n if (form && success && success.classList.contains('is-visible')) {\r\n form.reset();\r\n document.getElementById('age').value = '';\r\n form.style.display = '';\r\n success.classList.remove('is-visible');\r\n }\r\n }, 250);\r\n }\r\n\r\n openButtons.forEach(btn => btn.addEventListener('click', openRegistration));\r\n closeButtons.forEach(btn => btn.addEventListener('click', closeRegistration));\r\n\r\n modal.addEventListener('click', (e) => {\r\n if (e.target === modal) closeRegistration();\r\n });\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && modal.classList.contains('is-open')) closeRegistration();\r\n });\r\n\r\n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0645\u0646 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f\r\n const birthDate = document.getElementById('birthDate');\r\n const ageInput = document.getElementById('age');\r\n\r\n birthDate.addEventListener('change', () => {\r\n if (!birthDate.value) {\r\n ageInput.value = '';\r\n return;\r\n }\r\n\r\n const today = new Date();\r\n const birth = new Date(birthDate.value + 'T00:00:00');\r\n let age = today.getFullYear() - birth.getFullYear();\r\n const monthDiff = today.getMonth() - birth.getMonth();\r\n\r\n if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birth.getDate())) age--;\r\n\r\n if (age < 10 || age > 100) {\r\n ageInput.value = '';\r\n birthDate.setCustomValidity('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u062a\u0627\u0631\u064a\u062e \u0645\u064a\u0644\u0627\u062f \u0635\u062d\u064a\u062d.');\r\n } else {\r\n ageInput.value = age;\r\n birthDate.setCustomValidity('');\r\n }\r\n });\r\n\r\n\r\n \/\/ \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0628\u062f\u0648\u0646 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0632\u0627\u0626\u0631 \u0625\u0644\u0649 \u0635\u0641\u062d\u0629 FormSubmit\r\n const registrationForm = document.getElementById('registrationForm');\r\n const registrationSubmitBtn = document.getElementById('registrationSubmitBtn');\r\n const registrationError = document.getElementById('registrationError');\r\n const registrationSuccess = document.getElementById('registrationSuccess');\r\n\r\n registrationForm.addEventListener('submit', async (event) => {\r\n event.preventDefault();\r\n\r\n if (!registrationForm.checkValidity()) {\r\n registrationForm.reportValidity();\r\n return;\r\n }\r\n\r\n registrationError.classList.remove('is-visible');\r\n const originalButtonText = registrationSubmitBtn.textContent;\r\n registrationSubmitBtn.disabled = true;\r\n registrationSubmitBtn.textContent = '\u062c\u0627\u0631\u064a \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628...';\r\n\r\n try {\r\n const formData = new FormData(registrationForm);\r\n const response = await fetch('https:\/\/formsubmit.co\/ajax\/tr@abdulazizalsari.net', {\r\n method: 'POST',\r\n headers: { 'Accept': 'application\/json' },\r\n body: formData\r\n });\r\n\r\n let result = null;\r\n try { result = await response.json(); } catch (_) {}\r\n\r\n if (!response.ok || (result && result.success === false)) {\r\n throw new Error('Submission failed');\r\n }\r\n\r\n registrationForm.style.display = 'none';\r\n registrationSuccess.classList.add('is-visible');\r\n } catch (error) {\r\n registrationError.classList.add('is-visible');\r\n registrationSubmitBtn.disabled = false;\r\n registrationSubmitBtn.textContent = originalButtonText;\r\n }\r\n });\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a \u062a\u0633\u062c\u064a\u0644 \u0645\u0641\u062a\u0648\u062d \u0627\u0644\u0622\u0646 \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a \u0623\u0643\u0627\u062f\u064a\u0645\u064a \u0648\u062a\u0637\u0628\u064a\u0642\u064a \u064a\u0646\u0642\u0644\u0643 \u0645\u0646 \u0641\u0647\u0645 \u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0628\u0635\u0631\u064a \u0625\u0644\u0649 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-1708","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/pages\/1708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/comments?post=1708"}],"version-history":[{"count":283,"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/pages\/1708\/revisions"}],"predecessor-version":[{"id":4155,"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/pages\/1708\/revisions\/4155"}],"wp:attachment":[{"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/media?parent=1708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a<\/title>\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=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: { ibm: ['IBM Plex Sans Arabic', 'sans-serif'] },\r\n colors: {\r\n primary: {\r\n 50: '#e6f0f1', 100: '#cce2e3', 200: '#99c5c7', 300: '#66a8ab',\r\n 400: '#337a80', 500: '#003840', 600: '#00323a', 700: '#002a31', 800: '#002229', 900: '#00191e'\r\n },\r\n accent: {\r\n 50: '#fff0ea', 100: '#fee0d2', 200: '#fdc0a6', 300: '#fca17a',\r\n 400: '#fa7e47', 500: '#f85b18', 600: '#e94c0d', 700: '#c83e0b', 800: '#a4310b', 900: '#7d260a'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n * { margin:0; padding:0; box-sizing:border-box; }\r\n html { scroll-behavior:smooth; }\r\n body { font-family:'IBM Plex Sans Arabic',sans-serif; background:#ffffff; overflow-x:hidden; color:#003840; }\r\n section { position:relative; }\r\n \r\n @keyframes fadeUp { from { opacity:0; transform:translateY(40px); } to { opacity:1; transform:translateY(0); } }\r\n @keyframes scaleIn { from { opacity:0; transform:scale(0.9); } to { opacity:1; transform:scale(1); } }\r\n @keyframes pulseGlow { 0%,100% { box-shadow:0 0 0 0 rgba(248,91,24,0.4); } 50% { box-shadow:0 0 0 12px rgba(248,91,24,0); } }\r\n @keyframes float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }\r\n\r\n .anim-fade-up { animation: fadeUp 0.8s ease-out both; }\r\n .anim-scale { animation: scaleIn 0.6s ease-out both; }\r\n .anim-float { animation: float 3s ease-in-out infinite; }\r\n .delay-1 { animation-delay: 0.1s; }\r\n .delay-2 { animation-delay: 0.2s; }\r\n .delay-3 { animation-delay: 0.3s; }\r\n .delay-4 { animation-delay: 0.4s; }\r\n\r\n .hero-gradient {\r\n background: linear-gradient(135deg, #00191e 0%, #002a31 45%, #003840 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .hero-gradient::before {\r\n content:''; position:absolute; top:-40%; right:-25%; width:700px; height:700px;\r\n background: radial-gradient(circle, rgba(0,56,64,0.4) 0%, transparent 70%); border-radius:50%;\r\n }\r\n .hero-gradient::after {\r\n content:''; position:absolute; bottom:-35%; left:-15%; width:500px; height:500px;\r\n background: radial-gradient(circle, rgba(248,91,24,0.15) 0%, transparent 70%); border-radius:50%;\r\n }\r\n\r\n .card-feature { transition: all 0.35s cubic-bezier(0.4,0,0.2,1); position: relative; overflow: hidden; }\r\n .card-feature::before {\r\n content:''; position:absolute; top:0; left:0; right:0; height:3px;\r\n background: linear-gradient(90deg, #003840, #f85b18); transform:scaleX(0);\r\n transform-origin: right; transition: transform 0.4s ease;\r\n }\r\n .card-feature:hover::before { transform:scaleX(1); transform-origin: left; }\r\n .card-feature:hover { transform:translateY(-6px); box-shadow: 0 20px 40px rgba(0,56,64,0.12); }\r\n\r\n .topic-item { transition: all 0.3s ease; position: relative; }\r\n .topic-item:hover { padding-right: 12px; background: rgba(0,56,64,0.04); }\r\n .topic-item::after { content:''; position:absolute; bottom:0; right:0; left:0; height:1px; background: linear-gradient(90deg, transparent, #cde5e8, transparent); }\r\n .topic-item:last-child::after { display:none; }\r\n\r\n .feature-item { transition: all 0.3s ease; }\r\n .feature-item:hover { padding-right: 10px; }\r\n\r\n .cta-pulse { animation: pulseGlow 2s ease-in-out infinite; }\r\n .icon-wrap { transition: transform 0.3s ease; }\r\n .card-feature:hover .icon-wrap { transform: scale(1.08); }\r\n\r\n .section-badge { position: relative; display: inline-flex; align-items: center; gap: 8px; }\r\n .section-badge::before { content:''; width:24px; height:2px; background: linear-gradient(90deg, #003e46, transparent); border-radius:1px; }\r\n .section-badge::after { content:''; width:24px; height:2px; background: linear-gradient(270deg, #ff5a19, transparent); border-radius:1px; }\r\n\r\n \/* \u0625\u0628\u0642\u0627\u0621 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0638\u0627\u0647\u0631\u064b\u0627 \u062f\u0627\u0626\u0645\u0627\u064b \u062f\u0627\u062e\u0644 Elementor \u0648\u0627\u0644\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 *\/\r\n .scroll-trigger { opacity: 1 !important; transform: none !important; transition: none; }\r\n .scroll-trigger.visible { opacity: 1 !important; transform: none !important; }\r\n \/* Elementor-safe: never hide landing-page content while editing or loading *\/\r\n #topics, #register, .landing-section, .landing-section > div {\r\n opacity: 1 !important; visibility: visible !important; transform: none !important;\r\n }\r\n\r\n \/* Landing page flow *\/\r\n .landing-section {\r\n padding-top: clamp(54px, 6vw, 88px);\r\n padding-bottom: clamp(64px, 7vw, 100px);\r\n }\r\n .landing-section::before {\r\n content:''; position:absolute; top:0; left:50%; transform:translateX(-50%);\r\n width:min(82%,980px); height:1px;\r\n background:linear-gradient(90deg,transparent,rgba(0,56,64,.10),rgba(248,91,24,.16),transparent);\r\n }\r\n .flow-soft { background:linear-gradient(180deg,#f4f9f8 0%,#ffffff 42%,#f7fbfa 100%); }\r\n .flow-tint { background:linear-gradient(180deg,#f7fbfa 0%,#eef7f6 52%,#f8fbfa 100%); }\r\n .hero-wave {\r\n position:absolute; bottom:-1px; left:0; right:0; height:88px; z-index:3; pointer-events:none;\r\n background:#f4f9f8; clip-path:polygon(0 70%,9% 61%,19% 66%,30% 50%,42% 58%,54% 41%,67% 49%,79% 33%,90% 42%,100% 25%,100% 100%,0 100%);\r\n }\r\n .scroll-cue {\r\n position:absolute; bottom:32px; left:50%; transform:translateX(-50%); z-index:5;\r\n width:38px; height:58px; border:1px solid rgba(255,255,255,.28); border-radius:22px;\r\n display:flex; align-items:flex-start; justify-content:center; padding-top:10px;\r\n opacity:.8;\r\n }\r\n .scroll-cue::after {\r\n content:''; width:5px; height:10px; border-radius:5px; background:#f85b18;\r\n animation:scrollDot 1.8s ease-in-out infinite;\r\n }\r\n @keyframes scrollDot { 0%{transform:translateY(0);opacity:.2} 35%{opacity:1} 100%{transform:translateY(24px);opacity:0} }\r\n .hero-inner { padding-bottom:70px; }\r\n .single-cta { min-width:220px; justify-content:center; }\r\n @media (max-width: 640px){\r\n .hero-wave{height:58px;}\r\n .scroll-cue{display:none;}\r\n .hero-inner{padding-bottom:34px;}\r\n }\r\n \r\n\r\n \/* Academic content system *\/\r\n .academic-kicker {\r\n display:inline-flex; align-items:center; gap:10px; padding:8px 14px; border-radius:999px;\r\n background:rgba(248,91,24,.08); color:#c83e0b; font-weight:800; font-size:13px;\r\n border:1px solid rgba(248,91,24,.14);\r\n }\r\n .academic-card {\r\n background:rgba(255,255,255,.94); border:1px solid rgba(0,56,64,.10); border-radius:22px;\r\n padding:24px; box-shadow:0 10px 34px rgba(0,56,64,.055); transition:.28s ease;\r\n }\r\n .academic-card:hover { transform:translateY(-4px); box-shadow:0 18px 42px rgba(0,56,64,.10); }\r\n .module-number {\r\n width:48px; height:48px; border-radius:15px; display:flex; align-items:center; justify-content:center;\r\n flex:0 0 auto; font-weight:800; color:#fff;\r\n background:linear-gradient(145deg,#003840,#00505b 58%,#f85b18 160%);\r\n box-shadow:0 8px 22px rgba(0,56,64,.18);\r\n }\r\n .module-list { margin-top:14px; display:grid; gap:9px; }\r\n .module-list li { position:relative; padding-right:20px; color:#456b70; font-size:14px; line-height:1.85; }\r\n .module-list li::before {\r\n content:''; position:absolute; right:0; top:.78em; width:7px; height:7px; border-radius:50%;\r\n background:#f85b18; box-shadow:0 0 0 4px rgba(248,91,24,.09);\r\n }\r\n .outcome-item {\r\n display:flex; align-items:flex-start; gap:14px; padding:18px; border-radius:18px;\r\n background:#fff; border:1px solid rgba(0,56,64,.09);\r\n }\r\n .outcome-check {\r\n width:34px; height:34px; border-radius:12px; flex:0 0 auto; display:flex; align-items:center; justify-content:center;\r\n background:#e9f4f3; color:#003840; font-weight:900;\r\n }\r\n .method-step { position:relative; padding:22px; border-radius:20px; background:#fff; border:1px solid rgba(0,56,64,.09); }\r\n .method-step::after {\r\n content:''; position:absolute; left:-18px; top:50%; width:36px; height:1px;\r\n background:linear-gradient(90deg,rgba(248,91,24,.45),rgba(0,56,64,.08));\r\n }\r\n .method-step:last-child::after { display:none; }\r\n .project-card {\r\n border-radius:22px; padding:24px; background:linear-gradient(160deg,#ffffff 0%,#f6fbfa 100%);\r\n border:1px solid rgba(0,56,64,.10); min-height:100%;\r\n }\r\n .audience-pill {\r\n display:flex; gap:12px; align-items:flex-start; background:#fff; border:1px solid rgba(0,56,64,.09);\r\n padding:16px 18px; border-radius:16px;\r\n }\r\n .mini-dot { width:9px; height:9px; margin-top:8px; border-radius:50%; background:#f85b18; flex:0 0 auto; }\r\n .section-lead { max-width:760px; margin:14px auto 0; color:#55777b; line-height:2; font-size:16px; }\r\n @media (max-width: 900px){ .method-step::after{display:none;} }\r\n\r\n \/* Registration modal *\/\r\n .modal-backdrop {\r\n position: fixed; inset: 0; z-index: 9999; display: none;\r\n align-items: center; justify-content: center; padding: 18px;\r\n background: rgba(0, 25, 30, 0.72); backdrop-filter: blur(7px);\r\n }\r\n .modal-backdrop.is-open { display: flex; }\r\n .registration-modal {\r\n width: min(980px, 100%); max-height: 94vh; overflow-y: auto;\r\n background: #fff; border-radius: 28px; position: relative;\r\n box-shadow: 0 30px 90px rgba(0, 25, 30, 0.32);\r\n border: 1px solid rgba(0,56,64,.10);\r\n }\r\n .modal-header {\r\n background: linear-gradient(135deg, #00191e 0%, #003840 72%, #004c57 100%);\r\n color: #fff; padding: 30px 30px 28px; position: relative; overflow: hidden;\r\n border-radius: 28px 28px 0 0;\r\n }\r\n .modal-header::after {\r\n content: \"\"; position: absolute; width: 220px; height: 220px; left: -70px; bottom: -120px;\r\n border-radius: 999px; background: radial-gradient(circle, rgba(248,91,24,.28), transparent 68%);\r\n }\r\n .modal-close {\r\n position: absolute; top: 18px; left: 18px; width: 42px; height: 42px;\r\n border-radius: 12px; border: 1px solid rgba(255,255,255,.18);\r\n background: rgba(255,255,255,.10); color: #fff; font-size: 25px; line-height: 1;\r\n cursor: pointer; transition: .2s ease; z-index: 2;\r\n }\r\n .modal-close:hover { background: rgba(248,91,24,.95); transform: rotate(4deg); }\r\n .form-body { padding: 30px; }\r\n .form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }\r\n .form-group { display: flex; flex-direction: column; gap: 8px; }\r\n .form-group.full { grid-column: 1 \/ -1; }\r\n .form-label { font-size: 14px; font-weight: 800; color: #003840; }\r\n .required-star { color: #f85b18; }\r\n .form-control {\r\n width: 100%; min-height: 50px; border: 1px solid #cce2e3; border-radius: 14px;\r\n background: #fbfdfd; padding: 12px 14px; color: #002a31; outline: none;\r\n transition: border-color .2s, box-shadow .2s, background .2s;\r\n }\r\n .form-control:focus {\r\n border-color: #f85b18; background: #fff;\r\n box-shadow: 0 0 0 4px rgba(248,91,24,.10);\r\n }\r\n textarea.form-control { min-height: 108px; resize: vertical; }\r\n .phone-grid { display: grid; grid-template-columns: 130px 1fr; gap: 10px; direction: ltr; }\r\n .phone-grid .form-control { direction: ltr; text-align: left; }\r\n .form-help { font-size: 12px; color: #55777b; line-height: 1.7; }\r\n .consent-box {\r\n display:flex; gap:10px; align-items:flex-start; background:#f6faf9;\r\n border:1px solid #dcebea; padding:14px 16px; border-radius:14px;\r\n }\r\n .consent-box input { margin-top: 5px; accent-color: #f85b18; }\r\n .submit-btn {\r\n width:100%; min-height:56px; border:0; border-radius:16px; cursor:pointer;\r\n background: linear-gradient(90deg,#f85b18,#e94c0d); color:#fff;\r\n font-size:18px; font-weight:800; box-shadow:0 12px 30px rgba(248,91,24,.22);\r\n transition:.25s ease;\r\n }\r\n .submit-btn:hover { transform: translateY(-2px); box-shadow:0 16px 36px rgba(248,91,24,.30); }\r\n .secure-note {\r\n display:flex; align-items:center; justify-content:center; gap:8px; margin-top:12px;\r\n color:#55777b; font-size:12px;\r\n }\r\n body.modal-open { overflow: hidden; }\r\n @media (max-width: 720px) {\r\n .registration-modal { border-radius: 22px; max-height: 96vh; }\r\n .modal-header { padding: 26px 20px 22px; border-radius:22px 22px 0 0; }\r\n .form-body { padding: 22px 18px 24px; }\r\n .form-grid { grid-template-columns: 1fr; gap: 15px; }\r\n .form-group.full { grid-column: auto; }\r\n .phone-grid { grid-template-columns: 110px 1fr; }\r\n }\r\n\r\n \r\n\r\n \/* \u062d\u0627\u0644\u0629 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0628\u062f\u0648\u0646 \u0645\u063a\u0627\u062f\u0631\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 *\/\r\n .form-submit-state {\r\n display: none;\r\n padding: 42px 28px 46px;\r\n text-align: center;\r\n background: linear-gradient(180deg, #ffffff 0%, #f8fbfb 100%);\r\n }\r\n .form-submit-state.is-visible { display: block; }\r\n .success-icon {\r\n width: 78px;\r\n height: 78px;\r\n margin: 0 auto 20px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(0,56,64,.08);\r\n border: 1px solid rgba(0,56,64,.14);\r\n color: #003840;\r\n box-shadow: 0 12px 34px rgba(0,56,64,.10);\r\n }\r\n .success-title {\r\n color: #003840;\r\n font-size: clamp(24px, 3vw, 34px);\r\n font-weight: 800;\r\n margin-bottom: 12px;\r\n }\r\n .success-message {\r\n color: #34545a;\r\n font-size: 16px;\r\n line-height: 2;\r\n max-width: 560px;\r\n margin: 0 auto 24px;\r\n font-weight: 500;\r\n }\r\n .success-close-btn {\r\n border: 0;\r\n border-radius: 14px;\r\n padding: 13px 26px;\r\n font-family: inherit;\r\n font-weight: 800;\r\n font-size: 15px;\r\n cursor: pointer;\r\n color: #fff;\r\n background: linear-gradient(135deg, #003840 0%, #00515c 100%);\r\n transition: .25s ease;\r\n }\r\n .success-close-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0,56,64,.20); }\r\n .submit-btn[disabled] { opacity: .72; cursor: wait; transform: none !important; }\r\n .form-error-message {\r\n display: none;\r\n margin-top: 12px;\r\n padding: 11px 14px;\r\n border-radius: 12px;\r\n background: #fff3ef;\r\n border: 1px solid rgba(248,91,24,.20);\r\n color: #9d3912;\r\n font-size: 13px;\r\n line-height: 1.8;\r\n font-weight: 700;\r\n }\r\n .form-error-message.is-visible { display: block; }\r\n\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-ibm\">\r\n\r\n\r\n<section class=\"hero-gradient min-h-[88vh] flex items-center justify-center relative px-6 pt-20 pb-28\">\r\n <div class=\"absolute top-8 left-8 w-20 h-20 border border-primary-200\/20 rounded-full anim-float\"><\/div>\r\n <div class=\"absolute bottom-16 right-12 w-14 h-14 border border-primary-200\/20 rounded-full anim-float\" style=\"animation-delay:1.5s;\"><\/div>\r\n <div class=\"absolute top-1\/4 left-1\/4 w-2 h-2 bg-accent-400\/40 rounded-full anim-float\" style=\"animation-delay:0.5s;\"><\/div>\r\n <div class=\"absolute top-1\/3 right-1\/3 w-1.5 h-1.5 bg-accent-300\/30 rounded-full anim-float\" style=\"animation-delay:2s;\"><\/div>\r\n \r\n <div class=\"hero-inner max-w-3xl mx-auto text-center relative z-10\">\r\n <div class=\"anim-scale delay-1 inline-flex items-center gap-2 bg-primary-800\/40 backdrop-blur-sm rounded-full px-5 py-2 mb-8 border border-primary-600\/30\">\r\n <span class=\"w-2 h-2 bg-accent-400 rounded-full animate-pulse\"><\/span>\r\n <span class=\"text-accent-200 text-sm font-semibold tracking-wide\">\u062a\u0633\u062c\u064a\u0644 \u0645\u0641\u062a\u0648\u062d \u0627\u0644\u0622\u0646<\/span>\r\n <\/div>\r\n \r\n <h1 class=\"anim-fade-up delay-2 text-4xl md:text-5xl lg:text-6xl font-extrabold text-white leading-tight mb-6\">\r\n \u062f\u0648\u0631\u0629 <span class=\"text-transparent bg-clip-text bg-gradient-to-l from-primary-300 to-accent-400\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a<\/span>\r\n <\/h1>\r\n \r\n <p class=\"anim-fade-up delay-3 text-[17px] md:text-lg text-primary-100 leading-[2.2] max-w-2xl mx-auto font-medium\">\r\n \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a \u0623\u0643\u0627\u062f\u064a\u0645\u064a \u0648\u062a\u0637\u0628\u064a\u0642\u064a \u064a\u0646\u0642\u0644\u0643 \u0645\u0646 \u0641\u0647\u0645 \u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0628\u0635\u0631\u064a \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u064a \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629\u060c \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u0627\u0644\u0637\u0628\u0627\u0639\u0629. \u062a\u062a\u0639\u0644\u0645 \u0643\u064a\u0641 \u062a\u0641\u0643\u0631 \u0643\u0645\u0635\u0645\u0645\u060c \u0644\u0627 \u0643\u064a\u0641 \u062a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0641\u0642\u0637.\r\n <\/p>\r\n \r\n <div class=\"anim-fade-up delay-4 mt-10 flex justify-center items-center\">\r\n <button type=\"button\" data-open-registration class=\"single-cta cta-pulse inline-flex items-center gap-3 bg-gradient-to-l from-accent-500 to-primary-600 hover:from-accent-400 hover:to-primary-500 text-white text-lg font-bold px-10 py-4 rounded-2xl transition-all duration-300 hover:shadow-2xl hover:shadow-accent-500\/25 hover:scale-105\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m6-6H6\"\/>\r\n <\/svg>\r\n \u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"scroll-cue\" aria-hidden=\"true\"><\/div>\r\n <div class=\"hero-wave\" aria-hidden=\"true\"><\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"topics\" class=\"landing-section px-6 flow-soft\">\r\n <div class=\"max-w-5xl mx-auto\">\r\n <div class=\"text-center mb-12\">\r\n <div class=\"academic-kicker\">\u0645\u0646\u0647\u062c \u0623\u0643\u0627\u062f\u064a\u0645\u064a + \u062a\u0637\u0628\u064a\u0642 \u0639\u0645\u0644\u064a<\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-primary-800 mt-5\">\u062a\u0639\u0644\u0645 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0643\u0645\u0646\u0638\u0648\u0645\u0629 \u062a\u0641\u0643\u064a\u0631 \u0648\u0645\u0647\u0627\u0631\u0629 \u0645\u0647\u0646\u064a\u0629<\/h2>\r\n <p class=\"section-lead\">\u0627\u0644\u062f\u0648\u0631\u0629 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u062a\u0633\u0644\u0633\u0644 \u062a\u0639\u0644\u064a\u0645\u064a \u0648\u0627\u0636\u062d: \u062a\u0628\u062f\u0623 \u0645\u0646 \u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0628\u0635\u0631\u064a\u060c \u062b\u0645 \u062a\u0646\u062a\u0642\u0644 \u0625\u0644\u0649 \u0627\u0644\u0623\u062f\u0648\u0627\u062a\u060c \u0648\u0628\u0639\u062f\u0647\u0627 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639. \u0627\u0644\u0647\u062f\u0641 \u0623\u0646 \u062a\u0641\u0647\u0645 \u0644\u0645\u0627\u0630\u0627 \u064a\u0646\u062c\u062d \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0642\u0628\u0644 \u0623\u0646 \u062a\u062a\u0639\u0644\u0645 \u0643\u064a\u0641 \u062a\u0646\u0641\u0630\u0647.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-5\">\r\n <div class=\"academic-card text-center\">\r\n <div class=\"w-14 h-14 mx-auto rounded-2xl bg-primary-50 flex items-center justify-center text-primary-700 font-extrabold text-xl mb-4\">01<\/div>\r\n <h3 class=\"text-primary-800 font-extrabold text-lg mb-2\">\u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u0628\u0635\u0631\u064a<\/h3>\r\n <p class=\"text-primary-500 text-sm leading-7\">\u062a\u0639\u0644\u0651\u0645 \u0643\u064a\u0641\u064a\u0629 \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0639\u0646\u0627\u0635\u0631\u060c \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u062a\u0648\u0627\u0632\u0646\u060c \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u062e\u0637\u0648\u0637\u060c \u0648\u062a\u0648\u062c\u064a\u0647 \u0639\u064a\u0646 \u0627\u0644\u0645\u0634\u0627\u0647\u062f \u062f\u0627\u062e\u0644 \u0627\u0644\u062a\u0635\u0645\u064a\u0645.<\/p>\r\n <\/div>\r\n <div class=\"academic-card text-center\">\r\n <div class=\"w-14 h-14 mx-auto rounded-2xl bg-accent-50 flex items-center justify-center text-accent-700 font-extrabold text-xl mb-4\">02<\/div>\r\n <h3 class=\"text-primary-800 font-extrabold text-lg mb-2\">\u0625\u062a\u0642\u0627\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a<\/h3>\r\n <p class=\"text-primary-500 text-sm leading-7\">\u062a\u0639\u0644\u0651\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 Photoshop \u0648Illustrator \u0628\u0637\u0631\u064a\u0642\u0629 \u0645\u0646\u0638\u0645\u0629 \u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0636\u062d \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a.<\/p>\r\n <\/div>\r\n <div class=\"academic-card text-center\">\r\n <div class=\"w-14 h-14 mx-auto rounded-2xl bg-primary-50 flex items-center justify-center text-primary-700 font-extrabold text-xl mb-4\">03<\/div>\r\n <h3 class=\"text-primary-800 font-extrabold text-lg mb-2\">\u0645\u0634\u0627\u0631\u064a\u0639 \u062d\u0642\u064a\u0642\u064a\u0629<\/h3>\r\n <p class=\"text-primary-500 text-sm leading-7\">\u062a\u0637\u0628\u064a\u0642 \u0645\u0627 \u062a\u062a\u0639\u0644\u0645\u0647 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u062d\u0642\u064a\u0642\u064a\u0629 \u064a\u0645\u0643\u0646\u0643 \u0625\u0636\u0627\u0641\u062a\u0647\u0627 \u0625\u0644\u0649 \u0645\u0644\u0641 \u0623\u0639\u0645\u0627\u0644\u0643 \u0648\u062a\u0637\u0648\u064a\u0631 \u0645\u0633\u062a\u0648\u0627\u0643 \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"landing-section px-6 flow-tint\">\r\n <div class=\"max-w-6xl mx-auto\">\r\n <div class=\"text-center mb-14\">\r\n <div class=\"section-badge bg-primary-50 text-primary-700 font-bold text-sm px-5 py-2 rounded-full mb-4 mx-auto\">\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629<\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-primary-800 mt-4\">\u0645\u0627\u0630\u0627 \u0633\u062a\u062f\u0631\u0633 \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629\u061f<\/h2>\r\n <p class=\"section-lead\">\u062b\u0645\u0627\u0646\u064a\u0629 \u0645\u062d\u0627\u0648\u0631 \u0645\u0631\u062a\u0628\u0629 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u060c \u062b\u0645 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u060c \u0648\u062a\u0646\u062a\u0647\u064a \u0628\u0642\u062f\u0631\u062a\u0643 \u0639\u0644\u0649 \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0631\u0648\u0639 \u0628\u0635\u0631\u064a \u0645\u062a\u0643\u0627\u0645\u0644 \u0628\u062b\u0642\u0629.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-5\">\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">01<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0643\u064a\u0641\u064a\u0629 \u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0641\u0643\u0631\u0629 \u0628\u0635\u0631\u064a\u064b\u0627<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u0643\u064a\u0641 \u062a\u0641\u0647\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0648\u062a\u062d\u0648\u0651\u0644\u0647 \u0625\u0644\u0649 \u0641\u0643\u0631\u0629 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0636\u062d\u0629\u061f<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062a\u0635\u0645\u064a\u0645: \u0627\u0644\u062a\u0648\u0627\u0632\u0646\u060c \u0627\u0644\u062a\u0628\u0627\u064a\u0646\u060c \u0627\u0644\u0645\u062d\u0627\u0630\u0627\u0629\u060c \u0627\u0644\u062a\u0643\u0631\u0627\u0631 \u0648\u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a.<\/li><li>\u0641\u0647\u0645 \u0647\u062f\u0641 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0648\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0633\u0644\u0648\u0628 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0647.<\/li><li>\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u062c\u064a\u062f\u0629 \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0623\u0633\u0628\u0627\u0628 \u0646\u062c\u0627\u062d\u0647\u0627.<\/li><\/ul>\r\n <\/article>\r\n\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">02<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u062a\u0646\u0633\u064a\u0642\u0647\u0627 \u0628\u0627\u062d\u062a\u0631\u0627\u0641<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u0643\u064a\u0641 \u062a\u062e\u062a\u0627\u0631 \u0623\u0644\u0648\u0627\u0646\u064b\u0627 \u062a\u062e\u062f\u0645 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0648\u062a\u0646\u0627\u0633\u0628 \u0647\u0648\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0639\u062c\u0644\u0629 \u0627\u0644\u0623\u0644\u0648\u0627\u0646\u060c \u0627\u0644\u0627\u0646\u0633\u062c\u0627\u0645 \u0648\u0627\u0644\u062a\u0628\u0627\u064a\u0646 \u0627\u0644\u0644\u0648\u0646\u064a.<\/li><li>\u0633\u064a\u0643\u0648\u0644\u0648\u062c\u064a\u0629 \u0627\u0644\u0644\u0648\u0646 \u0641\u064a \u0627\u0644\u0647\u0648\u064a\u0629 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a.<\/li><li>\u0625\u0646\u0634\u0627\u0621 \u0644\u0648\u062d\u0629 \u0623\u0644\u0648\u0627\u0646 \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u0648\u062a\u0637\u0628\u064a\u0642\u0647\u0627 \u0639\u0644\u0649 \u0645\u0634\u0631\u0648\u0639 \u0639\u0645\u0644\u064a.<\/li><\/ul>\r\n <\/article>\r\n\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">03<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0646\u0635\u0648\u0635<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u0643\u064a\u0641 \u062a\u062c\u0639\u0644 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0648\u0627\u0644\u0646\u0635 \u0648\u0627\u0636\u062d\u064a\u0646 \u0648\u062c\u0630\u0627\u0628\u064a\u0646 \u062f\u0627\u062e\u0644 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u061f<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062e\u0637 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0634\u062e\u0635\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629.<\/li><li>\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0648\u0627\u0644\u0646\u0635\u0648\u0635 \u062d\u0633\u0628 \u0627\u0644\u0623\u0647\u0645\u064a\u0629 \u0628\u0634\u0643\u0644 \u0648\u0627\u0636\u062d.<\/li><li>\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u062d\u0627\u0630\u0627\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0644\u062a\u0631\u062a\u064a\u0628 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u0635\u0645\u064a\u0645.<\/li><\/ul>\r\n <\/article>\r\n\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">04<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">Adobe Photoshop<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0635\u0648\u0631 \u0648\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u062a\u0643\u0648\u064a\u0646\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629.<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0637\u0628\u0642\u0627\u062a\u060c \u0627\u0644\u0623\u0642\u0646\u0639\u0629\u060c \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u062d\u062f\u064a\u062f \u0648\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0630\u0643\u064a\u0629 \u0628\u0627\u062d\u062a\u0631\u0627\u0641.<\/li><li>\u062f\u0645\u062c \u0627\u0644\u0635\u0648\u0631\u060c \u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0644\u0648\u0646 \u0648\u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0628\u0635\u0648\u0631\u0629 \u0646\u0638\u064a\u0641\u0629.<\/li><li>\u0628\u0646\u0627\u0621 \u0625\u0639\u0644\u0627\u0646 \u0631\u0642\u0645\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0645\u0646 \u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0625\u062e\u0631\u0627\u062c \u0646\u0647\u0627\u0626\u064a.<\/li><\/ul>\r\n <\/article>\r\n\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">05<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">Adobe Illustrator<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0645\u062a\u062c\u0647\u064a \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0628\u0635\u0631\u064a\u0629.<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0631\u0633\u0645 \u0648\u0627\u0644\u0623\u0634\u0643\u0627\u0644 \u0648\u062f\u0645\u062c \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0648\u0628\u0646\u0627\u0626\u0647\u0627 \u0628\u0627\u062d\u062a\u0631\u0627\u0641.<\/li><li>\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u062a\u062c\u0647\u064a\u0629 \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0643\u0628\u064a\u0631.<\/li><li>\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0634\u0639\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u0628\u0635\u064a\u063a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.<\/li><\/ul>\r\n <\/article>\r\n\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">06<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0634\u0639\u0627\u0631 \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0625\u0644\u0649 \u0647\u0648\u064a\u0629 \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645.<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0627\u0644\u0628\u062d\u062b \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u0628\u062f\u0621 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0634\u0639\u0627\u0631.<\/li><li>\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0644\u0648\u0646 \u0648\u0627\u0644\u062e\u0637 \u0648\u0627\u0644\u0646\u0645\u0637 \u0627\u0644\u0628\u0635\u0631\u064a \u0644\u0644\u0639\u0644\u0627\u0645\u0629.<\/li><li>\u0625\u0646\u0634\u0627\u0621 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0647\u0648\u064a\u0629 \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0627\u062a\u0633\u0627\u0642.<\/li><\/ul>\r\n <\/article>\r\n\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">07<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a \u0648\u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u062a\u0635\u0627\u0645\u064a\u0645 \u062a\u0642\u0648\u062f \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647 \u0648\u062a\u062e\u062f\u0645 \u0627\u0644\u0631\u0633\u0627\u0644\u0629.<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0628\u0646\u0627\u0621 \u0625\u0639\u0644\u0627\u0646 \u0628\u0635\u0631\u064a \u062d\u0648\u0644 \u0647\u062f\u0641 \u062a\u0633\u0648\u064a\u0642\u064a \u0648\u0627\u0636\u062d.<\/li><li>\u062a\u0635\u0645\u064a\u0645 \u0645\u0646\u0634\u0648\u0631\u0627\u062a\u060c \u062d\u0645\u0644\u0627\u062a \u0648\u0633\u0644\u0627\u0633\u0644 \u0645\u062d\u062a\u0648\u0649 \u0645\u062a\u0646\u0627\u0633\u0642\u0629.<\/li><li>\u0627\u0644\u062a\u0643\u064a\u0641 \u0645\u0639 \u0627\u0644\u0645\u0642\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0635\u0627\u062a \u062f\u0648\u0646 \u0641\u0642\u062f\u0627\u0646 \u0627\u0644\u0647\u0648\u064a\u0629.<\/li><\/ul>\r\n <\/article>\r\n\r\n <article class=\"academic-card\">\r\n <div class=\"flex items-start gap-4\"><div class=\"module-number\">08<\/div><div><h3 class=\"text-xl font-extrabold text-primary-800\">\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0628\u0646\u0627\u0621 \u0645\u0644\u0641 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/h3><p class=\"text-primary-500 text-sm mt-1\">\u0643\u064a\u0641 \u062a\u0646\u0638\u0645 \u0639\u0645\u0644\u0643 \u0648\u062a\u062c\u0647\u0632 \u0645\u0644\u0641\u0627\u062a\u0643 \u0648\u062a\u0639\u0631\u0636 \u0645\u0647\u0627\u0631\u0627\u062a\u0643 \u0628\u0634\u0643\u0644 \u0645\u0647\u0646\u064a.<\/p><\/div><\/div>\r\n <ul class=\"module-list\"><li>\u0641\u0647\u0645 \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0637\u0628\u0627\u0639\u0629\u060c \u0627\u0644\u062f\u0642\u0629\u060c \u0647\u0648\u0627\u0645\u0634 \u0627\u0644\u0642\u0635\u060c \u0648\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0644\u0644\u0645\u0637\u0628\u0639\u0629.<\/li><li>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0635\u0648\u0631 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c.<\/li><li>\u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u0641\u0636\u0644 \u0623\u0639\u0645\u0627\u0644\u0643 \u0648\u062a\u0646\u0638\u064a\u0645\u0647\u0627 \u062f\u0627\u062e\u0644 \u0645\u0644\u0641 \u0623\u0639\u0645\u0627\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a.<\/li><\/ul>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"landing-section px-6 flow-soft\">\r\n <div class=\"max-w-5xl mx-auto\">\r\n <div class=\"text-center mb-12\">\r\n <div class=\"section-badge bg-accent-50 text-accent-700 font-bold text-sm px-5 py-2 rounded-full mb-4 mx-auto\">\u0645\u0627\u0630\u0627 \u0633\u062a\u062a\u0639\u0644\u0645 \u0641\u0639\u0644\u064a\u064b\u0627\u061f<\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-primary-800 mt-4\">\u0645\u0627\u0630\u0627 \u0633\u062a\u0643\u0648\u0646 \u0642\u0627\u062f\u0631\u064b\u0627 \u0639\u0644\u0649 \u0625\u0646\u062c\u0627\u0632\u0647\u061f<\/h2>\r\n <p class=\"section-lead\">\u0627\u0644\u0647\u062f\u0641 \u0623\u0646 \u062a\u062e\u0631\u062c \u0628\u0645\u0647\u0627\u0631\u0627\u062a \u062a\u0633\u062a\u0637\u064a\u0639 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639\u0643\u060c \u0639\u0645\u0644\u0643\u060c \u0623\u0648 \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u0635\u0645\u064a\u0645 \u0644\u0644\u0639\u0645\u0644\u0627\u0621.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 gap-4\">\r\n <div class=\"outcome-item\"><div class=\"outcome-check\">\u2713<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u0641\u0647\u0645 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0623\u064a \u0645\u0634\u0631\u0648\u0639 \u062a\u0635\u0645\u064a\u0645<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0641\u0647\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u060c \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629\u060c \u062b\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u0633\u0644\u0648\u0628 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0642\u0628\u0644 \u0627\u0644\u0628\u062f\u0621.<\/p><\/div><\/div>\r\n <div class=\"outcome-item\"><div class=\"outcome-check\">\u2713<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u0628\u0646\u0627\u0621 \u062a\u0643\u0648\u064a\u0646 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u0635\u0648\u0631 \u0648\u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0628\u0637\u0631\u064a\u0642\u0629 \u062a\u062c\u0639\u0644 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0636\u062d\u064b\u0627 \u0648\u0645\u0631\u064a\u062d\u064b\u0627 \u0644\u0644\u0639\u064a\u0646.<\/p><\/div><\/div>\r\n <div class=\"outcome-item\"><div class=\"outcome-check\">\u2713<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u062a\u0646\u0641\u064a\u0630 \u0645\u0648\u0627\u062f \u062a\u0633\u0648\u064a\u0642\u064a\u0629<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u062a\u0635\u0645\u064a\u0645 \u0645\u0646\u0634\u0648\u0631\u0627\u062a \u0648\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u062a\u062e\u062f\u0645 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a.<\/p><\/div><\/div>\r\n <div class=\"outcome-item\"><div class=\"outcome-check\">\u2713<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u0625\u0646\u0634\u0627\u0621 \u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0628\u062a\u062f\u0626\u064a\u0646<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u062a\u0637\u0648\u064a\u0631 \u0641\u0643\u0631\u0629 \u0627\u0644\u0647\u0648\u064a\u0629\u060c \u062a\u0635\u0645\u064a\u0645 \u0634\u0639\u0627\u0631\u060c \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u062e\u0637\u0648\u0637\u060c \u0648\u062a\u062c\u0647\u064a\u0632 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0639\u0644\u0627\u0645\u0629.<\/p><\/div><\/div>\r\n <div class=\"outcome-item\"><div class=\"outcome-check\">\u2713<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u062a\u062c\u0647\u064a\u0632 \u0645\u0644\u0641\u0627\u062a \u0631\u0642\u0645\u064a\u0629 \u0648\u0637\u0628\u0627\u0639\u064a\u0629<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0642\u0627\u0633 \u0648\u0627\u0644\u062f\u0642\u0629 \u0648\u0646\u0645\u0637 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u0635\u064a\u063a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0643\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645.<\/p><\/div><\/div>\r\n <div class=\"outcome-item\"><div class=\"outcome-check\">\u2713<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u062a\u0633\u0631\u064a\u0639 \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0623\u0641\u0643\u0627\u0631\u060c \u062a\u0637\u0648\u064a\u0631\u0647\u0627\u060c \u0648\u062a\u0633\u0631\u064a\u0639 \u0628\u0639\u0636 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u0635\u0645\u064a\u0645.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"landing-section px-6 flow-tint\">\r\n <div class=\"max-w-6xl mx-auto\">\r\n <div class=\"text-center mb-12\">\r\n <div class=\"section-badge bg-primary-50 text-primary-700 font-bold text-sm px-5 py-2 rounded-full mb-4 mx-auto\">\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0628<\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-primary-800 mt-4\">\u062a\u0639\u0644\u0645 \u2190 \u0634\u0627\u0647\u062f \u2190 \u0637\u0628\u0651\u0642 \u2190 \u0631\u0627\u062c\u0639 \u2190 \u0637\u0648\u0651\u0631<\/h2>\r\n <p class=\"section-lead\">\u0641\u064a \u0643\u0644 \u0645\u062d\u0648\u0631 \u0633\u062a\u062a\u0639\u0644\u0645 \u0627\u0644\u0641\u0643\u0631\u0629 \u0628\u0634\u0643\u0644 \u0645\u0628\u0633\u0637\u060c \u062a\u0634\u0627\u0647\u062f \u0645\u062b\u0627\u0644\u064b\u0627\u060c \u062a\u0637\u0628\u0642 \u0628\u0646\u0641\u0633\u0643\u060c \u062b\u0645 \u062a\u0631\u0627\u062c\u0639 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0648\u062a\u0637\u0648\u0631\u0647\u0627 \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629.<\/p>\r\n <\/div>\r\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-5 gap-4\">\r\n <div class=\"method-step\"><span class=\"text-accent-600 font-extrabold text-sm\">01<\/span><h3 class=\"font-extrabold text-primary-800 text-lg mt-2\">\u062a\u0639\u0644\u0651\u0645<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0645\u0641\u0647\u0648\u0645 \u0648\u0627\u0636\u062d \u0648\u0642\u0627\u0639\u062f\u0629 \u062a\u0635\u0645\u064a\u0645\u064a\u0629.<\/p><\/div>\r\n <div class=\"method-step\"><span class=\"text-accent-600 font-extrabold text-sm\">02<\/span><h3 class=\"font-extrabold text-primary-800 text-lg mt-2\">\u0634\u0627\u0647\u062f<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0645\u062b\u0627\u0644 \u0648\u062a\u062d\u0644\u064a\u0644 \u0644\u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0635\u062d\u064a\u062d.<\/p><\/div>\r\n <div class=\"method-step\"><span class=\"text-accent-600 font-extrabold text-sm\">03<\/span><h3 class=\"font-extrabold text-primary-800 text-lg mt-2\">\u0637\u0628\u0651\u0642<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0645\u0647\u0645\u0629 \u0639\u0645\u0644\u064a\u0629 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u062d\u0648\u0631.<\/p><\/div>\r\n <div class=\"method-step\"><span class=\"text-accent-600 font-extrabold text-sm\">04<\/span><h3 class=\"font-extrabold text-primary-800 text-lg mt-2\">\u0631\u0627\u062c\u0639<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0645\u0644\u0627\u062d\u0638\u0629 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0648\u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u062d\u0633\u064a\u0646.<\/p><\/div>\r\n <div class=\"method-step\"><span class=\"text-accent-600 font-extrabold text-sm\">05<\/span><h3 class=\"font-extrabold text-primary-800 text-lg mt-2\">\u0637\u0648\u0651\u0631<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0628\u0645\u0633\u062a\u0648\u0649 \u0623\u0639\u0644\u0649.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"landing-section px-6 flow-soft\">\r\n <div class=\"max-w-6xl mx-auto\">\r\n <div class=\"text-center mb-12\">\r\n <div class=\"section-badge bg-accent-50 text-accent-700 font-bold text-sm px-5 py-2 rounded-full mb-4 mx-auto\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u064a\u0629<\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-primary-800 mt-4\">\u0644\u0646 \u062a\u062a\u062e\u0631\u062c \u0628\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0641\u0642\u0637<\/h2>\r\n <p class=\"section-lead\">\u062e\u0644\u0627\u0644 \u0627\u0644\u0645\u0633\u0627\u0631 \u0633\u062a\u0637\u0628\u0651\u0642 \u0639\u0644\u0649 \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u062f\u0631\u062c\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0645\u0647\u0627\u0631\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0648\u0645\u0648\u0627\u062f \u064a\u0645\u0643\u0646 \u062a\u0637\u0648\u064a\u0631\u0647\u0627 \u0644\u0627\u062d\u0642\u064b\u0627 \u062f\u0627\u062e\u0644 \u0645\u0644\u0641 \u0623\u0639\u0645\u0627\u0644\u0643.<\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-5\">\r\n <div class=\"project-card\"><span class=\"text-accent-600 text-xs font-extrabold\">PROJECT 01<\/span><h3 class=\"text-primary-800 font-extrabold text-lg mt-2\">\u0646\u0638\u0627\u0645 \u0628\u0635\u0631\u064a \u0645\u0635\u063a\u0651\u0631<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-2\">\u0644\u0648\u062d\u0629 \u0623\u0644\u0648\u0627\u0646\u060c \u062e\u0637\u0648\u0637\u060c Grid \u0648\u0639\u0646\u0627\u0635\u0631 \u0628\u0635\u0631\u064a\u0629 \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u062d\u0648\u0644 \u0641\u0643\u0631\u0629 \u0645\u062d\u062f\u062f\u0629.<\/p><\/div>\r\n <div class=\"project-card\"><span class=\"text-accent-600 text-xs font-extrabold\">PROJECT 02<\/span><h3 class=\"text-primary-800 font-extrabold text-lg mt-2\">\u062d\u0645\u0644\u0629 \u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-2\">\u0633\u0644\u0633\u0644\u0629 \u0645\u0646\u0634\u0648\u0631\u0627\u062a \u0648\u0625\u0639\u0644\u0627\u0646 \u0631\u0626\u064a\u0633\u064a \u0636\u0645\u0646 \u0647\u0648\u064a\u0629 \u0648\u0627\u062d\u062f\u0629 \u0648\u0631\u0633\u0627\u0644\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0648\u0627\u0636\u062d\u0629.<\/p><\/div>\r\n <div class=\"project-card\"><span class=\"text-accent-600 text-xs font-extrabold\">PROJECT 03<\/span><h3 class=\"text-primary-800 font-extrabold text-lg mt-2\">\u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u0629 \u0623\u0648\u0644\u064a\u0629<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-2\">\u0645\u0641\u0647\u0648\u0645 \u0634\u0639\u0627\u0631 \u0645\u0639 \u0646\u0638\u0627\u0645 \u0623\u0644\u0648\u0627\u0646 \u0648\u062e\u0637\u0648\u0637 \u0648\u0628\u0639\u0636 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629.<\/p><\/div>\r\n <div class=\"project-card\"><span class=\"text-accent-600 text-xs font-extrabold\">FINAL PROJECT<\/span><h3 class=\"text-primary-800 font-extrabold text-lg mt-2\">\u0645\u0634\u0631\u0648\u0639 \u062e\u062a\u0627\u0645\u064a<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-2\">\u0645\u0634\u0631\u0648\u0639 \u0645\u062a\u0643\u0627\u0645\u0644 \u064a\u062c\u0645\u0639 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0641\u0643\u0631\u0629 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0628\u0635\u0648\u0631\u0629 \u0645\u0647\u0646\u064a\u0629.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"landing-section px-6 flow-tint\">\r\n <div class=\"max-w-6xl mx-auto grid lg:grid-cols-2 gap-8 items-start\">\r\n <div class=\"academic-card\">\r\n <span class=\"academic-kicker\">\u0644\u0645\u0646 \u0635\u064f\u0645\u0645\u062a \u0627\u0644\u062f\u0648\u0631\u0629\u061f<\/span>\r\n <h2 class=\"text-3xl font-extrabold text-primary-800 mt-5 mb-6\">\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0645\u0646 \u064a\u0631\u064a\u062f \u0623\u0633\u0627\u0633\u064b\u0627 \u0642\u0648\u064a\u064b\u0627 \u0648\u0645\u0633\u0627\u0631\u064b\u0627 \u0648\u0627\u0636\u062d\u064b\u0627<\/h2>\r\n <div class=\"grid gap-3\">\r\n <div class=\"audience-pill\"><span class=\"mini-dot\"><\/span><div><strong class=\"text-primary-800\">\u0627\u0644\u0645\u0628\u062a\u062f\u0626 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631<\/strong><p class=\"text-primary-500 text-sm mt-1\">\u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0627\u062c \u0641\u0647\u0645 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0642\u0628\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u0641\u064a \u0627\u0644\u0628\u0631\u0627\u0645\u062c.<\/p><\/div><\/div>\r\n <div class=\"audience-pill\"><span class=\"mini-dot\"><\/span><div><strong class=\"text-primary-800\">\u0627\u0644\u0645\u0635\u0645\u0645 \u0627\u0644\u0645\u0628\u062a\u062f\u0626<\/strong><p class=\"text-primary-500 text-sm mt-1\">\u0627\u0644\u0630\u064a \u064a\u0639\u0631\u0641 \u0628\u0639\u0636 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0644\u0643\u0646\u0647 \u064a\u062d\u062a\u0627\u062c \u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644 \u0648\u0627\u0636\u062d\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0628\u0635\u0631\u064a\u064b\u0627.<\/p><\/div><\/div>\r\n <div class=\"audience-pill\"><span class=\"mini-dot\"><\/span><div><strong class=\"text-primary-800\">\u0627\u0644\u0645\u0633\u0648\u0642 \u0648\u0635\u0627\u062d\u0628 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/strong><p class=\"text-primary-500 text-sm mt-1\">\u0644\u0641\u0647\u0645 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0641\u064a\u0630 \u0645\u0648\u0627\u062f \u0628\u0635\u0631\u064a\u0629 \u0623\u0641\u0636\u0644 \u0644\u0639\u0644\u0627\u0645\u062a\u0647 \u0623\u0648 \u062d\u0645\u0644\u0627\u062a\u0647.<\/p><\/div><\/div>\r\n <div class=\"audience-pill\"><span class=\"mini-dot\"><\/span><div><strong class=\"text-primary-800\">\u0645\u0646 \u064a\u0631\u064a\u062f \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0631<\/strong><p class=\"text-primary-500 text-sm mt-1\">\u0644\u0628\u0646\u0627\u0621 \u0645\u0647\u0627\u0631\u0627\u062a \u0639\u0645\u0644\u064a\u0629 \u062a\u0633\u0627\u0639\u062f\u0647 \u0639\u0644\u0649 \u0625\u0646\u0634\u0627\u0621 \u0645\u0644\u0641 \u0623\u0639\u0645\u0627\u0644 \u0648\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u062a\u0635\u0645\u064a\u0645 \u0644\u0644\u0639\u0645\u0644\u0627\u0621.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"academic-card\">\r\n <span class=\"academic-kicker\">\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0627\u0644\u062a\u062d\u0627\u0642<\/span>\r\n <h2 class=\"text-3xl font-extrabold text-primary-800 mt-5 mb-6\">\u0644\u0627 \u062a\u062d\u062a\u0627\u062c \u062e\u0628\u0631\u0629 \u0633\u0627\u0628\u0642\u0629<\/h2>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex gap-4\"><div class=\"outcome-check\">1<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0645\u0646\u0627\u0633\u0628<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0644\u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\u064a \u0648\u062a\u0634\u063a\u064a\u0644 \u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629.<\/p><\/div><\/div>\r\n <div class=\"flex gap-4\"><div class=\"outcome-check\">2<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u062a\u0637\u0628\u064a\u0642<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062a\u0645\u0627\u0631\u064a\u0646 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0644\u064a\u0633 \u0627\u0644\u0645\u0634\u0627\u0647\u062f\u0629 \u0641\u0642\u0637.<\/p><\/div><\/div>\r\n <div class=\"flex gap-4\"><div class=\"outcome-check\">3<\/div><div><h3 class=\"font-extrabold text-primary-800\">\u0631\u063a\u0628\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0644\u0645<\/h3><p class=\"text-primary-500 text-sm leading-7 mt-1\">\u0644\u0627 \u064a\u0634\u062a\u0631\u0637 \u062a\u062e\u0635\u0635 \u0623\u0643\u0627\u062f\u064a\u0645\u064a \u0633\u0627\u0628\u0642 \u0641\u064a \u0627\u0644\u0641\u0646 \u0623\u0648 \u0627\u0644\u062a\u0635\u0645\u064a\u0645.<\/p><\/div><\/div>\r\n <\/div>\r\n <button type=\"button\" data-open-registration class=\"mt-8 w-full cta-pulse inline-flex items-center justify-center gap-3 bg-gradient-to-l from-accent-500 to-primary-600 text-white text-lg font-bold px-8 py-4 rounded-2xl transition-all duration-300 hover:scale-[1.02]\">\u0627\u0628\u062f\u0623 \u0637\u0644\u0628 \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"landing-section px-6 flow-tint\">\r\n <div class=\"max-w-4xl mx-auto\">\r\n <div class=\"text-center mb-14\">\r\n <div class=\"section-badge bg-accent-50 text-accent-700 font-bold text-sm px-5 py-2 rounded-full mb-4 mx-auto\">\u062f\u0639\u0645 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a<\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-primary-800 mt-4\">\u062a\u062c\u0631\u0628\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062f\u0631\u0648\u0633<\/h2>\r\n <div class=\"h-1 w-16 mx-auto mt-4 rounded-full bg-gradient-to-r from-primary-400 to-accent-400\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid sm:grid-cols-2 gap-5\">\r\n <div class=\"feature-item bg-white rounded-2xl p-7 border border-primary-100 shadow-sm hover:shadow-md transition-all duration-300 flex items-start gap-5\">\r\n <div class=\"w-14 h-14 rounded-2xl bg-gradient-to-br from-primary-500 to-primary-600 flex items-center justify-center flex-shrink-0 shadow-lg shadow-primary-500\/25\">\r\n <svg class=\"w-7 h-7 text-white\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-primary-800 font-bold text-lg mb-1\">\u0642\u0646\u0627\u0629 \u062a\u0644\u063a\u0631\u0627\u0645 \u062e\u0627\u0635\u0629<\/h3>\r\n <p class=\"text-primary-600 text-sm leading-relaxed\">\u0642\u0646\u0627\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u060c \u0627\u0644\u0645\u0644\u0641\u0627\u062a\u060c \u0627\u0644\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0645\u0633\u0627\u0646\u062f\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062f\u0648\u0631\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature-item bg-white rounded-2xl p-7 border border-primary-100 shadow-sm hover:shadow-md transition-all duration-300 flex items-start gap-5\">\r\n <div class=\"w-14 h-14 rounded-2xl bg-gradient-to-br from-accent-500 to-accent-600 flex items-center justify-center flex-shrink-0 shadow-lg shadow-accent-500\/25\">\r\n <svg class=\"w-7 h-7 text-white\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-primary-800 font-bold text-lg mb-1\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0633\u062a\u0645\u0631\u0629<\/h3>\r\n <p class=\"text-primary-600 text-sm leading-relaxed\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0644\u0645\u062f\u0629 \u0634\u0647\u0631\u064a\u0646 \u0628\u0639\u062f \u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u062f\u0648\u0631\u0629 \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0637\u0648\u0631 \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0646 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\u064a.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"landing-section px-6 flow-soft\">\r\n <div class=\"max-w-5xl mx-auto\">\r\n <div class=\"text-center mb-14\">\r\n <div class=\"section-badge bg-accent-50 text-accent-700 font-bold text-sm px-5 py-2 rounded-full mb-4 mx-auto\">\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062c\u0639\u0644 \u0627\u0644\u0645\u0633\u0627\u0631 \u0639\u0645\u0644\u064a\u064b\u0627<\/div>\r\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-primary-800 mt-4\">\u0645\u0646 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0625\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0637\u0628\u064a\u0642<\/h2>\r\n <div class=\"h-1 w-16 mx-auto mt-4 rounded-full bg-gradient-to-r from-primary-400 to-accent-400\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n <div class=\"card-feature bg-white rounded-2xl p-7 text-center border border-primary-100\">\r\n <div class=\"icon-wrap w-16 h-16 mx-auto mb-5 rounded-2xl bg-primary-50 flex items-center justify-center\">\r\n <svg class=\"w-8 h-8 text-primary-600\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"text-primary-800 font-bold text-base mb-2\">\u062a\u0637\u0628\u064a\u0642 \u0639\u0645\u0644\u064a<\/h3>\r\n <p class=\"text-primary-500 text-sm leading-relaxed\">\u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u0637\u0628\u064a\u0642\u064a\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062f\u0648\u0631\u0629<\/p>\r\n <\/div>\r\n\r\n <div class=\"card-feature bg-white rounded-2xl p-7 text-center border border-primary-100\">\r\n <div class=\"icon-wrap w-16 h-16 mx-auto mb-5 rounded-2xl bg-accent-50 flex items-center justify-center\">\r\n <svg class=\"w-8 h-8 text-accent-600\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"text-primary-800 font-bold text-base mb-2\">\u0634\u0647\u0627\u062f\u0629 \u0625\u062a\u0645\u0627\u0645<\/h3>\r\n <p class=\"text-primary-500 text-sm leading-relaxed\">\u0634\u0647\u0627\u062f\u0629 \u0625\u062a\u0645\u0627\u0645 \u0644\u0644\u062f\u0648\u0631\u0629 \u064a\u0645\u0643\u0646 \u0625\u0636\u0627\u0641\u062a\u0647\u0627 \u0625\u0644\u0649 \u0645\u0644\u0641\u0643 \u0627\u0644\u0645\u0647\u0646\u064a \u0628\u0639\u062f \u0627\u0633\u062a\u0643\u0645\u0627\u0644 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card-feature bg-white rounded-2xl p-7 text-center border border-primary-100\">\r\n <div class=\"icon-wrap w-16 h-16 mx-auto mb-5 rounded-2xl bg-primary-50 flex items-center justify-center\">\r\n <svg class=\"w-8 h-8 text-primary-600\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"text-primary-800 font-bold text-base mb-2\">\u0645\u0631\u0648\u0646\u0629 \u0627\u0644\u0648\u0642\u062a<\/h3>\r\n <p class=\"text-primary-500 text-sm leading-relaxed\">\u062a\u0646\u0638\u064a\u0645 \u0645\u0631\u0646 \u0644\u0644\u062a\u0639\u0644\u0651\u0645 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642 \u0628\u0645\u0627 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u062c\u062f\u0648\u0644\u0643 \u0648\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a\u0643.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card-feature bg-white rounded-2xl p-7 text-center border border-primary-100\">\r\n <div class=\"icon-wrap w-16 h-16 mx-auto mb-5 rounded-2xl bg-accent-50 flex items-center justify-center\">\r\n <svg class=\"w-8 h-8 text-accent-600\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/><\/svg>\r\n <\/div>\r\n <h3 class=\"text-primary-800 font-bold text-base mb-2\">\u062a\u0641\u0627\u0639\u0644 \u0645\u0628\u0627\u0634\u0631<\/h3>\r\n <p class=\"text-primary-500 text-sm leading-relaxed\">\u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u062a\u0641\u0627\u0639\u0644 \u0648\u0637\u0631\u062d \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0648\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0623\u062b\u0646\u0627\u0621 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u0639\u0644\u0645 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"register\" class=\"landing-section px-6 flow-tint\">\r\n <div class=\"max-w-4xl mx-auto\">\r\n <div class=\"relative bg-gradient-to-br from-primary-800 to-primary-900 rounded-3xl overflow-hidden p-12 md:p-16 text-center\">\r\n <div class=\"absolute top-0 left-0 w-40 h-40 bg-accent-500\/10 rounded-full blur-3xl\"><\/div>\r\n <div class=\"absolute bottom-0 right-0 w-32 h-32 bg-primary-400\/10 rounded-full blur-3xl\"><\/div>\r\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-96 h-96 bg-accent-500\/5 rounded-full blur-3xl\"><\/div>\r\n\r\n <div class=\"relative z-10\">\r\n <div class=\"inline-flex items-center gap-2 bg-primary-700\/50 rounded-full px-5 py-2 mb-8 border border-primary-500\/30\">\r\n <span class=\"w-2 h-2 bg-accent-400 rounded-full animate-pulse\"><\/span>\r\n <span class=\"text-accent-200 text-sm font-semibold\">\u0627\u0644\u0645\u0642\u0627\u0639\u062f \u0645\u062d\u062f\u0648\u062f\u0629<\/span>\r\n <\/div>\r\n\r\n <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-extrabold text-white leading-tight mb-4\">\r\n \u062c\u0627\u0647\u0632 \u062a\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643 \u0641\u064a\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-l from-primary-200 to-accent-300\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645\u061f<\/span>\r\n <\/h2>\r\n <p class=\"text-primary-100 text-lg mb-10 max-w-xl mx-auto font-medium\">\r\n \u0639\u0628\u0651\u0626 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0633\u062c\u064a\u0644\u060c \u0648\u0633\u064a\u062a\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0628\u0639\u062f \u0645\u0631\u0627\u062c\u0639\u0629 \u0628\u064a\u0627\u0646\u0627\u062a\u0643\r\n <\/p>\r\n\r\n <button type=\"button\" data-open-registration class=\"cta-pulse inline-flex items-center gap-4 bg-gradient-to-l from-accent-500 to-accent-600 hover:from-accent-400 hover:to-accent-500 text-white text-xl font-bold px-12 py-5 rounded-2xl transition-all duration-300 hover:shadow-2xl hover:shadow-accent-500\/30 hover:scale-105\">\r\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4M12 3l7 4v5c0 4.97-3 7.89-7 9-4-1.11-7-4.03-7-9V7l7-4z\"\/>\r\n <\/svg>\r\n \u0633\u062c\u0651\u0644 \u0627\u0644\u0622\u0646\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div id=\"registrationModal\" class=\"modal-backdrop\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"registrationTitle\" aria-hidden=\"true\">\r\n <div class=\"registration-modal\">\r\n <div class=\"modal-header\">\r\n <button type=\"button\" class=\"modal-close\" data-close-registration aria-label=\"\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0646\u0645\u0648\u0630\u062c\">\u00d7<\/button>\r\n <div class=\"relative z-10 pr-1 pl-12\">\r\n <div class=\"inline-flex items-center gap-2 bg-white\/10 border border-white\/15 rounded-full px-4 py-2 mb-4\">\r\n <span class=\"w-2 h-2 rounded-full bg-accent-400\"><\/span>\r\n <span class=\"text-sm font-bold text-primary-50\">\u0637\u0644\u0628 \u0627\u0644\u0627\u0644\u062a\u062d\u0627\u0642 \u0628\u0627\u0644\u062f\u0648\u0631\u0629<\/span>\r\n <\/div>\r\n <h2 id=\"registrationTitle\" class=\"text-2xl md:text-3xl font-extrabold mb-2\">\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0641\u064a \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a<\/h2>\r\n <p class=\"text-primary-100 text-sm md:text-base leading-7\">\u0623\u062f\u062e\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0628\u062f\u0642\u0629. \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u0639\u0644\u0651\u0645\u0629 \u0628\u0639\u0644\u0627\u0645\u0629 <span class=\"text-accent-300 font-bold\">*<\/span> \u0645\u0637\u0644\u0648\u0628\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <form id=\"registrationForm\" class=\"form-body\" action=\"https:\/\/formsubmit.co\/ajax\/tr@abdulazizalsari.net\" method=\"POST\" enctype=\"multipart\/form-data\" accept-charset=\"UTF-8\">\r\n \r\n <input type=\"hidden\" name=\"_subject\" value=\"\u0637\u0644\u0628 \u062a\u0633\u062c\u064a\u0644 \u062c\u062f\u064a\u062f - \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n <input type=\"text\" name=\"_honey\" style=\"display:none\" tabindex=\"-1\" autocomplete=\"off\">\r\n\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"fullName\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 <span class=\"required-star\">*<\/span><\/label>\r\n <input class=\"form-control\" id=\"fullName\" name=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\" type=\"text\" required minlength=\"3\" autocomplete=\"name\" placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u064a\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"required-star\">*<\/span><\/label>\r\n <input class=\"form-control\" id=\"email\" name=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" type=\"email\" required autocomplete=\"email\" dir=\"ltr\" placeholder=\"name@example.com\">\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <label class=\"form-label\" for=\"whatsapp\">\u0631\u0642\u0645 \u0648\u0627\u062a\u0633\u0627\u0628 \u0645\u0639 \u0631\u0645\u0632 \u0627\u0644\u062f\u0648\u0644\u0629 <span class=\"required-star\">*<\/span><\/label>\r\n <div class=\"phone-grid\">\r\n <select class=\"form-control\" id=\"countryCode\" name=\"\u0631\u0645\u0632 \u0627\u0644\u062f\u0648\u0644\u0629\" required aria-label=\"\u0631\u0645\u0632 \u0627\u0644\u062f\u0648\u0644\u0629\">\r\n <option value=\"\">\u0627\u0644\u0631\u0645\u0632<\/option>\r\n <option value=\"+90\">+90 \u062a\u0631\u0643\u064a\u0627<\/option>\r\n <option value=\"+963\">+963 \u0633\u0648\u0631\u064a\u0627<\/option>\r\n <option value=\"+966\">+966 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/option>\r\n <option value=\"+971\">+971 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a<\/option>\r\n <option value=\"+974\">+974 \u0642\u0637\u0631<\/option>\r\n <option value=\"+965\">+965 \u0627\u0644\u0643\u0648\u064a\u062a<\/option>\r\n <option value=\"+973\">+973 \u0627\u0644\u0628\u062d\u0631\u064a\u0646<\/option>\r\n <option value=\"+968\">+968 \u0639\u064f\u0645\u0627\u0646<\/option>\r\n <option value=\"+962\">+962 \u0627\u0644\u0623\u0631\u062f\u0646<\/option>\r\n <option value=\"+964\">+964 \u0627\u0644\u0639\u0631\u0627\u0642<\/option>\r\n <option value=\"+961\">+961 \u0644\u0628\u0646\u0627\u0646<\/option>\r\n <option value=\"+970\">+970 \u0641\u0644\u0633\u0637\u064a\u0646<\/option>\r\n <option value=\"+20\">+20 \u0645\u0635\u0631<\/option>\r\n <option value=\"+218\">+218 \u0644\u064a\u0628\u064a\u0627<\/option>\r\n <option value=\"+216\">+216 \u062a\u0648\u0646\u0633<\/option>\r\n <option value=\"+213\">+213 \u0627\u0644\u062c\u0632\u0627\u0626\u0631<\/option>\r\n <option value=\"+212\">+212 \u0627\u0644\u0645\u063a\u0631\u0628<\/option>\r\n <option value=\"+249\">+249 \u0627\u0644\u0633\u0648\u062f\u0627\u0646<\/option>\r\n <option value=\"+967\">+967 \u0627\u0644\u064a\u0645\u0646<\/option>\r\n <option value=\"+1\">+1 \u0623\u0645\u0631\u064a\u0643\u0627\/\u0643\u0646\u062f\u0627<\/option>\r\n <option value=\"+44\">+44 \u0628\u0631\u064a\u0637\u0627\u0646\u064a\u0627<\/option>\r\n <option value=\"+49\">+49 \u0623\u0644\u0645\u0627\u0646\u064a\u0627<\/option>\r\n <option value=\"+33\">+33 \u0641\u0631\u0646\u0633\u0627<\/option>\r\n <option value=\"+46\">+46 \u0627\u0644\u0633\u0648\u064a\u062f<\/option>\r\n <option value=\"+31\">+31 \u0647\u0648\u0644\u0646\u062f\u0627<\/option>\r\n <option value=\"+32\">+32 \u0628\u0644\u062c\u064a\u0643\u0627<\/option>\r\n <\/select>\r\n <input class=\"form-control\" id=\"whatsapp\" name=\"\u0631\u0642\u0645 \u0648\u0627\u062a\u0633\u0627\u0628\" type=\"tel\" required inputmode=\"tel\" autocomplete=\"tel-national\" pattern=\"[0-9\\s\\-]{6,15}\" placeholder=\"5XXXXXXXXX\">\r\n <\/div>\r\n <span class=\"form-help\">\u0627\u0643\u062a\u0628 \u0627\u0644\u0631\u0642\u0645 \u0628\u062f\u0648\u0646 \u0631\u0645\u0632 \u0627\u0644\u062f\u0648\u0644\u0629 \u0644\u0623\u0646\u0643 \u0627\u062e\u062a\u0631\u062a \u0627\u0644\u0631\u0645\u0632 \u0645\u0646 \u0627\u0644\u0642\u0627\u0626\u0645\u0629.<\/span>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"birthDate\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f <span class=\"required-star\">*<\/span><\/label>\r\n <input class=\"form-control\" id=\"birthDate\" name=\"\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f\" type=\"date\" required>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"age\">\u0627\u0644\u0639\u0645\u0631<\/label>\r\n <input class=\"form-control\" id=\"age\" name=\"\u0627\u0644\u0639\u0645\u0631\" type=\"number\" readonly placeholder=\"\u064a\u064f\u062d\u0633\u0628 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"country\">\u0627\u0644\u062f\u0648\u0644\u0629 \/ \u0628\u0644\u062f \u0627\u0644\u0625\u0642\u0627\u0645\u0629 <span class=\"required-star\">*<\/span><\/label>\r\n <input class=\"form-control\" id=\"country\" name=\"\u0627\u0644\u062f\u0648\u0644\u0629 \/ \u0628\u0644\u062f \u0627\u0644\u0625\u0642\u0627\u0645\u0629\" type=\"text\" required autocomplete=\"country-name\" placeholder=\"\u0645\u062b\u0627\u0644: \u062a\u0631\u0643\u064a\u0627\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"education\">\u0627\u0644\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a <span class=\"required-star\">*<\/span><\/label>\r\n <select class=\"form-control\" id=\"education\" name=\"\u0627\u0644\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u062f\u0631\u0627\u0633\u064a\" required>\r\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062f\u0631\u0627\u0633\u064a<\/option>\r\n <option>\u0628\u062f\u0648\u0646 \u062f\u0631\u0627\u0633\u0629 \u0646\u0638\u0627\u0645\u064a\u0629<\/option>\r\n <option>\u0627\u0628\u062a\u062f\u0627\u0626\u064a<\/option>\r\n <option>\u0625\u0639\u062f\u0627\u062f\u064a \/ \u0645\u062a\u0648\u0633\u0637<\/option>\r\n <option>\u062b\u0627\u0646\u0648\u064a<\/option>\r\n <option>\u0645\u0639\u0647\u062f \/ \u062f\u0628\u0644\u0648\u0645<\/option>\r\n <option>\u062c\u0627\u0645\u0639\u0629 - \u0628\u0643\u0627\u0644\u0648\u0631\u064a\u0648\u0633<\/option>\r\n <option>\u062f\u0631\u0627\u0633\u0627\u062a \u0639\u0644\u064a\u0627 - \u0645\u0627\u062c\u0633\u062a\u064a\u0631 \u0623\u0648 \u062f\u0643\u062a\u0648\u0631\u0627\u0647<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <label class=\"form-label\" for=\"currentWork\">\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0627\u0644\u064a <span class=\"required-star\">*<\/span><\/label>\r\n <input class=\"form-control\" id=\"currentWork\" name=\"\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0627\u0644\u064a\" type=\"text\" required placeholder=\"\u0645\u062b\u0627\u0644: \u0637\u0627\u0644\u0628\u060c \u0645\u0648\u0638\u0641\u060c \u0635\u0627\u062d\u0628 \u0645\u0634\u0631\u0648\u0639\u060c \u0645\u0633\u062a\u0642\u0644...\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"experience\">\u0645\u0633\u062a\u0648\u0627\u0643 \u0627\u0644\u062d\u0627\u0644\u064a \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 <span class=\"required-star\">*<\/span><\/label>\r\n <select class=\"form-control\" id=\"experience\" name=\"\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645\" required>\r\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0633\u062a\u0648\u0649<\/option>\r\n <option>\u0644\u0627 \u0623\u0645\u0644\u0643 \u0623\u064a \u062e\u0628\u0631\u0629<\/option>\r\n <option>\u0645\u0628\u062a\u062f\u0626<\/option>\r\n <option>\u0645\u062a\u0648\u0633\u0637<\/option>\r\n <option>\u0645\u062a\u0642\u062f\u0645<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"device\">\u0647\u0644 \u0644\u062f\u064a\u0643 \u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u062a\u062f\u0631\u064a\u0628\u061f <span class=\"required-star\">*<\/span><\/label>\r\n <select class=\"form-control\" id=\"device\" name=\"\u062a\u0648\u0641\u0631 \u062c\u0647\u0627\u0632 \u0643\u0645\u0628\u064a\u0648\u062a\u0631\" required>\r\n <option value=\"\">\u0627\u062e\u062a\u0631<\/option>\r\n <option>\u0646\u0639\u0645<\/option>\r\n <option>\u0644\u0627<\/option>\r\n <option>\u0633\u0623\u0648\u0641\u0631 \u062c\u0647\u0627\u0632\u064b\u0627 \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u062f\u0648\u0631\u0629<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <label class=\"form-label\" for=\"goal\">\u0645\u0627 \u0647\u062f\u0641\u0643 \u0645\u0646 \u0627\u0644\u0627\u0644\u062a\u062d\u0627\u0642 \u0628\u0627\u0644\u062f\u0648\u0631\u0629\u061f <span class=\"required-star\">*<\/span><\/label>\r\n <textarea class=\"form-control\" id=\"goal\" name=\"\u0627\u0644\u0647\u062f\u0641 \u0645\u0646 \u0627\u0644\u062f\u0648\u0631\u0629\" required minlength=\"10\" placeholder=\"\u0645\u062b\u0627\u0644: \u062a\u0639\u0644\u0645 \u0645\u0647\u0627\u0631\u0629 \u0644\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0631\u060c \u062a\u0637\u0648\u064a\u0631 \u0639\u0645\u0644\u064a \u0627\u0644\u062d\u0627\u0644\u064a\u060c \u0628\u062f\u0621 \u0645\u0634\u0631\u0648\u0639...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <label class=\"form-label\" for=\"attachment\">\u0625\u0631\u0641\u0627\u0642 \u0645\u0644\u0641 \u0623\u0648 \u0646\u0645\u0627\u0630\u062c \u0623\u0639\u0645\u0627\u0644 <span class=\"text-primary-400 font-semibold\">(\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/span><\/label>\r\n <input class=\"form-control\" id=\"attachment\" name=\"attachment\" type=\"file\" accept=\".pdf,.doc,.docx,.jpg,.jpeg,.png\">\r\n <span class=\"form-help\">\u064a\u0645\u0643\u0646 \u0625\u0631\u0641\u0627\u0642 \u0627\u0644\u0633\u064a\u0631\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0623\u0648 \u0646\u0645\u0627\u0630\u062c \u0645\u0646 \u0623\u0639\u0645\u0627\u0644\u0643 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0625\u0646 \u0648\u062c\u062f\u062a.<\/span>\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <label class=\"consent-box\">\r\n <input type=\"checkbox\" name=\"\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u0635\u0644\" value=\"\u0646\u0639\u0645\" required>\r\n <span class=\"text-sm text-primary-700 leading-7\">\u0623\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u064a\u0627\u0646\u0627\u062a\u064a \u0644\u063a\u0631\u0636 \u062f\u0631\u0627\u0633\u0629 \u0637\u0644\u0628 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u064a \u0628\u062e\u0635\u0648\u0635 \u0627\u0644\u062f\u0648\u0631\u0629 \u0641\u0642\u0637.<\/span>\r\n <\/label>\r\n <\/div>\r\n\r\n <div class=\"form-group full\">\r\n <button id=\"registrationSubmitBtn\" class=\"submit-btn\" type=\"submit\">\u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628 \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/button>\r\n <div id=\"registrationError\" class=\"form-error-message\" role=\"alert\">\u062a\u0639\u0630\u0631 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628 \u0627\u0644\u0622\u0646. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.<\/div>\r\n <div class=\"secure-note\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-7a2 2 0 00-2-2h-1V7a5 5 0 00-10 0v3H6a2 2 0 00-2 2v7a2 2 0 002 2z\"\/><\/svg>\r\n \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u062a\u064f\u0631\u0633\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0625\u0644\u0649 \u0628\u0631\u064a\u062f \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062f\u0648\u0631\u0629.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/form>\r\n\r\n <div id=\"registrationSuccess\" class=\"form-submit-state\" role=\"status\" aria-live=\"polite\">\r\n <div class=\"success-icon\" aria-hidden=\"true\">\r\n <svg width=\"38\" height=\"38\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12.5l4.2 4.2L19 7\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 class=\"success-title\">\u0627\u0643\u062a\u0645\u0644\u062a \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0633\u062c\u064a\u0644<\/h3>\r\n <p class=\"success-message\">\u0633\u0648\u0641 \u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u0634\u0631\u0641 \u0628\u0645\u0631\u0627\u062c\u0639\u0629 \u0637\u0644\u0628\u0643\u0645 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645.<\/p>\r\n <button type=\"button\" class=\"success-close-btn\" data-close-registration>\u0625\u063a\u0644\u0627\u0642<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ \u0641\u062a\u062d \u0648\u0625\u063a\u0644\u0627\u0642 \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0633\u062c\u064a\u0644\r\n const modal = document.getElementById('registrationModal');\r\n const openButtons = document.querySelectorAll('[data-open-registration]');\r\n const closeButtons = document.querySelectorAll('[data-close-registration]');\r\n const firstInput = document.getElementById('fullName');\r\n\r\n function openRegistration() {\r\n modal.classList.add('is-open');\r\n modal.setAttribute('aria-hidden', 'false');\r\n document.body.classList.add('modal-open');\r\n setTimeout(() => firstInput && firstInput.focus(), 120);\r\n }\r\n\r\n function closeRegistration() {\r\n modal.classList.remove('is-open');\r\n modal.setAttribute('aria-hidden', 'true');\r\n document.body.classList.remove('modal-open');\r\n\r\n setTimeout(() => {\r\n const form = document.getElementById('registrationForm');\r\n const success = document.getElementById('registrationSuccess');\r\n if (form && success && success.classList.contains('is-visible')) {\r\n form.reset();\r\n document.getElementById('age').value = '';\r\n form.style.display = '';\r\n success.classList.remove('is-visible');\r\n }\r\n }, 250);\r\n }\r\n\r\n openButtons.forEach(btn => btn.addEventListener('click', openRegistration));\r\n closeButtons.forEach(btn => btn.addEventListener('click', closeRegistration));\r\n\r\n modal.addEventListener('click', (e) => {\r\n if (e.target === modal) closeRegistration();\r\n });\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && modal.classList.contains('is-open')) closeRegistration();\r\n });\r\n\r\n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0645\u0646 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f\r\n const birthDate = document.getElementById('birthDate');\r\n const ageInput = document.getElementById('age');\r\n\r\n birthDate.addEventListener('change', () => {\r\n if (!birthDate.value) {\r\n ageInput.value = '';\r\n return;\r\n }\r\n\r\n const today = new Date();\r\n const birth = new Date(birthDate.value + 'T00:00:00');\r\n let age = today.getFullYear() - birth.getFullYear();\r\n const monthDiff = today.getMonth() - birth.getMonth();\r\n\r\n if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birth.getDate())) age--;\r\n\r\n if (age < 10 || age > 100) {\r\n ageInput.value = '';\r\n birthDate.setCustomValidity('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u062a\u0627\u0631\u064a\u062e \u0645\u064a\u0644\u0627\u062f \u0635\u062d\u064a\u062d.');\r\n } else {\r\n ageInput.value = age;\r\n birthDate.setCustomValidity('');\r\n }\r\n });\r\n\r\n\r\n \/\/ \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0628\u062f\u0648\u0646 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0632\u0627\u0626\u0631 \u0625\u0644\u0649 \u0635\u0641\u062d\u0629 FormSubmit\r\n const registrationForm = document.getElementById('registrationForm');\r\n const registrationSubmitBtn = document.getElementById('registrationSubmitBtn');\r\n const registrationError = document.getElementById('registrationError');\r\n const registrationSuccess = document.getElementById('registrationSuccess');\r\n\r\n registrationForm.addEventListener('submit', async (event) => {\r\n event.preventDefault();\r\n\r\n if (!registrationForm.checkValidity()) {\r\n registrationForm.reportValidity();\r\n return;\r\n }\r\n\r\n registrationError.classList.remove('is-visible');\r\n const originalButtonText = registrationSubmitBtn.textContent;\r\n registrationSubmitBtn.disabled = true;\r\n registrationSubmitBtn.textContent = '\u062c\u0627\u0631\u064a \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628...';\r\n\r\n try {\r\n const formData = new FormData(registrationForm);\r\n const response = await fetch('https:\/\/formsubmit.co\/ajax\/tr@abdulazizalsari.net', {\r\n method: 'POST',\r\n headers: { 'Accept': 'application\/json' },\r\n body: formData\r\n });\r\n\r\n let result = null;\r\n try { result = await response.json(); } catch (_) {}\r\n\r\n if (!response.ok || (result && result.success === false)) {\r\n throw new Error('Submission failed');\r\n }\r\n\r\n registrationForm.style.display = 'none';\r\n registrationSuccess.classList.add('is-visible');\r\n } catch (error) {\r\n registrationError.classList.add('is-visible');\r\n registrationSubmitBtn.disabled = false;\r\n registrationSubmitBtn.textContent = originalButtonText;\r\n }\r\n });\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a \u062a\u0633\u062c\u064a\u0644 \u0645\u0641\u062a\u0648\u062d \u0627\u0644\u0622\u0646 \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a \u0623\u0643\u0627\u062f\u064a\u0645\u064a \u0648\u062a\u0637\u0628\u064a\u0642\u064a \u064a\u0646\u0642\u0644\u0643 \u0645\u0646 \u0641\u0647\u0645 \u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0628\u0635\u0631\u064a \u0625\u0644\u0649 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-1708","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/pages\/1708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/comments?post=1708"}],"version-history":[{"count":283,"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/pages\/1708\/revisions"}],"predecessor-version":[{"id":4155,"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/pages\/1708\/revisions\/4155"}],"wp:attachment":[{"href":"https:\/\/abdulazizalsari.net\/en\/wp-json\/wp\/v2\/media?parent=1708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}