fix this

<div class="faq-item bg-gray-700 p-6 rounded-xl cursor-pointer hover:bg-gray-600 transition" data-aos="fade-up" data-aos-delay="700">
<div class="flex justify-between items-center">
<h3 class="font-bold text-lg">🌐 Does it work offline?</h3>
<span class="text-2xl">+</span>
</div>
<div class="faq-answer hidden mt-4 text-gray-300">
<p>Absolutely! LockStone works 100% offline by design. No internet required, no cloud dependencies. Perfect for remote work, travel, or anywhere you need reliable access.</p>
</div>
</div>

<div class="faq-item bg-gray-700 p-6 rounded-xl cursor-pointer hover:bg-gray-600 transition" data-aos="fade-up" data-aos-delay="800">
<div class="flex justify-between items-center">
<h3 class="font-bold text-lg">💰 What's the return policy?</h3>
<span class="text-2xl">+</span>
</div>
<div class="faq-answer hidden mt-4 text-gray-300">
<p>30-day money-back guarantee, no questions asked. If LockStone doesn't revolutionize your digital life, we'll refund every penny. We're that confident you'll love it.</p>
</div>
</div>
</div>
</div>

<!-- Still have questions -->
<div class="mt-16 text-center bg-gradient-to-r from-purple-900/50 to-blue-900/50 p-8 rounded-2xl" data-aos="fade-up">
<h3 class="text-2xl font-bold mb-4">Still have questions?</h3>
<p class="text-gray-300 mb-6">Our explorer team is standing by to help</p>
<div class="flex flex-col md:flex-row justify-center space-y-4 md:space-y-0 md:space-x-4">
<button class="bg-purple-600 hover:bg-purple-500 text-white px-6 py-3 rounded-full font-bold transition">
💬 Live Chat Support
</button>
<button class="border border-purple-500 text-purple-400 hover:bg-purple-500 hover:text-white px-6 py-3 rounded-full font-bold transition">
📧 Email the Team
</button>
</div>
</div>
</div>
</div>
</section>

<!-- Enhanced Team Section -->
<section id="team" class="py-24 bg-gray-900">
<div class="container mx-auto px-6">
<div class="text-center mb-20" data-aos="fade-up">
<h2 class="text-5xl font-bold mb-6">Meet the <span class="animate-text">Explorers</span></h2>
<div class="w-32 h-1 bg-purple-500 mx-auto mb-8"></div>
<p class="text-xl text-gray-300 max-w-3xl mx-auto">From the depths of underwater caves to the heights of technology innovation</p>
</div>

<div class="grid lg:grid-cols-3 gap-12 max-w-6xl mx-auto">
<div class="bg-gradient-to-br from-gray-800 to-gray-700 p-8 rounded-2xl card-hover glow text-center" data-aos="fade-up" data-aos-delay="100">
<div class="relative mb-6">
<img src="https://ichef.bbci.co.uk/images/ic/1920xn/p07lnv4n.jpg.webp" alt="Kent S." class="rounded-full w-32 h-32 mx-auto object-cover shadow-2xl" loading="lazy" />
<div class="absolute -bottom-2 -right-2 nat-geo-badge text-xs">🏆 Nat Geo</div>
</div>
<h3 class="font-bold text-2xl mb-2"><span class="animate-text">Kent S.</span></h3>
<p class="text-purple-400 mb-4 font-semibold">Founder & Lead Explorer</p>
<p class="text-gray-300 mb-6 text-sm leading-relaxed">
National Geographic cave diving explorer with 200+ dives across 15 countries. Former cybersecurity engineer who knows what real-world security means.
</p>

<!-- Achievements -->
<div class="space-y-2 mb-6">
<div class="bg-blue-900/30 p-2 rounded-lg text-xs">
🏆 National Geographic Explorer
</div>
<div class="bg-purple-900/30 p-2 rounded-lg text-xs">
💻 15+ years in cybersecurity
</div>
<div class="bg-green-900/30 p-2 rounded-lg text-xs">
🌊 200+ cave diving expeditions
</div>
</div>

<div class="flex justify-center space-x-4">
<a href="#" class="text-blue-400 hover:text-blue-300 transition">
<i data-feather="linkedin" class="w-5 h-5"></i>
</a>
<a href="#" class="text-purple-400 hover:text-purple-300 transition">
<i data-feather="twitter" class="w-5 h-5"></i>
</a>
</div>
</div>

<div class="bg-gradient-to-br from-gray-800 to-gray-700 p-8 rounded-2xl card-hover glow text-center" data-aos="fade-up" data-aos-delay="200">
<div class="relative mb-6">
<img src="https://ichef.bbci.co.uk/images/ic/1920xn/p07lnx25.jpg.webp" alt="Adriana V." class="rounded-full w-32 h-32 mx-auto object-cover shadow-2xl" loading="lazy" />
<div class="absolute -bottom-2 -right-2 bg-pink-600 text-white text-xs px-2 py-1 rounded-full">🎨 UX</div>
</div>
<h3 class="font-bold text-2xl mb-2"><span class="animate-text">Adriana V.</span></h3>
<p class="text-pink-400 mb-4 font-semibold">Product & Design Lead</p>
<p class="text-gray-300 mb-6 text-sm leading-relaxed">
Award-winning UX designer with a passion for making complex technology simple. Previously at Apple and Google, now bringing that expertise to the depths.
</p>

