<!DOCTYPE html>
<html lang="ru">

<!-- Mirrored from trade.helplabs.cloud/forgot-password-code by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 05 Sep 2025 15:34:22 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
   <meta name="csrf-token" content="wyaQZvNx2WIo1gvzGmG4WCmsSwFtYr6EQtwPCRV7">
   <link rel="shortcut icon" href="storage/settings/l21Oj4xbtOpQp7BGToYlVcaPz1vISLAqr1vb5bwB.png" />
   <title>Helplabs - Забыли пароль?</title>
   <meta name="description" content="Welcome to Helplabs" />
   <meta name="keywords" content="" />
   
   
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;display=swap" />
    <link href="../cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
   
   
   <script src="https://unpkg.com/lucide@latest"></script>
   <script src="https://cdn.tailwindcss.com/"></script>
   <script>
       tailwind.config = {
           darkMode: 'class',
           theme: {
               extend: {
                   fontFamily: {
                       sans: ['Inter', 'sans-serif'],
                   },
                   colors: {
                       background: '#0A0714',
                   }
               }
           }
       }
   </script>
   <style>
    #site-loader {
    transition: opacity 0.5s ease-in-out;
}

@keyframes pulse {
    0% { opacity: 0.6; transform: scale(0.98); }
    50% { opacity: 1; transform: scale(1); }
    100% { opacity: 0.6; transform: scale(0.98); }
}

.animate-pulse {
    animation: pulse 2s infinite;
}

    </style>
   <style>
       @keyframes floatCard1 {
           0%, 100% { transform: translate(-50%, -50%) rotate(-5deg) translateY(-20px); }
           50% { transform: translate(-50%, -50%) rotate(-5deg) translateY(0px); }
       }

       @keyframes floatCard2 {
           0%, 100% { transform: translate(-50%, -50%) rotate(5deg) translateY(0px); }
           50% { transform: translate(-50%, -50%) rotate(5deg) translateY(-20px); }
       }

       @keyframes floatCard3 {
           0%, 100% { transform: translate(-50%, -50%) rotate(-8deg) translateY(0px); }
           50% { transform: translate(-50%, -50%) rotate(-8deg) translateY(-20px); }
       }

       @keyframes float {
           0%, 100% { transform: translateY(0px); }
           50% { transform: translateY(-10px); }
       }

       @keyframes fadeIn {
           from { opacity: 0; transform: translateY(20px); }
           to { opacity: 1; transform: translateY(0); }
       }

       @keyframes pulse {
           0%, 100% { opacity: 1; }
           50% { opacity: 0.5; }
       }

       .perspective-1000 {
           perspective: 1000px;
       }

       .animate-float-card-1 {
           animation: floatCard1 4s ease-in-out infinite;
       }

       .animate-float-card-2 {
           animation: floatCard2 4s ease-in-out infinite;
       }

       .animate-float-card-3 {
           animation: floatCard3 4s ease-in-out infinite;
       }

       .animate-float {
           animation: float 3s ease-in-out infinite;
       }

       .animate-fade-in {
           animation: fadeIn 1s ease-out forwards;
       }

       .animate-pulse-slow {
           animation: pulse 2s ease-in-out infinite;
       }
   </style>
   <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #ffffff;}[x-cloak] {display: none !important;}</style>
</head>
<body class="bg-background text-gray-100 antialiased">
<!-- Add this loader HTML right after the body tag -->
<div id="site-loader" class="fixed inset-0 flex items-center justify-center bg-[#0A0714] z-50">
    <div class="flex flex-col items-center">
        <div class="w-32 h-32 mb-4">
            <img src="storage/settings/bv05CPQdQQcgRWpEAg1CMcA5t2CUohmbPg0XJXUD.png" alt="Loading..." class="animate-pulse w-full h-full object-contain">
        </div>
        
    </div>
