Сделай элемент легче, отцепи его от верха страницы (сделай как висящий прямоугольник с закругленными краями)

index.html

@@ -206,8 +206,8 @@
         <div id="welcome" class="welcome-text" style="display: none;">Добро пожаловать</div>
         <div id="subtext" class="sub-text" style="display: none;">в полный пиздец</div>
     </div>
-<!-- Header -->
-    <header class="fixed top-0 w-full bg-dark-bg/90 backdrop-blur-md border-b border-dark-border z-50">
+    <!-- Header -->
+    <header class="fixed top-8 left-1/2 transform -translate-x-1/2 bg-dark-bg/90 backdrop-blur-md border border-dark-border z-50 rounded-2xl shadow-xl">
         <nav class="container mx-auto px-6 py-4">
             <div class="flex items-center justify-between">
                 <div class="flex items-center space-x-2">
@@ -230,8 +230,7 @@
             </div>
         </nav>
     </header>
-
-    <!-- Mobile Menu -->
+<!-- Mobile Menu -->
     <div id="mobile-menu" class="fixed inset-0 bg-dark-bg/95 z-40 hidden">
         <div class="flex flex-col items-center justify-center h-full space-y-8">
             <a href="#demo" class="text-2xl hover:text-blue-500 transition font-bold">Демо</a>
@@ -246,8 +245,8 @@
 </div>
 </div>
     <!-- Demo Section -->
-    <section id="demo" class="min-h-screen pt-32 pb-20 px-6 flex items-center relative">
-        <div class="demo-bg">
+    <section id="demo" class="min-h-screen pt-20 pb-20 px-6 flex items-center relative">
+<div class="demo-bg">
             <div class="floating-blob blob1"></div>
             <div class="floating-blob blob2"></div>
             <div class="floating-blob blob3"></div>