<!-- Achievements -->
<div class="space-y-2 mb-6">
<div class="bg-pink-900/30 p-2 rounded-lg text-xs">
🍎 Former Apple Design Team
</div>
<div class="bg-blue-900/30 p-2 rounded-lg text-xs">
🔍 Ex-Google UX Research
</div>
<div class="bg-yellow-900/30 p-2 rounded-lg text-xs">
🏆 Red Dot Design Award Winner
</div>
</div>

<div class="flex justify-center space-x-4">
<a href="#" class="text-blue-400 hover:text-blue-300 transition">
<i data-feather="linkedin" class="w-5 h-5"></i>
</a>
<a href="#" class="text-pink-400 hover:text-pink-300 transition">
<i data-feather="dribbble" class="w-5 h-5"></i>
</a>
</div>
</div>

<div class="bg-gradient-to-br from-gray-800 to-gray-700 p-8 rounded-2xl card-hover glow text-center" data-aos="fade-up" data-aos-delay="300">
<div class="relative mb-6">
<img src="https://ichef.bbci.co.uk/images/ic/1920xn/p07lnwgc.jpg.webp" alt="Mariela C." class="rounded-full w-32 h-32 mx-auto object-cover shadow-2xl" loading="lazy" />
<div class="absolute -bottom-2 -right-2 bg-green-600 text-white text-xs px-2 py-1 rounded-full">📊 PM</div>
</div>
<h3 class="font-bold text-2xl mb-2"><span class="animate-text">Mariela C.</span></h3>
<p class="text-green-400 mb-4 font-semibold">Product Manager</p>
<p class="text-gray-300 mb-6 text-sm leading-relaxed">
Tech product strategist who's launched 12+ hardware products. Brings startup agility with enterprise-grade execution to every project.
</p>

<!-- Achievements -->
<div class="space-y-2 mb-6">
<div class="bg-green-900/30 p-2 rounded-lg text-xs">
🚀 12+ hardware launches
</div>
<div class="bg-orange-900/30 p-2 rounded-lg text-xs">
💡 Former Y Combinator mentor
</div>
<div class="bg-purple-900/30 p-2 rounded-lg text-xs">
📈 $50M+ in product revenue
</div>
</div>

<div class="flex justify-center space-x-4">
<a href="#" class="text-blue-400 hover:text-blue-300 transition">
<i data-feather="linkedin" class="w-5 h-5"></i>
</a>
<a href="#" class="text-green-400 hover:text-green-300 transition">
<i data-feather="twitter" class="w-5 h-5"></i>
</a>
</div>
</div>
</div>

<!-- Team Stats -->
<div class="mt-16 grid md:grid-cols-4 gap-8 max-w-4xl mx-auto" data-aos="fade-up">
<div class="text-center">
<div class="text-3xl font-bold text-blue-400 mb-2">45+</div>
<div class="text-gray-300 text-sm">Years combined experience</div>
</div>
<div class="text-center">
<div class="text-3xl font-bold text-purple-400 mb-2">200+</div>
<div class="text-gray-300 text-sm">Cave diving expeditions</div>
</div>
<div class="text-center">
<div class="text-3xl font-bold text-green-400 mb-2">15+</div>
<div class="text-gray-300 text-sm">Countries explored</div>
</div>
<div class="text-center">
<div class="text-3xl font-bold text-yellow-400 mb-2">3</div>
<div class="text-gray-300 text-sm">Patents pending</div>
</div>
</div>

<!-- Advisors -->
<div class="mt-20" data-aos="fade-up">
<h3 class="text-3xl font-bold text-center mb-12">Advisory Board</h3>
<div class="grid md:grid-cols-3 gap-8 max-w-4xl mx-auto text-center text-sm">
<div class="bg-gray-800 p-4 rounded-xl">
<div class="text-lg font-bold mb-1">Dr. Sarah Chen</div>
<div class="text-blue-400 mb-2">Cybersecurity Expert</div>
<div class="text-gray-400">Former NSA, 20+ years in cryptography</div>
</div>
<div class="bg-gray-800 p-4 rounded-xl">
<div class="text-lg font-bold mb-1">Marcus Rodriguez</div>
<div class="text-green-400 mb-2">Hardware Innovation</div>
<div class="text-gray-400">Ex-Tesla, IoT device specialist</div>

README.md

@@ -1,10 +1,13 @@
 ---
-title: Deepsite Project
-emoji: 🐨
-colorFrom: gray
-colorTo: red
+title: DeepSite Project
+colorFrom: blue
+colorTo: purple
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://deepsite.hf.co).