refactor: restructure styles and components for improved theming and consistency

src/styles/App.css

@@ -0,0 +1,56 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
+
+@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
+    monospace;
+}
+
+body {
+  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
+    "Roboto", "Oxygen", sans-serif;
+  background-color: #ffffff;
+  color: #422268;
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "Poppins", sans-serif;
+  font-weight: 600;
+}
+
+.inter {
+  font-family: "Poppins", sans-serif;
+}
+
+.nunito-sans {
+  font-family: "Nunito Sans", sans-serif;
+}
+
+.bg-purple-gradient {
+  background: linear-gradient(
+    135deg,
+    rgba(100, 76, 159, 0.2) 0%,
+    rgba(72, 40, 110, 0.2) 100%
+  );
+}
+
+.bg-soft-mesh {
+  background: radial-gradient(
+    ellipse at top right,
+    rgba(221, 216, 235, 0.4) 0%,
+    #ffffff 50%,
+    #ffffff 100%
+  );
+}