feat: add psg background

.gitattributes

@@ -0,0 +1,2 @@
+*.png filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text

frontend/src/components/common/Card.tsx

@@ -23,11 +23,15 @@ export const Card: React.FC<CardProps> = ({ children, className, hover = true })
   return (
     <div
       className={clsx(
-        'bg-bg-card rounded-xl p-6 shadow-lg transition-all duration-300',
-        'border border-white/5',
-        hover && 'hover:bg-bg-cardHover hover:shadow-2xl hover:-translate-y-1 hover:border-white/10',
+        'rounded-xl p-6 shadow-lg transition-all duration-300',
+        'border border-white/10',
+        'backdrop-blur-md',
+        hover && 'hover:shadow-2xl hover:-translate-y-1 hover:border-white/20',
         className
       )}
+      style={{
+        background: 'rgba(26, 41, 66, 0.75)',
+      }}
     >
       {children}
     </div>

frontend/src/styles/globals.css

@@ -12,9 +12,26 @@
 
 @layer base {
   body {
-    @apply bg-bg-primary text-text-primary font-body;
-    background: linear-gradient(135deg, #0A1628 0%, #152238 100%);
+    @apply text-text-primary font-body;
     min-height: 100vh;
+    position: relative;
+    background: #0A1628;
+  }
+
+  body::before {
+    content: '';
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-image: url('/psg_wallpaper.jpg');
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    opacity: 0.15;
+    z-index: -1;
   }
 
   h1, h2, h3, h4 {
@@ -61,7 +78,14 @@
   }
 
   .card-psg {
-    @apply bg-bg-card border border-white/10 rounded-xl p-6 shadow-lg transition-all hover:bg-bg-cardHover hover:shadow-2xl hover:-translate-y-1;
+    @apply border border-white/10 rounded-xl p-6 shadow-lg transition-all hover:shadow-2xl hover:-translate-y-1;
+    background: rgba(26, 41, 66, 0.75);
+    backdrop-filter: blur(10px);
+    -webkit-backdrop-filter: blur(10px);
+  }
+
+  .card-psg:hover {
+    background: rgba(34, 58, 94, 0.85);
   }
 
   /* Input styles */