feat: enhance styling and layout for improved user experience

- Added custom fonts 'Blade Knight' and 'Coligra' for a unique aesthetic
- Updated background color and styling for body and app components
- Improved content card design with glass morphism effects and hover states
- Enhanced mobile navigation with a floating glass effect and updated button styles
- Adjusted header layout for better responsiveness and visual appeal

Co-authored-by: Cursor <cursoragent@cursor.com>

src/style.css

@@ -2,23 +2,47 @@
 @tailwind components;
 @tailwind utilities;
 
+/* Blade Knight Font */
+@font-face {
+  font-family: 'Blade Knight';
+  src: url('/assets/fonts/Blade Knight Regular.otf') format('opentype');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* Coligra Font */
+@font-face {
+  font-family: 'Coligra';
+  src: url('/assets/fonts/Coligra.otf') format('opentype');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
 * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 
+html {
+  background-color: #0a0a0a;
+  color: white;
+}
+
 body {
   font-family: 'Inter', 'Avenir Next', system-ui, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  background: linear-gradient(135deg, #0a0a0a 0%, #1a0a14 100%);
+  background-color: #0a0a0a;
   color: white;
   min-height: 100vh;
 }
 
 #app {
   min-height: 100vh;
+  background-color: #0a0a0a;
 }
 
 /* Glass Morphism Styles from neode-ui */