Refactor CSS styles and update HTML structure for improved layout and responsiveness

- Updated padding values for sections in custom CSS files to enhance spacing.
- Introduced new card styles with hover effects for better user interaction.
- Added new gradient card layout in the chill theme for a visually appealing design.
- Removed obsolete sector layout and replaced it with a more flexible gradient card layout.
- Enhanced feature list layout with improved pagination and sidebar integration.
- Created a new shortcode for gradient card sections to streamline feature presentation.

themes/chill-theme/layouts/_default/gradient-card.html

@@ -0,0 +1,30 @@
+{{ define "main" }}
+<div class="pt-2 {{ .Params.bgColor }}">
+    <style>
+        .gradient-bg {
+            background-image: linear-gradient(180deg, color-mix(in srgb, var(--bg-color) 25%, white), white);
+        }
+    </style>
+    <div class="absolute inset-x-0 top-0 h-full gradient-bg opacity-75"></div>
+    <div class="container mx-auto px-4 py-6">
+        <main>
+            <article>
+                <div class="relative isolate overflow-hidden">
+
+                    <div class="text-center mb-16">
+                        <h1 class="text-4xl md:text-5xl font-bold mb-6">{{ .Params.title }}</h1>
+                        <p class="text-xl text-gray-600 mb-16">{{ .Params.description }}</p>
+                        <div class="max-w-3xl mx-auto bg-white rounded-xl shadow-sm p-8">
+                            <p class="text-xl text-gray-600 text-left">
+                                {{ .Params.card | markdownify }}
+                            </p>
+                        </div>
+                    </div>
+
+                    {{ .Content }}
+                </div>
+            </article>
+        </main>
+    </div>
+</div>
+{{ end }}