style: apply neon gaming theme from template.css

- Dark palette: #1a1e23 bg, #232830 surface, #2f363f borders
- Neon cyan (#00e5d4) primary, pink (#ff2e63) accent
- Navbar: frosted glass with backdrop blur, border bottom
- Cards: dark surface with subtle shadow and border
- Custom scrollbar: dark themed
- CSS variables for theme colors in inline styles
- All text: light (#e2e8f0) on dark backgrounds

1 files changed, 29 insertions, 14 deletions

diff --git a/resources/sass/_navbar.scss b/resources/sass/_navbar.scss
index 7e3daa8..94d8a02 100644
--- a/resources/sass/_navbar.scss
+++ b/resources/sass/_navbar.scss
@@ -1,25 +1,40 @@
 .navbar {
-  background-color: rgba(0,0,0,0) !important;
+  background-color: rgba(26, 30, 35, 0.95) !important;
+  backdrop-filter: blur(10px);
+  border-bottom: 1px solid #2f363f;
 }
-.navbar-toggler {
-  border-color: #808080;
+
+.navbar-brand {
+  color: #00e5d4 !important;
+  font-weight: 700;
+  letter-spacing: 0.5px;
 }
 
 .navbar-dark .nav-link {
-	color: darken( #fff, 10% ) !important;
+  color: #94a3b8 !important;
+  font-weight: 600;
+  font-size: 0.85rem;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  padding: 0.5rem 1rem;
+  transition: color 0.2s;
 }
 
-@media( min-width: 768px ) {
-	.navbar-searchform {
-		margin-left: 0.5rem;
-	}
+.navbar-dark .nav-link:hover {
+  color: #00e5d4 !important;
+  text-decoration: none !important;
 }
 
-.nav-link:hover {
-	text-decoration: underline !important;
-}
 .nav-bar-divider {
-	display: inline;
-	padding: 0 8px;
-	font-size: 0.9rem;
+  display: inline;
+  padding: 0 8px;
+  color: #94a3b8;
+  opacity: 0.5;
+  user-select: none;
+}
+
+@media (min-width: 768px) {
+  .navbar-searchform {
+    margin-left: 0.5rem;
+  }
 }