diff --git a/pages/card/[id].js b/pages/card/[id].js
index b414513..b458d16 100644
--- a/pages/card/[id].js
+++ b/pages/card/[id].js
@@ -333,7 +333,8 @@ export default function CardDetail() {
 
   return (
     <Layout user={user}>
-      {/* Hero Section with Card Image and Basic Info */}
+      <div style={{ backgroundColor: 'var(--bg-primary)', minHeight: '100vh' }}>
+        {/* Hero Section with Card Image and Basic Info */}
       <div 
         className="relative min-h-96 flex items-center justify-center overflow-hidden"
         style={{
@@ -487,7 +488,10 @@ export default function CardDetail() {
       </div>
 
       {/* Content Tabs */}
-      <div className="container mx-auto px-6 py-8">
+      <div 
+        className="container mx-auto px-6 py-8"
+        style={{ backgroundColor: 'var(--bg-primary)', color: 'var(--text-primary)' }}
+      >
         <div className="flex border-b" style={{ borderColor: 'var(--border)' }}>
           {['details', 'price-history', 'purchase'].map((tab) => (
             <button
@@ -828,6 +832,7 @@ export default function CardDetail() {
           </div>
         </div>
       )}
+      </div>
     </Layout>
   );
 } 
\ No newline at end of file
diff --git a/styles/globals.css b/styles/globals.css
index fe66f9c..6bc069b 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -283,6 +283,27 @@ body {
   background-clip: text;
 }
 
+.gradient-text-gold {
+  background: linear-gradient(135deg, #ffab40 0%, #ff6f00 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+.gradient-text-flame {
+  background: linear-gradient(135deg, #ff6f00 0%, #d84315 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+.gradient-text-ember {
+  background: linear-gradient(135deg, #d84315 0%, #bf360c 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
 /* Theme toggle button */
 .theme-toggle {
   @apply p-2 rounded-2xl transition-all duration-300;