\u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631 | \u062d\u0633\u0627\u0628\u0631\u0633 \u0631\u0633\u0645\u06cc \u0648 \u0645\u0634\u0627\u0648\u0631 \u0627\u0631\u0634\u062f \u0645\u0627\u0644\u06cc<\/title>\n \n <link href=\"https:\/\/cdn.jsdelivr.net\/gh\/rastikerdar\/vazirmatn@v33.0.0\/Vazirmatn-font-face.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n \n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Vazirmatn', 'sans-serif'],\n },\n colors: {\n navy: {\n 900: '#0a192f',\n 800: '#112240',\n 700: '#233554',\n },\n gold: {\n 400: '#ffd700',\n 500: '#d4af37',\n 600: '#aa8c2c',\n }\n },\n backgroundImage: {\n 'glass-gradient': 'linear-gradient(145deg, rgba(17, 34, 64, 0.6) 0%, rgba(10, 25, 47, 0.4) 100%)',\n },\n boxShadow: {\n 'glass': '0 4px 30px rgba(0, 0, 0, 0.5)',\n 'gold-glow': '0 0 20px rgba(212, 175, 55, 0.25)',\n }\n }\n }\n }\n <\/script>\n \n <style>\n html {\n scroll-behavior: smooth;\n }\n\n body {\n background-color: #050b14;\n color: #e2e8f0;\n overflow-x: hidden;\n position: relative;\n }\n\n \/* Abstract glowing background effects *\/\n .bg-glow-1 {\n position: absolute;\n top: -5%;\n right: -10%;\n width: 55vw;\n height: 55vw;\n background: radial-gradient(circle, rgba(212,175,55,0.08) 0%, rgba(10,25,47,0) 70%);\n border-radius: 50%;\n z-index: -1;\n pointer-events: none;\n }\n\n .bg-glow-2 {\n position: absolute;\n top: 45%;\n left: -15%;\n width: 65vw;\n height: 65vw;\n background: radial-gradient(circle, rgba(17,34,64,0.4) 0%, rgba(10,25,47,0) 70%);\n border-radius: 50%;\n z-index: -1;\n pointer-events: none;\n }\n\n @keyframes pulse-glow {\n 0% { opacity: 0.15; transform: scale(1); }\n 50% { opacity: 0.35; transform: scale(1.05); }\n 100% { opacity: 0.15; transform: scale(1); }\n }\n\n .animate-pulse-glow {\n animation: pulse-glow 5s ease-in-out infinite;\n }\n\n \/* Glassmorphism utility classes *\/\n .glass-panel {\n background: var(--tw-gradient-glass-gradient);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(212, 175, 55, 0.15);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n border-left: 1px solid rgba(255, 255, 255, 0.05);\n box-shadow: var(--tw-shadow-glass);\n transition: all 0.3s ease;\n }\n\n .glass-panel:hover {\n border-color: rgba(212, 175, 55, 0.4);\n box-shadow: var(--tw-shadow-gold-glow);\n }\n\n .text-gold-gradient {\n background: linear-gradient(to right, #ffd700, #d4af37, #aa8c2c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .gold-border-gradient {\n position: relative;\n border-radius: 9999px;\n padding: 2px;\n background: linear-gradient(to right, #d4af37, #aa8c2c, transparent);\n }\n .gold-border-gradient > div {\n background-color: #0a192f;\n border-radius: 9999px;\n height: 100%;\n width: 100%;\n }\n\n .sharp-img {\n image-rendering: -webkit-optimize-contrast;\n object-fit: cover;\n object-position: top center;\n }\n\n \/* Timeline Connector *\/\n .timeline-line::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 50%;\n width: 2px;\n background: linear-gradient(to bottom, rgba(212, 175, 55, 0.5), rgba(17, 34, 64, 0.1));\n transform: translateX(50%);\n }\n\n @media (max-width: 768px) {\n .timeline-line::before {\n right: 20px;\n }\n }\n\n \/* Accordion transition *\/\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.35s cubic-bezier(0, 1, 0, 1);\n }\n .faq-answer.open {\n max-height: 500px;\n transition: max-height 0.5s ease-in-out;\n }\n\n \/* Custom scrollbar *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #0a192f; }\n ::-webkit-scrollbar-thumb { background: #d4af37; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #ffd700; }\n <\/style>\n<\/head>\n<body class=\"antialiased min-h-screen flex flex-col font-sans\">\n\n \n <div class=\"bg-glow-1 animate-pulse-glow\"><\/div>\n <div class=\"bg-glow-2 animate-pulse-glow\" style=\"animation-delay: 2.5s;\"><\/div>\n\n <header class=\"w-full fixed top-0 z-50 transition-all duration-300 py-4\" id=\"header\" data-aos=\"fade-down\" data-aos-duration=\"800\">\n <div class=\"container mx-auto px-4 md:px-8\">\n <div class=\"glass-panel rounded-full px-6 py-3 flex items-center justify-between\">\n \n \n <a href=\"#\" class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full border border-gold-500 flex items-center justify-center text-gold-500 font-bold text-xl hover:bg-gold-500 hover:text-navy-900 transition-colors duration-300 cursor-pointer\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <div class=\"hidden sm:block\">\n <h1 class=\"text-white font-bold text-lg leading-tight\">\u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631<\/h1>\n <p class=\"text-gray-400 text-xs\">\u062d\u0633\u0627\u0628\u0631\u0633 \u0631\u0633\u0645\u06cc \u0648 \u0645\u0634\u0627\u0648\u0631 \u0645\u0627\u0644\u06cc<\/p>\n <\/div>\n <\/a>\n\n \n <nav class=\"hidden lg:flex items-center gap-6 text-sm text-gray-300\">\n <a href=\"#about\" class=\"hover:text-gold-400 transform hover:-translate-y-0.5 transition-all\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc \u067e\u0648\u0631<\/a>\n <a href=\"#services\" class=\"hover:text-gold-400 transform hover:-translate-y-0.5 transition-all\">\u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc<\/a>\n <a href=\"#why-us\" class=\"hover:text-gold-400 transform hover:-translate-y-0.5 transition-all\">\u0686\u0631\u0627 \u0645\u0627\u061f<\/a>\n <a href=\"#experience\" class=\"hover:text-gold-400 transform hover:-translate-y-0.5 transition-all\">\u0633\u0648\u0627\u0628\u0642 \u0648 \u0645\u062f\u0627\u0631\u06a9 \u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc \u067e\u0648\u0631<\/a>\n <a href=\"#testimonials\" class=\"hover:text-gold-400 transform hover:-translate-y-0.5 transition-all\">\u0646\u0638\u0631\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646<\/a>\n <a href=\"#faq\" class=\"hover:text-gold-400 transform hover:-translate-y-0.5 transition-all\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/a>\n <a href=\"#blog\" class=\"hover:text-gold-400 transform hover:-translate-y-0.5 transition-all\">\u0645\u0642\u0627\u0644\u0627\u062a<\/a>\n <\/nav>\n\n \n <div class=\"gold-border-gradient group cursor-pointer hover:shadow-gold-glow transition-shadow duration-300\">\n <div class=\"flex items-center justify-center\">\n <a href=\"#contact\" class=\"px-5 py-2 text-sm text-gold-500 group-hover:text-gold-400 transition-colors flex items-center gap-2\">\n <span>\u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647<\/span>\n <svg class=\"w-4 h-4 transform group-hover:-translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n \n <button id=\"mobile-menu-btn\" class=\"lg:hidden text-gray-300 hover:text-gold-500 focus:outline-none p-1\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16m-7 6h7\"><\/path><\/svg>\n <\/button>\n <\/div>\n\n \n <div id=\"mobile-menu\" class=\"hidden lg:hidden mt-3 glass-panel rounded-2xl p-4 flex flex-col gap-3 text-center text-sm text-gray-300 transition-all duration-300\">\n <a href=\"#about\" class=\"mobile-link py-2 border-b border-white\/5 hover:text-gold-400 transition-colors\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646<\/a>\n <a href=\"#services\" class=\"mobile-link py-2 border-b border-white\/5 hover:text-gold-400 transition-colors\">\u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc<\/a>\n <a href=\"#why-us\" class=\"mobile-link py-2 border-b border-white\/5 hover:text-gold-400 transition-colors\">\u0686\u0631\u0627 \u0645\u0627\u061f<\/a>\n <a href=\"#experience\" class=\"mobile-link py-2 border-b border-white\/5 hover:text-gold-400 transition-colors\">\u0633\u0648\u0627\u0628\u0642 \u0648 \u0645\u062f\u0627\u0631\u06a9<\/a>\n <a href=\"#testimonials\" class=\"mobile-link py-2 border-b border-white\/5 hover:text-gold-400 transition-colors\">\u0646\u0638\u0631\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646<\/a>\n <a href=\"#faq\" class=\"mobile-link py-2 border-b border-white\/5 hover:text-gold-400 transition-colors\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/a>\n <a href=\"#blog\" class=\"mobile-link py-2 border-b border-white\/5 hover:text-gold-400 transition-colors\">\u0645\u0642\u0627\u0644\u0627\u062a<\/a>\n <a href=\"#contact\" class=\"mobile-link py-2 hover:text-gold-400 transition-colors font-bold text-gold-500\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \/ \u0645\u0634\u0627\u0648\u0631\u0647<\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"flex-grow pt-32 pb-16\">\n <div class=\"container mx-auto px-4 md:px-8\">\n\n <section id=\"about\" class=\"flex flex-col-reverse lg:flex-row items-center justify-between gap-12 mb-24 relative\">\n \n <div class=\"absolute right-0 top-1\/2 w-1\/2 h-1 bg-gradient-to-l from-transparent via-gold-500 to-transparent opacity-20 transform -translate-y-1\/2 -rotate-12 z-0 blur-sm pointer-events-none\"><\/div>\n\n \n <div class=\"w-full lg:w-1\/2 flex flex-col gap-6 z-10 text-center lg:text-right\" data-aos=\"fade-left\" data-aos-delay=\"200\">\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full glass-panel border-gold-500\/30 w-fit mx-auto lg:mx-0 text-gold-400 text-xs font-semibold\">\n <span class=\"w-2 h-2 rounded-full bg-gold-400 animate-ping\"><\/span>\n \u0639\u0636\u0648 \u062c\u0627\u0645\u0639\u0647 \u062d\u0633\u0627\u0628\u062f\u0627\u0631\u0627\u0646 \u0631\u0633\u0645\u06cc \u0627\u06cc\u0631\u0627\u0646\n <\/div>\n <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-extrabold text-white leading-tight\">\n \u0634\u0641\u0627\u0641\u06cc\u062a \u0648 \u0627\u0645\u0646\u06cc\u062a <br\/>\n \u0645\u0627\u0644\u06cc \u0634\u0645\u0627\u060c <span class=\"text-gold-gradient\">\u0627\u0648\u0644\u0648\u06cc\u062a \u0645\u0627\u0633\u062a.<\/span>\n <\/h2>\n \n <p class=\"text-gray-400 text-base sm:text-lg max-w-lg mx-auto lg:mx-0 leading-relaxed\">\n \u0634\u0641\u0627\u0641\u06cc\u062a \u0648 \u0627\u0645\u0646\u06cc\u062a \u0645\u0627\u0644\u06cc \u0634\u0645\u0627\u060c \u0631\u0633\u0627\u0644\u062a \u0648 \u062a\u0639\u0647\u062f \u0627\u0635\u0644\u06cc \u0645\u0627\u0633\u062a. \u0628\u0627 \u062e\u06cc\u0627\u0644\u06cc \u0622\u0633\u0648\u062f\u0647\u060c \u0622\u06cc\u0646\u062f\u0647 \u0645\u0627\u0644\u06cc \u0648 \u062a\u06a9\u0627\u0644\u06cc\u0641 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0645\u0627 \u0628\u0633\u067e\u0627\u0631\u06cc\u062f.\n <\/p>\n\n <div class=\"flex flex-col sm:flex-row items-center gap-4 justify-center lg:justify-start mt-2\">\n <a href=\"#contact\" class=\"bg-gradient-to-r from-gold-600 to-gold-400 text-navy-900 font-bold py-3 px-8 rounded-full hover:shadow-gold-glow hover:scale-105 transition-all duration-300 flex items-center gap-2 w-full sm:w-auto justify-center\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646\n <\/a>\n \n <a href=\"#services\" class=\"glass-panel py-3 px-6 rounded-full flex items-center gap-2 text-gray-300 hover:text-white hover:border-gold-400 transition-all duration-300 w-full sm:w-auto justify-center group\">\n <span>\u0628\u0631\u0631\u0633\u06cc \u062e\u062f\u0645\u0627\u062a<\/span>\n <svg class=\"w-4 h-4 text-gold-400 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"w-full lg:w-1\/2 flex justify-center z-10\" data-aos=\"fade-right\" data-aos-delay=\"400\">\n <div class=\"relative bg-navy-800\/90 border border-gold-500\/40 rounded-3xl p-3 w-72 sm:w-80 md:w-96 aspect-[3\/4] hover:scale-[1.02] transition-transform duration-500 shadow-[0_0_35px_rgba(212,175,55,0.2)]\">\n <div class=\"w-full h-full rounded-2xl overflow-hidden bg-navy-900 relative\">\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/2YLVj7JV\/75766223-B905-4500-B923-F837014-F7514.png\" \n onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?q=80&w=1200&auto=format&fit=crop';\" \n alt=\"\u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631 - \u062d\u0633\u0627\u0628\u0631\u0633 \u0648 \u0645\u0634\u0627\u0648\u0631 \u0645\u0627\u0644\u06cc\" \n class=\"w-full h-full sharp-img\">\n \n <div class=\"absolute bottom-0 left-0 w-full h-1\/5 bg-gradient-to-t from-navy-900\/80 to-transparent pointer-events-none\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"mb-32 relative z-10\" data-aos=\"fade-up\">\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6\">\n <div class=\"glass-panel rounded-2xl p-6 text-center border-gold-500\/20 hover:border-gold-500\/50\">\n <span class=\"text-3xl sm:text-4xl font-extrabold text-gold-gradient block mb-2\">\u06f3+<\/span>\n <span class=\"text-xs sm:text-sm text-gray-400\">\u0633\u0627\u0644 \u0633\u0627\u0628\u0642\u0647 \u062a\u062e\u0635\u0635\u06cc<\/span>\n <\/div>\n <div class=\"glass-panel rounded-2xl p-6 text-center border-gold-500\/20 hover:border-gold-500\/50\">\n <span class=\"text-3xl sm:text-4xl font-extrabold text-gold-gradient block mb-2\">\u06f3\u06f0+<\/span>\n <span class=\"text-xs sm:text-sm text-gray-400\">\u067e\u0631\u0648\u0698\u0647 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0645\u0648\u0641\u0642<\/span>\n <\/div>\n <div class=\"glass-panel rounded-2xl p-6 text-center border-gold-500\/20 hover:border-gold-500\/50\">\n <span class=\"text-3xl sm:text-4xl font-extrabold text-gold-gradient block mb-2\">\u06f5\u06f0\u06f0B+<\/span>\n <span class=\"text-xs sm:text-sm text-gray-400\">\u062a\u0648\u0645\u0627\u0646 \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc<\/span>\n <\/div>\n <div class=\"glass-panel rounded-2xl p-6 text-center border-gold-500\/20 hover:border-gold-500\/50\">\n <span class=\"text-3xl sm:text-4xl font-extrabold text-gold-gradient block mb-2\">\u066a\u06f9\u06f9<\/span>\n <span class=\"text-xs sm:text-sm text-gray-400\">\u0631\u0636\u0627\u06cc\u062a \u0634\u0631\u06a9\u062a\u0647\u0627<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"services\" class=\"mb-32 relative z-10\">\n <div class=\"text-center mb-16\" data-aos=\"fade-up\">\n <h3 class=\"text-3xl font-bold text-gold-500 inline-block relative pb-2\">\n \u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0648 \u0645\u0627\u0644\u06cc\n <span class=\"absolute bottom-0 left-1\/2 transform -translate-x-1\/2 w-16 h-1 bg-gold-600 rounded-full\"><\/span>\n <\/h3>\n <p class=\"text-gray-400 text-sm mt-3 max-w-xl mx-auto\">\u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u062c\u0627\u0645\u0639 \u0645\u0627\u0644\u06cc \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0622\u062e\u0631\u06cc\u0646 \u0642\u0648\u0627\u0646\u06cc\u0646 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u06a9\u0634\u0648\u0631<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <div class=\"glass-panel rounded-2xl p-8 flex flex-col justify-between hover:-translate-y-2 transition-transform duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-gold-500\/10 border border-gold-500\/30 flex items-center justify-center text-gold-400 mb-6 group-hover:scale-110 transition-transform\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-white mb-3\">\u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc<\/h4>\n <p class=\"text-gray-400 text-sm leading-relaxed mb-6\">\n \u0628\u0631\u0631\u0633\u06cc \u062f\u0642\u06cc\u0642\u060c \u0645\u0633\u062a\u0642\u0644 \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u062c\u0647\u062a \u0627\u0631\u0627\u0626\u0647 \u06af\u0632\u0627\u0631\u0634 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0645\u0639\u062a\u0628\u0631 \u0628\u0631\u0627\u06cc \u0628\u0627\u0646\u06a9\u200c\u0647\u0627\u060c \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u0627\u0646 \u0648 \u0633\u0627\u0632\u0645\u0627\u0646 \u0627\u0645\u0648\u0631 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc.\n <\/p>\n <\/div>\n <a href=\"#contact\" class=\"text-gold-400 text-sm font-semibold flex items-center gap-2 group-hover:text-gold-300\">\n \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062d\u0633\u0627\u0628\u0631\u0633\u06cc\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n <\/a>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl p-8 flex flex-col justify-between hover:-translate-y-2 transition-transform duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-gold-500\/10 border border-gold-500\/30 flex items-center justify-center text-gold-400 mb-6 group-hover:scale-110 transition-transform\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-white mb-3\">\u0645\u0634\u0627\u0648\u0631\u0647 \u0648 \u062f\u0627\u062f\u0631\u0633\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc<\/h4>\n <p class=\"text-gray-400 text-sm leading-relaxed mb-6\">\n \u062a\u0646\u0638\u06cc\u0645 \u0627\u0638\u0647\u0627\u0631\u0646\u0627\u0645\u0647\u060c \u062f\u0641\u0627\u0639 \u062f\u0631 \u0647\u06cc\u0626\u062a\u200c\u0647\u0627\u06cc \u062d\u0644 \u0627\u062e\u062a\u0644\u0627\u0641 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0642\u0627\u0646\u0648\u0646\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a \u0648 \u06a9\u0627\u0647\u0634 \u0644\u0648\u0627\u06cc\u062d \u062c\u0631\u06cc\u0645\u0647 \u0628\u0627 \u0627\u0633\u062a\u0646\u0627\u062f \u0628\u0647 \u0642\u0648\u0627\u0646\u06cc\u0646 \u0631\u0648\u0632.\n <\/p>\n <\/div>\n <a href=\"#contact\" class=\"text-gold-400 text-sm font-semibold flex items-center gap-2 group-hover:text-gold-300\">\n \u0645\u0634\u0627\u0648\u0631\u0647 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n <\/a>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl p-8 flex flex-col justify-between hover:-translate-y-2 transition-transform duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-gold-500\/10 border border-gold-500\/30 flex items-center justify-center text-gold-400 mb-6 group-hover:scale-110 transition-transform\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-white mb-3\">\u0637\u0631\u0627\u062d\u06cc \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u062f\u0627\u062e\u0644\u06cc<\/h4>\n <p class=\"text-gray-400 text-sm leading-relaxed mb-6\">\n \u0639\u0627\u0631\u0636\u0647\u200c\u06cc\u0627\u0628\u06cc \u0686\u0631\u062e\u0647\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc\u060c \u0628\u0633\u062a\u0646 \u06af\u0644\u0648\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0633\u0648\u0621\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u0637\u0631\u0627\u062d\u06cc \u062f\u0633\u062a\u0648\u0631\u0627\u0644\u0639\u0645\u0644\u200c\u0647\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u062f\u0627\u062e\u0644\u06cc \u0628\u0631\u0627\u06cc \u0627\u0631\u062a\u0642\u0627\u06cc \u0627\u0646\u0636\u0628\u0627\u0637 \u0645\u0627\u0644\u06cc.\n <\/p>\n <\/div>\n <a href=\"#contact\" class=\"text-gold-400 text-sm font-semibold flex items-center gap-2 group-hover:text-gold-300\">\n \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0633\u0627\u062e\u062a\u0627\u0631\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n <\/a>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl p-8 flex flex-col justify-between hover:-translate-y-2 transition-transform duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-gold-500\/10 border border-gold-500\/30 flex items-center justify-center text-gold-400 mb-6 group-hover:scale-110 transition-transform\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-white mb-3\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0627\u0644\u06cc \u0628\u0631\u0648\u0646\u200c\u0633\u067e\u0627\u0631\u06cc (Fractional CFO)<\/h4>\n <p class=\"text-gray-400 text-sm leading-relaxed mb-6\">\n \u062d\u0636\u0648\u0631 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0645\u062f\u06cc\u0631 \u0645\u0627\u0644\u06cc \u0627\u0631\u0634\u062f \u063a\u06cc\u0631\u0645\u0633\u062a\u0645\u0631 \u0628\u0631\u0627\u06cc \u0647\u062f\u0627\u06cc\u062a \u0631\u0627\u0647\u0628\u0631\u062f\u06cc\u060c \u0628\u0648\u062f\u062c\u0647\u200c\u0628\u0646\u062f\u06cc \u0633\u0627\u0644\u0627\u0646\u0647 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062c\u0631\u06cc\u0627\u0646 \u0646\u0642\u062f\u06cc\u0646\u06af\u06cc \u0634\u0631\u06a9\u062a\u200c\u0647\u0627.\n <\/p>\n <\/div>\n <a href=\"#contact\" class=\"text-gold-400 text-sm font-semibold flex items-center gap-2 group-hover:text-gold-300\">\n \u0631\u0632\u0631\u0648 \u0631\u0627\u0647\u0628\u0631\u06cc \u0645\u0627\u0644\u06cc\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n <\/a>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl p-8 flex flex-col justify-between hover:-translate-y-2 transition-transform duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-gold-500\/10 border border-gold-500\/30 flex items-center justify-center text-gold-400 mb-6 group-hover:scale-110 transition-transform\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-white mb-3\">\u0627\u0631\u0632\u0634\u200c\u06af\u0630\u0627\u0631\u06cc \u0633\u0647\u0627\u0645 \u0648 \u0627\u0645\u06a9\u0627\u0646\u200c\u0633\u0646\u062c\u06cc<\/h4>\n <p class=\"text-gray-400 text-sm leading-relaxed mb-6\">\n \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u062f\u0642\u06cc\u0642 \u0627\u0631\u0632\u0634 \u0628\u0631\u0646\u062f \u0648 \u0633\u0647\u0627\u0645 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u062c\u0630\u0628 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u060c \u0627\u062f\u063a\u0627\u0645 \u0648 \u062a\u0645\u0644\u06a9 (M&A) \u0648 \u062a\u0647\u06cc\u0647 \u0637\u0631\u062d\u200c\u0647\u0627\u06cc \u062a\u0648\u062c\u06cc\u0647\u06cc \u0645\u0627\u0644\u06cc.\n <\/p>\n <\/div>\n <a href=\"#contact\" class=\"text-gold-400 text-sm font-semibold flex items-center gap-2 group-hover:text-gold-300\">\n \u0627\u0631\u0632\u0634\u200c\u06af\u0630\u0627\u0631\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n <\/a>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl p-8 flex flex-col justify-between hover:-translate-y-2 transition-transform duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-gold-500\/10 border border-gold-500\/30 flex items-center justify-center text-gold-400 mb-6 group-hover:scale-110 transition-transform\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-white mb-3\">\u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0648\u062f\u06cc\u0627\u0646 \u0648 \u067e\u0627\u06cc\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc<\/h4>\n <p class=\"text-gray-400 text-sm leading-relaxed mb-6\">\n \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u06a9\u0627\u0645\u0644 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u060c \u0627\u062a\u0635\u0627\u0644 \u0628\u0647 \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0648\u062f\u06cc\u0627\u0646\u060c \u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0627\u0645\u0644 \u0635\u0648\u0631\u062a\u062d\u0633\u0627\u0628\u200c\u0647\u0627\u06cc \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc.\n <\/p>\n <\/div>\n <a href=\"#contact\" class=\"text-gold-400 text-sm font-semibold flex items-center gap-2 group-hover:text-gold-300\">\n \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0633\u0627\u0645\u0627\u0646\u0647\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"why-us\" class=\"mb-32 relative z-10\">\n <div class=\"glass-panel rounded-3xl p-8 md:p-12 border-gold-500\/30\" data-aos=\"fade-up\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n <div>\n <h3 class=\"text-3xl font-bold text-white mb-6\">\u0686\u0631\u0627 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627 \u0645\u0627 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u061f<\/h3>\n <p class=\"text-gray-300 text-sm leading-relaxed mb-8\">\n \u062f\u0631 \u062f\u0646\u06cc\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647\u200c\u06cc \u0642\u0648\u0627\u0646\u06cc\u0646 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u0645\u0627\u0644\u06cc\u060c \u062f\u0627\u0634\u062a\u0646 \u0645\u0634\u0627\u0648\u0631 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u062a\u0641\u0627\u0648\u062a \u0645\u06cc\u0627\u0646 \u0633\u0648\u062f\u0622\u0648\u0631\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631 \u06cc\u0627 \u0645\u0648\u0627\u062c\u0647\u0647 \u0628\u0627 \u062c\u0631\u0627\u06cc\u0645 \u0633\u0646\u06af\u06cc\u0646 \u0627\u0633\u062a. \u0627\u0631\u0632\u0634\u200c\u0647\u0627\u06cc \u0645\u0627 \u0628\u0631 \u067e\u0627\u06cc\u0647 \u06f3 \u0627\u0635\u0644 \u0627\u0633\u062a\u0648\u0627\u0631 \u0627\u0633\u062a:\n <\/p>\n \n <div class=\"space-y-6\">\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-xl bg-gold-500\/20 text-gold-400 flex items-center justify-center flex-shrink-0 font-bold\">\u06f1<\/div>\n <div>\n <h5 class=\"text-white font-bold mb-1\">\u062a\u0633\u0644\u0637 \u0644\u062d\u0638\u0647\u200c\u0627\u06cc \u0628\u0647 \u0628\u062e\u0634\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc<\/h5>\n <p class=\"text-gray-400 text-xs leading-relaxed\">\u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0645\u062f\u0627\u0648\u0645 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646 \u0622\u0626\u06cc\u0646\u200c\u0646\u0627\u0645\u0647\u200c\u0647\u0627 \u0648 \u0642\u0648\u0627\u0646\u06cc\u0646 \u0633\u0627\u0632\u0645\u0627\u0646 \u0627\u0645\u0648\u0631 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u062a\u0623\u0645\u06cc\u0646 \u0627\u062c\u062a\u0645\u0627\u0639\u06cc.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-xl bg-gold-500\/20 text-gold-400 flex items-center justify-center flex-shrink-0 font-bold\">\u06f2<\/div>\n <div>\n <h5 class=\"text-white font-bold mb-1\">\u0645\u062d\u0631\u0645\u0627\u0646\u06af\u06cc \u06f1\u06f0\u06f0\u066a \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062d\u0633\u0627\u0628\u062f\u0627\u0631\u06cc<\/h5>\n <p class=\"text-gray-400 text-xs leading-relaxed\">\u062a\u0636\u0645\u06cc\u0646 \u06a9\u062a\u0628\u06cc \u0648 \u0639\u062f\u0645 \u0627\u0641\u0634\u0627\u06cc \u0647\u0631\u06af\u0648\u0646\u0647 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0627\u0644\u06cc\u060c \u0627\u0633\u0646\u0627\u062f \u0648 \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u062d\u0633\u0627\u0628\u062f\u0627\u0631\u06cc \u0634\u0631\u06a9\u062a \u0645\u0648\u06a9\u0644.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-xl bg-gold-500\/20 text-gold-400 flex items-center justify-center flex-shrink-0 font-bold\">\u06f3<\/div>\n <div>\n <h5 class=\"text-white font-bold mb-1\">\u0631\u0648\u06cc\u06a9\u0631\u062f \u0641\u0639\u0627\u0644\u0627\u0646\u0647 \u0648 \u067e\u06cc\u0634\u06af\u06cc\u0631\u0627\u0646\u0647<\/h5>\n <p class=\"text-gray-400 text-xs leading-relaxed\">\u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0648 \u0631\u0641\u0639 \u0631\u06cc\u0633\u06a9\u200c\u0647\u0627 \u0642\u0628\u0644 \u0627\u0632 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0645\u0645\u06cc\u0632\u0627\u0646 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u062a\u0627 \u0627\u0632 \u0647\u0631\u06af\u0648\u0646\u0647 \u062c\u0631\u06cc\u0645\u0647 \u0627\u062d\u062a\u0645\u0627\u0644\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0634\u0648\u062f.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-2 gap-4\">\n <div class=\"bg-navy-800\/80 p-6 rounded-2xl border border-white\/5 text-center\">\n <svg class=\"w-10 h-10 text-gold-400 mx-auto mb-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <h6 class=\"text-white font-bold text-sm mb-1\">\u062f\u0642\u062a \u0648 \u0635\u062d\u062a \u0628\u0627\u0644\u0627<\/h6>\n <p class=\"text-gray-400 text-xs\">\u0631\u0639\u0627\u06cc\u062a \u0635\u0641\u0631 \u062a\u0627 \u0635\u062f \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627<\/p>\n <\/div>\n <div class=\"bg-navy-800\/80 p-6 rounded-2xl border border-white\/5 text-center\">\n <svg class=\"w-10 h-10 text-gold-400 mx-auto mb-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n <h6 class=\"text-white font-bold text-sm mb-1\">\u0633\u0631\u0639\u062a \u062f\u0631 \u062a\u062d\u0648\u06cc\u0644<\/h6>\n <p class=\"text-gray-400 text-xs\">\u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0633\u0631\u06cc\u0639 \u0628\u0647 \u062c\u0644\u0633\u0627\u062a<\/p>\n <\/div>\n <div class=\"bg-navy-800\/80 p-6 rounded-2xl border border-white\/5 text-center\">\n <svg class=\"w-10 h-10 text-gold-400 mx-auto mb-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" 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\"><\/path><\/svg>\n <h6 class=\"text-white font-bold text-sm mb-1\">\u062a\u06cc\u0645 \u0645\u062a\u062e\u0635\u0635<\/h6>\n <p class=\"text-gray-400 text-xs\">\u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u062e\u0628\u0631\u0647 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc<\/p>\n <\/div>\n <div class=\"bg-navy-800\/80 p-6 rounded-2xl border border-white\/5 text-center\">\n <svg class=\"w-10 h-10 text-gold-400 mx-auto mb-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z\"><\/path><\/svg>\n <h6 class=\"text-white font-bold text-sm mb-1\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062f\u0627\u0626\u0645\u06cc<\/h6>\n <p class=\"text-gray-400 text-xs\">\u0647\u0645\u0631\u0627\u0647\u06cc \u062f\u0631 \u062a\u0645\u0627\u0645 \u0645\u0631\u0627\u062d\u0644 \u0642\u0627\u0646\u0648\u0646\u06cc<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"experience\" class=\"mb-32 relative z-10\">\n <div class=\"text-center mb-16\" data-aos=\"fade-up\">\n <h3 class=\"text-3xl font-bold text-gold-500 inline-block relative pb-2\">\n \u0633\u0648\u0627\u0628\u0642 \u0634\u063a\u0644\u06cc \u0648 \u0645\u062f\u0627\u0631\u06a9 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\n <span class=\"absolute bottom-0 left-1\/2 transform -translate-x-1\/2 w-16 h-1 bg-gold-600 rounded-full\"><\/span>\n <\/h3>\n <p class=\"text-gray-400 text-sm mt-3\">\u0645\u0633\u06cc\u0631 \u0631\u0634\u062f \u062a\u062e\u0635\u0635\u06cc \u0648 \u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0631\u0633\u0645\u06cc \u062d\u0633\u0627\u0628\u0631\u0633\u06cc<\/p>\n <\/div>\n\n <div class=\"relative timeline-line max-w-4xl mx-auto space-y-8\">\n \n <div class=\"flex flex-col md:flex-row items-center justify-between gap-8 relative z-10\" data-aos=\"fade-up\">\n <div class=\"w-full md:w-1\/2 md:text-left order-2 md:order-1\">\n <div class=\"glass-panel p-6 rounded-2xl md:ml-6\">\n <span class=\"text-gold-400 text-xs font-bold bg-gold-500\/10 px-3 py-1 rounded-full inline-block mb-2\">\u06f1\u06f4\u06f0\u06f4 - \u062a\u0627\u06a9\u0646\u0648\u0646<\/span>\n <h4 class=\"text-lg font-bold text-white mb-1\">\u0645\u0634\u0627\u0648\u0631 \u0627\u0631\u0634\u062f \u0645\u0627\u0644\u06cc \u0648 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc<\/h4>\n <p class=\"text-gray-400 text-xs\">\u062f\u0641\u062a\u0631 \u062a\u062e\u0635\u0635\u06cc \u0645\u0634\u0627\u0648\u0631\u0647 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u062e\u062f\u0645\u0627\u062a \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631<\/p>\n <\/div>\n <\/div>\n <div class=\"w-10 h-10 rounded-full bg-gold-500 border-4 border-navy-900 flex items-center justify-center text-navy-900 font-bold order-1 md:order-2 flex-shrink-0\">\n \u06f1\n <\/div>\n <div class=\"w-full md:w-1\/2 hidden md:block order-3\"><\/div>\n <\/div>\n\n \n <div class=\"flex flex-col md:flex-row items-center justify-between gap-8 relative z-10\" data-aos=\"fade-up\">\n <div class=\"w-full md:w-1\/2 hidden md:block order-1\"><\/div>\n <div class=\"w-10 h-10 rounded-full bg-gold-500 border-4 border-navy-900 flex items-center justify-center text-navy-900 font-bold order-1 md:order-2 flex-shrink-0\">\n \u06f2\n <\/div>\n <div class=\"w-full md:w-1\/2 order-2 md:order-3\">\n <div class=\"glass-panel p-6 rounded-2xl md:mr-6\">\n <span class=\"text-gold-400 text-xs font-bold bg-gold-500\/10 px-3 py-1 rounded-full inline-block mb-2\">\u06f1\u06f4\u06f0\u06f2 - \u06f1\u06f4\u06f0\u06f4<\/span>\n <h4 class=\"text-lg font-bold text-white mb-1\">\u062d\u0633\u0627\u0628\u0631\u0633 \u0627\u0631\u0634\u062f<\/h4>\n <p class=\"text-gray-400 text-xs\">\u0645\u0648\u0633\u0633\u0627\u062a \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0639\u0636\u0648 \u062c\u0627\u0645\u0639\u0647 \u062d\u0633\u0627\u0628\u062f\u0627\u0631\u0627\u0646 \u0631\u0633\u0645\u06cc \u0627\u06cc\u0631\u0627\u0646 (IACPA)<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col md:flex-row items-center justify-between gap-8 relative z-10\" data-aos=\"fade-up\">\n <div class=\"w-full md:w-1\/2 md:text-left order-2 md:order-1\">\n <div class=\"glass-panel p-6 rounded-2xl md:ml-6\">\n <span class=\"text-gold-400 text-xs font-bold bg-gold-500\/10 px-3 py-1 rounded-full inline-block mb-2\">\u06f1\u06f4\u06f0\u06f0 - \u06f1\u06f4\u06f0\u06f2<\/span>\n <h4 class=\"text-lg font-bold text-white mb-1\">\u06a9\u0627\u0631\u0634\u0646\u0627\u0633 \u0648 \u0645\u0634\u0627\u0648\u0631 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc<\/h4>\n <p class=\"text-gray-400 text-xs\">\u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u067e\u0631\u0648\u0646\u062f\u0647\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u062a\u0646\u0638\u06cc\u0645 \u0627\u0638\u0647\u0627\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc<\/p>\n <\/div>\n <\/div>\n <div class=\"w-10 h-10 rounded-full bg-gold-500 border-4 border-navy-900 flex items-center justify-center text-navy-900 font-bold order-1 md:order-2 flex-shrink-0\">\n \u06f3\n <\/div>\n <div class=\"w-full md:w-1\/2 hidden md:block order-3\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"testimonials\" class=\"mb-32 relative z-10\">\n <div class=\"text-center mb-12\" data-aos=\"fade-up\">\n <h3 class=\"text-3xl font-bold text-gold-500 inline-block relative pb-2\">\n \u0646\u0638\u0631\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0648 \u0645\u062f\u06cc\u0631\u0627\u0646\n <span class=\"absolute bottom-0 left-1\/2 transform -translate-x-1\/2 w-12 h-1 bg-gold-600 rounded-full\"><\/span>\n <\/h3>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n <div class=\"glass-panel rounded-2xl p-8 relative hover:-translate-y-2 transition-transform duration-300\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <svg class=\"absolute top-6 right-6 w-10 h-10 text-gold-500\/20\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/><\/svg>\n <p class=\"text-gray-300 text-sm leading-loose mb-6 mt-4 relative z-10\">\n \"\u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u062c\u0646\u0627\u0628 \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631 \u06cc\u06a9\u06cc \u0627\u0632 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062a\u0635\u0645\u06cc\u0645\u0627\u062a \u0645\u062f\u06cc\u0631\u06cc\u062a\u06cc \u0645\u0627 \u0628\u0648\u062f. \u0634\u0641\u0627\u0641\u06cc\u062a \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u062f\u0631 \u062d\u0633\u0627\u0628\u200c\u0647\u0627\u06cc \u0634\u0631\u06a9\u062a \u0648 \u0645\u0634\u0627\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u062f\u0642\u06cc\u0642 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0627\u06cc\u0634\u0627\u0646\u060c \u0645\u0627 \u0631\u0627 \u0627\u0632 \u062c\u0631\u06cc\u0645\u0647\u200c\u0647\u0627\u06cc \u0633\u0646\u06af\u06cc\u0646 \u0646\u062c\u0627\u062a \u062f\u0627\u062f.\"\n <\/p>\n <div class=\"flex items-center gap-4 border-t border-white\/10 pt-4 mt-auto\">\n <div class=\"w-12 h-12 rounded-full bg-navy-700 flex items-center justify-center text-gold-400 font-bold text-xl border border-gold-500\/30\">\u0627\u0644\u0641<\/div>\n <div>\n <h5 class=\"text-white font-bold text-sm\">\u0627\u062d\u0645\u062f \u0631\u0636\u0627\u06cc\u06cc<\/h5>\n <span class=\"text-gray-500 text-xs\">\u0645\u062f\u06cc\u0631\u0639\u0627\u0645\u0644 \u0634\u0631\u06a9\u062a \u062a\u0648\u0633\u0639\u0647 \u0646\u0648\u06cc\u0646<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"glass-panel rounded-2xl p-8 relative transform md:-translate-y-4 shadow-[0_0_30px_rgba(212,175,55,0.1)] border-gold-500\/40 hover:-translate-y-6 transition-transform duration-300\" data-aos=\"fade-up\" data-aos-delay=\"250\">\n <svg class=\"absolute top-6 right-6 w-10 h-10 text-gold-500\/20\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/><\/svg>\n <p class=\"text-gray-300 text-sm leading-loose mb-6 mt-4 relative z-10\">\n \"\u062f\u0642\u062a \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631 \u0648 \u0633\u0631\u0639\u062a \u0639\u0645\u0644 \u062f\u0631 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0645\u0627 \u0628\u0627\u0639\u062b \u0634\u062f \u062a\u0627 \u0628\u062a\u0648\u0627\u0646\u06cc\u0645 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631 \u062c\u062f\u06cc\u062f \u062c\u0630\u0628 \u06a9\u0646\u06cc\u0645. \u06af\u0632\u0627\u0631\u0634\u200c\u0647\u0627\u06cc \u062a\u0647\u06cc\u0647 \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u0627\u06cc\u0634\u0627\u0646 \u06a9\u0627\u0645\u0644\u0627\u064b \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0648 \u0642\u0627\u0628\u0644 \u0627\u062a\u06a9\u0627 \u0628\u0648\u062f.\"\n <\/p>\n <div class=\"flex items-center gap-4 border-t border-white\/10 pt-4 mt-auto\">\n <div class=\"w-12 h-12 rounded-full bg-navy-700 flex items-center justify-center text-gold-400 font-bold text-xl border border-gold-500\/30\">\u0633<\/div>\n <div>\n <h5 class=\"text-white font-bold text-sm\">\u0633\u0627\u0631\u0627 \u0645\u0639\u062a\u0645\u062f\u06cc<\/h5>\n <span class=\"text-gray-500 text-xs\">\u0647\u0645\u200c\u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631 \u0627\u0633\u062a\u0627\u0631\u062a\u0627\u067e \u0648\u06cc\u0698\u0646<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"glass-panel rounded-2xl p-8 relative hover:-translate-y-2 transition-transform duration-300\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n <svg class=\"absolute top-6 right-6 w-10 h-10 text-gold-500\/20\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/><\/svg>\n <p class=\"text-gray-300 text-sm leading-loose mb-6 mt-4 relative z-10\">\n \"\u062a\u06cc\u0645 \u0645\u0627\u0644\u06cc \u0645\u0627 \u0628\u0627 \u0645\u0634\u0627\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0642\u0627\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631 \u062a\u0648\u0627\u0646\u0633\u062a \u0633\u0627\u062e\u062a\u0627\u0631 \u0628\u0648\u062f\u062c\u0647\u200c\u0628\u0646\u062f\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0646\u062a\u06cc\u062c\u0647 \u0622\u0646 \u06a9\u0627\u0647\u0634 \u06f1\u06f5 \u062f\u0631\u0635\u062f\u06cc \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc\u0627\u062a\u06cc \u062f\u0631 \u0633\u0627\u0644 \u06af\u0630\u0634\u062a\u0647 \u0628\u0648\u062f.\"\n <\/p>\n <div class=\"flex items-center gap-4 border-t border-white\/10 pt-4 mt-auto\">\n <div class=\"w-12 h-12 rounded-full bg-navy-700 flex items-center justify-center text-gold-400 font-bold text-xl border border-gold-500\/30\">\u0645<\/div>\n <div>\n <h5 class=\"text-white font-bold text-sm\">\u0645\u062d\u0645\u062f \u062d\u0633\u06cc\u0646\u06cc<\/h5>\n <span class=\"text-gray-500 text-xs\">\u0645\u062f\u06cc\u0631 \u0645\u0627\u0644\u06cc \u0647\u0644\u062f\u06cc\u0646\u06af \u0622\u0644\u0641\u0627<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"faq\" class=\"mb-32 relative z-10\">\n <div class=\"text-center mb-16\" data-aos=\"fade-up\">\n <h3 class=\"text-3xl font-bold text-gold-500 inline-block relative pb-2\">\n \u067e\u0631\u0633\u0634\u200c\u0647\u0627\u06cc \u0645\u062a\u062f\u0627\u0648\u0644\n <span class=\"absolute bottom-0 left-1\/2 transform -translate-x-1\/2 w-12 h-1 bg-gold-600 rounded-full\"><\/span>\n <\/h3>\n <p class=\"text-gray-400 text-sm mt-3\">\u067e\u0627\u0633\u062e \u0628\u0647 \u0645\u062a\u062f\u0627\u0648\u0644\u200c\u062a\u0631\u06cc\u0646 \u0633\u0648\u0627\u0644\u0627\u062a \u0634\u0645\u0627 \u062f\u0631\u0628\u0627\u0631\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc<\/p>\n <\/div>\n\n <div class=\"max-w-3xl mx-auto space-y-4\" data-aos=\"fade-up\">\n \n <div class=\"glass-panel rounded-2xl overflow-hidden border-gold-500\/20\">\n <button class=\"faq-btn w-full p-6 text-right font-bold text-white flex justify-between items-center focus:outline-none\">\n <span>\u062a\u0641\u0627\u0648\u062a \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0648 \u062f\u0627\u062f\u0631\u0633\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0686\u06cc\u0633\u062a\u061f<\/span>\n <svg class=\"w-5 h-5 text-gold-400 transform transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-answer px-6 pb-6 text-gray-300 text-sm leading-relaxed\">\n \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0645\u0633\u062a\u0642\u0644 \u0634\u0641\u0627\u0641\u06cc\u062a \u0648 \u0627\u0646\u0637\u0628\u0627\u0642 \u0627\u0633\u0646\u0627\u062f \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u062d\u0633\u0627\u0628\u062f\u0627\u0631\u06cc \u0627\u0633\u062a\u060c \u0627\u0645\u0627 \u062f\u0627\u062f\u0631\u0633\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0641\u0631\u0622\u06cc\u0646\u062f \u062f\u0641\u0627\u0639 \u0627\u0632 \u062d\u0642\u0648\u0642 \u0634\u0631\u06a9\u062a \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0628\u0631\u06af\u0647 \u062a\u0634\u062e\u06cc\u0635 \u0645\u0627\u0644\u06cc\u0627\u062a \u0645\u0645\u06cc\u0632\u0627\u0646 \u0648 \u0634\u0631\u06a9\u062a \u062f\u0631 \u0647\u06cc\u0626\u062a\u200c\u0647\u0627\u06cc \u062d\u0644 \u0627\u062e\u062a\u0644\u0627\u0641 \u0627\u0633\u062a.\n <\/div>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl overflow-hidden border-gold-500\/20\">\n <button class=\"faq-btn w-full p-6 text-right font-bold text-white flex justify-between items-center focus:outline-none\">\n <span>\u0686\u0647 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u0645\u0644\u0632\u0645 \u0628\u0647 \u0627\u0631\u0633\u0627\u0644 \u0635\u0648\u0631\u062a\u062d\u0633\u0627\u0628 \u062f\u0631 \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0648\u062f\u06cc\u0627\u0646 \u0647\u0633\u062a\u0646\u062f\u061f<\/span>\n <svg class=\"w-5 h-5 text-gold-400 transform transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-answer px-6 pb-6 text-gray-300 text-sm leading-relaxed\">\n \u0637\u0628\u0642 \u0642\u0627\u0646\u0648\u0646 \u067e\u0627\u06cc\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0648 \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0648\u062f\u06cc\u0627\u0646\u060c \u062a\u0645\u0627\u0645\u06cc \u0627\u0634\u062e\u0627\u0635 \u062d\u0642\u0648\u0642\u06cc (\u0634\u0631\u06a9\u062a\u200c\u0647\u0627) \u0648 \u0627\u0634\u062e\u0627\u0635 \u062d\u0642\u06cc\u0642\u06cc \u0635\u0627\u062d\u0628 \u0645\u0634\u0627\u063a\u0644 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u200c\u0647\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646 \u0645\u0644\u0632\u0645 \u0628\u0647 \u0635\u062f\u0648\u0631 \u0635\u0648\u0631\u062a\u062d\u0633\u0627\u0628 \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0647\u0633\u062a\u0646\u062f.\n <\/div>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl overflow-hidden border-gold-500\/20\">\n <button class=\"faq-btn w-full p-6 text-right font-bold text-white flex justify-between items-center focus:outline-none\">\n <span>\u0641\u0631\u0622\u06cc\u0646\u062f \u0627\u0631\u0627\u0626\u0647 \u0645\u0634\u0627\u0648\u0631\u0647 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0628\u0647 \u0686\u0647 \u0635\u0648\u0631\u062a \u0622\u063a\u0627\u0632 \u0645\u06cc\u200c\u0634\u0648\u062f\u061f<\/span>\n <svg class=\"w-5 h-5 text-gold-400 transform transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-answer px-6 pb-6 text-gray-300 text-sm leading-relaxed\">\n \u0627\u0628\u062a\u062f\u0627 \u067e\u0633 \u0627\u0632 \u062b\u0628\u062a \u0641\u0631\u0645 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06cc\u0627 \u062a\u0645\u0627\u0633 \u062a\u0644\u0641\u0646\u06cc\u060c \u062c\u0644\u0633\u0647 \u0628\u0631\u0631\u0633\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0627\u0633\u0646\u0627\u062f \u0648 \u0639\u0627\u0631\u0636\u0647\u200c\u06cc\u0627\u0628\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u062d\u0636\u0648\u0631\u06cc \u06cc\u0627 \u0622\u0646\u0644\u0627\u06cc\u0646 \u0628\u0631\u06af\u0632\u0627\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0633\u067e\u0633 \u0628\u0633\u062a\u0647 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u06cc \u0631\u0627\u0647\u06a9\u0627\u0631 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u06af\u0631\u062f\u062f.\n <\/div>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl overflow-hidden border-gold-500\/20\">\n <button class=\"faq-btn w-full p-6 text-right font-bold text-white flex justify-between items-center focus:outline-none\">\n <span>\u0622\u06cc\u0627 \u062e\u062f\u0645\u0627\u062a \u0634\u0645\u0627 \u0634\u0627\u0645\u0644 \u062a\u0636\u0645\u06cc\u0646 \u0639\u062f\u0645 \u062c\u0631\u06cc\u0645\u0647 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f\u061f<\/span>\n <svg class=\"w-5 h-5 text-gold-400 transform transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-answer px-6 pb-6 text-gray-300 text-sm leading-relaxed\">\n \u0628\u0627 \u0627\u062c\u0631\u0627\u06cc \u062f\u0642\u06cc\u0642 \u0628\u062e\u0634\u0646\u0627\u0645\u0647\u200c\u0647\u0627 \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u060c \u0631\u06cc\u0633\u06a9 \u062c\u0631\u0627\u0626\u0645 \u063a\u06cc\u0631\u0642\u0627\u0628\u0644 \u0628\u062e\u0634\u0634 \u0628\u0647 \u0635\u0641\u0631 \u0645\u06cc\u200c\u0631\u0633\u062f \u0648 \u062d\u062f\u0627\u06a9\u062b\u0631 \u0645\u0639\u0627\u0641\u06cc\u062a\u200c\u0647\u0627\u06cc \u0642\u0627\u0646\u0648\u0646\u06cc \u0628\u0631\u0627\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627 \u0627\u062e\u0630 \u0645\u06cc\u200c\u0634\u0648\u062f.\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"blog\" class=\"mb-32 relative z-10\">\n <div class=\"text-center mb-16\" data-aos=\"fade-up\">\n <h3 class=\"text-3xl font-bold text-gold-500 inline-block relative pb-2\">\n \u0622\u062e\u0631\u06cc\u0646 \u0645\u0642\u0627\u0644\u0627\u062a \u0648 \u062a\u062d\u0644\u06cc\u0644\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc\n <span class=\"absolute bottom-0 left-1\/2 transform -translate-x-1\/2 w-16 h-1 bg-gold-600 rounded-full\"><\/span>\n <\/h3>\n <p class=\"text-gray-400 text-sm mt-3\">\u0622\u0645\u0648\u0632\u0634\u200c\u0647\u0627 \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u0627\u0646 \u0648 \u062d\u0633\u0627\u0628\u062f\u0627\u0631\u0627\u0646<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <article class=\"glass-panel rounded-2xl overflow-hidden group hover:-translate-y-2 transition-all duration-300\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <div class=\"h-48 bg-navy-800 relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-navy-900 to-transparent z-10\"><\/div>\n <div class=\"absolute top-4 right-4 bg-gold-500 text-navy-900 font-bold text-xs px-3 py-1 rounded-full z-20\">\u0645\u0627\u0644\u06cc\u0627\u062a<\/div>\n <\/div>\n <div class=\"p-6 flex flex-col justify-between h-[calc(100%-12rem)]\">\n <div>\n <span class=\"text-gray-500 text-xs\">\u06f1\u06f0 \u062a\u06cc\u0631 \u06f1\u06f4\u06f0\u06f3 \u2022 \u0632\u0645\u0627\u0646 \u0645\u0637\u0627\u0644\u0639\u0647: \u06f5 \u062f\u0642\u06cc\u0642\u0647<\/span>\n <h4 class=\"text-lg font-bold text-white my-2 group-hover:text-gold-400 transition-colors\">\u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0646\u06a9\u0627\u062a \u0642\u0627\u0646\u0648\u0646 \u062c\u062f\u06cc\u062f \u0645\u0627\u0644\u06cc\u0627\u062a \u0628\u0631 \u0627\u0631\u0632\u0634 \u0627\u0641\u0632\u0648\u062f\u0647<\/h4>\n <p class=\"text-gray-400 text-xs leading-relaxed mb-4\">\u0628\u0631\u0631\u0633\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0646\u0631\u062e\u060c \u0645\u0639\u0627\u0641\u06cc\u062a\u200c\u0647\u0627 \u0648 \u062a\u06a9\u0627\u0644\u06cc\u0641 \u062c\u062f\u06cc\u062f \u0645\u0648\u062f\u06cc\u0627\u0646 \u062f\u0631 \u0642\u0627\u0646\u0648\u0646 \u062c\u062f\u06cc\u062f \u0627\u0631\u0632\u0634 \u0627\u0641\u0632\u0648\u062f\u0647...<\/p>\n <\/div>\n <button onclick=\"openArticleModal(1)\" class=\"text-gold-400 text-xs font-bold inline-flex items-center gap-1 hover:text-gold-300 transition-colors text-right cursor-pointer\">\n \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0642\u0627\u0644\u0647 \u06a9\u0627\u0645\u0644 ←\n <\/button>\n <\/div>\n <\/article>\n\n \n <article class=\"glass-panel rounded-2xl overflow-hidden group hover:-translate-y-2 transition-all duration-300\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div class=\"h-48 bg-navy-800 relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-navy-900 to-transparent z-10\"><\/div>\n <div class=\"absolute top-4 right-4 bg-gold-500 text-navy-900 font-bold text-xs px-3 py-1 rounded-full z-20\">\u062d\u0633\u0627\u0628\u0631\u0633\u06cc<\/div>\n <\/div>\n <div class=\"p-6 flex flex-col justify-between h-[calc(100%-12rem)]\">\n <div>\n <span class=\"text-gray-500 text-xs\">\u06f2\u06f5 \u062e\u0631\u062f\u0627\u062f \u06f1\u06f4\u06f0\u06f5 \u2022 \u0632\u0645\u0627\u0646 \u0645\u0637\u0627\u0644\u0639\u0647: \u06f8 \u062f\u0642\u06cc\u0642\u0647<\/span>\n <h4 class=\"text-lg font-bold text-white my-2 group-hover:text-gold-400 transition-colors\">\u0686\u06af\u0648\u0646\u0647 \u0634\u0631\u06a9\u062a \u0631\u0627 \u0628\u0631\u0627\u06cc \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0633\u0627\u0644\u0627\u0646\u0647 \u0622\u0645\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645\u061f<\/h4>\n <p class=\"text-gray-400 text-xs leading-relaxed mb-4\">\u0686\u06a9\u200c\u0644\u06cc\u0633\u062a \u06f1\u06f0 \u0645\u0631\u062d\u0644\u0647\u200c\u0627\u06cc \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u062f\u0627\u0631\u06a9 \u0648 \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u067e\u06cc\u0634 \u0627\u0632 \u0648\u0631\u0648\u062f \u062a\u06cc\u0645 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc...<\/p>\n <\/div>\n <button onclick=\"openArticleModal(2)\" class=\"text-gold-400 text-xs font-bold inline-flex items-center gap-1 hover:text-gold-300 transition-colors text-right cursor-pointer\">\n \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0642\u0627\u0644\u0647 \u06a9\u0627\u0645\u0644 ←\n <\/button>\n <\/div>\n <\/article>\n\n \n <article class=\"glass-panel rounded-2xl overflow-hidden group hover:-translate-y-2 transition-all duration-300\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"h-48 bg-navy-800 relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-navy-900 to-transparent z-10\"><\/div>\n <div class=\"absolute top-4 right-4 bg-gold-500 text-navy-900 font-bold text-xs px-3 py-1 rounded-full z-20\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0627\u0644\u06cc<\/div>\n <\/div>\n <div class=\"p-6 flex flex-col justify-between h-[calc(100%-12rem)]\">\n <div>\n <span class=\"text-gray-500 text-xs\">\u06f0\u06f2 \u062e\u0631\u062f\u0627\u062f \u06f1\u06f4\u06f0\u06f3 \u2022 \u0632\u0645\u0627\u0646 \u0645\u0637\u0627\u0644\u0639\u0647: \u06f6 \u062f\u0642\u06cc\u0642\u0647<\/span>\n <h4 class=\"text-lg font-bold text-white my-2 group-hover:text-gold-400 transition-colors\">\u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u062c\u0631\u06cc\u0627\u0646 \u0646\u0642\u062f\u06cc\u0646\u06af\u06cc \u062f\u0631 \u0634\u0631\u0627\u06cc\u0637 \u062a\u0648\u0631\u0645\u06cc<\/h4>\n <p class=\"text-gray-400 text-xs leading-relaxed mb-4\">\u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0639\u0644\u0645\u06cc \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0648\u0631\u0647 \u0648\u0635\u0648\u0644 \u0645\u0637\u0627\u0644\u0628\u0627\u062a \u0648 \u067e\u06cc\u0634\u200c\u0628\u06cc\u0646\u06cc \u0635\u0648\u0631\u062a \u062c\u0631\u06cc\u0627\u0646 \u0648\u062c\u0648\u0647 \u0646\u0642\u062f...<\/p>\n <\/div>\n <button onclick=\"openArticleModal(3)\" class=\"text-gold-400 text-xs font-bold inline-flex items-center gap-1 hover:text-gold-300 transition-colors text-right cursor-pointer\">\n \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0642\u0627\u0644\u0647 \u06a9\u0627\u0645\u0644 ←\n <\/button>\n <\/div>\n <\/article>\n <\/div>\n <\/section>\n\n <section id=\"contact\" class=\"mb-16 relative z-10\" data-aos=\"fade-up\">\n <div class=\"glass-panel rounded-3xl overflow-hidden shadow-2xl\">\n <div class=\"flex flex-col lg:flex-row\">\n \n \n <div class=\"w-full lg:w-2\/5 p-8 lg:p-12 bg-navy-900\/50 flex flex-col justify-between\" data-aos=\"fade-left\" data-aos-delay=\"200\">\n <div>\n <h3 class=\"text-3xl font-bold text-white mb-4\">\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 <span class=\"text-gold-500\">\u0631\u0627\u06cc\u06af\u0627\u0646<\/span><\/h3>\n <p class=\"text-gray-400 mb-8 text-sm leading-relaxed\">\n \u0628\u0631\u0627\u06cc \u0631\u0632\u0631\u0648 \u0648\u0642\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0645\u0627\u0644\u06cc \u06cc\u0627 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc\u060c \u0641\u0631\u0645 \u0631\u0627 \u067e\u0631 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u062f\u0631 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0645\u0645\u06a9\u0646 \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u0646\u062f.\n <\/p>\n \n <div class=\"space-y-6\">\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-full bg-gold-500\/10 flex items-center justify-center text-gold-400 flex-shrink-0\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n <\/div>\n <div>\n <h6 class=\"text-white font-bold text-sm mb-1\">\u062a\u0645\u0627\u0633 \u062a\u0644\u0641\u0646\u06cc<\/h6>\n <a href=\"tel:09128753105\" class=\"text-gray-400 hover:text-gold-400 transition-colors text-sm\" dir=\"ltr\">\u06f0\u06f9\u06f1\u06f2 \u06f8\u06f7\u06f5 \u06f3\u06f1\u06f0\u06f5<\/a>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-full bg-gold-500\/10 flex items-center justify-center text-gold-400 flex-shrink-0\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg>\n <\/div>\n <div>\n <h6 class=\"text-white font-bold text-sm mb-1\">\u0627\u06cc\u0645\u06cc\u0644 \u0627\u0631\u062a\u0628\u0627\u0637\u06cc<\/h6>\n <p class=\"text-gray-400 text-sm\">info@mehdinazaripour.com<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-full bg-gold-500\/10 flex items-center justify-center text-gold-400 flex-shrink-0\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\n <\/div>\n <div>\n <h6 class=\"text-white font-bold text-sm mb-1\">\u0622\u062f\u0631\u0633 \u062f\u0641\u062a\u0631<\/h6>\n <p class=\"text-gray-400 text-sm\">\u062a\u0647\u0631\u0627\u0646\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u06a9\u0627\u0634\u0627\u0646\u06cc\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0628\u0647\u0646\u0627\u0645<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"w-full lg:w-3\/5 p-8 lg:p-12\" data-aos=\"fade-right\" data-aos-delay=\"400\">\n <form class=\"space-y-6\" id=\"consultation-form\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-gray-400 text-sm font-medium mb-2\">\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc<\/label>\n <input type=\"text\" required class=\"w-full bg-navy-800\/50 border border-white\/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-gold-500 focus:ring-1 focus:ring-gold-500 transition-all placeholder-gray-600 hover:border-gold-500\/50\" placeholder=\"\u0645\u062b\u0627\u0644: \u0639\u0644\u06cc \u0627\u062d\u0645\u062f\u06cc\">\n <\/div>\n <div>\n <label class=\"block text-gray-400 text-sm font-medium mb-2\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633<\/label>\n <input type=\"tel\" required class=\"w-full bg-navy-800\/50 border border-white\/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-gold-500 focus:ring-1 focus:ring-gold-500 transition-all placeholder-gray-600 text-left hover:border-gold-500\/50\" placeholder=\"0912 345 6789\" dir=\"ltr\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-gray-400 text-sm font-medium mb-2\">\u0645\u0648\u0636\u0648\u0639 \u062f\u0631\u062e\u0648\u0627\u0633\u062a<\/label>\n <select class=\"w-full bg-navy-800\/50 border border-white\/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-gold-500 focus:ring-1 focus:ring-gold-500 transition-all appearance-none cursor-pointer hover:border-gold-500\/50\">\n <option value=\"\" class=\"text-gray-800\">\u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f...<\/option>\n <option value=\"1\" class=\"text-gray-800\">\u0645\u0634\u0627\u0648\u0631\u0647 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u062f\u0627\u062f\u0631\u0633\u06cc<\/option>\n <option value=\"2\" class=\"text-gray-800\">\u062e\u062f\u0645\u0627\u062a \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc<\/option>\n <option value=\"3\" class=\"text-gray-800\">\u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0648\u062f\u06cc\u0627\u0646 \u0648 \u067e\u0627\u06cc\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc<\/option>\n <option value=\"4\" class=\"text-gray-800\">\u0633\u0627\u06cc\u0631 \u0645\u0648\u0627\u0631\u062f<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-gray-400 text-sm font-medium mb-2\">\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062a\u06a9\u0645\u06cc\u0644\u06cc<\/label>\n <textarea rows=\"4\" class=\"w-full bg-navy-800\/50 border border-white\/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-gold-500 focus:ring-1 focus:ring-gold-500 transition-all placeholder-gray-600 hover:border-gold-500\/50\" placeholder=\"\u0634\u0631\u062d \u0645\u062e\u062a\u0635\u0631\u06cc \u0627\u0632 \u0646\u06cc\u0627\u0632 \u062e\u0648\u062f \u06cc\u0627 \u0645\u0648\u0636\u0648\u0639 \u0634\u0631\u06a9\u062a \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f...\"><\/textarea>\n <\/div>\n <div>\n <button type=\"submit\" class=\"w-full bg-gradient-to-r from-gold-600 to-gold-400 text-navy-900 font-bold py-3.5 px-8 rounded-xl hover:shadow-gold-glow hover:scale-[1.02] transition-all duration-300 text-lg\">\n \u0627\u0631\u0633\u0627\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647\n <\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/div>\n <\/main>\n\n <footer class=\"mt-auto relative border-t border-white\/10 bg-navy-900\/50 pt-16 pb-8 backdrop-blur-sm z-10\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n <div class=\"container mx-auto px-4 md:px-8\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12 mb-12\">\n \n <div class=\"flex flex-col gap-4\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full border border-gold-500 flex items-center justify-center text-gold-500\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <h2 class=\"text-white font-bold text-xl\">\u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631<\/h2>\n <\/div>\n <p class=\"text-gray-400 text-sm leading-relaxed\">\n \u062a\u0639\u0647\u062f \u0628\u0647 \u0634\u0641\u0627\u0641\u06cc\u062a \u0648 \u062a\u062e\u0635\u0635 \u062f\u0631 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0646\u0648\u06cc\u0646 \u0645\u0627\u0644\u06cc \u0648 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u067e\u0627\u06cc\u062f\u0627\u0631 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627.\n <\/p>\n <\/div>\n\n <div>\n <h4 class=\"text-white font-bold mb-6 text-lg border-b border-gold-500\/30 pb-2 inline-block\">\u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u0633\u0631\u06cc\u0639<\/h4>\n <ul class=\"space-y-3\">\n <li><a href=\"#about\" class=\"text-gray-400 hover:text-gold-400 transition-colors text-sm\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/a><\/li>\n <li><a href=\"#services\" class=\"text-gray-400 hover:text-gold-400 transition-colors text-sm\">\u062e\u062f\u0645\u0627\u062a \u0645\u0627\u0644\u06cc \u0648 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc<\/a><\/li>\n <li><a href=\"#experience\" class=\"text-gray-400 hover:text-gold-400 transition-colors text-sm\">\u0633\u0648\u0627\u0628\u0642 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/a><\/li>\n <li><a href=\"#faq\" class=\"text-gray-400 hover:text-gold-400 transition-colors text-sm\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div>\n <h4 class=\"text-white font-bold mb-6 text-lg border-b border-gold-500\/30 pb-2 inline-block\">\u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc<\/h4>\n <p class=\"text-gray-400 text-sm mb-4\">\u0645\u0627 \u0631\u0627 \u062f\u0631 \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f:<\/p>\n <div class=\"flex items-center gap-4\">\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-navy-800 border border-white\/10 flex items-center justify-center text-gray-400 hover:bg-gold-500 hover:text-navy-900 transition-all duration-300\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/><\/svg>\n <\/a>\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-navy-800 border border-white\/10 flex items-center justify-center text-gray-400 hover:bg-gold-500 hover:text-navy-900 transition-all duration-300\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n \n <div class=\"text-center pt-8 border-t border-white\/5\">\n <p class=\"text-xs text-gray-500\">© \u06f1\u06f4\u06f0\u06f5 \u06a9\u0644\u06cc\u0647 \u062d\u0642\u0648\u0642 \u0645\u0627\u062f\u06cc \u0648 \u0645\u0639\u0646\u0648\u06cc \u0628\u0631\u0627\u06cc \u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <div id=\"article-modal\" class=\"fixed inset-0 bg-black\/80 backdrop-blur-md z-50 hidden flex items-center justify-center p-4 transition-opacity duration-300\">\n <div class=\"glass-panel bg-navy-900 border border-gold-500\/30 rounded-3xl max-w-2xl w-full p-6 md:p-8 relative max-h-[85vh] overflow-y-auto\">\n <button onclick=\"closeArticleModal()\" class=\"absolute top-4 left-4 text-gray-400 hover:text-white text-2xl font-bold w-8 h-8 flex items-center justify-center rounded-full bg-white\/5 hover:bg-white\/10 transition-colors\">\n ×\n <\/button>\n <div id=\"article-modal-content\">\n \n <\/div>\n <\/div>\n <\/div>\n\n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n <script>\n \/\/ Article Modal Content Data\n const articlesData = {\n 1: {\n title: \"\u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0646\u06a9\u0627\u062a \u0642\u0627\u0646\u0648\u0646 \u062c\u062f\u06cc\u062f \u0645\u0627\u0644\u06cc\u0627\u062a \u0628\u0631 \u0627\u0631\u0632\u0634 \u0627\u0641\u0632\u0648\u062f\u0647\",\n category: \"\u0645\u0627\u0644\u06cc\u0627\u062a\",\n date: \"\u06f1\u06f0 \u0645\u0631\u062f\u0627\u062f \u06f1\u06f4\u06f0\u06f5\",\n text: `\u0642\u0627\u0646\u0648\u0646 \u062c\u062f\u06cc\u062f \u0645\u0627\u0644\u06cc\u0627\u062a \u0628\u0631 \u0627\u0631\u0632\u0634 \u0627\u0641\u0632\u0648\u062f\u0647 \u0628\u0627 \u0647\u062f\u0641 \u0634\u0641\u0627\u0641\u200c\u0633\u0627\u0632\u06cc \u0645\u0628\u0627\u062f\u0644\u0627\u062a \u0627\u0642\u062a\u0635\u0627\u062f\u06cc \u0648 \u06a9\u0627\u0647\u0634 \u0641\u0634\u0627\u0631 \u0628\u0631 \u0648\u0627\u062d\u062f\u0647\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f\u06cc \u0628\u0647 \u062a\u0635\u0648\u06cc\u0628 \u0631\u0633\u06cc\u062f\u0647 \u0627\u0633\u062a. \u062f\u0631 \u0627\u06cc\u0646 \u0642\u0627\u0646\u0648\u0646\u060c \u062a\u0639\u0627\u0631\u06cc\u0641 \u062c\u062f\u06cc\u062f\u06cc \u0628\u0631\u0627\u06cc \u0645\u0648\u062f\u06cc\u0627\u0646 \u0648 \u0646\u062d\u0648\u0647\u200c\u06cc \u0635\u062f\u0648\u0631 \u0635\u0648\u0631\u062a\u062d\u0633\u0627\u0628 \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<br\/><br\/>\n <strong>\u0646\u06a9\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc:<\/strong><br\/>\n \u2022 \u0644\u0632\u0648\u0645 \u0627\u0631\u0633\u0627\u0644 \u0635\u0648\u0631\u062a\u062d\u0633\u0627\u0628\u200c\u0647\u0627\u06cc \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0648\u062f\u06cc\u0627\u0646.<br\/>\n \u2022 \u0645\u0639\u0627\u0641\u06cc\u062a \u0628\u0631\u062e\u06cc \u06a9\u0627\u0644\u0627\u0647\u0627\u06cc \u0627\u0633\u0627\u0633\u06cc \u0648 \u062e\u062f\u0645\u0627\u062a \u062f\u0631\u0645\u0627\u0646\u06cc \u0648 \u0622\u0645\u0648\u0632\u0634\u06cc.<br\/>\n \u2022 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0631\u062f\u0627\u062f \u0627\u0639\u062a\u0628\u0627\u0631 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u067e\u0631\u062f\u0627\u062e\u062a\u06cc \u0628\u0631\u0627\u06cc \u0641\u0639\u0627\u0644\u0627\u0646 \u0627\u0642\u062a\u0635\u0627\u062f\u06cc.<br\/><br\/>\n \u0628\u0631\u0627\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 \u0648 \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc \u062f\u0631 \u062e\u0635\u0648\u0635 \u0646\u062d\u0648\u0647 \u0627\u062c\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0642\u0627\u0646\u0648\u0646 \u062f\u0631 \u0633\u0627\u0632\u0645\u0627\u0646 \u062e\u0648\u062f\u060c \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f.`\n },\n 2: {\n title: \"\u0686\u06af\u0648\u0646\u0647 \u0634\u0631\u06a9\u062a \u0631\u0627 \u0628\u0631\u0627\u06cc \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0633\u0627\u0644\u0627\u0646\u0647 \u0622\u0645\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645\u061f\",\n category: \"\u062d\u0633\u0627\u0628\u0631\u0633 \u0631\u0633\u0645\u06cc\",\n date: \"\u06f2\u06f5 \u062a\u06cc\u0631 \u06f1\u06f4\u06f0\u06f5\",\n text: `\u0622\u0645\u0627\u062f\u06af\u06cc \u067e\u06cc\u0634 \u0627\u0632 \u0631\u0633\u06cc\u062f\u06af\u06cc \u062a\u06cc\u0645 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc\u060c \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0631\u0631\u0633\u06cc \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0631\u0627 \u0628\u0633\u06cc\u0627\u0631 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u0648 \u0628\u062f\u0648\u0646 \u062a\u0646\u0634 \u0645\u06cc\u200c\u0633\u0627\u0632\u062f.<br\/><br\/>\n <strong>\u0686\u06a9\u200c\u0644\u06cc\u0633\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc:<\/strong><br\/>\n \u06f1. \u0627\u0646\u0628\u0627\u0631\u06af\u0631\u062f\u0627\u0646\u06cc \u067e\u0627\u06cc\u0627\u0646 \u0633\u0627\u0644 \u0648 \u062a\u0637\u0628\u06cc\u0642 \u0645\u0648\u062c\u0648\u062f\u06cc \u0641\u06cc\u0632\u06cc\u06a9\u06cc \u0628\u0627 \u062f\u0641\u0627\u062a\u0631.<br\/>\n \u06f2. \u0627\u062e\u0630 \u062a\u0627\u06cc\u06cc\u062f\u06cc\u0647 \u0627\u0632 \u0628\u0627\u0646\u06a9\u200c\u0647\u0627\u060c \u0628\u062f\u0647\u06a9\u0627\u0631\u0627\u0646 \u0648 \u0628\u0633\u062a\u0627\u0646\u06a9\u0627\u0631\u0627\u0646 \u0627\u0635\u0644\u06cc.<br\/>\n \u06f3. \u0628\u0627\u06cc\u06af\u0627\u0646\u06cc \u0645\u0631\u062a\u0628 \u0627\u0633\u0646\u0627\u062f \u0645\u062b\u0628\u062a \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u0645\u062f\u0627\u0631\u06a9 \u067e\u0631\u0633\u0646\u0644\u06cc.<br\/>\n \u06f4. \u062a\u0647\u06cc\u0647 \u062a\u0631\u0627\u0632 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0642\u0628\u0644 \u0627\u0632 \u0628\u0633\u062a\u0646 \u062d\u0633\u0627\u0628\u200c\u0647\u0627.<br\/><br\/>\n \u062a\u06cc\u0645 \u0645\u0627 \u0622\u0645\u0627\u062f\u0647 \u0627\u0633\u062a \u062a\u0627 \u067e\u06cc\u0634 \u0627\u0632 \u0648\u0631\u0648\u062f \u062d\u0633\u0627\u0628\u0631\u0633\u0627\u0646 \u0631\u0633\u0645\u06cc\u060c \u06a9\u0644 \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0627\u0644\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u0628\u0646\u062f\u0647\u0627\u06cc \u0634\u0631\u0637 \u067e\u0627\u06cc\u0634 \u06a9\u0646\u062f.`\n },\n 3: {\n title: \"\u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u062c\u0631\u06cc\u0627\u0646 \u0646\u0642\u062f\u06cc\u0646\u06af\u06cc \u062f\u0631 \u0634\u0631\u0627\u06cc\u0637 \u062a\u0648\u0631\u0645\u06cc\",\n category: \"\u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0627\u0644\u06cc\",\n date: \"\u06f0\u06f2 \u062e\u0631\u062f\u0627\u062f \u06f1\u06f4\u06f0\u06f5\",\n text: `\u062f\u0631 \u0634\u0631\u0627\u06cc\u0637 \u062a\u0648\u0631\u0645\u06cc\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u0633\u0631\u0645\u0627\u06cc\u0647 \u062f\u0631 \u06af\u0631\u062f\u0634 \u0648 \u062c\u0631\u06cc\u0627\u0646 \u0646\u0642\u062f\u06cc\u0646\u06af\u06cc \u062d\u06cc\u0627\u062a\u06cc\u200c\u062a\u0631\u06cc\u0646 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0628\u0642\u0627\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627\u0633\u062a.<br\/><br\/>\n <strong>\u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc:<\/strong><br\/>\n \u2022 \u06a9\u0627\u0647\u0634 \u062f\u0648\u0631\u0647 \u0648\u0635\u0648\u0644 \u0645\u0637\u0627\u0644\u0628\u0627\u062a \u0628\u0627 \u0627\u0631\u0627\u0626\u0647\u200c\u06cc \u062a\u062e\u0641\u06cc\u0641\u0627\u062a \u0646\u0642\u062f\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a\u200c\u0634\u062f\u0647.<br\/>\n \u2022 \u06a9\u0646\u062a\u0631\u0644 \u062f\u0642\u06cc\u0642 \u062f\u0648\u0631\u0647 \u06af\u0631\u062f\u0634 \u06a9\u0627\u0644\u0627 \u0648 \u067e\u06cc\u0634\u200c\u0628\u06cc\u0646\u06cc \u062e\u0631\u06cc\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc\u06a9.<br\/>\n \u2022 \u062a\u0646\u0638\u06cc\u0645 \u062f\u0642\u06cc\u0642 \u0635\u0648\u0631\u062a \u062c\u0631\u06cc\u0627\u0646 \u0648\u062c\u0648\u0647 \u0646\u0642\u062f \u0628\u0635\u0648\u0631\u062a \u0647\u0641\u062a\u06af\u06cc \u0648 \u0645\u0627\u0647\u0627\u0646\u0647.<br\/><br\/>\n \u0645\u0634\u0627\u0648\u0631\u0627\u0646 \u0645\u0627 \u0628\u0627 \u062a\u062d\u0644\u06cc\u0644 \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0627\u0644\u06cc \u0634\u0631\u06a9\u062a \u0634\u0645\u0627\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u062a\u0631\u06cc\u0646 \u0645\u062f\u0644 \u062c\u0631\u06cc\u0627\u0646 \u0646\u0642\u062f\u06cc\u0646\u06af\u06cc \u0631\u0627 \u0637\u0631\u0627\u062d\u06cc \u0648 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u06cc\u200c\u0646\u0645\u0627\u06cc\u0646\u062f.`\n }\n };\n\n function openArticleModal(id) {\n const article = articlesData[id];\n if (!article) return;\n\n const modalContent = document.getElementById('article-modal-content');\n modalContent.innerHTML = `\n <div class=\"inline-block bg-gold-500 text-navy-900 font-bold text-xs px-3 py-1 rounded-full mb-3\">${article.category}<\/div>\n <h3 class=\"text-2xl font-bold text-white mb-2\">${article.title}<\/h3>\n <span class=\"text-gray-500 text-xs block mb-6\">${article.date}<\/span>\n <div class=\"text-gray-300 text-sm leading-relaxed border-t border-white\/10 pt-4\">\n ${article.text}\n <\/div>\n <div class=\"mt-8 pt-4 border-t border-white\/10 flex justify-end\">\n <a href=\"#contact\" onclick=\"closeArticleModal()\" class=\"bg-gold-500 hover:bg-gold-400 text-navy-900 font-bold text-sm px-5 py-2.5 rounded-xl transition-colors\">\n \u0645\u0634\u0627\u0648\u0631\u0647 \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u0645\u0642\u0627\u0644\u0647\n <\/a>\n <\/div>\n `;\n\n const modal = document.getElementById('article-modal');\n modal.classList.remove('hidden');\n document.body.style.overflow = 'hidden';\n }\n\n function closeArticleModal() {\n const modal = document.getElementById('article-modal');\n modal.classList.add('hidden');\n document.body.style.overflow = 'auto';\n }\n\n \/\/ Close modal on outside click\n document.getElementById('article-modal').addEventListener('click', function(e) {\n if (e.target === this) {\n closeArticleModal();\n }\n });\n\n \/\/ Initialize AOS\n AOS.init({\n duration: 800,\n easing: 'ease-out-cubic',\n once: true,\n offset: 100,\n });\n\n \/\/ Mobile Menu Toggle\n const menuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n const mobileLinks = document.querySelectorAll('.mobile-link');\n\n if (menuBtn && mobileMenu) {\n menuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n });\n });\n }\n\n \/\/ FAQ Accordion Handler\n const faqBtns = document.querySelectorAll('.faq-btn');\n faqBtns.forEach(btn => {\n btn.addEventListener('click', () => {\n const answer = btn.nextElementSibling;\n const icon = btn.querySelector('svg');\n \n \/\/ Toggle current answer\n answer.classList.toggle('open');\n icon.classList.toggle('rotate-180');\n\n \/\/ Close other answers\n faqBtns.forEach(otherBtn => {\n if (otherBtn !== btn) {\n const otherAnswer = otherBtn.nextElementSibling;\n const otherIcon = otherBtn.querySelector('svg');\n otherAnswer.classList.remove('open');\n otherIcon.classList.remove('rotate-180');\n }\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\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>\u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631 | \u062d\u0633\u0627\u0628\u0631\u0633 \u0631\u0633\u0645\u06cc \u0648 \u0645\u0634\u0627\u0648\u0631 \u0627\u0631\u0634\u062f \u0645\u0627\u0644\u06cc \u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631 \u062d\u0633\u0627\u0628\u0631\u0633 \u0631\u0633\u0645\u06cc \u0648 \u0645\u0634\u0627\u0648\u0631 \u0645\u0627\u0644\u06cc \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc \u067e\u0648\u0631 \u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0686\u0631\u0627 \u0645\u0627\u061f \u0633\u0648\u0627\u0628\u0642 \u0648 \u0645\u062f\u0627\u0631\u06a9 \u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc \u067e\u0648\u0631 \u0646\u0638\u0631\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \u0645\u0642\u0627\u0644\u0627\u062a \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0686\u0631\u0627 \u0645\u0627\u061f \u0633\u0648\u0627\u0628\u0642 \u0648 \u0645\u062f\u0627\u0631\u06a9 \u0646\u0638\u0631\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \u0645\u0642\u0627\u0644\u0627\u062a \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \/ […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":40,"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631 | \u062d\u0633\u0627\u0628\u0631\u0633 \u0631\u0633\u0645\u06cc \u0648 \u0645\u0634\u0627\u0648\u0631 \u0627\u0631\u0634\u062f \u0645\u0627\u0644\u06cc<\/title>\n \n <link href=\"https:\/\/cdn.jsdelivr.net\/gh\/rastikerdar\/vazirmatn@v33.0.0\/Vazirmatn-font-face.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n \n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Vazirmatn', 'sans-serif'],\n },\n colors: {\n navy: {\n 900: '#0a192f',\n 800: '#112240',\n 700: '#233554',\n },\n gold: {\n 400: '#ffd700',\n 500: '#d4af37',\n 600: '#aa8c2c',\n }\n },\n backgroundImage: {\n 'glass-gradient': 'linear-gradient(145deg, rgba(17, 34, 64, 0.6) 0%, rgba(10, 25, 47, 0.4) 100%)',\n },\n boxShadow: {\n 'glass': '0 4px 30px rgba(0, 0, 0, 0.5)',\n 'gold-glow': '0 0 20px rgba(212, 175, 55, 0.25)',\n }\n }\n }\n }\n <\/script>\n \n <style>\n html {\n scroll-behavior: smooth;\n }\n\n body {\n background-color: #050b14;\n color: #e2e8f0;\n overflow-x: hidden;\n position: relative;\n }\n\n \/* Abstract glowing background effects *\/\n .bg-glow-1 {\n position: absolute;\n top: -5%;\n right: -10%;\n width: 55vw;\n height: 55vw;\n background: radial-gradient(circle, rgba(212,175,55,0.08) 0%, rgba(10,25,47,0) 70%);\n border-radius: 50%;\n z-index: -1;\n pointer-events: none;\n }\n\n .bg-glow-2 {\n position: absolute;\n top: 45%;\n left: -15%;\n width: 65vw;\n height: 65vw;\n background: radial-gradient(circle, rgba(17,34,64,0.4) 0%, rgba(10,25,47,0) 70%);\n border-radius: 50%;\n z-index: -1;\n pointer-events: none;\n }\n\n @keyframes pulse-glow {\n 0% { opacity: 0.15; transform: scale(1); }\n 50% { opacity: 0.35; transform: scale(1.05); }\n 100% { opacity: 0.15; transform: scale(1); }\n }\n\n .animate-pulse-glow {\n animation: pulse-glow 5s ease-in-out infinite;\n }\n\n \/* Glassmorphism utility classes *\/\n .glass-panel {\n background: var(--tw-gradient-glass-gradient);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(212, 175, 55, 0.15);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n border-left: 1px solid rgba(255, 255, 255, 0.05);\n box-shadow: var(--tw-shadow-glass);\n transition: all 0.3s ease;\n }\n\n .glass-panel:hover {\n border-color: rgba(212, 175, 55, 0.4);\n box-shadow: var(--tw-shadow-gold-glow);\n }\n\n .text-gold-gradient {\n background: linear-gradient(to right, #ffd700, #d4af37, #aa8c2c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \n .gold-border-gradient {\n position: relative;\n border-radius: 9999px;\n padding: 2px;\n background: linear-gradient(to right, #d4af37, #aa8c2c, transparent);\n }\n .gold-border-gradient > div {\n background-color: #0a192f;\n border-radius: 9999px;\n height: 100%;\n width: 100%;\n }\n\n .sharp-img {\n image-rendering: -webkit-optimize-contrast;\n object-fit: cover;\n object-position: top center;\n }\n\n \/* Timeline Connector *\/\n .timeline-line::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 50%;\n width: 2px;\n background: linear-gradient(to bottom, rgba(212, 175, 55, 0.5), rgba(17, 34, 64, 0.1));\n transform: translateX(50%);\n }\n\n @media (max-width: 768px) {\n .timeline-line::before {\n right: 20px;\n }\n }\n\n \/* Accordion transition *\/\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.35s cubic-bezier(0, 1, 0, 1);\n }\n .faq-answer.open {\n max-height: 500px;\n transition: max-height 0.5s ease-in-out;\n }\n\n \/* Custom scrollbar *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #0a192f; }\n ::-webkit-scrollbar-thumb { background: #d4af37; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #ffd700; }\n <\/style>\n<\/head>\n<body class=\"antialiased min-h-screen flex flex-col font-sans\">\n\n \n <div class=\"bg-glow-1 animate-pulse-glow\"><\/div>\n <div class=\"bg-glow-2 animate-pulse-glow\" style=\"animation-delay: 2.5s;\"><\/div>\n\n <header class=\"w-full fixed top-0 z-50 transition-all duration-300 py-4\" id=\"header\" data-aos=\"fade-down\" data-aos-duration=\"800\">\n <div class=\"container mx-auto px-4 md:px-8\">\n <div class=\"glass-panel rounded-full px-6 py-3 flex items-center justify-between\">\n \n \n <a href=\"#\" class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full border border-gold-500 flex items-center justify-center text-gold-500 font-bold text-xl hover:bg-gold-500 hover:text-navy-900 transition-colors duration-300 cursor-pointer\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <div class=\"hidden sm:block\">\n <h1 class=\"text-white font-bold text-lg leading-tight\">\u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631<\/h1>\n <p class=\"text-gray-400 text-xs\">\u062d\u0633\u0627\u0628\u0631\u0633 \u0631\u0633\u0645\u06cc \u0648 \u0645\u0634\u0627\u0648\u0631 \u0645\u0627\u0644\u06cc<\/p>\n <\/div>\n <\/a>\n\n \n <nav class=\"hidden lg:flex items-center gap-6 text-sm text-gray-300\">\n <a href=\"#about\" class=\"hover:text-gold-400 transform hover:-translate-y-0.5 transition-all\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc \u067e\u0648\u0631<\/a>\n <a href=\"#services\" class=\"hover:text-gold-400 transform hover:-translate-y-0.5 transition-all\">\u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc<\/a>\n <a href=\"#why-us\" class=\"hover:text-gold-400 transform hover:-translate-y-0.5 transition-all\">\u0686\u0631\u0627 \u0645\u0627\u061f<\/a>\n <a href=\"#experience\" class=\"hover:text-gold-400 transform hover:-translate-y-0.5 transition-all\">\u0633\u0648\u0627\u0628\u0642 \u0648 \u0645\u062f\u0627\u0631\u06a9 \u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc \u067e\u0648\u0631<\/a>\n <a href=\"#testimonials\" class=\"hover:text-gold-400 transform hover:-translate-y-0.5 transition-all\">\u0646\u0638\u0631\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646<\/a>\n <a href=\"#faq\" class=\"hover:text-gold-400 transform hover:-translate-y-0.5 transition-all\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/a>\n <a href=\"#blog\" class=\"hover:text-gold-400 transform hover:-translate-y-0.5 transition-all\">\u0645\u0642\u0627\u0644\u0627\u062a<\/a>\n <\/nav>\n\n \n <div class=\"gold-border-gradient group cursor-pointer hover:shadow-gold-glow transition-shadow duration-300\">\n <div class=\"flex items-center justify-center\">\n <a href=\"#contact\" class=\"px-5 py-2 text-sm text-gold-500 group-hover:text-gold-400 transition-colors flex items-center gap-2\">\n <span>\u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647<\/span>\n <svg class=\"w-4 h-4 transform group-hover:-translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n \n <button id=\"mobile-menu-btn\" class=\"lg:hidden text-gray-300 hover:text-gold-500 focus:outline-none p-1\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16m-7 6h7\"><\/path><\/svg>\n <\/button>\n <\/div>\n\n \n <div id=\"mobile-menu\" class=\"hidden lg:hidden mt-3 glass-panel rounded-2xl p-4 flex flex-col gap-3 text-center text-sm text-gray-300 transition-all duration-300\">\n <a href=\"#about\" class=\"mobile-link py-2 border-b border-white\/5 hover:text-gold-400 transition-colors\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646<\/a>\n <a href=\"#services\" class=\"mobile-link py-2 border-b border-white\/5 hover:text-gold-400 transition-colors\">\u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc<\/a>\n <a href=\"#why-us\" class=\"mobile-link py-2 border-b border-white\/5 hover:text-gold-400 transition-colors\">\u0686\u0631\u0627 \u0645\u0627\u061f<\/a>\n <a href=\"#experience\" class=\"mobile-link py-2 border-b border-white\/5 hover:text-gold-400 transition-colors\">\u0633\u0648\u0627\u0628\u0642 \u0648 \u0645\u062f\u0627\u0631\u06a9<\/a>\n <a href=\"#testimonials\" class=\"mobile-link py-2 border-b border-white\/5 hover:text-gold-400 transition-colors\">\u0646\u0638\u0631\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646<\/a>\n <a href=\"#faq\" class=\"mobile-link py-2 border-b border-white\/5 hover:text-gold-400 transition-colors\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/a>\n <a href=\"#blog\" class=\"mobile-link py-2 border-b border-white\/5 hover:text-gold-400 transition-colors\">\u0645\u0642\u0627\u0644\u0627\u062a<\/a>\n <a href=\"#contact\" class=\"mobile-link py-2 hover:text-gold-400 transition-colors font-bold text-gold-500\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \/ \u0645\u0634\u0627\u0648\u0631\u0647<\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"flex-grow pt-32 pb-16\">\n <div class=\"container mx-auto px-4 md:px-8\">\n\n <section id=\"about\" class=\"flex flex-col-reverse lg:flex-row items-center justify-between gap-12 mb-24 relative\">\n \n <div class=\"absolute right-0 top-1\/2 w-1\/2 h-1 bg-gradient-to-l from-transparent via-gold-500 to-transparent opacity-20 transform -translate-y-1\/2 -rotate-12 z-0 blur-sm pointer-events-none\"><\/div>\n\n \n <div class=\"w-full lg:w-1\/2 flex flex-col gap-6 z-10 text-center lg:text-right\" data-aos=\"fade-left\" data-aos-delay=\"200\">\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full glass-panel border-gold-500\/30 w-fit mx-auto lg:mx-0 text-gold-400 text-xs font-semibold\">\n <span class=\"w-2 h-2 rounded-full bg-gold-400 animate-ping\"><\/span>\n \u0639\u0636\u0648 \u062c\u0627\u0645\u0639\u0647 \u062d\u0633\u0627\u0628\u062f\u0627\u0631\u0627\u0646 \u0631\u0633\u0645\u06cc \u0627\u06cc\u0631\u0627\u0646\n <\/div>\n <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-extrabold text-white leading-tight\">\n \u0634\u0641\u0627\u0641\u06cc\u062a \u0648 \u0627\u0645\u0646\u06cc\u062a <br\/>\n \u0645\u0627\u0644\u06cc \u0634\u0645\u0627\u060c <span class=\"text-gold-gradient\">\u0627\u0648\u0644\u0648\u06cc\u062a \u0645\u0627\u0633\u062a.<\/span>\n <\/h2>\n \n <p class=\"text-gray-400 text-base sm:text-lg max-w-lg mx-auto lg:mx-0 leading-relaxed\">\n \u0634\u0641\u0627\u0641\u06cc\u062a \u0648 \u0627\u0645\u0646\u06cc\u062a \u0645\u0627\u0644\u06cc \u0634\u0645\u0627\u060c \u0631\u0633\u0627\u0644\u062a \u0648 \u062a\u0639\u0647\u062f \u0627\u0635\u0644\u06cc \u0645\u0627\u0633\u062a. \u0628\u0627 \u062e\u06cc\u0627\u0644\u06cc \u0622\u0633\u0648\u062f\u0647\u060c \u0622\u06cc\u0646\u062f\u0647 \u0645\u0627\u0644\u06cc \u0648 \u062a\u06a9\u0627\u0644\u06cc\u0641 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0645\u0627 \u0628\u0633\u067e\u0627\u0631\u06cc\u062f.\n <\/p>\n\n <div class=\"flex flex-col sm:flex-row items-center gap-4 justify-center lg:justify-start mt-2\">\n <a href=\"#contact\" class=\"bg-gradient-to-r from-gold-600 to-gold-400 text-navy-900 font-bold py-3 px-8 rounded-full hover:shadow-gold-glow hover:scale-105 transition-all duration-300 flex items-center gap-2 w-full sm:w-auto justify-center\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646\n <\/a>\n \n <a href=\"#services\" class=\"glass-panel py-3 px-6 rounded-full flex items-center gap-2 text-gray-300 hover:text-white hover:border-gold-400 transition-all duration-300 w-full sm:w-auto justify-center group\">\n <span>\u0628\u0631\u0631\u0633\u06cc \u062e\u062f\u0645\u0627\u062a<\/span>\n <svg class=\"w-4 h-4 text-gold-400 group-hover:translate-x-1 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"w-full lg:w-1\/2 flex justify-center z-10\" data-aos=\"fade-right\" data-aos-delay=\"400\">\n <div class=\"relative bg-navy-800\/90 border border-gold-500\/40 rounded-3xl p-3 w-72 sm:w-80 md:w-96 aspect-[3\/4] hover:scale-[1.02] transition-transform duration-500 shadow-[0_0_35px_rgba(212,175,55,0.2)]\">\n <div class=\"w-full h-full rounded-2xl overflow-hidden bg-navy-900 relative\">\n <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/2YLVj7JV\/75766223-B905-4500-B923-F837014-F7514.png\" \n onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?q=80&w=1200&auto=format&fit=crop';\" \n alt=\"\u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631 - \u062d\u0633\u0627\u0628\u0631\u0633 \u0648 \u0645\u0634\u0627\u0648\u0631 \u0645\u0627\u0644\u06cc\" \n class=\"w-full h-full sharp-img\">\n \n <div class=\"absolute bottom-0 left-0 w-full h-1\/5 bg-gradient-to-t from-navy-900\/80 to-transparent pointer-events-none\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"mb-32 relative z-10\" data-aos=\"fade-up\">\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6\">\n <div class=\"glass-panel rounded-2xl p-6 text-center border-gold-500\/20 hover:border-gold-500\/50\">\n <span class=\"text-3xl sm:text-4xl font-extrabold text-gold-gradient block mb-2\">\u06f3+<\/span>\n <span class=\"text-xs sm:text-sm text-gray-400\">\u0633\u0627\u0644 \u0633\u0627\u0628\u0642\u0647 \u062a\u062e\u0635\u0635\u06cc<\/span>\n <\/div>\n <div class=\"glass-panel rounded-2xl p-6 text-center border-gold-500\/20 hover:border-gold-500\/50\">\n <span class=\"text-3xl sm:text-4xl font-extrabold text-gold-gradient block mb-2\">\u06f3\u06f0+<\/span>\n <span class=\"text-xs sm:text-sm text-gray-400\">\u067e\u0631\u0648\u0698\u0647 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0645\u0648\u0641\u0642<\/span>\n <\/div>\n <div class=\"glass-panel rounded-2xl p-6 text-center border-gold-500\/20 hover:border-gold-500\/50\">\n <span class=\"text-3xl sm:text-4xl font-extrabold text-gold-gradient block mb-2\">\u06f5\u06f0\u06f0B+<\/span>\n <span class=\"text-xs sm:text-sm text-gray-400\">\u062a\u0648\u0645\u0627\u0646 \u0635\u0631\u0641\u0647\u200c\u062c\u0648\u06cc\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc<\/span>\n <\/div>\n <div class=\"glass-panel rounded-2xl p-6 text-center border-gold-500\/20 hover:border-gold-500\/50\">\n <span class=\"text-3xl sm:text-4xl font-extrabold text-gold-gradient block mb-2\">\u066a\u06f9\u06f9<\/span>\n <span class=\"text-xs sm:text-sm text-gray-400\">\u0631\u0636\u0627\u06cc\u062a \u0634\u0631\u06a9\u062a\u0647\u0627<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"services\" class=\"mb-32 relative z-10\">\n <div class=\"text-center mb-16\" data-aos=\"fade-up\">\n <h3 class=\"text-3xl font-bold text-gold-500 inline-block relative pb-2\">\n \u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0648 \u0645\u0627\u0644\u06cc\n <span class=\"absolute bottom-0 left-1\/2 transform -translate-x-1\/2 w-16 h-1 bg-gold-600 rounded-full\"><\/span>\n <\/h3>\n <p class=\"text-gray-400 text-sm mt-3 max-w-xl mx-auto\">\u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u062c\u0627\u0645\u0639 \u0645\u0627\u0644\u06cc \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0622\u062e\u0631\u06cc\u0646 \u0642\u0648\u0627\u0646\u06cc\u0646 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u06a9\u0634\u0648\u0631<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <div class=\"glass-panel rounded-2xl p-8 flex flex-col justify-between hover:-translate-y-2 transition-transform duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-gold-500\/10 border border-gold-500\/30 flex items-center justify-center text-gold-400 mb-6 group-hover:scale-110 transition-transform\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-white mb-3\">\u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc<\/h4>\n <p class=\"text-gray-400 text-sm leading-relaxed mb-6\">\n \u0628\u0631\u0631\u0633\u06cc \u062f\u0642\u06cc\u0642\u060c \u0645\u0633\u062a\u0642\u0644 \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u062c\u0647\u062a \u0627\u0631\u0627\u0626\u0647 \u06af\u0632\u0627\u0631\u0634 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0645\u0639\u062a\u0628\u0631 \u0628\u0631\u0627\u06cc \u0628\u0627\u0646\u06a9\u200c\u0647\u0627\u060c \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u0627\u0646 \u0648 \u0633\u0627\u0632\u0645\u0627\u0646 \u0627\u0645\u0648\u0631 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc.\n <\/p>\n <\/div>\n <a href=\"#contact\" class=\"text-gold-400 text-sm font-semibold flex items-center gap-2 group-hover:text-gold-300\">\n \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062d\u0633\u0627\u0628\u0631\u0633\u06cc\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n <\/a>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl p-8 flex flex-col justify-between hover:-translate-y-2 transition-transform duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-gold-500\/10 border border-gold-500\/30 flex items-center justify-center text-gold-400 mb-6 group-hover:scale-110 transition-transform\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-white mb-3\">\u0645\u0634\u0627\u0648\u0631\u0647 \u0648 \u062f\u0627\u062f\u0631\u0633\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc<\/h4>\n <p class=\"text-gray-400 text-sm leading-relaxed mb-6\">\n \u062a\u0646\u0638\u06cc\u0645 \u0627\u0638\u0647\u0627\u0631\u0646\u0627\u0645\u0647\u060c \u062f\u0641\u0627\u0639 \u062f\u0631 \u0647\u06cc\u0626\u062a\u200c\u0647\u0627\u06cc \u062d\u0644 \u0627\u062e\u062a\u0644\u0627\u0641 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0642\u0627\u0646\u0648\u0646\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a \u0648 \u06a9\u0627\u0647\u0634 \u0644\u0648\u0627\u06cc\u062d \u062c\u0631\u06cc\u0645\u0647 \u0628\u0627 \u0627\u0633\u062a\u0646\u0627\u062f \u0628\u0647 \u0642\u0648\u0627\u0646\u06cc\u0646 \u0631\u0648\u0632.\n <\/p>\n <\/div>\n <a href=\"#contact\" class=\"text-gold-400 text-sm font-semibold flex items-center gap-2 group-hover:text-gold-300\">\n \u0645\u0634\u0627\u0648\u0631\u0647 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n <\/a>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl p-8 flex flex-col justify-between hover:-translate-y-2 transition-transform duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-gold-500\/10 border border-gold-500\/30 flex items-center justify-center text-gold-400 mb-6 group-hover:scale-110 transition-transform\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-white mb-3\">\u0637\u0631\u0627\u062d\u06cc \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u062f\u0627\u062e\u0644\u06cc<\/h4>\n <p class=\"text-gray-400 text-sm leading-relaxed mb-6\">\n \u0639\u0627\u0631\u0636\u0647\u200c\u06cc\u0627\u0628\u06cc \u0686\u0631\u062e\u0647\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc\u060c \u0628\u0633\u062a\u0646 \u06af\u0644\u0648\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0633\u0648\u0621\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u0637\u0631\u0627\u062d\u06cc \u062f\u0633\u062a\u0648\u0631\u0627\u0644\u0639\u0645\u0644\u200c\u0647\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u062f\u0627\u062e\u0644\u06cc \u0628\u0631\u0627\u06cc \u0627\u0631\u062a\u0642\u0627\u06cc \u0627\u0646\u0636\u0628\u0627\u0637 \u0645\u0627\u0644\u06cc.\n <\/p>\n <\/div>\n <a href=\"#contact\" class=\"text-gold-400 text-sm font-semibold flex items-center gap-2 group-hover:text-gold-300\">\n \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0633\u0627\u062e\u062a\u0627\u0631\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n <\/a>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl p-8 flex flex-col justify-between hover:-translate-y-2 transition-transform duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-gold-500\/10 border border-gold-500\/30 flex items-center justify-center text-gold-400 mb-6 group-hover:scale-110 transition-transform\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-white mb-3\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0627\u0644\u06cc \u0628\u0631\u0648\u0646\u200c\u0633\u067e\u0627\u0631\u06cc (Fractional CFO)<\/h4>\n <p class=\"text-gray-400 text-sm leading-relaxed mb-6\">\n \u062d\u0636\u0648\u0631 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0645\u062f\u06cc\u0631 \u0645\u0627\u0644\u06cc \u0627\u0631\u0634\u062f \u063a\u06cc\u0631\u0645\u0633\u062a\u0645\u0631 \u0628\u0631\u0627\u06cc \u0647\u062f\u0627\u06cc\u062a \u0631\u0627\u0647\u0628\u0631\u062f\u06cc\u060c \u0628\u0648\u062f\u062c\u0647\u200c\u0628\u0646\u062f\u06cc \u0633\u0627\u0644\u0627\u0646\u0647 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062c\u0631\u06cc\u0627\u0646 \u0646\u0642\u062f\u06cc\u0646\u06af\u06cc \u0634\u0631\u06a9\u062a\u200c\u0647\u0627.\n <\/p>\n <\/div>\n <a href=\"#contact\" class=\"text-gold-400 text-sm font-semibold flex items-center gap-2 group-hover:text-gold-300\">\n \u0631\u0632\u0631\u0648 \u0631\u0627\u0647\u0628\u0631\u06cc \u0645\u0627\u0644\u06cc\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n <\/a>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl p-8 flex flex-col justify-between hover:-translate-y-2 transition-transform duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-gold-500\/10 border border-gold-500\/30 flex items-center justify-center text-gold-400 mb-6 group-hover:scale-110 transition-transform\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-white mb-3\">\u0627\u0631\u0632\u0634\u200c\u06af\u0630\u0627\u0631\u06cc \u0633\u0647\u0627\u0645 \u0648 \u0627\u0645\u06a9\u0627\u0646\u200c\u0633\u0646\u062c\u06cc<\/h4>\n <p class=\"text-gray-400 text-sm leading-relaxed mb-6\">\n \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u062f\u0642\u06cc\u0642 \u0627\u0631\u0632\u0634 \u0628\u0631\u0646\u062f \u0648 \u0633\u0647\u0627\u0645 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u062c\u0630\u0628 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u060c \u0627\u062f\u063a\u0627\u0645 \u0648 \u062a\u0645\u0644\u06a9 (M&A) \u0648 \u062a\u0647\u06cc\u0647 \u0637\u0631\u062d\u200c\u0647\u0627\u06cc \u062a\u0648\u062c\u06cc\u0647\u06cc \u0645\u0627\u0644\u06cc.\n <\/p>\n <\/div>\n <a href=\"#contact\" class=\"text-gold-400 text-sm font-semibold flex items-center gap-2 group-hover:text-gold-300\">\n \u0627\u0631\u0632\u0634\u200c\u06af\u0630\u0627\u0631\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n <\/a>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl p-8 flex flex-col justify-between hover:-translate-y-2 transition-transform duration-300 group\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-gold-500\/10 border border-gold-500\/30 flex items-center justify-center text-gold-400 mb-6 group-hover:scale-110 transition-transform\">\n <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\"><\/path><\/svg>\n <\/div>\n <h4 class=\"text-xl font-bold text-white mb-3\">\u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0648\u062f\u06cc\u0627\u0646 \u0648 \u067e\u0627\u06cc\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc<\/h4>\n <p class=\"text-gray-400 text-sm leading-relaxed mb-6\">\n \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u06a9\u0627\u0645\u0644 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u060c \u0627\u062a\u0635\u0627\u0644 \u0628\u0647 \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0648\u062f\u06cc\u0627\u0646\u060c \u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0627\u0645\u0644 \u0635\u0648\u0631\u062a\u062d\u0633\u0627\u0628\u200c\u0647\u0627\u06cc \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc.\n <\/p>\n <\/div>\n <a href=\"#contact\" class=\"text-gold-400 text-sm font-semibold flex items-center gap-2 group-hover:text-gold-300\">\n \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0633\u0627\u0645\u0627\u0646\u0647\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"why-us\" class=\"mb-32 relative z-10\">\n <div class=\"glass-panel rounded-3xl p-8 md:p-12 border-gold-500\/30\" data-aos=\"fade-up\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n <div>\n <h3 class=\"text-3xl font-bold text-white mb-6\">\u0686\u0631\u0627 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627 \u0645\u0627 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u061f<\/h3>\n <p class=\"text-gray-300 text-sm leading-relaxed mb-8\">\n \u062f\u0631 \u062f\u0646\u06cc\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647\u200c\u06cc \u0642\u0648\u0627\u0646\u06cc\u0646 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u0645\u0627\u0644\u06cc\u060c \u062f\u0627\u0634\u062a\u0646 \u0645\u0634\u0627\u0648\u0631 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u062a\u0641\u0627\u0648\u062a \u0645\u06cc\u0627\u0646 \u0633\u0648\u062f\u0622\u0648\u0631\u06cc \u067e\u0627\u06cc\u062f\u0627\u0631 \u06cc\u0627 \u0645\u0648\u0627\u062c\u0647\u0647 \u0628\u0627 \u062c\u0631\u0627\u06cc\u0645 \u0633\u0646\u06af\u06cc\u0646 \u0627\u0633\u062a. \u0627\u0631\u0632\u0634\u200c\u0647\u0627\u06cc \u0645\u0627 \u0628\u0631 \u067e\u0627\u06cc\u0647 \u06f3 \u0627\u0635\u0644 \u0627\u0633\u062a\u0648\u0627\u0631 \u0627\u0633\u062a:\n <\/p>\n \n <div class=\"space-y-6\">\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-xl bg-gold-500\/20 text-gold-400 flex items-center justify-center flex-shrink-0 font-bold\">\u06f1<\/div>\n <div>\n <h5 class=\"text-white font-bold mb-1\">\u062a\u0633\u0644\u0637 \u0644\u062d\u0638\u0647\u200c\u0627\u06cc \u0628\u0647 \u0628\u062e\u0634\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc<\/h5>\n <p class=\"text-gray-400 text-xs leading-relaxed\">\u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0645\u062f\u0627\u0648\u0645 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646 \u0622\u0626\u06cc\u0646\u200c\u0646\u0627\u0645\u0647\u200c\u0647\u0627 \u0648 \u0642\u0648\u0627\u0646\u06cc\u0646 \u0633\u0627\u0632\u0645\u0627\u0646 \u0627\u0645\u0648\u0631 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u062a\u0623\u0645\u06cc\u0646 \u0627\u062c\u062a\u0645\u0627\u0639\u06cc.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-xl bg-gold-500\/20 text-gold-400 flex items-center justify-center flex-shrink-0 font-bold\">\u06f2<\/div>\n <div>\n <h5 class=\"text-white font-bold mb-1\">\u0645\u062d\u0631\u0645\u0627\u0646\u06af\u06cc \u06f1\u06f0\u06f0\u066a \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062d\u0633\u0627\u0628\u062f\u0627\u0631\u06cc<\/h5>\n <p class=\"text-gray-400 text-xs leading-relaxed\">\u062a\u0636\u0645\u06cc\u0646 \u06a9\u062a\u0628\u06cc \u0648 \u0639\u062f\u0645 \u0627\u0641\u0634\u0627\u06cc \u0647\u0631\u06af\u0648\u0646\u0647 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0627\u0644\u06cc\u060c \u0627\u0633\u0646\u0627\u062f \u0648 \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u062d\u0633\u0627\u0628\u062f\u0627\u0631\u06cc \u0634\u0631\u06a9\u062a \u0645\u0648\u06a9\u0644.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-xl bg-gold-500\/20 text-gold-400 flex items-center justify-center flex-shrink-0 font-bold\">\u06f3<\/div>\n <div>\n <h5 class=\"text-white font-bold mb-1\">\u0631\u0648\u06cc\u06a9\u0631\u062f \u0641\u0639\u0627\u0644\u0627\u0646\u0647 \u0648 \u067e\u06cc\u0634\u06af\u06cc\u0631\u0627\u0646\u0647<\/h5>\n <p class=\"text-gray-400 text-xs leading-relaxed\">\u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0648 \u0631\u0641\u0639 \u0631\u06cc\u0633\u06a9\u200c\u0647\u0627 \u0642\u0628\u0644 \u0627\u0632 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0645\u0645\u06cc\u0632\u0627\u0646 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u062a\u0627 \u0627\u0632 \u0647\u0631\u06af\u0648\u0646\u0647 \u062c\u0631\u06cc\u0645\u0647 \u0627\u062d\u062a\u0645\u0627\u0644\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0634\u0648\u062f.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-2 gap-4\">\n <div class=\"bg-navy-800\/80 p-6 rounded-2xl border border-white\/5 text-center\">\n <svg class=\"w-10 h-10 text-gold-400 mx-auto mb-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <h6 class=\"text-white font-bold text-sm mb-1\">\u062f\u0642\u062a \u0648 \u0635\u062d\u062a \u0628\u0627\u0644\u0627<\/h6>\n <p class=\"text-gray-400 text-xs\">\u0631\u0639\u0627\u06cc\u062a \u0635\u0641\u0631 \u062a\u0627 \u0635\u062f \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627<\/p>\n <\/div>\n <div class=\"bg-navy-800\/80 p-6 rounded-2xl border border-white\/5 text-center\">\n <svg class=\"w-10 h-10 text-gold-400 mx-auto mb-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n <h6 class=\"text-white font-bold text-sm mb-1\">\u0633\u0631\u0639\u062a \u062f\u0631 \u062a\u062d\u0648\u06cc\u0644<\/h6>\n <p class=\"text-gray-400 text-xs\">\u067e\u0627\u0633\u062e\u06af\u0648\u06cc\u06cc \u0633\u0631\u06cc\u0639 \u0628\u0647 \u062c\u0644\u0633\u0627\u062a<\/p>\n <\/div>\n <div class=\"bg-navy-800\/80 p-6 rounded-2xl border border-white\/5 text-center\">\n <svg class=\"w-10 h-10 text-gold-400 mx-auto mb-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" 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\"><\/path><\/svg>\n <h6 class=\"text-white font-bold text-sm mb-1\">\u062a\u06cc\u0645 \u0645\u062a\u062e\u0635\u0635<\/h6>\n <p class=\"text-gray-400 text-xs\">\u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u062e\u0628\u0631\u0647 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc<\/p>\n <\/div>\n <div class=\"bg-navy-800\/80 p-6 rounded-2xl border border-white\/5 text-center\">\n <svg class=\"w-10 h-10 text-gold-400 mx-auto mb-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z\"><\/path><\/svg>\n <h6 class=\"text-white font-bold text-sm mb-1\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062f\u0627\u0626\u0645\u06cc<\/h6>\n <p class=\"text-gray-400 text-xs\">\u0647\u0645\u0631\u0627\u0647\u06cc \u062f\u0631 \u062a\u0645\u0627\u0645 \u0645\u0631\u0627\u062d\u0644 \u0642\u0627\u0646\u0648\u0646\u06cc<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"experience\" class=\"mb-32 relative z-10\">\n <div class=\"text-center mb-16\" data-aos=\"fade-up\">\n <h3 class=\"text-3xl font-bold text-gold-500 inline-block relative pb-2\">\n \u0633\u0648\u0627\u0628\u0642 \u0634\u063a\u0644\u06cc \u0648 \u0645\u062f\u0627\u0631\u06a9 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\n <span class=\"absolute bottom-0 left-1\/2 transform -translate-x-1\/2 w-16 h-1 bg-gold-600 rounded-full\"><\/span>\n <\/h3>\n <p class=\"text-gray-400 text-sm mt-3\">\u0645\u0633\u06cc\u0631 \u0631\u0634\u062f \u062a\u062e\u0635\u0635\u06cc \u0648 \u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0631\u0633\u0645\u06cc \u062d\u0633\u0627\u0628\u0631\u0633\u06cc<\/p>\n <\/div>\n\n <div class=\"relative timeline-line max-w-4xl mx-auto space-y-8\">\n \n <div class=\"flex flex-col md:flex-row items-center justify-between gap-8 relative z-10\" data-aos=\"fade-up\">\n <div class=\"w-full md:w-1\/2 md:text-left order-2 md:order-1\">\n <div class=\"glass-panel p-6 rounded-2xl md:ml-6\">\n <span class=\"text-gold-400 text-xs font-bold bg-gold-500\/10 px-3 py-1 rounded-full inline-block mb-2\">\u06f1\u06f4\u06f0\u06f4 - \u062a\u0627\u06a9\u0646\u0648\u0646<\/span>\n <h4 class=\"text-lg font-bold text-white mb-1\">\u0645\u0634\u0627\u0648\u0631 \u0627\u0631\u0634\u062f \u0645\u0627\u0644\u06cc \u0648 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc<\/h4>\n <p class=\"text-gray-400 text-xs\">\u062f\u0641\u062a\u0631 \u062a\u062e\u0635\u0635\u06cc \u0645\u0634\u0627\u0648\u0631\u0647 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u062e\u062f\u0645\u0627\u062a \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631<\/p>\n <\/div>\n <\/div>\n <div class=\"w-10 h-10 rounded-full bg-gold-500 border-4 border-navy-900 flex items-center justify-center text-navy-900 font-bold order-1 md:order-2 flex-shrink-0\">\n \u06f1\n <\/div>\n <div class=\"w-full md:w-1\/2 hidden md:block order-3\"><\/div>\n <\/div>\n\n \n <div class=\"flex flex-col md:flex-row items-center justify-between gap-8 relative z-10\" data-aos=\"fade-up\">\n <div class=\"w-full md:w-1\/2 hidden md:block order-1\"><\/div>\n <div class=\"w-10 h-10 rounded-full bg-gold-500 border-4 border-navy-900 flex items-center justify-center text-navy-900 font-bold order-1 md:order-2 flex-shrink-0\">\n \u06f2\n <\/div>\n <div class=\"w-full md:w-1\/2 order-2 md:order-3\">\n <div class=\"glass-panel p-6 rounded-2xl md:mr-6\">\n <span class=\"text-gold-400 text-xs font-bold bg-gold-500\/10 px-3 py-1 rounded-full inline-block mb-2\">\u06f1\u06f4\u06f0\u06f2 - \u06f1\u06f4\u06f0\u06f4<\/span>\n <h4 class=\"text-lg font-bold text-white mb-1\">\u062d\u0633\u0627\u0628\u0631\u0633 \u0627\u0631\u0634\u062f<\/h4>\n <p class=\"text-gray-400 text-xs\">\u0645\u0648\u0633\u0633\u0627\u062a \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0639\u0636\u0648 \u062c\u0627\u0645\u0639\u0647 \u062d\u0633\u0627\u0628\u062f\u0627\u0631\u0627\u0646 \u0631\u0633\u0645\u06cc \u0627\u06cc\u0631\u0627\u0646 (IACPA)<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-col md:flex-row items-center justify-between gap-8 relative z-10\" data-aos=\"fade-up\">\n <div class=\"w-full md:w-1\/2 md:text-left order-2 md:order-1\">\n <div class=\"glass-panel p-6 rounded-2xl md:ml-6\">\n <span class=\"text-gold-400 text-xs font-bold bg-gold-500\/10 px-3 py-1 rounded-full inline-block mb-2\">\u06f1\u06f4\u06f0\u06f0 - \u06f1\u06f4\u06f0\u06f2<\/span>\n <h4 class=\"text-lg font-bold text-white mb-1\">\u06a9\u0627\u0631\u0634\u0646\u0627\u0633 \u0648 \u0645\u0634\u0627\u0648\u0631 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc<\/h4>\n <p class=\"text-gray-400 text-xs\">\u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u067e\u0631\u0648\u0646\u062f\u0647\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u062a\u0646\u0638\u06cc\u0645 \u0627\u0638\u0647\u0627\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc<\/p>\n <\/div>\n <\/div>\n <div class=\"w-10 h-10 rounded-full bg-gold-500 border-4 border-navy-900 flex items-center justify-center text-navy-900 font-bold order-1 md:order-2 flex-shrink-0\">\n \u06f3\n <\/div>\n <div class=\"w-full md:w-1\/2 hidden md:block order-3\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"testimonials\" class=\"mb-32 relative z-10\">\n <div class=\"text-center mb-12\" data-aos=\"fade-up\">\n <h3 class=\"text-3xl font-bold text-gold-500 inline-block relative pb-2\">\n \u0646\u0638\u0631\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0648 \u0645\u062f\u06cc\u0631\u0627\u0646\n <span class=\"absolute bottom-0 left-1\/2 transform -translate-x-1\/2 w-12 h-1 bg-gold-600 rounded-full\"><\/span>\n <\/h3>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n <div class=\"glass-panel rounded-2xl p-8 relative hover:-translate-y-2 transition-transform duration-300\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <svg class=\"absolute top-6 right-6 w-10 h-10 text-gold-500\/20\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/><\/svg>\n <p class=\"text-gray-300 text-sm leading-loose mb-6 mt-4 relative z-10\">\n \"\u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u062c\u0646\u0627\u0628 \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631 \u06cc\u06a9\u06cc \u0627\u0632 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062a\u0635\u0645\u06cc\u0645\u0627\u062a \u0645\u062f\u06cc\u0631\u06cc\u062a\u06cc \u0645\u0627 \u0628\u0648\u062f. \u0634\u0641\u0627\u0641\u06cc\u062a \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u062f\u0631 \u062d\u0633\u0627\u0628\u200c\u0647\u0627\u06cc \u0634\u0631\u06a9\u062a \u0648 \u0645\u0634\u0627\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u062f\u0642\u06cc\u0642 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0627\u06cc\u0634\u0627\u0646\u060c \u0645\u0627 \u0631\u0627 \u0627\u0632 \u062c\u0631\u06cc\u0645\u0647\u200c\u0647\u0627\u06cc \u0633\u0646\u06af\u06cc\u0646 \u0646\u062c\u0627\u062a \u062f\u0627\u062f.\"\n <\/p>\n <div class=\"flex items-center gap-4 border-t border-white\/10 pt-4 mt-auto\">\n <div class=\"w-12 h-12 rounded-full bg-navy-700 flex items-center justify-center text-gold-400 font-bold text-xl border border-gold-500\/30\">\u0627\u0644\u0641<\/div>\n <div>\n <h5 class=\"text-white font-bold text-sm\">\u0627\u062d\u0645\u062f \u0631\u0636\u0627\u06cc\u06cc<\/h5>\n <span class=\"text-gray-500 text-xs\">\u0645\u062f\u06cc\u0631\u0639\u0627\u0645\u0644 \u0634\u0631\u06a9\u062a \u062a\u0648\u0633\u0639\u0647 \u0646\u0648\u06cc\u0646<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"glass-panel rounded-2xl p-8 relative transform md:-translate-y-4 shadow-[0_0_30px_rgba(212,175,55,0.1)] border-gold-500\/40 hover:-translate-y-6 transition-transform duration-300\" data-aos=\"fade-up\" data-aos-delay=\"250\">\n <svg class=\"absolute top-6 right-6 w-10 h-10 text-gold-500\/20\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/><\/svg>\n <p class=\"text-gray-300 text-sm leading-loose mb-6 mt-4 relative z-10\">\n \"\u062f\u0642\u062a \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631 \u0648 \u0633\u0631\u0639\u062a \u0639\u0645\u0644 \u062f\u0631 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0645\u0627 \u0628\u0627\u0639\u062b \u0634\u062f \u062a\u0627 \u0628\u062a\u0648\u0627\u0646\u06cc\u0645 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631 \u062c\u062f\u06cc\u062f \u062c\u0630\u0628 \u06a9\u0646\u06cc\u0645. \u06af\u0632\u0627\u0631\u0634\u200c\u0647\u0627\u06cc \u062a\u0647\u06cc\u0647 \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u0627\u06cc\u0634\u0627\u0646 \u06a9\u0627\u0645\u0644\u0627\u064b \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0648 \u0642\u0627\u0628\u0644 \u0627\u062a\u06a9\u0627 \u0628\u0648\u062f.\"\n <\/p>\n <div class=\"flex items-center gap-4 border-t border-white\/10 pt-4 mt-auto\">\n <div class=\"w-12 h-12 rounded-full bg-navy-700 flex items-center justify-center text-gold-400 font-bold text-xl border border-gold-500\/30\">\u0633<\/div>\n <div>\n <h5 class=\"text-white font-bold text-sm\">\u0633\u0627\u0631\u0627 \u0645\u0639\u062a\u0645\u062f\u06cc<\/h5>\n <span class=\"text-gray-500 text-xs\">\u0647\u0645\u200c\u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631 \u0627\u0633\u062a\u0627\u0631\u062a\u0627\u067e \u0648\u06cc\u0698\u0646<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"glass-panel rounded-2xl p-8 relative hover:-translate-y-2 transition-transform duration-300\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n <svg class=\"absolute top-6 right-6 w-10 h-10 text-gold-500\/20\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"\/><\/svg>\n <p class=\"text-gray-300 text-sm leading-loose mb-6 mt-4 relative z-10\">\n \"\u062a\u06cc\u0645 \u0645\u0627\u0644\u06cc \u0645\u0627 \u0628\u0627 \u0645\u0634\u0627\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0642\u0627\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631 \u062a\u0648\u0627\u0646\u0633\u062a \u0633\u0627\u062e\u062a\u0627\u0631 \u0628\u0648\u062f\u062c\u0647\u200c\u0628\u0646\u062f\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0646\u062a\u06cc\u062c\u0647 \u0622\u0646 \u06a9\u0627\u0647\u0634 \u06f1\u06f5 \u062f\u0631\u0635\u062f\u06cc \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc\u0627\u062a\u06cc \u062f\u0631 \u0633\u0627\u0644 \u06af\u0630\u0634\u062a\u0647 \u0628\u0648\u062f.\"\n <\/p>\n <div class=\"flex items-center gap-4 border-t border-white\/10 pt-4 mt-auto\">\n <div class=\"w-12 h-12 rounded-full bg-navy-700 flex items-center justify-center text-gold-400 font-bold text-xl border border-gold-500\/30\">\u0645<\/div>\n <div>\n <h5 class=\"text-white font-bold text-sm\">\u0645\u062d\u0645\u062f \u062d\u0633\u06cc\u0646\u06cc<\/h5>\n <span class=\"text-gray-500 text-xs\">\u0645\u062f\u06cc\u0631 \u0645\u0627\u0644\u06cc \u0647\u0644\u062f\u06cc\u0646\u06af \u0622\u0644\u0641\u0627<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"faq\" class=\"mb-32 relative z-10\">\n <div class=\"text-center mb-16\" data-aos=\"fade-up\">\n <h3 class=\"text-3xl font-bold text-gold-500 inline-block relative pb-2\">\n \u067e\u0631\u0633\u0634\u200c\u0647\u0627\u06cc \u0645\u062a\u062f\u0627\u0648\u0644\n <span class=\"absolute bottom-0 left-1\/2 transform -translate-x-1\/2 w-12 h-1 bg-gold-600 rounded-full\"><\/span>\n <\/h3>\n <p class=\"text-gray-400 text-sm mt-3\">\u067e\u0627\u0633\u062e \u0628\u0647 \u0645\u062a\u062f\u0627\u0648\u0644\u200c\u062a\u0631\u06cc\u0646 \u0633\u0648\u0627\u0644\u0627\u062a \u0634\u0645\u0627 \u062f\u0631\u0628\u0627\u0631\u0647 \u062e\u062f\u0645\u0627\u062a \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc<\/p>\n <\/div>\n\n <div class=\"max-w-3xl mx-auto space-y-4\" data-aos=\"fade-up\">\n \n <div class=\"glass-panel rounded-2xl overflow-hidden border-gold-500\/20\">\n <button class=\"faq-btn w-full p-6 text-right font-bold text-white flex justify-between items-center focus:outline-none\">\n <span>\u062a\u0641\u0627\u0648\u062a \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0648 \u062f\u0627\u062f\u0631\u0633\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0686\u06cc\u0633\u062a\u061f<\/span>\n <svg class=\"w-5 h-5 text-gold-400 transform transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-answer px-6 pb-6 text-gray-300 text-sm leading-relaxed\">\n \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0645\u0633\u062a\u0642\u0644 \u0634\u0641\u0627\u0641\u06cc\u062a \u0648 \u0627\u0646\u0637\u0628\u0627\u0642 \u0627\u0633\u0646\u0627\u062f \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u062d\u0633\u0627\u0628\u062f\u0627\u0631\u06cc \u0627\u0633\u062a\u060c \u0627\u0645\u0627 \u062f\u0627\u062f\u0631\u0633\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0641\u0631\u0622\u06cc\u0646\u062f \u062f\u0641\u0627\u0639 \u0627\u0632 \u062d\u0642\u0648\u0642 \u0634\u0631\u06a9\u062a \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0628\u0631\u06af\u0647 \u062a\u0634\u062e\u06cc\u0635 \u0645\u0627\u0644\u06cc\u0627\u062a \u0645\u0645\u06cc\u0632\u0627\u0646 \u0648 \u0634\u0631\u06a9\u062a \u062f\u0631 \u0647\u06cc\u0626\u062a\u200c\u0647\u0627\u06cc \u062d\u0644 \u0627\u062e\u062a\u0644\u0627\u0641 \u0627\u0633\u062a.\n <\/div>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl overflow-hidden border-gold-500\/20\">\n <button class=\"faq-btn w-full p-6 text-right font-bold text-white flex justify-between items-center focus:outline-none\">\n <span>\u0686\u0647 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u0645\u0644\u0632\u0645 \u0628\u0647 \u0627\u0631\u0633\u0627\u0644 \u0635\u0648\u0631\u062a\u062d\u0633\u0627\u0628 \u062f\u0631 \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0648\u062f\u06cc\u0627\u0646 \u0647\u0633\u062a\u0646\u062f\u061f<\/span>\n <svg class=\"w-5 h-5 text-gold-400 transform transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-answer px-6 pb-6 text-gray-300 text-sm leading-relaxed\">\n \u0637\u0628\u0642 \u0642\u0627\u0646\u0648\u0646 \u067e\u0627\u06cc\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0648 \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0648\u062f\u06cc\u0627\u0646\u060c \u062a\u0645\u0627\u0645\u06cc \u0627\u0634\u062e\u0627\u0635 \u062d\u0642\u0648\u0642\u06cc (\u0634\u0631\u06a9\u062a\u200c\u0647\u0627) \u0648 \u0627\u0634\u062e\u0627\u0635 \u062d\u0642\u06cc\u0642\u06cc \u0635\u0627\u062d\u0628 \u0645\u0634\u0627\u063a\u0644 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u200c\u0647\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646 \u0645\u0644\u0632\u0645 \u0628\u0647 \u0635\u062f\u0648\u0631 \u0635\u0648\u0631\u062a\u062d\u0633\u0627\u0628 \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0647\u0633\u062a\u0646\u062f.\n <\/div>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl overflow-hidden border-gold-500\/20\">\n <button class=\"faq-btn w-full p-6 text-right font-bold text-white flex justify-between items-center focus:outline-none\">\n <span>\u0641\u0631\u0622\u06cc\u0646\u062f \u0627\u0631\u0627\u0626\u0647 \u0645\u0634\u0627\u0648\u0631\u0647 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0628\u0647 \u0686\u0647 \u0635\u0648\u0631\u062a \u0622\u063a\u0627\u0632 \u0645\u06cc\u200c\u0634\u0648\u062f\u061f<\/span>\n <svg class=\"w-5 h-5 text-gold-400 transform transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-answer px-6 pb-6 text-gray-300 text-sm leading-relaxed\">\n \u0627\u0628\u062a\u062f\u0627 \u067e\u0633 \u0627\u0632 \u062b\u0628\u062a \u0641\u0631\u0645 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06cc\u0627 \u062a\u0645\u0627\u0633 \u062a\u0644\u0641\u0646\u06cc\u060c \u062c\u0644\u0633\u0647 \u0628\u0631\u0631\u0633\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0627\u0633\u0646\u0627\u062f \u0648 \u0639\u0627\u0631\u0636\u0647\u200c\u06cc\u0627\u0628\u06cc \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u062d\u0636\u0648\u0631\u06cc \u06cc\u0627 \u0622\u0646\u0644\u0627\u06cc\u0646 \u0628\u0631\u06af\u0632\u0627\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0633\u067e\u0633 \u0628\u0633\u062a\u0647 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u06cc \u0631\u0627\u0647\u06a9\u0627\u0631 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u06af\u0631\u062f\u062f.\n <\/div>\n <\/div>\n\n \n <div class=\"glass-panel rounded-2xl overflow-hidden border-gold-500\/20\">\n <button class=\"faq-btn w-full p-6 text-right font-bold text-white flex justify-between items-center focus:outline-none\">\n <span>\u0622\u06cc\u0627 \u062e\u062f\u0645\u0627\u062a \u0634\u0645\u0627 \u0634\u0627\u0645\u0644 \u062a\u0636\u0645\u06cc\u0646 \u0639\u062f\u0645 \u062c\u0631\u06cc\u0645\u0647 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f\u061f<\/span>\n <svg class=\"w-5 h-5 text-gold-400 transform transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-answer px-6 pb-6 text-gray-300 text-sm leading-relaxed\">\n \u0628\u0627 \u0627\u062c\u0631\u0627\u06cc \u062f\u0642\u06cc\u0642 \u0628\u062e\u0634\u0646\u0627\u0645\u0647\u200c\u0647\u0627 \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u060c \u0631\u06cc\u0633\u06a9 \u062c\u0631\u0627\u0626\u0645 \u063a\u06cc\u0631\u0642\u0627\u0628\u0644 \u0628\u062e\u0634\u0634 \u0628\u0647 \u0635\u0641\u0631 \u0645\u06cc\u200c\u0631\u0633\u062f \u0648 \u062d\u062f\u0627\u06a9\u062b\u0631 \u0645\u0639\u0627\u0641\u06cc\u062a\u200c\u0647\u0627\u06cc \u0642\u0627\u0646\u0648\u0646\u06cc \u0628\u0631\u0627\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627 \u0627\u062e\u0630 \u0645\u06cc\u200c\u0634\u0648\u062f.\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"blog\" class=\"mb-32 relative z-10\">\n <div class=\"text-center mb-16\" data-aos=\"fade-up\">\n <h3 class=\"text-3xl font-bold text-gold-500 inline-block relative pb-2\">\n \u0622\u062e\u0631\u06cc\u0646 \u0645\u0642\u0627\u0644\u0627\u062a \u0648 \u062a\u062d\u0644\u06cc\u0644\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc\n <span class=\"absolute bottom-0 left-1\/2 transform -translate-x-1\/2 w-16 h-1 bg-gold-600 rounded-full\"><\/span>\n <\/h3>\n <p class=\"text-gray-400 text-sm mt-3\">\u0622\u0645\u0648\u0632\u0634\u200c\u0647\u0627 \u0648 \u0631\u0627\u0647\u0646\u0645\u0627\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u0627\u0646 \u0648 \u062d\u0633\u0627\u0628\u062f\u0627\u0631\u0627\u0646<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <article class=\"glass-panel rounded-2xl overflow-hidden group hover:-translate-y-2 transition-all duration-300\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <div class=\"h-48 bg-navy-800 relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-navy-900 to-transparent z-10\"><\/div>\n <div class=\"absolute top-4 right-4 bg-gold-500 text-navy-900 font-bold text-xs px-3 py-1 rounded-full z-20\">\u0645\u0627\u0644\u06cc\u0627\u062a<\/div>\n <\/div>\n <div class=\"p-6 flex flex-col justify-between h-[calc(100%-12rem)]\">\n <div>\n <span class=\"text-gray-500 text-xs\">\u06f1\u06f0 \u062a\u06cc\u0631 \u06f1\u06f4\u06f0\u06f3 \u2022 \u0632\u0645\u0627\u0646 \u0645\u0637\u0627\u0644\u0639\u0647: \u06f5 \u062f\u0642\u06cc\u0642\u0647<\/span>\n <h4 class=\"text-lg font-bold text-white my-2 group-hover:text-gold-400 transition-colors\">\u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0646\u06a9\u0627\u062a \u0642\u0627\u0646\u0648\u0646 \u062c\u062f\u06cc\u062f \u0645\u0627\u0644\u06cc\u0627\u062a \u0628\u0631 \u0627\u0631\u0632\u0634 \u0627\u0641\u0632\u0648\u062f\u0647<\/h4>\n <p class=\"text-gray-400 text-xs leading-relaxed mb-4\">\u0628\u0631\u0631\u0633\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0646\u0631\u062e\u060c \u0645\u0639\u0627\u0641\u06cc\u062a\u200c\u0647\u0627 \u0648 \u062a\u06a9\u0627\u0644\u06cc\u0641 \u062c\u062f\u06cc\u062f \u0645\u0648\u062f\u06cc\u0627\u0646 \u062f\u0631 \u0642\u0627\u0646\u0648\u0646 \u062c\u062f\u06cc\u062f \u0627\u0631\u0632\u0634 \u0627\u0641\u0632\u0648\u062f\u0647...<\/p>\n <\/div>\n <button onclick=\"openArticleModal(1)\" class=\"text-gold-400 text-xs font-bold inline-flex items-center gap-1 hover:text-gold-300 transition-colors text-right cursor-pointer\">\n \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0642\u0627\u0644\u0647 \u06a9\u0627\u0645\u0644 ←\n <\/button>\n <\/div>\n <\/article>\n\n \n <article class=\"glass-panel rounded-2xl overflow-hidden group hover:-translate-y-2 transition-all duration-300\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div class=\"h-48 bg-navy-800 relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-navy-900 to-transparent z-10\"><\/div>\n <div class=\"absolute top-4 right-4 bg-gold-500 text-navy-900 font-bold text-xs px-3 py-1 rounded-full z-20\">\u062d\u0633\u0627\u0628\u0631\u0633\u06cc<\/div>\n <\/div>\n <div class=\"p-6 flex flex-col justify-between h-[calc(100%-12rem)]\">\n <div>\n <span class=\"text-gray-500 text-xs\">\u06f2\u06f5 \u062e\u0631\u062f\u0627\u062f \u06f1\u06f4\u06f0\u06f5 \u2022 \u0632\u0645\u0627\u0646 \u0645\u0637\u0627\u0644\u0639\u0647: \u06f8 \u062f\u0642\u06cc\u0642\u0647<\/span>\n <h4 class=\"text-lg font-bold text-white my-2 group-hover:text-gold-400 transition-colors\">\u0686\u06af\u0648\u0646\u0647 \u0634\u0631\u06a9\u062a \u0631\u0627 \u0628\u0631\u0627\u06cc \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0633\u0627\u0644\u0627\u0646\u0647 \u0622\u0645\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645\u061f<\/h4>\n <p class=\"text-gray-400 text-xs leading-relaxed mb-4\">\u0686\u06a9\u200c\u0644\u06cc\u0633\u062a \u06f1\u06f0 \u0645\u0631\u062d\u0644\u0647\u200c\u0627\u06cc \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u062f\u0627\u0631\u06a9 \u0648 \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u067e\u06cc\u0634 \u0627\u0632 \u0648\u0631\u0648\u062f \u062a\u06cc\u0645 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc...<\/p>\n <\/div>\n <button onclick=\"openArticleModal(2)\" class=\"text-gold-400 text-xs font-bold inline-flex items-center gap-1 hover:text-gold-300 transition-colors text-right cursor-pointer\">\n \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0642\u0627\u0644\u0647 \u06a9\u0627\u0645\u0644 ←\n <\/button>\n <\/div>\n <\/article>\n\n \n <article class=\"glass-panel rounded-2xl overflow-hidden group hover:-translate-y-2 transition-all duration-300\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"h-48 bg-navy-800 relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-navy-900 to-transparent z-10\"><\/div>\n <div class=\"absolute top-4 right-4 bg-gold-500 text-navy-900 font-bold text-xs px-3 py-1 rounded-full z-20\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0627\u0644\u06cc<\/div>\n <\/div>\n <div class=\"p-6 flex flex-col justify-between h-[calc(100%-12rem)]\">\n <div>\n <span class=\"text-gray-500 text-xs\">\u06f0\u06f2 \u062e\u0631\u062f\u0627\u062f \u06f1\u06f4\u06f0\u06f3 \u2022 \u0632\u0645\u0627\u0646 \u0645\u0637\u0627\u0644\u0639\u0647: \u06f6 \u062f\u0642\u06cc\u0642\u0647<\/span>\n <h4 class=\"text-lg font-bold text-white my-2 group-hover:text-gold-400 transition-colors\">\u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u062c\u0631\u06cc\u0627\u0646 \u0646\u0642\u062f\u06cc\u0646\u06af\u06cc \u062f\u0631 \u0634\u0631\u0627\u06cc\u0637 \u062a\u0648\u0631\u0645\u06cc<\/h4>\n <p class=\"text-gray-400 text-xs leading-relaxed mb-4\">\u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0639\u0644\u0645\u06cc \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0648\u0631\u0647 \u0648\u0635\u0648\u0644 \u0645\u0637\u0627\u0644\u0628\u0627\u062a \u0648 \u067e\u06cc\u0634\u200c\u0628\u06cc\u0646\u06cc \u0635\u0648\u0631\u062a \u062c\u0631\u06cc\u0627\u0646 \u0648\u062c\u0648\u0647 \u0646\u0642\u062f...<\/p>\n <\/div>\n <button onclick=\"openArticleModal(3)\" class=\"text-gold-400 text-xs font-bold inline-flex items-center gap-1 hover:text-gold-300 transition-colors text-right cursor-pointer\">\n \u0645\u0637\u0627\u0644\u0639\u0647 \u0645\u0642\u0627\u0644\u0647 \u06a9\u0627\u0645\u0644 ←\n <\/button>\n <\/div>\n <\/article>\n <\/div>\n <\/section>\n\n <section id=\"contact\" class=\"mb-16 relative z-10\" data-aos=\"fade-up\">\n <div class=\"glass-panel rounded-3xl overflow-hidden shadow-2xl\">\n <div class=\"flex flex-col lg:flex-row\">\n \n \n <div class=\"w-full lg:w-2\/5 p-8 lg:p-12 bg-navy-900\/50 flex flex-col justify-between\" data-aos=\"fade-left\" data-aos-delay=\"200\">\n <div>\n <h3 class=\"text-3xl font-bold text-white mb-4\">\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 <span class=\"text-gold-500\">\u0631\u0627\u06cc\u06af\u0627\u0646<\/span><\/h3>\n <p class=\"text-gray-400 mb-8 text-sm leading-relaxed\">\n \u0628\u0631\u0627\u06cc \u0631\u0632\u0631\u0648 \u0648\u0642\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0645\u0627\u0644\u06cc \u06cc\u0627 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc\u060c \u0641\u0631\u0645 \u0631\u0627 \u067e\u0631 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u062f\u0631 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0645\u0645\u06a9\u0646 \u0628\u0627 \u0634\u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u0646\u062f.\n <\/p>\n \n <div class=\"space-y-6\">\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-full bg-gold-500\/10 flex items-center justify-center text-gold-400 flex-shrink-0\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n <\/div>\n <div>\n <h6 class=\"text-white font-bold text-sm mb-1\">\u062a\u0645\u0627\u0633 \u062a\u0644\u0641\u0646\u06cc<\/h6>\n <a href=\"tel:09128753105\" class=\"text-gray-400 hover:text-gold-400 transition-colors text-sm\" dir=\"ltr\">\u06f0\u06f9\u06f1\u06f2 \u06f8\u06f7\u06f5 \u06f3\u06f1\u06f0\u06f5<\/a>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-full bg-gold-500\/10 flex items-center justify-center text-gold-400 flex-shrink-0\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg>\n <\/div>\n <div>\n <h6 class=\"text-white font-bold text-sm mb-1\">\u0627\u06cc\u0645\u06cc\u0644 \u0627\u0631\u062a\u0628\u0627\u0637\u06cc<\/h6>\n <p class=\"text-gray-400 text-sm\">info@mehdinazaripour.com<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-4\">\n <div class=\"w-10 h-10 rounded-full bg-gold-500\/10 flex items-center justify-center text-gold-400 flex-shrink-0\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\n <\/div>\n <div>\n <h6 class=\"text-white font-bold text-sm mb-1\">\u0622\u062f\u0631\u0633 \u062f\u0641\u062a\u0631<\/h6>\n <p class=\"text-gray-400 text-sm\">\u062a\u0647\u0631\u0627\u0646\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u06a9\u0627\u0634\u0627\u0646\u06cc\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0628\u0647\u0646\u0627\u0645<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"w-full lg:w-3\/5 p-8 lg:p-12\" data-aos=\"fade-right\" data-aos-delay=\"400\">\n <form class=\"space-y-6\" id=\"consultation-form\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-gray-400 text-sm font-medium mb-2\">\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc<\/label>\n <input type=\"text\" required class=\"w-full bg-navy-800\/50 border border-white\/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-gold-500 focus:ring-1 focus:ring-gold-500 transition-all placeholder-gray-600 hover:border-gold-500\/50\" placeholder=\"\u0645\u062b\u0627\u0644: \u0639\u0644\u06cc \u0627\u062d\u0645\u062f\u06cc\">\n <\/div>\n <div>\n <label class=\"block text-gray-400 text-sm font-medium mb-2\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633<\/label>\n <input type=\"tel\" required class=\"w-full bg-navy-800\/50 border border-white\/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-gold-500 focus:ring-1 focus:ring-gold-500 transition-all placeholder-gray-600 text-left hover:border-gold-500\/50\" placeholder=\"0912 345 6789\" dir=\"ltr\">\n <\/div>\n <\/div>\n <div>\n <label class=\"block text-gray-400 text-sm font-medium mb-2\">\u0645\u0648\u0636\u0648\u0639 \u062f\u0631\u062e\u0648\u0627\u0633\u062a<\/label>\n <select class=\"w-full bg-navy-800\/50 border border-white\/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-gold-500 focus:ring-1 focus:ring-gold-500 transition-all appearance-none cursor-pointer hover:border-gold-500\/50\">\n <option value=\"\" class=\"text-gray-800\">\u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f...<\/option>\n <option value=\"1\" class=\"text-gray-800\">\u0645\u0634\u0627\u0648\u0631\u0647 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u062f\u0627\u062f\u0631\u0633\u06cc<\/option>\n <option value=\"2\" class=\"text-gray-800\">\u062e\u062f\u0645\u0627\u062a \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc<\/option>\n <option value=\"3\" class=\"text-gray-800\">\u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0648\u062f\u06cc\u0627\u0646 \u0648 \u067e\u0627\u06cc\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc<\/option>\n <option value=\"4\" class=\"text-gray-800\">\u0633\u0627\u06cc\u0631 \u0645\u0648\u0627\u0631\u062f<\/option>\n <\/select>\n <\/div>\n <div>\n <label class=\"block text-gray-400 text-sm font-medium mb-2\">\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062a\u06a9\u0645\u06cc\u0644\u06cc<\/label>\n <textarea rows=\"4\" class=\"w-full bg-navy-800\/50 border border-white\/10 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-gold-500 focus:ring-1 focus:ring-gold-500 transition-all placeholder-gray-600 hover:border-gold-500\/50\" placeholder=\"\u0634\u0631\u062d \u0645\u062e\u062a\u0635\u0631\u06cc \u0627\u0632 \u0646\u06cc\u0627\u0632 \u062e\u0648\u062f \u06cc\u0627 \u0645\u0648\u0636\u0648\u0639 \u0634\u0631\u06a9\u062a \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f...\"><\/textarea>\n <\/div>\n <div>\n <button type=\"submit\" class=\"w-full bg-gradient-to-r from-gold-600 to-gold-400 text-navy-900 font-bold py-3.5 px-8 rounded-xl hover:shadow-gold-glow hover:scale-[1.02] transition-all duration-300 text-lg\">\n \u0627\u0631\u0633\u0627\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647\n <\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/div>\n <\/main>\n\n <footer class=\"mt-auto relative border-t border-white\/10 bg-navy-900\/50 pt-16 pb-8 backdrop-blur-sm z-10\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n <div class=\"container mx-auto px-4 md:px-8\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12 mb-12\">\n \n <div class=\"flex flex-col gap-4\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full border border-gold-500 flex items-center justify-center text-gold-500\">\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <h2 class=\"text-white font-bold text-xl\">\u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631<\/h2>\n <\/div>\n <p class=\"text-gray-400 text-sm leading-relaxed\">\n \u062a\u0639\u0647\u062f \u0628\u0647 \u0634\u0641\u0627\u0641\u06cc\u062a \u0648 \u062a\u062e\u0635\u0635 \u062f\u0631 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0646\u0648\u06cc\u0646 \u0645\u0627\u0644\u06cc \u0648 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u067e\u0627\u06cc\u062f\u0627\u0631 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627.\n <\/p>\n <\/div>\n\n <div>\n <h4 class=\"text-white font-bold mb-6 text-lg border-b border-gold-500\/30 pb-2 inline-block\">\u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u0633\u0631\u06cc\u0639<\/h4>\n <ul class=\"space-y-3\">\n <li><a href=\"#about\" class=\"text-gray-400 hover:text-gold-400 transition-colors text-sm\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/a><\/li>\n <li><a href=\"#services\" class=\"text-gray-400 hover:text-gold-400 transition-colors text-sm\">\u062e\u062f\u0645\u0627\u062a \u0645\u0627\u0644\u06cc \u0648 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc<\/a><\/li>\n <li><a href=\"#experience\" class=\"text-gray-400 hover:text-gold-400 transition-colors text-sm\">\u0633\u0648\u0627\u0628\u0642 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/a><\/li>\n <li><a href=\"#faq\" class=\"text-gray-400 hover:text-gold-400 transition-colors text-sm\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div>\n <h4 class=\"text-white font-bold mb-6 text-lg border-b border-gold-500\/30 pb-2 inline-block\">\u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc<\/h4>\n <p class=\"text-gray-400 text-sm mb-4\">\u0645\u0627 \u0631\u0627 \u062f\u0631 \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f:<\/p>\n <div class=\"flex items-center gap-4\">\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-navy-800 border border-white\/10 flex items-center justify-center text-gray-400 hover:bg-gold-500 hover:text-navy-900 transition-all duration-300\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/><\/svg>\n <\/a>\n <a href=\"#\" class=\"w-10 h-10 rounded-full bg-navy-800 border border-white\/10 flex items-center justify-center text-gray-400 hover:bg-gold-500 hover:text-navy-900 transition-all duration-300\">\n <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n \n <div class=\"text-center pt-8 border-t border-white\/5\">\n <p class=\"text-xs text-gray-500\">© \u06f1\u06f4\u06f0\u06f5 \u06a9\u0644\u06cc\u0647 \u062d\u0642\u0648\u0642 \u0645\u0627\u062f\u06cc \u0648 \u0645\u0639\u0646\u0648\u06cc \u0628\u0631\u0627\u06cc \u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <div id=\"article-modal\" class=\"fixed inset-0 bg-black\/80 backdrop-blur-md z-50 hidden flex items-center justify-center p-4 transition-opacity duration-300\">\n <div class=\"glass-panel bg-navy-900 border border-gold-500\/30 rounded-3xl max-w-2xl w-full p-6 md:p-8 relative max-h-[85vh] overflow-y-auto\">\n <button onclick=\"closeArticleModal()\" class=\"absolute top-4 left-4 text-gray-400 hover:text-white text-2xl font-bold w-8 h-8 flex items-center justify-center rounded-full bg-white\/5 hover:bg-white\/10 transition-colors\">\n ×\n <\/button>\n <div id=\"article-modal-content\">\n \n <\/div>\n <\/div>\n <\/div>\n\n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n <script>\n \/\/ Article Modal Content Data\n const articlesData = {\n 1: {\n title: \"\u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0646\u06a9\u0627\u062a \u0642\u0627\u0646\u0648\u0646 \u062c\u062f\u06cc\u062f \u0645\u0627\u0644\u06cc\u0627\u062a \u0628\u0631 \u0627\u0631\u0632\u0634 \u0627\u0641\u0632\u0648\u062f\u0647\",\n category: \"\u0645\u0627\u0644\u06cc\u0627\u062a\",\n date: \"\u06f1\u06f0 \u0645\u0631\u062f\u0627\u062f \u06f1\u06f4\u06f0\u06f5\",\n text: `\u0642\u0627\u0646\u0648\u0646 \u062c\u062f\u06cc\u062f \u0645\u0627\u0644\u06cc\u0627\u062a \u0628\u0631 \u0627\u0631\u0632\u0634 \u0627\u0641\u0632\u0648\u062f\u0647 \u0628\u0627 \u0647\u062f\u0641 \u0634\u0641\u0627\u0641\u200c\u0633\u0627\u0632\u06cc \u0645\u0628\u0627\u062f\u0644\u0627\u062a \u0627\u0642\u062a\u0635\u0627\u062f\u06cc \u0648 \u06a9\u0627\u0647\u0634 \u0641\u0634\u0627\u0631 \u0628\u0631 \u0648\u0627\u062d\u062f\u0647\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f\u06cc \u0628\u0647 \u062a\u0635\u0648\u06cc\u0628 \u0631\u0633\u06cc\u062f\u0647 \u0627\u0633\u062a. \u062f\u0631 \u0627\u06cc\u0646 \u0642\u0627\u0646\u0648\u0646\u060c \u062a\u0639\u0627\u0631\u06cc\u0641 \u062c\u062f\u06cc\u062f\u06cc \u0628\u0631\u0627\u06cc \u0645\u0648\u062f\u06cc\u0627\u0646 \u0648 \u0646\u062d\u0648\u0647\u200c\u06cc \u0635\u062f\u0648\u0631 \u0635\u0648\u0631\u062a\u062d\u0633\u0627\u0628 \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<br\/><br\/>\n <strong>\u0646\u06a9\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc:<\/strong><br\/>\n \u2022 \u0644\u0632\u0648\u0645 \u0627\u0631\u0633\u0627\u0644 \u0635\u0648\u0631\u062a\u062d\u0633\u0627\u0628\u200c\u0647\u0627\u06cc \u0627\u0644\u06a9\u062a\u0631\u0648\u0646\u06cc\u06a9\u06cc \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0648\u062f\u06cc\u0627\u0646.<br\/>\n \u2022 \u0645\u0639\u0627\u0641\u06cc\u062a \u0628\u0631\u062e\u06cc \u06a9\u0627\u0644\u0627\u0647\u0627\u06cc \u0627\u0633\u0627\u0633\u06cc \u0648 \u062e\u062f\u0645\u0627\u062a \u062f\u0631\u0645\u0627\u0646\u06cc \u0648 \u0622\u0645\u0648\u0632\u0634\u06cc.<br\/>\n \u2022 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0631\u062f\u0627\u062f \u0627\u0639\u062a\u0628\u0627\u0631 \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u067e\u0631\u062f\u0627\u062e\u062a\u06cc \u0628\u0631\u0627\u06cc \u0641\u0639\u0627\u0644\u0627\u0646 \u0627\u0642\u062a\u0635\u0627\u062f\u06cc.<br\/><br\/>\n \u0628\u0631\u0627\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 \u0648 \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc \u062f\u0631 \u062e\u0635\u0648\u0635 \u0646\u062d\u0648\u0647 \u0627\u062c\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0642\u0627\u0646\u0648\u0646 \u062f\u0631 \u0633\u0627\u0632\u0645\u0627\u0646 \u062e\u0648\u062f\u060c \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u06af\u06cc\u0631\u06cc\u062f.`\n },\n 2: {\n title: \"\u0686\u06af\u0648\u0646\u0647 \u0634\u0631\u06a9\u062a \u0631\u0627 \u0628\u0631\u0627\u06cc \u062d\u0633\u0627\u0628\u0631\u0633\u06cc \u0633\u0627\u0644\u0627\u0646\u0647 \u0622\u0645\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645\u061f\",\n category: \"\u062d\u0633\u0627\u0628\u0631\u0633 \u0631\u0633\u0645\u06cc\",\n date: \"\u06f2\u06f5 \u062a\u06cc\u0631 \u06f1\u06f4\u06f0\u06f5\",\n text: `\u0622\u0645\u0627\u062f\u06af\u06cc \u067e\u06cc\u0634 \u0627\u0632 \u0631\u0633\u06cc\u062f\u06af\u06cc \u062a\u06cc\u0645 \u062d\u0633\u0627\u0628\u0631\u0633\u06cc\u060c \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0631\u0631\u0633\u06cc \u0635\u0648\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0631\u0627 \u0628\u0633\u06cc\u0627\u0631 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u0648 \u0628\u062f\u0648\u0646 \u062a\u0646\u0634 \u0645\u06cc\u200c\u0633\u0627\u0632\u062f.<br\/><br\/>\n <strong>\u0686\u06a9\u200c\u0644\u06cc\u0633\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc:<\/strong><br\/>\n \u06f1. \u0627\u0646\u0628\u0627\u0631\u06af\u0631\u062f\u0627\u0646\u06cc \u067e\u0627\u06cc\u0627\u0646 \u0633\u0627\u0644 \u0648 \u062a\u0637\u0628\u06cc\u0642 \u0645\u0648\u062c\u0648\u062f\u06cc \u0641\u06cc\u0632\u06cc\u06a9\u06cc \u0628\u0627 \u062f\u0641\u0627\u062a\u0631.<br\/>\n \u06f2. \u0627\u062e\u0630 \u062a\u0627\u06cc\u06cc\u062f\u06cc\u0647 \u0627\u0632 \u0628\u0627\u0646\u06a9\u200c\u0647\u0627\u060c \u0628\u062f\u0647\u06a9\u0627\u0631\u0627\u0646 \u0648 \u0628\u0633\u062a\u0627\u0646\u06a9\u0627\u0631\u0627\u0646 \u0627\u0635\u0644\u06cc.<br\/>\n \u06f3. \u0628\u0627\u06cc\u06af\u0627\u0646\u06cc \u0645\u0631\u062a\u0628 \u0627\u0633\u0646\u0627\u062f \u0645\u062b\u0628\u062a \u0645\u0627\u0644\u06cc\u0627\u062a\u06cc \u0648 \u0645\u062f\u0627\u0631\u06a9 \u067e\u0631\u0633\u0646\u0644\u06cc.<br\/>\n \u06f4. \u062a\u0647\u06cc\u0647 \u062a\u0631\u0627\u0632 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0642\u0628\u0644 \u0627\u0632 \u0628\u0633\u062a\u0646 \u062d\u0633\u0627\u0628\u200c\u0647\u0627.<br\/><br\/>\n \u062a\u06cc\u0645 \u0645\u0627 \u0622\u0645\u0627\u062f\u0647 \u0627\u0633\u062a \u062a\u0627 \u067e\u06cc\u0634 \u0627\u0632 \u0648\u0631\u0648\u062f \u062d\u0633\u0627\u0628\u0631\u0633\u0627\u0646 \u0631\u0633\u0645\u06cc\u060c \u06a9\u0644 \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0627\u0644\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u0628\u0646\u062f\u0647\u0627\u06cc \u0634\u0631\u0637 \u067e\u0627\u06cc\u0634 \u06a9\u0646\u062f.`\n },\n 3: {\n title: \"\u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u062c\u0631\u06cc\u0627\u0646 \u0646\u0642\u062f\u06cc\u0646\u06af\u06cc \u062f\u0631 \u0634\u0631\u0627\u06cc\u0637 \u062a\u0648\u0631\u0645\u06cc\",\n category: \"\u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0627\u0644\u06cc\",\n date: \"\u06f0\u06f2 \u062e\u0631\u062f\u0627\u062f \u06f1\u06f4\u06f0\u06f5\",\n text: `\u062f\u0631 \u0634\u0631\u0627\u06cc\u0637 \u062a\u0648\u0631\u0645\u06cc\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u0633\u0631\u0645\u0627\u06cc\u0647 \u062f\u0631 \u06af\u0631\u062f\u0634 \u0648 \u062c\u0631\u06cc\u0627\u0646 \u0646\u0642\u062f\u06cc\u0646\u06af\u06cc \u062d\u06cc\u0627\u062a\u06cc\u200c\u062a\u0631\u06cc\u0646 \u0641\u0627\u06a9\u062a\u0648\u0631 \u0628\u0642\u0627\u06cc \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627\u0633\u062a.<br\/><br\/>\n <strong>\u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0639\u0645\u0644\u06cc:<\/strong><br\/>\n \u2022 \u06a9\u0627\u0647\u0634 \u062f\u0648\u0631\u0647 \u0648\u0635\u0648\u0644 \u0645\u0637\u0627\u0644\u0628\u0627\u062a \u0628\u0627 \u0627\u0631\u0627\u0626\u0647\u200c\u06cc \u062a\u062e\u0641\u06cc\u0641\u0627\u062a \u0646\u0642\u062f\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a\u200c\u0634\u062f\u0647.<br\/>\n \u2022 \u06a9\u0646\u062a\u0631\u0644 \u062f\u0642\u06cc\u0642 \u062f\u0648\u0631\u0647 \u06af\u0631\u062f\u0634 \u06a9\u0627\u0644\u0627 \u0648 \u067e\u06cc\u0634\u200c\u0628\u06cc\u0646\u06cc \u062e\u0631\u06cc\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc\u06a9.<br\/>\n \u2022 \u062a\u0646\u0638\u06cc\u0645 \u062f\u0642\u06cc\u0642 \u0635\u0648\u0631\u062a \u062c\u0631\u06cc\u0627\u0646 \u0648\u062c\u0648\u0647 \u0646\u0642\u062f \u0628\u0635\u0648\u0631\u062a \u0647\u0641\u062a\u06af\u06cc \u0648 \u0645\u0627\u0647\u0627\u0646\u0647.<br\/><br\/>\n \u0645\u0634\u0627\u0648\u0631\u0627\u0646 \u0645\u0627 \u0628\u0627 \u062a\u062d\u0644\u06cc\u0644 \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0627\u0644\u06cc \u0634\u0631\u06a9\u062a \u0634\u0645\u0627\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u062a\u0631\u06cc\u0646 \u0645\u062f\u0644 \u062c\u0631\u06cc\u0627\u0646 \u0646\u0642\u062f\u06cc\u0646\u06af\u06cc \u0631\u0627 \u0637\u0631\u0627\u062d\u06cc \u0648 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u06cc\u200c\u0646\u0645\u0627\u06cc\u0646\u062f.`\n }\n };\n\n function openArticleModal(id) {\n const article = articlesData[id];\n if (!article) return;\n\n const modalContent = document.getElementById('article-modal-content');\n modalContent.innerHTML = `\n <div class=\"inline-block bg-gold-500 text-navy-900 font-bold text-xs px-3 py-1 rounded-full mb-3\">${article.category}<\/div>\n <h3 class=\"text-2xl font-bold text-white mb-2\">${article.title}<\/h3>\n <span class=\"text-gray-500 text-xs block mb-6\">${article.date}<\/span>\n <div class=\"text-gray-300 text-sm leading-relaxed border-t border-white\/10 pt-4\">\n ${article.text}\n <\/div>\n <div class=\"mt-8 pt-4 border-t border-white\/10 flex justify-end\">\n <a href=\"#contact\" onclick=\"closeArticleModal()\" class=\"bg-gold-500 hover:bg-gold-400 text-navy-900 font-bold text-sm px-5 py-2.5 rounded-xl transition-colors\">\n \u0645\u0634\u0627\u0648\u0631\u0647 \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u0645\u0642\u0627\u0644\u0647\n <\/a>\n <\/div>\n `;\n\n const modal = document.getElementById('article-modal');\n modal.classList.remove('hidden');\n document.body.style.overflow = 'hidden';\n }\n\n function closeArticleModal() {\n const modal = document.getElementById('article-modal');\n modal.classList.add('hidden');\n document.body.style.overflow = 'auto';\n }\n\n \/\/ Close modal on outside click\n document.getElementById('article-modal').addEventListener('click', function(e) {\n if (e.target === this) {\n closeArticleModal();\n }\n });\n\n \/\/ Initialize AOS\n AOS.init({\n duration: 800,\n easing: 'ease-out-cubic',\n once: true,\n offset: 100,\n });\n\n \/\/ Mobile Menu Toggle\n const menuBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n const mobileLinks = document.querySelectorAll('.mobile-link');\n\n if (menuBtn && mobileMenu) {\n menuBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n });\n });\n }\n\n \/\/ FAQ Accordion Handler\n const faqBtns = document.querySelectorAll('.faq-btn');\n faqBtns.forEach(btn => {\n btn.addEventListener('click', () => {\n const answer = btn.nextElementSibling;\n const icon = btn.querySelector('svg');\n \n \/\/ Toggle current answer\n answer.classList.toggle('open');\n icon.classList.toggle('rotate-180');\n\n \/\/ Close other answers\n faqBtns.forEach(otherBtn => {\n if (otherBtn !== btn) {\n const otherAnswer = otherBtn.nextElementSibling;\n const otherIcon = otherBtn.querySelector('svg');\n otherAnswer.classList.remove('open');\n otherIcon.classList.remove('rotate-180');\n }\n });\n });\n });\n <\/script>\n<\/body>\n<\/html>\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>\u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631 | \u062d\u0633\u0627\u0628\u0631\u0633 \u0631\u0633\u0645\u06cc \u0648 \u0645\u0634\u0627\u0648\u0631 \u0627\u0631\u0634\u062f \u0645\u0627\u0644\u06cc \u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc\u200c\u067e\u0648\u0631 \u062d\u0633\u0627\u0628\u0631\u0633 \u0631\u0633\u0645\u06cc \u0648 \u0645\u0634\u0627\u0648\u0631 \u0645\u0627\u0644\u06cc \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc \u067e\u0648\u0631 \u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0686\u0631\u0627 \u0645\u0627\u061f \u0633\u0648\u0627\u0628\u0642 \u0648 \u0645\u062f\u0627\u0631\u06a9 \u0645\u0647\u062f\u06cc \u0646\u0638\u0631\u06cc \u067e\u0648\u0631 \u0646\u0638\u0631\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \u0645\u0642\u0627\u0644\u0627\u062a \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u062a\u062e\u0635\u0635\u06cc \u0686\u0631\u0627 \u0645\u0627\u061f \u0633\u0648\u0627\u0628\u0642 \u0648 \u0645\u062f\u0627\u0631\u06a9 \u0646\u0638\u0631\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \u0645\u0642\u0627\u0644\u0627\u062a \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \/ […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":40,"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/mehdinazaripour.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}