some progress

resources/css/app.css

@@ -1,16 +1,18 @@
-@import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
+@import 'bootstrap';
 
 :root {
     --primary: #7F00FF;
     --accent: #00C9FF;
     --background: #121212;
     --text: #EAEAEA;
+    --gradient-start: #4f46e5;
+    --gradient-end: #7c3aed;
 }
 
 body {
-    font-family: 'Inter', sans-serif;
-    background-color: var(--background);
-    color: var(--text);
+    background-color: #0f172a!important;
+    color: #e2e8f0;
+    background: url('../../img/top_bg_transparency_4.png') repeat-x #0f172a;
 }
 
 .gradient-text {
@@ -165,3 +167,64 @@ body {
     background: rgba(255, 255, 255, 0.1) !important;
     color: var(--text);
 }
+
+.text-gradient {
+    background: linear-gradient(to right, var(--gradient-start), var(--gradient-end));
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+}
+
+.btn-gradient {
+    background: linear-gradient(to right, var(--gradient-start), var(--gradient-end));
+    border: none;
+    color: white;
+}
+
+.btn-gradient:hover {
+    background: linear-gradient(to right, var(--gradient-end), var(--gradient-start));
+    color: white;
+}
+
+.btn-outline-gradient {
+    border: 1px solid var(--gradient-start);
+    color: var(--gradient-start);
+}
+
+.btn-outline-gradient:hover {
+    background: linear-gradient(to right, var(--gradient-start), var(--gradient-end));
+    color: white;
+}
+
+.gradient-border {
+    border: 1px solid transparent;
+    background: linear-gradient(#0f172a, #0f172a) padding-box,
+    linear-gradient(to right, var(--gradient-start), var(--gradient-end)) border-box;
+}
+
+.navbar {
+    background-color: rgba(15, 23, 42, 0.8);
+    backdrop-filter: blur(10px);
+}
+
+.navbar a {
+    color: white!important;
+}
+
+.dropdown-menu {
+    background-color: #1e293b;
+    border: 1px solid #334155;
+}
+
+.dropdown-item {
+    color: #e2e8f0;
+}
+
+.dropdown-item:hover {
+    background-color: #334155;
+    color: #e2e8f0;
+}
+
+.dropdown-divider {
+    border-top: 1px solid #334155;
+}