|
<div class="bg-black text-white font-['Space_Grotesk'] overflow-x-hidden">
<!-- Background elements -->
<div class="fixed inset-0 overflow-hidden pointer-events-none z-0">
<div class="absolute top-20 left-10 w-96 h-96 bg-indigo-900/10 rounded-full blur-3xl"></div>
<div class="absolute bottom-10 right-10 w-80 h-80 bg-purple-900/10 rounded-full blur-3xl"></div>
<div class="absolute top-40 right-20 w-64 h-64 bg-cyan-900/10 rounded-full blur-3xl"></div>
<!-- Decorative grid lines -->
<div class="absolute inset-0 grid grid-cols-12 opacity-5 pointer-events-none">
<div class="border-r border-cyan-500"></div>
<div class="border-r border-cyan-500"></div>
<div class="border-r border-cyan-500"></div>
<div class="border-r border-cyan-500"></div>
<div class="border-r border-cyan-500"></div>
<div class="border-r border-cyan-500"></div>
<div class="border-r border-cyan-500"></div>
<div class="border-r border-cyan-500"></div>
<div class="border-r border-cyan-500"></div>
<div class="border-r border-cyan-500"></div>
<div class="border-r border-cyan-500"></div>
<div class="border-r border-cyan-500"></div>
</div>
<div class="absolute inset-0 grid grid-rows-12 opacity-5 pointer-events-none">
<div class="border-b border-cyan-500"></div>
<div class="border-b border-cyan-500"></div>
<div class="border-b border-cyan-500"></div>
<div class="border-b border-cyan-500"></div>
<div class="border-b border-cyan-500"></div>
<div class="border-b border-cyan-500"></div>
<div class="border-b border-cyan-500"></div>
<div class="border-b border-cyan-500"></div>
<div class="border-b border-cyan-500"></div>
<div class="border-b border-cyan-500"></div>
<div class="border-b border-cyan-500"></div>
<div class="border-b border-cyan-500"></div>
</div>
</div>
</div>
|
