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, 16 insertions, 12 deletions

diff --git a/resources/sass/_background.scss b/resources/sass/_background.scss
index 4ef03bd..a848474 100644
--- a/resources/sass/_background.scss
+++ b/resources/sass/_background.scss
@@ -5,22 +5,26 @@ html {
 body {
   width: 100%;
   height: auto;
-  min-height:35rem;
-  background: linear-gradient(to bottom, rgba(1,1,1,.25) 0%, rgba(1,1,1,.45) 90%, rgba(2, 11, 26, 0.65) 100%), url("/img/world-bg.jpg");
-  background-color: rgba(2, 11, 26, 0.65);
-  background-position: center;
+  min-height: 35rem;
+  background-color: #1a1e23;
+  background-image: linear-gradient(to bottom, rgba(1,1,1,.35) 0%, rgba(1,1,1,.55) 90%, rgba(26, 30, 35, 0.8) 100%), url("/img/world-bg.jpg");
+  background-position: center top;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
+  color: #e2e8f0;
 }
-.cover-container {
-  color: white;
-  max-width: 42em;
+
+::-webkit-scrollbar {
+  width: 8px;
+}
+::-webkit-scrollbar-track {
+  background: #1a1e23;
 }
-.cover {
-  padding: 0 1.5rem;
+::-webkit-scrollbar-thumb {
+  background: #2b313b;
+  border-radius: 4px;
 }
-.cover .btn-lg {
-  padding: .75rem 1.25rem;
-  font-weight: 700;
+::-webkit-scrollbar-thumb:hover {
+  background: #2f363f;
 }