</div>
   <div class="min-h-screen">
       <div class="flex min-h-screen">
           
           <div class="hidden lg:flex lg:w-1/2 relative bg-[#0F0A1F]">
               <div class="absolute inset-0 bg-gradient-to-b from-[#2FE6DE]/5 to-transparent"></div>
               
               <div class="relative w-full flex flex-col items-center justify-between p-12">
                   
                   <div class="relative z-10 w-full">
                       <img 
                           alt="Logo" 
                           src="storage/settings/bv05CPQdQQcgRWpEAg1CMcA5t2CUohmbPg0XJXUD.png"
                           class="w-40 h-auto"
                       />
                   </div>

                   
                   <div class="text-center relative perspective-1000 min-h-[400px] w-full">
                       
                       <div class="absolute top-1/2 left-[30%] -translate-x-1/2 -translate-y-1/2 transform-gpu animate-float-card-1">
                           <div class="bg-[#1A1428]/80 backdrop-blur-lg rounded-2xl p-6 border border-[#2FE6DE]/20 shadow-xl">
                               <div class="w-16 h-16 mx-auto bg-[#2FE6DE]/10 rounded-xl flex items-center justify-center mb-4">
                                   <i class="fas fa-chart-line text-[#2FE6DE] text-2xl"></i>
                               </div>
                               <h3 class="text-xl font-medium text-[#2FE6DE]">Smart Trading</h3>
                           </div>
                       </div>

                       
                       <div class="absolute top-1/2 left-[70%] -translate-x-1/2 -translate-y-1/2 transform-gpu animate-float-card-2">
                           <div class="bg-[#1A1428]/80 backdrop-blur-lg rounded-2xl p-6 border border-[#2FE6DE]/20 shadow-xl">
                               <div class="w-16 h-16 mx-auto bg-[#2FE6DE]/10 rounded-xl flex items-center justify-center mb-4">
                                   <i class="fas fa-wallet text-[#2FE6DE] text-2xl"></i>
                               </div>
                               <h3 class="text-xl font-medium text-[#2FE6DE]">Secure Wallet</h3>
                           </div>
                       </div>

                       
                       <div class="absolute top-[30%] left-1/2 -translate-x-1/2 -translate-y-1/2 transform-gpu animate-float-card-3">
                           <div class="bg-[#1A1428]/80 backdrop-blur-lg rounded-2xl p-6 border border-[#2FE6DE]/20 shadow-xl">
                               <div class="w-16 h-16 mx-auto bg-[#2FE6DE]/10 rounded-xl flex items-center justify-center mb-4">
                                   <i class="fas fa-signal text-[#2FE6DE] text-2xl"></i>
                               </div>
                               <h3 class="text-xl font-medium text-[#2FE6DE]">Real-time Analytics</h3>
                           </div>
                       </div>

                       <div class="relative z-10 space-y-8">
                           <div class="space-y-4 animate-fade-in">
                               
                               <div class="flex justify-center gap-8 mt-8">
                                   <div class="text-center animate-pulse-slow">
                                       <div class="text-2xl font-bold text-[#2FE6DE]">24/7</div>
                                       <div class="text-sm text-gray-400">Support</div>
                                   </div>
                                   <div class="text-center animate-pulse-slow" style="animation-delay: 0.2s">
                                       <div class="text-2xl font-bold text-[#2FE6DE]">100+</div>
                                       <div class="text-sm text-gray-400">Markets</div>
                                   </div>
                                   <div class="text-center animate-pulse-slow" style="animation-delay: 0.4s">
                                       <div class="text-2xl font-bold text-[#2FE6DE]">0.1%</div>
                                       <div class="text-sm text-gray-400">Trading Fee</div>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>

                   
                   <div class="grid grid-cols-3 gap-4 w-full">
                       <div class="bg-[#1A1428] rounded-xl p-4 flex items-center justify-center">
                           <i class="fas fa-shield-alt text-[#2FE6DE] text-xl"></i>
                       </div>
                       <div class="bg-[#1A1428] rounded-xl p-4 flex items-center justify-center">
                           <i class="fas fa-lock text-[#2FE6DE] text-xl"></i>
                       </div>
                       <div class="bg-[#1A1428] rounded-xl p-4 flex items-center justify-center">
                           <i class="fas fa-fingerprint text-[#2FE6DE] text-xl"></i>
                       </div>
                   </div>
               </div>
           </div>

           
           <div class="w-full lg:w-1/2 flex items-center justify-center p-6">
               <div class="w-full max-w-md">
                   <div class="w-full max-w-md">
        
        <div class="text-center space-y-4 mb-8">
            <div class="bg-[#2FE6DE]/10 w-16 h-16 rounded-2xl flex items-center justify-center mx-auto">
                <i data-lucide="key" class="w-8 h-8 text-[#2FE6DE]"></i>
            </div>
            <h1 class="text-2xl font-medium">Забыли пароль?</h1>
            <p class="text-gray-400">Не волнуйтесь, мы отправим вам инструкции по сбросу.</p>
        </div>

        
        
        
        <form method="POST" action="https://trade.helplabs.cloud/forgot-password-code" class="space-y-6">
            <input type="hidden" name="_token" value="wyaQZvNx2WIo1gvzGmG4WCmsSwFtYr6EQtwPCRV7" autocomplete="off">            
            <div>
                <label for="email" class="text-sm text-gray-400 block mb-2">
                    Адрес электронной почты
                </label>
                <div class="relative">
                    <div class="absolute left-4 top-1/2 -translate-y-1/2">
                        <i data-lucide="mail" class="w-5 h-5 text-gray-400"></i>
                    </div>
                    <input type="email" 
                           id="email"
                           name="email" 
                           value=""
                           placeholder="Введите свой email"
                           required
                           autofocus
                           autocomplete="email"
                           class="w-full bg-[#1A1428] border border-[#2A243B] rounded-lg px-12 py-3 text-gray-100 placeholder-gray-500 focus:outline-none focus:border-[#2FE6DE]" />
                </div>
                            </div>

            <button type="submit" 
                    class="w-full bg-[#2FE6DE] text-black font-medium py-3 rounded-lg hover:bg-[#20D6CE] transition-colors">
                Отправить
            </button>
        </form>

        
        <div class="text-center mt-6">
            <a href="login.html" 
               class="text-[#2FE6DE] hover:text-[#20D6CE] transition-colors text-sm font-medium">
                Отменить
            </a>
        </div>
    </div>
               </div>
           </div>
       </div>
   </div>
   <script src="livewire/livewire.min5dd3.js?id=cc800bf4"   data-csrf="wyaQZvNx2WIo1gvzGmG4WCmsSwFtYr6EQtwPCRV7" data-update-uri="/livewire/update" data-navigate-once="true"></script>
     <script>
    document.addEventListener('DOMContentLoaded', function() {
        // Simulate loading progress
        const progressBar = document.getElementById('loader-progress');
        let width = 0;
        const interval = setInterval(function() {
            if (width >= 100) {
                clearInterval(interval);
                // Hide loader when loading is complete
                setTimeout(function() {
                    const loader = document.getElementById('site-loader');
                    if (loader) {
                        loader.classList.add('opacity-0');
                        setTimeout(function() {
                            loader.style.display = 'none';
                        }, 500);
                    }
                }, 200);
            } else {
                width += Math.floor(Math.random() * 10) + 1;
                if (width > 100) width = 100;
                if (progressBar) progressBar.style.width = width + '%';
            }
        }, 150);
    });
</script>
   <script>
     document.addEventListener('DOMContentLoaded', () => {
            lucide.createIcons();

            window.locale = 'ru';
            window.translations = "investment";
        });
   </script>
</body>

<!-- Mirrored from trade.helplabs.cloud/forgot-password-code by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 05 Sep 2025 15:34:22 GMT -->
</html> 