\u0643\u0648\u0627\u0646\u062a\u0648\u0645 \u0625\u064a\u062f\u062c \u0643\u0627\u0628\u064a\u062a\u0627\u0644 - \u0631\u064a\u0627\u062f\u0629 \u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"styles.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n 'inter': ['Inter', 'sans-serif'],\n },\n animation: {\n 'float': 'float 6s ease-in-out infinite',\n 'glow': 'glow 2s ease-in-out infinite alternate',\n 'slideInUp': 'slideInUp 0.8s ease-out',\n 'fadeInScale': 'fadeInScale 0.6s ease-out',\n }\n }\n }\n }\n \/\/ Interactive JavaScript for QuantumEdge Capital Landing Page\n\ndocument.addEventListener('DOMContentLoaded', function() {\n initializeAnimations();\n initializeFAQ();\n initializeSmoothScrolling();\n initializeIntersectionObserver();\n initializeNavbarEffects();\n initializeInteractiveElements();\n});\n\n\/\/ Initialize all animations and effects\nfunction initializeAnimations() {\n \/\/ Add staggered animation delays to floating cards\n const floatingCards = document.querySelectorAll('.floating-card');\n floatingCards.forEach((card, index) => {\n card.style.animationDelay = `${index * 0.2}s`;\n card.classList.add('animate-fadeInScale');\n });\n\n \/\/ Add hover effects to CTA buttons\n const ctaButtons = document.querySelectorAll('.cta-button');\n ctaButtons.forEach(button => {\n button.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-3px) scale(1.05)';\n });\n \n button.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n });\n });\n\n \/\/ Animate progress bars in stats container\n animateProgressBars();\n}\n\n\/\/ Initialize FAQ accordion functionality\nfunction initializeFAQ() {\n const faqItems = document.querySelectorAll('.faq-item');\n \n faqItems.forEach(item => {\n const question = item.querySelector('.faq-question');\n const answer = item.querySelector('.faq-answer');\n \n question.addEventListener('click', function() {\n const isOpen = this.getAttribute('aria-expanded') === 'true';\n \n \/\/ Close all other FAQ items\n faqItems.forEach(otherItem => {\n if (otherItem !== item) {\n const otherQuestion = otherItem.querySelector('.faq-question');\n const otherAnswer = otherItem.querySelector('.faq-answer');\n otherQuestion.setAttribute('aria-expanded', 'false');\n otherAnswer.classList.remove('open');\n }\n });\n \n \/\/ Toggle current item\n if (isOpen) {\n this.setAttribute('aria-expanded', 'false');\n answer.classList.remove('open');\n } else {\n this.setAttribute('aria-expanded', 'true');\n answer.classList.add('open');\n }\n });\n });\n}\n\n\/\/ Initialize smooth scrolling for navigation links\nfunction initializeSmoothScrolling() {\n const navLinks = document.querySelectorAll('nav a[href^=\"#\"]');\n \n navLinks.forEach(link => {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n const targetSection = document.querySelector(targetId);\n \n if (targetSection) {\n const offsetTop = targetSection.offsetTop - 80; \/\/ Account for fixed navbar\n \n window.scrollTo({\n top: offsetTop,\n behavior: 'smooth'\n });\n }\n });\n });\n}\n\n\/\/ Initialize Intersection Observer for scroll animations\nfunction initializeIntersectionObserver() {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n \n \/\/ Special handling for service cards\n if (entry.target.classList.contains('service-card')) {\n const delay = Array.from(entry.target.parentNode.children).indexOf(entry.target) * 150;\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, delay);\n }\n \n \/\/ Special handling for advantage cards\n if (entry.target.classList.contains('advantage-card')) {\n const delay = Array.from(entry.target.parentNode.children).indexOf(entry.target) * 200;\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0) scale(1)';\n }, delay);\n }\n }\n });\n }, observerOptions);\n \n \/\/ Observe elements for animation\n const animatedElements = document.querySelectorAll('.service-card, .advantage-card, .floating-card');\n animatedElements.forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px) scale(0.95)';\n el.style.transition = 'all 0.6s ease';\n observer.observe(el);\n });\n}\n\n\/\/ Initialize navbar scroll effects\nfunction initializeNavbarEffects() {\n const navbar = document.querySelector('nav');\n let lastScrollY = window.scrollY;\n \n window.addEventListener('scroll', function() {\n const currentScrollY = window.scrollY;\n \n if (currentScrollY > 100) {\n navbar.style.background = 'rgba(255, 255, 255, 0.95)';\n navbar.style.boxShadow = '0 4px 20px rgba(0, 0, 0, 0.1)';\n } else {\n navbar.style.background = 'rgba(255, 255, 255, 0.8)';\n navbar.style.boxShadow = 'none';\n }\n \n \/\/ Hide\/show navbar on scroll\n if (currentScrollY > lastScrollY && currentScrollY > 200) {\n navbar.style.transform = 'translateY(-100%)';\n } else {\n navbar.style.transform = 'translateY(0)';\n }\n \n lastScrollY = currentScrollY;\n });\n}\n\n\/\/ Initialize various interactive elements\nfunction initializeInteractiveElements() {\n \/\/ Add ripple effect to buttons\n const buttons = document.querySelectorAll('button, .cta-button');\n buttons.forEach(button => {\n button.addEventListener('click', function(e) {\n createRippleEffect(e, this);\n });\n });\n \n \/\/ Add parallax effect to hero section\n window.addEventListener('scroll', function() {\n const scrolled = window.pageYOffset;\n const parallax = document.querySelector('.hero-parallax');\n if (parallax) {\n const speed = scrolled * 0.5;\n parallax.style.transform = `translateY(${speed}px)`;\n }\n });\n \n \/\/ Add counter animation for stats\n animateCounters();\n \n \/\/ Add floating animation to decorative elements\n initializeFloatingElements();\n}\n\n\/\/ Create ripple effect on button click\nfunction createRippleEffect(event, element) {\n const circle = document.createElement('span');\n const diameter = Math.max(element.clientWidth, element.clientHeight);\n const radius = diameter \/ 2;\n \n circle.style.width = circle.style.height = `${diameter}px`;\n circle.style.left = `${event.clientX - element.offsetLeft - radius}px`;\n circle.style.top = `${event.clientY - element.offsetTop - radius}px`;\n circle.classList.add('ripple');\n \n const ripple = element.querySelector('.ripple');\n if (ripple) {\n ripple.remove();\n }\n \n element.appendChild(circle);\n \n \/\/ CSS for ripple effect\n const style = document.createElement('style');\n style.textContent = `\n .ripple {\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n animation: ripple 0.6s linear;\n background-color: rgba(255, 255, 255, 0.7);\n pointer-events: none;\n }\n @keyframes ripple {\n to {\n transform: scale(4);\n opacity: 0;\n }\n }\n `;\n document.head.appendChild(style);\n}\n\n\/\/ Animate progress bars\nfunction animateProgressBars() {\n const progressBars = document.querySelectorAll('.stats-container .bg-white');\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const progressBar = entry.target;\n const width = progressBar.style.width;\n progressBar.style.width = '0%';\n progressBar.style.transition = 'width 2s ease-in-out';\n \n setTimeout(() => {\n progressBar.style.width = width;\n }, 100);\n }\n });\n }, { threshold: 0.5 });\n \n progressBars.forEach(bar => observer.observe(bar));\n}\n\n\/\/ Animate counters\nfunction animateCounters() {\n const counters = document.querySelectorAll('.text-2xl.font-bold');\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const counter = entry.target;\n const target = parseFloat(counter.textContent.replace(\/[^\\d.-]\/g, ''));\n \n if (!isNaN(target)) {\n animateValue(counter, 0, target, 2000);\n }\n }\n });\n }, { threshold: 0.5 });\n \n counters.forEach(counter => observer.observe(counter));\n}\n\n\/\/ Animate value helper function\nfunction animateValue(element, start, end, duration) {\n if (start === end) return;\n \n const range = end - start;\n const minTimer = 50;\n let stepTime = Math.abs(Math.floor(duration \/ range));\n stepTime = Math.max(stepTime, minTimer);\n \n const startTime = new Date().getTime();\n const endTime = startTime + duration;\n let timer;\n \n function run() {\n const now = new Date().getTime();\n const remaining = Math.max((endTime - now) \/ duration, 0);\n const value = Math.round(end - (remaining * range));\n \n const originalText = element.textContent;\n const prefix = originalText.replace(\/[\\d.-]\/g, '').match(\/^[^\\d]*\/)[0];\n const suffix = originalText.replace(\/[\\d.-]\/g, '').match(\/[^\\d]*$\/)[0];\n \n element.textContent = prefix + value + suffix;\n \n if (value === end) {\n clearInterval(timer);\n }\n }\n \n timer = setInterval(run, stepTime);\n run();\n}\n\n\/\/ Initialize floating elements\nfunction initializeFloatingElements() {\n const floatingElements = document.querySelectorAll('.animate-float');\n \n floatingElements.forEach((element, index) => {\n element.style.animationDelay = `${index * 0.5}s`;\n \n \/\/ Add random movement variations\n element.addEventListener('mouseenter', function() {\n this.style.animationPlayState = 'paused';\n this.style.transform = 'translateY(-10px) scale(1.1)';\n });\n \n element.addEventListener('mouseleave', function() {\n this.style.animationPlayState = 'running';\n this.style.transform = '';\n });\n });\n}\n\n\/\/ Add mobile touch interactions\nif ('ontouchstart' in window) {\n document.addEventListener('touchstart', function() {\n \/\/ Add touch class for mobile-specific styling\n document.body.classList.add('touch-device');\n });\n \n \/\/ Optimize animations for mobile\n const cards = document.querySelectorAll('.floating-card, .service-card, .advantage-card');\n cards.forEach(card => {\n card.addEventListener('touchstart', function() {\n this.classList.add('touch-active');\n });\n \n card.addEventListener('touchend', function() {\n setTimeout(() => {\n this.classList.remove('touch-active');\n }, 150);\n });\n });\n}\n\n\/\/ Performance optimization: Debounce scroll events\nfunction debounce(func, wait, immediate) {\n let timeout;\n return function executedFunction() {\n const later = function() {\n timeout = null;\n if (!immediate) func();\n };\n const callNow = immediate && !timeout;\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n if (callNow) func();\n };\n}\n\n\/\/ Apply debouncing to scroll events\nconst debouncedScrollHandler = debounce(function() {\n \/\/ Scroll-based animations here\n}, 16); \/\/ ~60fps\n\nwindow.addEventListener('scroll', debouncedScrollHandler);\n\n\/\/ Initialize loading state\nwindow.addEventListener('load', function() {\n document.body.classList.add('loaded');\n \n \/\/ Trigger entrance animations\n setTimeout(() => {\n const heroElements = document.querySelectorAll('.animate-slideInUp');\n heroElements.forEach((element, index) => {\n setTimeout(() => {\n element.style.opacity = '1';\n element.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }, 300);\n});\n\n <\/script>\n\n <style>\n \/* Advanced CSS animations and styles for interactive web components *\/\n\n:root {\n --primary-blue: #2563eb;\n --primary-purple: #9333ea;\n --gradient-primary: linear-gradient(135deg, var(--primary-blue), var(--primary-purple));\n --text-gray-900: #111827;\n --text-gray-600: #4b5563;\n --bg-white: #ffffff;\n --border-gray-200: #e5e7eb;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n color: var(--text-gray-900);\n overflow-x: hidden;\n}\n\n\/* Navigation Blur Effect *\/\n.nav-blur {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n\/* Glow Effects *\/\n.glow-box {\n box-shadow: 0 0 20px rgba(37, 99, 235, 0.3);\n animation: glow 2s ease-in-out infinite alternate;\n}\n\n@keyframes glow {\n from {\n box-shadow: 0 0 20px rgba(37, 99, 235, 0.3);\n }\n to {\n box-shadow: 0 0 30px rgba(37, 99, 235, 0.5), 0 0 40px rgba(37, 99, 235, 0.3);\n }\n}\n\n\/* Floating Animation *\/\n@keyframes float {\n 0% {\n transform: translateY(0px) rotate(0deg);\n }\n 33% {\n transform: translateY(-20px) rotate(120deg);\n }\n 66% {\n transform: translateY(-10px) rotate(240deg);\n }\n 100% {\n transform: translateY(0px) rotate(360deg);\n }\n}\n\n.animate-float {\n animation: float 6s ease-in-out infinite;\n}\n\n\/* Slide In Up Animation *\/\n@keyframes slideInUp {\n from {\n transform: translateY(50px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.animate-slideInUp {\n animation: slideInUp 0.8s ease-out;\n}\n\n\/* Fade In Scale Animation *\/\n@keyframes fadeInScale {\n from {\n transform: scale(0.8);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n.animate-fadeInScale {\n animation: fadeInScale 0.6s ease-out;\n}\n\n\/* Interactive Cards *\/\n.floating-card {\n transition: all 0.3s ease;\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.4);\n}\n\n.floating-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n}\n\n.service-card {\n transition: all 0.3s ease;\n}\n\n.service-card:hover {\n transform: translateY(-5px);\n}\n\n.advantage-card {\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.advantage-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);\n transform: rotate(45deg);\n transition: all 0.6s ease;\n opacity: 0;\n}\n\n.advantage-card:hover::before {\n animation: shine 0.6s ease-in-out;\n}\n\n@keyframes shine {\n 0% {\n transform: translateX(-100%) translateY(-100%) rotate(45deg);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n transform: translateX(100%) translateY(100%) rotate(45deg);\n opacity: 0;\n }\n}\n\n\/* CTA Button Effects *\/\n.cta-button {\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n}\n\n.cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n transition: left 0.6s;\n}\n\n.cta-button:hover::before {\n left: 100%;\n}\n\n.cta-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(37, 99, 235, 0.3);\n}\n\n\/* Stats Container Animation *\/\n.stats-container {\n position: relative;\n overflow: hidden;\n}\n\n.stats-container::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100px;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1));\n animation: statsSweep 3s ease-in-out infinite;\n}\n\n@keyframes statsSweep {\n 0% {\n transform: translateX(100px);\n }\n 50% {\n transform: translateX(-400px);\n }\n 100% {\n transform: translateX(100px);\n }\n}\n\n\/* FAQ Accordion *\/\n.faq-item {\n transition: all 0.3s ease;\n}\n\n.faq-item:hover {\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n}\n\n.faq-question svg {\n transition: transform 0.3s ease;\n}\n\n.faq-question[aria-expanded=\"true\"] svg {\n transform: rotate(180deg);\n}\n\n.faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease, padding 0.3s ease;\n}\n\n.faq-answer.open {\n max-height: 200px;\n padding: 24px;\n padding-top: 0;\n}\n\n\/* Parallax Effects *\/\n.parallax-bg {\n background-attachment: fixed;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n}\n\n\/* Loading Animation *\/\n.loader {\n border: 3px solid #f3f3f3;\n border-top: 3px solid var(--primary-blue);\n border-radius: 50%;\n width: 40px;\n height: 40px;\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n\/* Gradient Text Effect *\/\n.gradient-text {\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n\/* Glass Morphism Effect *\/\n.glass {\n background: rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 20px;\n}\n\n\/* Pulse Animation *\/\n.pulse {\n animation: pulse 2s infinite;\n}\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.05);\n }\n 100% {\n transform: scale(1);\n }\n}\n\n\/* Responsive Design Helpers *\/\n@media (max-width: 768px) {\n .floating-card:hover {\n transform: translateY(-5px) scale(1.01);\n }\n \n .service-card:hover {\n transform: translateY(-3px);\n }\n}\n\n\/* Intersection Observer Animation Classes *\/\n.fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.6s ease;\n}\n\n.fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.slide-in-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: all 0.6s ease;\n}\n\n.slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n}\n\n.slide-in-right {\n opacity: 0;\n transform: translateX(50px);\n transition: all 0.6s ease;\n}\n\n.slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n}\n\n\/* Custom Scrollbar *\/\n::-webkit-scrollbar {\n width: 8px;\n}\n\n::-webkit-scrollbar-track {\n background: #f1f1f1;\n}\n\n::-webkit-scrollbar-thumb {\n background: linear-gradient(135deg, var(--primary-blue), var(--primary-purple));\n border-radius: 10px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: linear-gradient(135deg, #1d4ed8, #7c3aed);\n}\n\n\/* Tooltip Styles *\/\n.tooltip {\n position: relative;\n display: inline-block;\n}\n\n.tooltip .tooltiptext {\n visibility: hidden;\n width: 200px;\n background-color: #333;\n color: #fff;\n text-align: center;\n border-radius: 8px;\n padding: 8px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: 50%;\n margin-left: -100px;\n opacity: 0;\n transition: opacity 0.3s;\n font-size: 14px;\n}\n\n.tooltip .tooltiptext::after {\n content: \"\";\n position: absolute;\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: #333 transparent transparent transparent;\n}\n\n.tooltip:hover .tooltiptext {\n visibility: visible;\n opacity: 1;\n}\n\n\/* Progress Bar Animation *\/\n.progress-bar {\n height: 4px;\n background: var(--gradient-primary);\n border-radius: 2px;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 1s ease;\n}\n\n.progress-bar.animate {\n transform: scaleX(1);\n}\n\n <\/style>\n<\/head>\n<body class=\"font-inter bg-gradient-to-br from-gray-50 to-gray-100 min-h-screen\">\n \n <section class=\"py-20 bg-gradient-to-br from-gray-50 to-gray-100\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"text-center\">\n <div class=\"animate-slideInUp\">\n <h1 class=\"text-5xl md:text-7xl font-bold text-gray-900 mb-6 leading-tight\">\n \u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0641\u064a \n <span class=\"bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent\">\n \u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u062a\u0645\u0648\u064a\u0644\n <\/span>\n <\/h1>\n <p class=\"text-xl md:text-2xl text-gray-600 mb-8 max-w-4xl mx-auto leading-relaxed\">\n \u062d\u0644\u0648\u0644 \u0635\u0646\u0627\u062f\u064a\u0642 \u0627\u0644\u062a\u062d\u0648\u0637 \u0627\u0644\u062b\u0648\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u0641\u064a\u062f \u0645\u0646 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646 \u0648\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a DeFi \u0648\u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0644\u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a \u0641\u064a \u0627\u0644\u0639\u0635\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u0627\u0644\u062c\u062f\u064a\u062f.\n <\/p>\n <\/div>\n \n <div class=\"flex flex-col sm:flex-row gap-4 justify-center mb-16\">\n\n <button \n onclick=\"document.getElementById('services').scrollIntoView({ behavior: 'smooth' })\" \n class=\"cta-button bg-gradient-to-r from-blue-600 to-purple-600 text-white px-8 py-4 rounded-full text-lg font-semibold hover:shadow-2xl transition-all duration-300 transform hover:scale-105\"\n >\n \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646\n <\/button>\n <button \n onclick=\"window.location.href='\/contact\/'\" \n class=\"border-2 border-gray-300 text-gray-700 px-8 py-4 rounded-full text-lg font-semibold hover:border-blue-500 hover:text-blue-600 transition-all duration-300\">\n \u0627\u062a\u0635\u0644 \u0628\u0646\u0627\n <\/button>\n \n \n <\/div>\n\n \n <div class=\"grid md:grid-cols-3 gap-8 mb-16\">\n <div class=\"bg-white\/60 backdrop-blur-lg rounded-2xl p-6 shadow-lg border border-white\/40\">\n <div class=\"w-12 h-12 bg-gradient-to-r from-green-500 to-emerald-500 rounded-xl mb-4 mx-auto flex items-center justify-center\">\n <svg class=\"w-6 h-6 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z\"\/>\n <path d=\"M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-lg font-semibold mb-2\">\u0627\u0644\u062a\u0646\u0648\u064a\u0639 \u0627\u0644\u0645\u062a\u0642\u062f\u0645<\/h3>\n <p class=\"text-gray-600\">\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0645\u062d\u0641\u0638\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0635\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u063a\u064a\u0631 \u0645\u062a\u0631\u0627\u0628\u0637\u0629<\/p>\n <\/div>\n \n <div class=\"bg-white\/60 backdrop-blur-lg rounded-2xl p-6 shadow-lg border border-white\/40\">\n <div class=\"w-12 h-12 bg-gradient-to-r from-blue-500 to-cyan-500 rounded-xl mb-4 mx-auto flex items-center justify-center\">\n <svg class=\"w-6 h-6 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-lg font-semibold mb-2\">\u062f\u064a\u0641\u064a \u0644\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/h3>\n <p class=\"text-gray-600\">\u0623\u062d\u062f\u062b \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u063a\u0644\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u062d\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629<\/p>\n <\/div>\n \n <div class=\"bg-white\/60 backdrop-blur-lg rounded-2xl p-6 shadow-lg border border-white\/40\">\n <div class=\"w-12 h-12 bg-gradient-to-r from-purple-500 to-pink-500 rounded-xl mb-4 mx-auto flex items-center justify-center\">\n <svg class=\"w-6 h-6 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-lg font-semibold mb-2\">\u0623\u0645\u0627\u0646 \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646<\/h3>\n <p class=\"text-gray-600\">\u0623\u0645\u0627\u0646 \u063a\u064a\u0631 \u0645\u0646\u0642\u0648\u0635 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0634\u0641\u064a\u0631 \u0627\u0644\u0645\u062a\u0642\u062f\u0645<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"services\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-4xl md:text-5xl font-bold text-gray-900 mb-6\">\n \u0625\u062d\u062f\u0627\u062b \u062b\u0648\u0631\u0629 \u0641\u064a \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\n <\/h2>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n \u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u064a\u062d\u0648\u0644 \u0646\u0647\u062c\u0646\u0627 \u0627\u0644\u0645\u0628\u062a\u0643\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0635\u0646\u0627\u062f\u064a\u0642 \u0627\u0644\u062a\u062d\u0648\u0637 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629 \u0648\u0627\u0644\u0631\u0624\u0649 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0644\u0644\u0633\u0648\u0642.\n <\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <div class=\"service-card group\">\n <div class=\"bg-gradient-to-br from-blue-50 to-blue-100 rounded-2xl p-8 h-full border border-blue-200 hover:border-blue-300 transition-all duration-300\">\n <div class=\"w-16 h-16 bg-gradient-to-r from-blue-500 to-blue-600 rounded-2xl mb-6 flex items-center justify-center group-hover:scale-110 transition-transform duration-300\">\n <svg class=\"w-8 h-8 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z\"\/>\n <path d=\"M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u0627\u0644\u062a\u0646\u0648\u064a\u0639 \u0627\u0644\u0645\u062a\u0642\u062f\u0645<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u062a\u0646\u0648\u064a\u0639 \u0645\u062a\u0637\u0648\u0631 \u0644\u0644\u0645\u062d\u0641\u0638\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u0626\u0627\u062a \u0623\u0635\u0648\u0644 \u063a\u064a\u0631 \u0645\u062a\u0631\u0627\u0628\u0637\u0629 \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0639\u0645\u0644\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u0627\u0644\u0631\u0645\u0648\u0632 \u0627\u0644\u0623\u0645\u0646\u064a\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0639\u0648\u0627\u0626\u062f \u0627\u0644\u0645\u0639\u062f\u0644\u0629 \u062d\u0633\u0628 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0642\u0644\u0628\u0627\u062a.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card group\">\n <div class=\"bg-gradient-to-br from-green-50 to-green-100 rounded-2xl p-8 h-full border border-green-200 hover:border-green-300 transition-all duration-300\">\n <div class=\"w-16 h-16 bg-gradient-to-r from-green-500 to-green-600 rounded-2xl mb-6 flex items-center justify-center group-hover:scale-110 transition-transform duration-300\">\n <svg class=\"w-8 h-8 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6zm5 6a1 1 0 10-2 0v3.586l-1.293-1.293a1 1 0 10-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 11.586V8z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a DeFi \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u0646\u0634\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0644\u0627\u0645\u0631\u0643\u0632\u064a \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u0639\u0627\u0626\u062f\u0627\u062a \u0648\u062a\u062f\u0627\u0648\u0644 \u0627\u0644\u0645\u0631\u0627\u062c\u062d\u0629 \u0644\u0641\u062a\u062d \u0633\u0628\u0644 \u062c\u062f\u064a\u062f\u0629 \u0644\u062a\u0648\u0644\u064a\u062f \u0623\u0644\u0641\u0627 \u0641\u064a \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0628\u064a\u0626\u064a \u0644\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card group\">\n <div class=\"bg-gradient-to-br from-purple-50 to-purple-100 rounded-2xl p-8 h-full border border-purple-200 hover:border-purple-300 transition-all duration-300\">\n <div class=\"w-16 h-16 bg-gradient-to-r from-purple-500 to-purple-600 rounded-2xl mb-6 flex items-center justify-center group-hover:scale-110 transition-transform duration-300\">\n <svg class=\"w-8 h-8 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM4.332 8.027a6.012 6.012 0 011.912-2.706C6.512 5.73 6.974 6 7.5 6A1.5 1.5 0 019 7.5V8a2 2 0 004 0 2 2 0 011.523-1.943A5.977 5.977 0 0116 10c0 .34-.028.675-.083 1H15a2 2 0 00-2 2v2.197A5.973 5.973 0 0110 16v-2a2 2 0 00-2-2 2 2 0 01-2-2 2 2 0 00-1.668-1.973z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0627\u0644\u0645\u062a\u0645\u0631\u0633 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u0645\u0635\u0645\u0645\u0629 \u062d\u0635\u0631\u064a\u064b\u0627 \u0644\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a \u0627\u0644\u062a\u064a \u062a\u0633\u0639\u0649 \u0644\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0627\u0644\u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u064a\u0629 \u0644\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0641\u064a \u0627\u0644\u0645\u0634\u0647\u062f \u0627\u0644\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"advantages\" class=\"py-20 bg-gradient-to-br from-gray-50 to-gray-100\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-4xl md:text-5xl font-bold text-gray-900 mb-6\">\n \u0642\u0648\u0629 \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646\n <\/h2>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u062b\u0648\u0631\u064a\u0629 \u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646 \u0644\u062a\u062d\u0648\u064a\u0644 \u062a\u062c\u0631\u0628\u062a\u0643 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0628\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0623\u0645\u0627\u0646 \u0648\u0643\u0641\u0627\u0621\u0629 \u063a\u064a\u0631 \u0645\u0633\u0628\u0648\u0642\u0629.\n <\/p>\n <\/div>\n\n <div class=\"grid lg:grid-cols-3 gap-8\">\n <div class=\"advantage-card bg-white rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300\">\n <div class=\"text-center\">\n <div class=\"w-20 h-20 bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full mx-auto mb-6 flex items-center justify-center\">\n <svg class=\"w-10 h-10 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u0628\u0646\u0627\u0621 \u062b\u0642\u0629 \u0644\u0627 \u062a\u062a\u0632\u0639\u0632\u0639<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u062a\u0639\u0632\u0632 \u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646 \u0627\u0644\u0645\u062a\u0623\u0635\u0644\u0629 \u0641\u064a \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646 \u0648\u062d\u0641\u0638 \u0627\u0644\u0633\u062c\u0644\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u063a\u064a\u064a\u0631 \u062b\u0642\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u062b\u0642\u062a\u0647 \u0627\u0644\u062a\u064a \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646\u0647\u0627 \u0648\u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u062a\u0644\u0627\u0639\u0628.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"advantage-card bg-white rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300\">\n <div class=\"text-center\">\n <div class=\"w-20 h-20 bg-gradient-to-r from-green-500 to-emerald-500 rounded-full mx-auto mb-6 flex items-center justify-center\">\n <svg class=\"w-10 h-10 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0646\u0641\u0642\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0623\u062a\u0645\u062a\u0629 \u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0643\u062a\u0644\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0645\u0639 \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0641\u064a \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"advantage-card bg-white rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300\">\n <div class=\"text-center\">\n <div class=\"w-20 h-20 bg-gradient-to-r from-red-500 to-pink-500 rounded-full mx-auto mb-6 flex items-center justify-center\">\n <svg class=\"w-10 h-10 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u0623\u0645\u0627\u0646 \u063a\u064a\u0631 \u0645\u0646\u0642\u0648\u0635<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u062f\u0627\u0628\u064a\u0631 \u0627\u0644\u0623\u0645\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0645 \u062a\u062d\u0642\u064a\u0642\u0647\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0634\u0641\u064a\u0631 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u062d\u0645\u0627\u064a\u0629 \u0642\u0648\u064a\u0629 \u0644\u0644\u0623\u0635\u0648\u0644 \u0648\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u062d\u0633\u0627\u0633\u0629.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"strategies\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n <div>\n <h2 class=\"text-4xl md:text-5xl font-bold text-gray-900 mb-6\">\n \u0625\u062a\u0642\u0627\u0646 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0644\u0640 \n <span class=\"bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent\">\n \u0639\u0648\u0627\u0626\u062f \u0641\u0627\u0626\u0642\u0629\n <\/span>\n <\/h2>\n <p class=\"text-xl text-gray-600 mb-8 leading-relaxed\">\n \u062a\u0646\u0642\u0644 \u0641\u064a \u0645\u0634\u0647\u062f \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u0637\u0648\u0631 \u0645\u0639 \u062e\u0628\u0631\u0629 \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647\u0627 \u0648\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u062e\u0627\u0635\u0629 \u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0639\u0648\u0627\u0626\u062f \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0645\u0639\u062f\u0644\u0629 \u062d\u0633\u0628 \u0627\u0644\u0645\u062e\u0627\u0637\u0631.\n <\/p>\n\n <div class=\"space-y-6\">\n <div class=\"flex items-start space-x-4\">\n <div class=\"w-8 h-8 bg-gradient-to-r from-blue-500 to-blue-600 rounded-lg flex items-center justify-center flex-shrink-0 mt-1\">\n <svg class=\"w-5 h-5 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\/>\n <\/svg>\n <\/div>\n <div>\n <h3 class=\"text-lg font-semibold text-gray-900\">\u0645\u0631\u0648\u0646\u0629 \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0643\u064a\u0641<\/h3>\n <p class=\"text-gray-600\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0646\u0642\u0644 \u0648\u0627\u0644\u062a\u0643\u064a\u0641 \u0645\u0639 \u0638\u0631\u0648\u0641 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0629 \u0628\u0633\u0631\u0639\u0629 \u0645\u0639 \u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start space-x-4\">\n <div class=\"w-8 h-8 bg-gradient-to-r from-green-500 to-green-600 rounded-lg flex items-center justify-center flex-shrink-0 mt-1\">\n <svg class=\"w-5 h-5 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\/>\n <\/svg>\n <\/div>\n <div>\n <h3 class=\"text-lg font-semibold text-gray-900\">\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/h3>\n <p class=\"text-gray-600\">\u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0644\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0633\u0644\u0633\u0644\u0629 \u0644\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0633\u062a\u062e\u0628\u0627\u0631\u0627\u062a\u064a\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0643\u062a\u0633\u0627\u0628 \u0631\u0624\u0649 \u0639\u0645\u064a\u0642\u0629 \u0639\u0646 \u0627\u0644\u0633\u0648\u0642.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start space-x-4\">\n <div class=\"w-8 h-8 bg-gradient-to-r from-purple-500 to-purple-600 rounded-lg flex items-center justify-center flex-shrink-0 mt-1\">\n <svg class=\"w-5 h-5 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\/>\n <\/svg>\n <\/div>\n <div>\n <h3 class=\"text-lg font-semibold text-gray-900\">\u062a\u0648\u0644\u064a\u062f \u0639\u0648\u0627\u0626\u062f \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629<\/h3>\n <p class=\"text-gray-600\">\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0639\u0644\u0649 \u062a\u062d\u0642\u064a\u0642 \u0639\u0648\u0627\u0626\u062f \u0645\u062a\u0641\u0648\u0642\u0629 \u0648\u0645\u0639\u062f\u0644\u0629 \u062d\u0633\u0628 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0645\u0628\u062a\u0643\u0631\u0629 \u0641\u064a \u0627\u0644\u0639\u0635\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u0627\u0644\u062c\u062f\u064a\u062f.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"relative\">\n <div class=\"bg-gradient-to-r from-blue-600 to-purple-600 rounded-3xl p-8 text-white stats-container\">\n <h3 class=\"!text-white text-2xl font-bold mb-6\">\u0645\u0642\u0627\u064a\u064a\u0633 \u0627\u0644\u0623\u062f\u0627\u0621<\/h3>\n <div class=\"space-y-6\">\n <div class=\"flex justify-between items-center\">\n <span class=\"text-lg\">\u0627\u0644\u0639\u0627\u0626\u062f \u0627\u0644\u0633\u0646\u0648\u064a<\/span>\n \n <\/div>\n <div class=\"w-full bg-white\/20 rounded-full h-2\">\n <div class=\"bg-white rounded-full h-2\" style=\"width: 85%\"><\/div>\n <\/div>\n \n <div class=\"flex justify-between items-center\">\n <span class=\"text-lg\">\u0646\u0633\u0628\u0629 \u0634\u0627\u0631\u0628<\/span>\n \n <\/div>\n <div class=\"w-full bg-white\/20 rounded-full h-2\">\n <div class=\"bg-white rounded-full h-2\" style=\"width: 92%\"><\/div>\n <\/div>\n \n <div class=\"flex justify-between items-center\">\n <span class=\"text-lg\">\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 \u0644\u0644\u0633\u062d\u0628<\/span>\n \n <\/div>\n <div class=\"w-full bg-white\/20 rounded-full h-2\">\n <div class=\"bg-white rounded-full h-2\" style=\"width: 78%\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-gradient-to-r from-blue-600 to-purple-600 text-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center\">\n <h2 class=\"!text-white text-4xl md:text-5xl font-bold mb-6\">\n \u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u062b\u0648\u0631\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629\n <\/h2>\n <p class=\"text-xl opacity-90 max-w-3xl mx-auto mb-12\">\n \u0636\u0639 \u0646\u0641\u0633\u0643 \u0641\u064a \u0637\u0644\u064a\u0639\u0629 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0646\u0647\u062c\u0646\u0627 \u0627\u0644\u0631\u0627\u0626\u062f \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646.\n <\/p>\n\n <div class=\"grid md:grid-cols-2 gap-8 mb-12\">\n <div class=\"bg-white\/10 backdrop-blur-lg rounded-2xl p-8\">\n <h3 class=\"!text-white text-2xl font-bold mb-4\">\u0631\u0648\u062d \u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0648\u0645\u064a\u0632\u0629 \u0627\u0644\u0645\u062a\u062d\u0631\u0643 \u0627\u0644\u0623\u0648\u0644<\/h3>\n <p class=\"opacity-90 leading-relaxed\">\n \u062a\u062a\u0645\u062a\u0639 \u0627\u0644\u0634\u0631\u0643\u0629 \u0628\u0645\u0643\u0627\u0646\u0629 \u0631\u0627\u0626\u062f\u0629 \u0630\u0627\u062a \u0631\u0624\u064a\u0629 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646 \u0648\u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0645\u0632\u062f\u0647\u0631\u060c \u062d\u064a\u062b \u062a\u0633\u062a\u0641\u064a\u062f \u0645\u0646 \u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u0645\u062d\u0631\u0643 \u0627\u0644\u0623\u0648\u0644 \u0644\u0627\u063a\u062a\u0646\u0627\u0645 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0646\u0627\u0634\u0626\u0629 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0635\u0628\u062d \u0633\u0627\u0626\u062f\u0629.\n <\/p>\n <\/div>\n \n <div class=\"bg-white\/10 backdrop-blur-lg rounded-2xl p-8\">\n <h3 class=\"!text-white text-2xl font-bold mb-4\">\u0627\u0644\u0645\u064a\u0632\u0629 \u0627\u0644\u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062e\u0628\u0631\u0629<\/h3>\n <p class=\"opacity-90 leading-relaxed\">\n \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0641\u0631\u064a\u062f\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0648\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0641\u064a \u0627\u0644\u0645\u062c\u0627\u0644 \u0644\u0644\u062a\u0641\u0648\u0642 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646 \u0648\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0641\u064a \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col sm:flex-row gap-6 justify-center\">\n <button class=\"bg-white text-blue-600 px-8 py-4 rounded-full text-lg font-semibold hover:shadow-2xl transition-all duration-300 transform hover:scale-105\">\n \u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a\u0646\u0627\n <\/button>\n <button class=\"border-2 border-white text-white px-8 py-4 rounded-full text-lg font-semibold hover:bg-white hover:text-blue-600 transition-all duration-300\">\n \u062d\u062f\u062f \u0645\u0648\u0639\u062f\u0627\u064b \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>QuantumEdge Capital – Pioneering the Future of Finance Pioneering the Future of Finance Revolutionary Hedge Fund Solutions leveraging blockchain technology, DeFi strategies, and digital assets to redefine investment excellence in the new financial era. Get Started Contact Us Advanced Diversification Sophisticated portfolio strategies using uncorrelated digital assets DeFi Innovation Cutting-edge yield farming and arbitrage strategies […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-1823","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages\/1823","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/comments?post=1823"}],"version-history":[{"count":31,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages\/1823\/revisions"}],"predecessor-version":[{"id":1855,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages\/1823\/revisions\/1855"}],"wp:attachment":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/media?parent=1823"}],"curies":[{"name":"\u062f\u0628\u0644\u064a\u0648 \u0628\u064a","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \u0643\u0648\u0627\u0646\u062a\u0648\u0645 \u0625\u064a\u062f\u062c \u0643\u0627\u0628\u064a\u062a\u0627\u0644 - \u0631\u064a\u0627\u062f\u0629 \u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"styles.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n 'inter': ['Inter', 'sans-serif'],\n },\n animation: {\n 'float': 'float 6s ease-in-out infinite',\n 'glow': 'glow 2s ease-in-out infinite alternate',\n 'slideInUp': 'slideInUp 0.8s ease-out',\n 'fadeInScale': 'fadeInScale 0.6s ease-out',\n }\n }\n }\n }\n \/\/ Interactive JavaScript for QuantumEdge Capital Landing Page\n\ndocument.addEventListener('DOMContentLoaded', function() {\n initializeAnimations();\n initializeFAQ();\n initializeSmoothScrolling();\n initializeIntersectionObserver();\n initializeNavbarEffects();\n initializeInteractiveElements();\n});\n\n\/\/ Initialize all animations and effects\nfunction initializeAnimations() {\n \/\/ Add staggered animation delays to floating cards\n const floatingCards = document.querySelectorAll('.floating-card');\n floatingCards.forEach((card, index) => {\n card.style.animationDelay = `${index * 0.2}s`;\n card.classList.add('animate-fadeInScale');\n });\n\n \/\/ Add hover effects to CTA buttons\n const ctaButtons = document.querySelectorAll('.cta-button');\n ctaButtons.forEach(button => {\n button.addEventListener('mouseenter', function() {\n this.style.transform = 'translateY(-3px) scale(1.05)';\n });\n \n button.addEventListener('mouseleave', function() {\n this.style.transform = 'translateY(0) scale(1)';\n });\n });\n\n \/\/ Animate progress bars in stats container\n animateProgressBars();\n}\n\n\/\/ Initialize FAQ accordion functionality\nfunction initializeFAQ() {\n const faqItems = document.querySelectorAll('.faq-item');\n \n faqItems.forEach(item => {\n const question = item.querySelector('.faq-question');\n const answer = item.querySelector('.faq-answer');\n \n question.addEventListener('click', function() {\n const isOpen = this.getAttribute('aria-expanded') === 'true';\n \n \/\/ Close all other FAQ items\n faqItems.forEach(otherItem => {\n if (otherItem !== item) {\n const otherQuestion = otherItem.querySelector('.faq-question');\n const otherAnswer = otherItem.querySelector('.faq-answer');\n otherQuestion.setAttribute('aria-expanded', 'false');\n otherAnswer.classList.remove('open');\n }\n });\n \n \/\/ Toggle current item\n if (isOpen) {\n this.setAttribute('aria-expanded', 'false');\n answer.classList.remove('open');\n } else {\n this.setAttribute('aria-expanded', 'true');\n answer.classList.add('open');\n }\n });\n });\n}\n\n\/\/ Initialize smooth scrolling for navigation links\nfunction initializeSmoothScrolling() {\n const navLinks = document.querySelectorAll('nav a[href^=\"#\"]');\n \n navLinks.forEach(link => {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n const targetSection = document.querySelector(targetId);\n \n if (targetSection) {\n const offsetTop = targetSection.offsetTop - 80; \/\/ Account for fixed navbar\n \n window.scrollTo({\n top: offsetTop,\n behavior: 'smooth'\n });\n }\n });\n });\n}\n\n\/\/ Initialize Intersection Observer for scroll animations\nfunction initializeIntersectionObserver() {\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n \n \/\/ Special handling for service cards\n if (entry.target.classList.contains('service-card')) {\n const delay = Array.from(entry.target.parentNode.children).indexOf(entry.target) * 150;\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, delay);\n }\n \n \/\/ Special handling for advantage cards\n if (entry.target.classList.contains('advantage-card')) {\n const delay = Array.from(entry.target.parentNode.children).indexOf(entry.target) * 200;\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0) scale(1)';\n }, delay);\n }\n }\n });\n }, observerOptions);\n \n \/\/ Observe elements for animation\n const animatedElements = document.querySelectorAll('.service-card, .advantage-card, .floating-card');\n animatedElements.forEach(el => {\n el.style.opacity = '0';\n el.style.transform = 'translateY(30px) scale(0.95)';\n el.style.transition = 'all 0.6s ease';\n observer.observe(el);\n });\n}\n\n\/\/ Initialize navbar scroll effects\nfunction initializeNavbarEffects() {\n const navbar = document.querySelector('nav');\n let lastScrollY = window.scrollY;\n \n window.addEventListener('scroll', function() {\n const currentScrollY = window.scrollY;\n \n if (currentScrollY > 100) {\n navbar.style.background = 'rgba(255, 255, 255, 0.95)';\n navbar.style.boxShadow = '0 4px 20px rgba(0, 0, 0, 0.1)';\n } else {\n navbar.style.background = 'rgba(255, 255, 255, 0.8)';\n navbar.style.boxShadow = 'none';\n }\n \n \/\/ Hide\/show navbar on scroll\n if (currentScrollY > lastScrollY && currentScrollY > 200) {\n navbar.style.transform = 'translateY(-100%)';\n } else {\n navbar.style.transform = 'translateY(0)';\n }\n \n lastScrollY = currentScrollY;\n });\n}\n\n\/\/ Initialize various interactive elements\nfunction initializeInteractiveElements() {\n \/\/ Add ripple effect to buttons\n const buttons = document.querySelectorAll('button, .cta-button');\n buttons.forEach(button => {\n button.addEventListener('click', function(e) {\n createRippleEffect(e, this);\n });\n });\n \n \/\/ Add parallax effect to hero section\n window.addEventListener('scroll', function() {\n const scrolled = window.pageYOffset;\n const parallax = document.querySelector('.hero-parallax');\n if (parallax) {\n const speed = scrolled * 0.5;\n parallax.style.transform = `translateY(${speed}px)`;\n }\n });\n \n \/\/ Add counter animation for stats\n animateCounters();\n \n \/\/ Add floating animation to decorative elements\n initializeFloatingElements();\n}\n\n\/\/ Create ripple effect on button click\nfunction createRippleEffect(event, element) {\n const circle = document.createElement('span');\n const diameter = Math.max(element.clientWidth, element.clientHeight);\n const radius = diameter \/ 2;\n \n circle.style.width = circle.style.height = `${diameter}px`;\n circle.style.left = `${event.clientX - element.offsetLeft - radius}px`;\n circle.style.top = `${event.clientY - element.offsetTop - radius}px`;\n circle.classList.add('ripple');\n \n const ripple = element.querySelector('.ripple');\n if (ripple) {\n ripple.remove();\n }\n \n element.appendChild(circle);\n \n \/\/ CSS for ripple effect\n const style = document.createElement('style');\n style.textContent = `\n .ripple {\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n animation: ripple 0.6s linear;\n background-color: rgba(255, 255, 255, 0.7);\n pointer-events: none;\n }\n @keyframes ripple {\n to {\n transform: scale(4);\n opacity: 0;\n }\n }\n `;\n document.head.appendChild(style);\n}\n\n\/\/ Animate progress bars\nfunction animateProgressBars() {\n const progressBars = document.querySelectorAll('.stats-container .bg-white');\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const progressBar = entry.target;\n const width = progressBar.style.width;\n progressBar.style.width = '0%';\n progressBar.style.transition = 'width 2s ease-in-out';\n \n setTimeout(() => {\n progressBar.style.width = width;\n }, 100);\n }\n });\n }, { threshold: 0.5 });\n \n progressBars.forEach(bar => observer.observe(bar));\n}\n\n\/\/ Animate counters\nfunction animateCounters() {\n const counters = document.querySelectorAll('.text-2xl.font-bold');\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const counter = entry.target;\n const target = parseFloat(counter.textContent.replace(\/[^\\d.-]\/g, ''));\n \n if (!isNaN(target)) {\n animateValue(counter, 0, target, 2000);\n }\n }\n });\n }, { threshold: 0.5 });\n \n counters.forEach(counter => observer.observe(counter));\n}\n\n\/\/ Animate value helper function\nfunction animateValue(element, start, end, duration) {\n if (start === end) return;\n \n const range = end - start;\n const minTimer = 50;\n let stepTime = Math.abs(Math.floor(duration \/ range));\n stepTime = Math.max(stepTime, minTimer);\n \n const startTime = new Date().getTime();\n const endTime = startTime + duration;\n let timer;\n \n function run() {\n const now = new Date().getTime();\n const remaining = Math.max((endTime - now) \/ duration, 0);\n const value = Math.round(end - (remaining * range));\n \n const originalText = element.textContent;\n const prefix = originalText.replace(\/[\\d.-]\/g, '').match(\/^[^\\d]*\/)[0];\n const suffix = originalText.replace(\/[\\d.-]\/g, '').match(\/[^\\d]*$\/)[0];\n \n element.textContent = prefix + value + suffix;\n \n if (value === end) {\n clearInterval(timer);\n }\n }\n \n timer = setInterval(run, stepTime);\n run();\n}\n\n\/\/ Initialize floating elements\nfunction initializeFloatingElements() {\n const floatingElements = document.querySelectorAll('.animate-float');\n \n floatingElements.forEach((element, index) => {\n element.style.animationDelay = `${index * 0.5}s`;\n \n \/\/ Add random movement variations\n element.addEventListener('mouseenter', function() {\n this.style.animationPlayState = 'paused';\n this.style.transform = 'translateY(-10px) scale(1.1)';\n });\n \n element.addEventListener('mouseleave', function() {\n this.style.animationPlayState = 'running';\n this.style.transform = '';\n });\n });\n}\n\n\/\/ Add mobile touch interactions\nif ('ontouchstart' in window) {\n document.addEventListener('touchstart', function() {\n \/\/ Add touch class for mobile-specific styling\n document.body.classList.add('touch-device');\n });\n \n \/\/ Optimize animations for mobile\n const cards = document.querySelectorAll('.floating-card, .service-card, .advantage-card');\n cards.forEach(card => {\n card.addEventListener('touchstart', function() {\n this.classList.add('touch-active');\n });\n \n card.addEventListener('touchend', function() {\n setTimeout(() => {\n this.classList.remove('touch-active');\n }, 150);\n });\n });\n}\n\n\/\/ Performance optimization: Debounce scroll events\nfunction debounce(func, wait, immediate) {\n let timeout;\n return function executedFunction() {\n const later = function() {\n timeout = null;\n if (!immediate) func();\n };\n const callNow = immediate && !timeout;\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n if (callNow) func();\n };\n}\n\n\/\/ Apply debouncing to scroll events\nconst debouncedScrollHandler = debounce(function() {\n \/\/ Scroll-based animations here\n}, 16); \/\/ ~60fps\n\nwindow.addEventListener('scroll', debouncedScrollHandler);\n\n\/\/ Initialize loading state\nwindow.addEventListener('load', function() {\n document.body.classList.add('loaded');\n \n \/\/ Trigger entrance animations\n setTimeout(() => {\n const heroElements = document.querySelectorAll('.animate-slideInUp');\n heroElements.forEach((element, index) => {\n setTimeout(() => {\n element.style.opacity = '1';\n element.style.transform = 'translateY(0)';\n }, index * 200);\n });\n }, 300);\n});\n\n <\/script>\n\n <style>\n \/* Advanced CSS animations and styles for interactive web components *\/\n\n:root {\n --primary-blue: #2563eb;\n --primary-purple: #9333ea;\n --gradient-primary: linear-gradient(135deg, var(--primary-blue), var(--primary-purple));\n --text-gray-900: #111827;\n --text-gray-600: #4b5563;\n --bg-white: #ffffff;\n --border-gray-200: #e5e7eb;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n color: var(--text-gray-900);\n overflow-x: hidden;\n}\n\n\/* Navigation Blur Effect *\/\n.nav-blur {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n\/* Glow Effects *\/\n.glow-box {\n box-shadow: 0 0 20px rgba(37, 99, 235, 0.3);\n animation: glow 2s ease-in-out infinite alternate;\n}\n\n@keyframes glow {\n from {\n box-shadow: 0 0 20px rgba(37, 99, 235, 0.3);\n }\n to {\n box-shadow: 0 0 30px rgba(37, 99, 235, 0.5), 0 0 40px rgba(37, 99, 235, 0.3);\n }\n}\n\n\/* Floating Animation *\/\n@keyframes float {\n 0% {\n transform: translateY(0px) rotate(0deg);\n }\n 33% {\n transform: translateY(-20px) rotate(120deg);\n }\n 66% {\n transform: translateY(-10px) rotate(240deg);\n }\n 100% {\n transform: translateY(0px) rotate(360deg);\n }\n}\n\n.animate-float {\n animation: float 6s ease-in-out infinite;\n}\n\n\/* Slide In Up Animation *\/\n@keyframes slideInUp {\n from {\n transform: translateY(50px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.animate-slideInUp {\n animation: slideInUp 0.8s ease-out;\n}\n\n\/* Fade In Scale Animation *\/\n@keyframes fadeInScale {\n from {\n transform: scale(0.8);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n.animate-fadeInScale {\n animation: fadeInScale 0.6s ease-out;\n}\n\n\/* Interactive Cards *\/\n.floating-card {\n transition: all 0.3s ease;\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.4);\n}\n\n.floating-card:hover {\n transform: translateY(-10px) scale(1.02);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n}\n\n.service-card {\n transition: all 0.3s ease;\n}\n\n.service-card:hover {\n transform: translateY(-5px);\n}\n\n.advantage-card {\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.advantage-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);\n transform: rotate(45deg);\n transition: all 0.6s ease;\n opacity: 0;\n}\n\n.advantage-card:hover::before {\n animation: shine 0.6s ease-in-out;\n}\n\n@keyframes shine {\n 0% {\n transform: translateX(-100%) translateY(-100%) rotate(45deg);\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n transform: translateX(100%) translateY(100%) rotate(45deg);\n opacity: 0;\n }\n}\n\n\/* CTA Button Effects *\/\n.cta-button {\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n}\n\n.cta-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n transition: left 0.6s;\n}\n\n.cta-button:hover::before {\n left: 100%;\n}\n\n.cta-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 30px rgba(37, 99, 235, 0.3);\n}\n\n\/* Stats Container Animation *\/\n.stats-container {\n position: relative;\n overflow: hidden;\n}\n\n.stats-container::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 100px;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1));\n animation: statsSweep 3s ease-in-out infinite;\n}\n\n@keyframes statsSweep {\n 0% {\n transform: translateX(100px);\n }\n 50% {\n transform: translateX(-400px);\n }\n 100% {\n transform: translateX(100px);\n }\n}\n\n\/* FAQ Accordion *\/\n.faq-item {\n transition: all 0.3s ease;\n}\n\n.faq-item:hover {\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n}\n\n.faq-question svg {\n transition: transform 0.3s ease;\n}\n\n.faq-question[aria-expanded=\"true\"] svg {\n transform: rotate(180deg);\n}\n\n.faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease, padding 0.3s ease;\n}\n\n.faq-answer.open {\n max-height: 200px;\n padding: 24px;\n padding-top: 0;\n}\n\n\/* Parallax Effects *\/\n.parallax-bg {\n background-attachment: fixed;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n}\n\n\/* Loading Animation *\/\n.loader {\n border: 3px solid #f3f3f3;\n border-top: 3px solid var(--primary-blue);\n border-radius: 50%;\n width: 40px;\n height: 40px;\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n\/* Gradient Text Effect *\/\n.gradient-text {\n background: var(--gradient-primary);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n\/* Glass Morphism Effect *\/\n.glass {\n background: rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 20px;\n}\n\n\/* Pulse Animation *\/\n.pulse {\n animation: pulse 2s infinite;\n}\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.05);\n }\n 100% {\n transform: scale(1);\n }\n}\n\n\/* Responsive Design Helpers *\/\n@media (max-width: 768px) {\n .floating-card:hover {\n transform: translateY(-5px) scale(1.01);\n }\n \n .service-card:hover {\n transform: translateY(-3px);\n }\n}\n\n\/* Intersection Observer Animation Classes *\/\n.fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.6s ease;\n}\n\n.fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.slide-in-left {\n opacity: 0;\n transform: translateX(-50px);\n transition: all 0.6s ease;\n}\n\n.slide-in-left.visible {\n opacity: 1;\n transform: translateX(0);\n}\n\n.slide-in-right {\n opacity: 0;\n transform: translateX(50px);\n transition: all 0.6s ease;\n}\n\n.slide-in-right.visible {\n opacity: 1;\n transform: translateX(0);\n}\n\n\/* Custom Scrollbar *\/\n::-webkit-scrollbar {\n width: 8px;\n}\n\n::-webkit-scrollbar-track {\n background: #f1f1f1;\n}\n\n::-webkit-scrollbar-thumb {\n background: linear-gradient(135deg, var(--primary-blue), var(--primary-purple));\n border-radius: 10px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: linear-gradient(135deg, #1d4ed8, #7c3aed);\n}\n\n\/* Tooltip Styles *\/\n.tooltip {\n position: relative;\n display: inline-block;\n}\n\n.tooltip .tooltiptext {\n visibility: hidden;\n width: 200px;\n background-color: #333;\n color: #fff;\n text-align: center;\n border-radius: 8px;\n padding: 8px;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: 50%;\n margin-left: -100px;\n opacity: 0;\n transition: opacity 0.3s;\n font-size: 14px;\n}\n\n.tooltip .tooltiptext::after {\n content: \"\";\n position: absolute;\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: #333 transparent transparent transparent;\n}\n\n.tooltip:hover .tooltiptext {\n visibility: visible;\n opacity: 1;\n}\n\n\/* Progress Bar Animation *\/\n.progress-bar {\n height: 4px;\n background: var(--gradient-primary);\n border-radius: 2px;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 1s ease;\n}\n\n.progress-bar.animate {\n transform: scaleX(1);\n}\n\n <\/style>\n<\/head>\n<body class=\"font-inter bg-gradient-to-br from-gray-50 to-gray-100 min-h-screen\">\n \n <section class=\"py-20 bg-gradient-to-br from-gray-50 to-gray-100\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"text-center\">\n <div class=\"animate-slideInUp\">\n <h1 class=\"text-5xl md:text-7xl font-bold text-gray-900 mb-6 leading-tight\">\n \u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0641\u064a \n <span class=\"bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent\">\n \u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u062a\u0645\u0648\u064a\u0644\n <\/span>\n <\/h1>\n <p class=\"text-xl md:text-2xl text-gray-600 mb-8 max-w-4xl mx-auto leading-relaxed\">\n \u062d\u0644\u0648\u0644 \u0635\u0646\u0627\u062f\u064a\u0642 \u0627\u0644\u062a\u062d\u0648\u0637 \u0627\u0644\u062b\u0648\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u0641\u064a\u062f \u0645\u0646 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646 \u0648\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a DeFi \u0648\u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0644\u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a \u0641\u064a \u0627\u0644\u0639\u0635\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u0627\u0644\u062c\u062f\u064a\u062f.\n <\/p>\n <\/div>\n \n <div class=\"flex flex-col sm:flex-row gap-4 justify-center mb-16\">\n\n <button \n onclick=\"document.getElementById('services').scrollIntoView({ behavior: 'smooth' })\" \n class=\"cta-button bg-gradient-to-r from-blue-600 to-purple-600 text-white px-8 py-4 rounded-full text-lg font-semibold hover:shadow-2xl transition-all duration-300 transform hover:scale-105\"\n >\n \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646\n <\/button>\n <button \n onclick=\"window.location.href='\/contact\/'\" \n class=\"border-2 border-gray-300 text-gray-700 px-8 py-4 rounded-full text-lg font-semibold hover:border-blue-500 hover:text-blue-600 transition-all duration-300\">\n \u0627\u062a\u0635\u0644 \u0628\u0646\u0627\n <\/button>\n \n \n <\/div>\n\n \n <div class=\"grid md:grid-cols-3 gap-8 mb-16\">\n <div class=\"bg-white\/60 backdrop-blur-lg rounded-2xl p-6 shadow-lg border border-white\/40\">\n <div class=\"w-12 h-12 bg-gradient-to-r from-green-500 to-emerald-500 rounded-xl mb-4 mx-auto flex items-center justify-center\">\n <svg class=\"w-6 h-6 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z\"\/>\n <path d=\"M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-lg font-semibold mb-2\">\u0627\u0644\u062a\u0646\u0648\u064a\u0639 \u0627\u0644\u0645\u062a\u0642\u062f\u0645<\/h3>\n <p class=\"text-gray-600\">\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0645\u062d\u0641\u0638\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0635\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u063a\u064a\u0631 \u0645\u062a\u0631\u0627\u0628\u0637\u0629<\/p>\n <\/div>\n \n <div class=\"bg-white\/60 backdrop-blur-lg rounded-2xl p-6 shadow-lg border border-white\/40\">\n <div class=\"w-12 h-12 bg-gradient-to-r from-blue-500 to-cyan-500 rounded-xl mb-4 mx-auto flex items-center justify-center\">\n <svg class=\"w-6 h-6 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-lg font-semibold mb-2\">\u062f\u064a\u0641\u064a \u0644\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/h3>\n <p class=\"text-gray-600\">\u0623\u062d\u062f\u062b \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u063a\u0644\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u062d\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629<\/p>\n <\/div>\n \n <div class=\"bg-white\/60 backdrop-blur-lg rounded-2xl p-6 shadow-lg border border-white\/40\">\n <div class=\"w-12 h-12 bg-gradient-to-r from-purple-500 to-pink-500 rounded-xl mb-4 mx-auto flex items-center justify-center\">\n <svg class=\"w-6 h-6 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-lg font-semibold mb-2\">\u0623\u0645\u0627\u0646 \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646<\/h3>\n <p class=\"text-gray-600\">\u0623\u0645\u0627\u0646 \u063a\u064a\u0631 \u0645\u0646\u0642\u0648\u0635 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0634\u0641\u064a\u0631 \u0627\u0644\u0645\u062a\u0642\u062f\u0645<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"services\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-4xl md:text-5xl font-bold text-gray-900 mb-6\">\n \u0625\u062d\u062f\u0627\u062b \u062b\u0648\u0631\u0629 \u0641\u064a \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\n <\/h2>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n \u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u064a\u062d\u0648\u0644 \u0646\u0647\u062c\u0646\u0627 \u0627\u0644\u0645\u0628\u062a\u0643\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0635\u0646\u0627\u062f\u064a\u0642 \u0627\u0644\u062a\u062d\u0648\u0637 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629 \u0648\u0627\u0644\u0631\u0624\u0649 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0644\u0644\u0633\u0648\u0642.\n <\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <div class=\"service-card group\">\n <div class=\"bg-gradient-to-br from-blue-50 to-blue-100 rounded-2xl p-8 h-full border border-blue-200 hover:border-blue-300 transition-all duration-300\">\n <div class=\"w-16 h-16 bg-gradient-to-r from-blue-500 to-blue-600 rounded-2xl mb-6 flex items-center justify-center group-hover:scale-110 transition-transform duration-300\">\n <svg class=\"w-8 h-8 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z\"\/>\n <path d=\"M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u0627\u0644\u062a\u0646\u0648\u064a\u0639 \u0627\u0644\u0645\u062a\u0642\u062f\u0645<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u062a\u0646\u0648\u064a\u0639 \u0645\u062a\u0637\u0648\u0631 \u0644\u0644\u0645\u062d\u0641\u0638\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u0626\u0627\u062a \u0623\u0635\u0648\u0644 \u063a\u064a\u0631 \u0645\u062a\u0631\u0627\u0628\u0637\u0629 \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0639\u0645\u0644\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u0627\u0644\u0631\u0645\u0648\u0632 \u0627\u0644\u0623\u0645\u0646\u064a\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0639\u0648\u0627\u0626\u062f \u0627\u0644\u0645\u0639\u062f\u0644\u0629 \u062d\u0633\u0628 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0642\u0644\u0628\u0627\u062a.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card group\">\n <div class=\"bg-gradient-to-br from-green-50 to-green-100 rounded-2xl p-8 h-full border border-green-200 hover:border-green-300 transition-all duration-300\">\n <div class=\"w-16 h-16 bg-gradient-to-r from-green-500 to-green-600 rounded-2xl mb-6 flex items-center justify-center group-hover:scale-110 transition-transform duration-300\">\n <svg class=\"w-8 h-8 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6zm5 6a1 1 0 10-2 0v3.586l-1.293-1.293a1 1 0 10-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 11.586V8z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a DeFi \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u0646\u0634\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0644\u0627\u0645\u0631\u0643\u0632\u064a \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u0639\u0627\u0626\u062f\u0627\u062a \u0648\u062a\u062f\u0627\u0648\u0644 \u0627\u0644\u0645\u0631\u0627\u062c\u062d\u0629 \u0644\u0641\u062a\u062d \u0633\u0628\u0644 \u062c\u062f\u064a\u062f\u0629 \u0644\u062a\u0648\u0644\u064a\u062f \u0623\u0644\u0641\u0627 \u0641\u064a \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0628\u064a\u0626\u064a \u0644\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card group\">\n <div class=\"bg-gradient-to-br from-purple-50 to-purple-100 rounded-2xl p-8 h-full border border-purple-200 hover:border-purple-300 transition-all duration-300\">\n <div class=\"w-16 h-16 bg-gradient-to-r from-purple-500 to-purple-600 rounded-2xl mb-6 flex items-center justify-center group-hover:scale-110 transition-transform duration-300\">\n <svg class=\"w-8 h-8 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM4.332 8.027a6.012 6.012 0 011.912-2.706C6.512 5.73 6.974 6 7.5 6A1.5 1.5 0 019 7.5V8a2 2 0 004 0 2 2 0 011.523-1.943A5.977 5.977 0 0116 10c0 .34-.028.675-.083 1H15a2 2 0 00-2 2v2.197A5.973 5.973 0 0110 16v-2a2 2 0 00-2-2 2 2 0 01-2-2 2 2 0 00-1.668-1.973z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0627\u0644\u0645\u062a\u0645\u0631\u0633 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u0645\u0635\u0645\u0645\u0629 \u062d\u0635\u0631\u064a\u064b\u0627 \u0644\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a \u0627\u0644\u062a\u064a \u062a\u0633\u0639\u0649 \u0644\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0627\u0644\u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u064a\u0629 \u0644\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0641\u064a \u0627\u0644\u0645\u0634\u0647\u062f \u0627\u0644\u0645\u0627\u0644\u064a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"advantages\" class=\"py-20 bg-gradient-to-br from-gray-50 to-gray-100\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-4xl md:text-5xl font-bold text-gray-900 mb-6\">\n \u0642\u0648\u0629 \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646\n <\/h2>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u062b\u0648\u0631\u064a\u0629 \u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646 \u0644\u062a\u062d\u0648\u064a\u0644 \u062a\u062c\u0631\u0628\u062a\u0643 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0628\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0623\u0645\u0627\u0646 \u0648\u0643\u0641\u0627\u0621\u0629 \u063a\u064a\u0631 \u0645\u0633\u0628\u0648\u0642\u0629.\n <\/p>\n <\/div>\n\n <div class=\"grid lg:grid-cols-3 gap-8\">\n <div class=\"advantage-card bg-white rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300\">\n <div class=\"text-center\">\n <div class=\"w-20 h-20 bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full mx-auto mb-6 flex items-center justify-center\">\n <svg class=\"w-10 h-10 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u0628\u0646\u0627\u0621 \u062b\u0642\u0629 \u0644\u0627 \u062a\u062a\u0632\u0639\u0632\u0639<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u062a\u0639\u0632\u0632 \u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646 \u0627\u0644\u0645\u062a\u0623\u0635\u0644\u0629 \u0641\u064a \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646 \u0648\u062d\u0641\u0638 \u0627\u0644\u0633\u062c\u0644\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u063a\u064a\u064a\u0631 \u062b\u0642\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u062b\u0642\u062a\u0647 \u0627\u0644\u062a\u064a \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646\u0647\u0627 \u0648\u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u062a\u0644\u0627\u0639\u0628.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"advantage-card bg-white rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300\">\n <div class=\"text-center\">\n <div class=\"w-20 h-20 bg-gradient-to-r from-green-500 to-emerald-500 rounded-full mx-auto mb-6 flex items-center justify-center\">\n <svg class=\"w-10 h-10 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path d=\"M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0646\u0641\u0642\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0623\u062a\u0645\u062a\u0629 \u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0643\u062a\u0644\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0645\u0639 \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u0628\u0634\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0641\u064a \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"advantage-card bg-white rounded-3xl p-8 shadow-lg hover:shadow-2xl transition-all duration-300\">\n <div class=\"text-center\">\n <div class=\"w-20 h-20 bg-gradient-to-r from-red-500 to-pink-500 rounded-full mx-auto mb-6 flex items-center justify-center\">\n <svg class=\"w-10 h-10 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u0623\u0645\u0627\u0646 \u063a\u064a\u0631 \u0645\u0646\u0642\u0648\u0635<\/h3>\n <p class=\"text-gray-600 leading-relaxed\">\n \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u062f\u0627\u0628\u064a\u0631 \u0627\u0644\u0623\u0645\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0645 \u062a\u062d\u0642\u064a\u0642\u0647\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0634\u0641\u064a\u0631 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u062d\u0645\u0627\u064a\u0629 \u0642\u0648\u064a\u0629 \u0644\u0644\u0623\u0635\u0648\u0644 \u0648\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u062d\u0633\u0627\u0633\u0629.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"strategies\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n <div>\n <h2 class=\"text-4xl md:text-5xl font-bold text-gray-900 mb-6\">\n \u0625\u062a\u0642\u0627\u0646 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0644\u0640 \n <span class=\"bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent\">\n \u0639\u0648\u0627\u0626\u062f \u0641\u0627\u0626\u0642\u0629\n <\/span>\n <\/h2>\n <p class=\"text-xl text-gray-600 mb-8 leading-relaxed\">\n \u062a\u0646\u0642\u0644 \u0641\u064a \u0645\u0634\u0647\u062f \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u0637\u0648\u0631 \u0645\u0639 \u062e\u0628\u0631\u0629 \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647\u0627 \u0648\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u062e\u0627\u0635\u0629 \u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0639\u0648\u0627\u0626\u062f \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629 \u0645\u0639\u062f\u0644\u0629 \u062d\u0633\u0628 \u0627\u0644\u0645\u062e\u0627\u0637\u0631.\n <\/p>\n\n <div class=\"space-y-6\">\n <div class=\"flex items-start space-x-4\">\n <div class=\"w-8 h-8 bg-gradient-to-r from-blue-500 to-blue-600 rounded-lg flex items-center justify-center flex-shrink-0 mt-1\">\n <svg class=\"w-5 h-5 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\/>\n <\/svg>\n <\/div>\n <div>\n <h3 class=\"text-lg font-semibold text-gray-900\">\u0645\u0631\u0648\u0646\u0629 \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0643\u064a\u0641<\/h3>\n <p class=\"text-gray-600\">\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0646\u0642\u0644 \u0648\u0627\u0644\u062a\u0643\u064a\u0641 \u0645\u0639 \u0638\u0631\u0648\u0641 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0629 \u0628\u0633\u0631\u0639\u0629 \u0645\u0639 \u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start space-x-4\">\n <div class=\"w-8 h-8 bg-gradient-to-r from-green-500 to-green-600 rounded-lg flex items-center justify-center flex-shrink-0 mt-1\">\n <svg class=\"w-5 h-5 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\/>\n <\/svg>\n <\/div>\n <div>\n <h3 class=\"text-lg font-semibold text-gray-900\">\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0629 \u0625\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/h3>\n <p class=\"text-gray-600\">\u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0644\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0633\u0644\u0633\u0644\u0629 \u0644\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0633\u062a\u062e\u0628\u0627\u0631\u0627\u062a\u064a\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0643\u062a\u0633\u0627\u0628 \u0631\u0624\u0649 \u0639\u0645\u064a\u0642\u0629 \u0639\u0646 \u0627\u0644\u0633\u0648\u0642.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start space-x-4\">\n <div class=\"w-8 h-8 bg-gradient-to-r from-purple-500 to-purple-600 rounded-lg flex items-center justify-center flex-shrink-0 mt-1\">\n <svg class=\"w-5 h-5 text-white\" fill=\"currentColor\" viewbox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\/>\n <\/svg>\n <\/div>\n <div>\n <h3 class=\"text-lg font-semibold text-gray-900\">\u062a\u0648\u0644\u064a\u062f \u0639\u0648\u0627\u0626\u062f \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629<\/h3>\n <p class=\"text-gray-600\">\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0639\u0644\u0649 \u062a\u062d\u0642\u064a\u0642 \u0639\u0648\u0627\u0626\u062f \u0645\u062a\u0641\u0648\u0642\u0629 \u0648\u0645\u0639\u062f\u0644\u0629 \u062d\u0633\u0628 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0645\u0628\u062a\u0643\u0631\u0629 \u0641\u064a \u0627\u0644\u0639\u0635\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u0627\u0644\u062c\u062f\u064a\u062f.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"relative\">\n <div class=\"bg-gradient-to-r from-blue-600 to-purple-600 rounded-3xl p-8 text-white stats-container\">\n <h3 class=\"!text-white text-2xl font-bold mb-6\">\u0645\u0642\u0627\u064a\u064a\u0633 \u0627\u0644\u0623\u062f\u0627\u0621<\/h3>\n <div class=\"space-y-6\">\n <div class=\"flex justify-between items-center\">\n <span class=\"text-lg\">\u0627\u0644\u0639\u0627\u0626\u062f \u0627\u0644\u0633\u0646\u0648\u064a<\/span>\n \n <\/div>\n <div class=\"w-full bg-white\/20 rounded-full h-2\">\n <div class=\"bg-white rounded-full h-2\" style=\"width: 85%\"><\/div>\n <\/div>\n \n <div class=\"flex justify-between items-center\">\n <span class=\"text-lg\">\u0646\u0633\u0628\u0629 \u0634\u0627\u0631\u0628<\/span>\n \n <\/div>\n <div class=\"w-full bg-white\/20 rounded-full h-2\">\n <div class=\"bg-white rounded-full h-2\" style=\"width: 92%\"><\/div>\n <\/div>\n \n <div class=\"flex justify-between items-center\">\n <span class=\"text-lg\">\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 \u0644\u0644\u0633\u062d\u0628<\/span>\n \n <\/div>\n <div class=\"w-full bg-white\/20 rounded-full h-2\">\n <div class=\"bg-white rounded-full h-2\" style=\"width: 78%\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-gradient-to-r from-blue-600 to-purple-600 text-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center\">\n <h2 class=\"!text-white text-4xl md:text-5xl font-bold mb-6\">\n \u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u062b\u0648\u0631\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629\n <\/h2>\n <p class=\"text-xl opacity-90 max-w-3xl mx-auto mb-12\">\n \u0636\u0639 \u0646\u0641\u0633\u0643 \u0641\u064a \u0637\u0644\u064a\u0639\u0629 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0646\u0647\u062c\u0646\u0627 \u0627\u0644\u0631\u0627\u0626\u062f \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646.\n <\/p>\n\n <div class=\"grid md:grid-cols-2 gap-8 mb-12\">\n <div class=\"bg-white\/10 backdrop-blur-lg rounded-2xl p-8\">\n <h3 class=\"!text-white text-2xl font-bold mb-4\">\u0631\u0648\u062d \u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0648\u0645\u064a\u0632\u0629 \u0627\u0644\u0645\u062a\u062d\u0631\u0643 \u0627\u0644\u0623\u0648\u0644<\/h3>\n <p class=\"opacity-90 leading-relaxed\">\n \u062a\u062a\u0645\u062a\u0639 \u0627\u0644\u0634\u0631\u0643\u0629 \u0628\u0645\u0643\u0627\u0646\u0629 \u0631\u0627\u0626\u062f\u0629 \u0630\u0627\u062a \u0631\u0624\u064a\u0629 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646 \u0648\u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0645\u0632\u062f\u0647\u0631\u060c \u062d\u064a\u062b \u062a\u0633\u062a\u0641\u064a\u062f \u0645\u0646 \u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u0645\u062d\u0631\u0643 \u0627\u0644\u0623\u0648\u0644 \u0644\u0627\u063a\u062a\u0646\u0627\u0645 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0646\u0627\u0634\u0626\u0629 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0635\u0628\u062d \u0633\u0627\u0626\u062f\u0629.\n <\/p>\n <\/div>\n \n <div class=\"bg-white\/10 backdrop-blur-lg rounded-2xl p-8\">\n <h3 class=\"!text-white text-2xl font-bold mb-4\">\u0627\u0644\u0645\u064a\u0632\u0629 \u0627\u0644\u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062e\u0628\u0631\u0629<\/h3>\n <p class=\"opacity-90 leading-relaxed\">\n \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0641\u0631\u064a\u062f\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0648\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0641\u064a \u0627\u0644\u0645\u062c\u0627\u0644 \u0644\u0644\u062a\u0641\u0648\u0642 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646 \u0648\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0641\u064a \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col sm:flex-row gap-6 justify-center\">\n <button class=\"bg-white text-blue-600 px-8 py-4 rounded-full text-lg font-semibold hover:shadow-2xl transition-all duration-300 transform hover:scale-105\">\n \u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a\u0646\u0627\n <\/button>\n <button class=\"border-2 border-white text-white px-8 py-4 rounded-full text-lg font-semibold hover:bg-white hover:text-blue-600 transition-all duration-300\">\n \u062d\u062f\u062f \u0645\u0648\u0639\u062f\u0627\u064b \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>QuantumEdge Capital – Pioneering the Future of Finance Pioneering the Future of Finance Revolutionary Hedge Fund Solutions leveraging blockchain technology, DeFi strategies, and digital assets to redefine investment excellence in the new financial era. Get Started Contact Us Advanced Diversification Sophisticated portfolio strategies using uncorrelated digital assets DeFi Innovation Cutting-edge yield farming and arbitrage strategies […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-1823","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages\/1823","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/comments?post=1823"}],"version-history":[{"count":31,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages\/1823\/revisions"}],"predecessor-version":[{"id":1855,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages\/1823\/revisions\/1855"}],"wp:attachment":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/media?parent=1823"}],"curies":[{"name":"\u062f\u0628\u0644\u064a\u0648 \u0628\u064a","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}