diff --git a/core/templates/base.html b/core/templates/base.html
index a9d1db1..d987a0f 100644
--- a/core/templates/base.html
+++ b/core/templates/base.html
@@ -18,6 +18,15 @@
     {% block head %}{% endblock %}
 </head>
 <body class="bg-dark text-white" style="font-family: 'Poppins', sans-serif;">
+    <!-- Background Spinning Vinyl -->
+    <div class="bg-vinyl-wrapper">
+        <div class="bg-vinyl">
+            <div class="bg-vinyl-label">
+                <img src="/assets/pasted-20260129-210745-654c6eb5.jpg" alt="Logo">
+            </div>
+        </div>
+    </div>
+
     <nav class="navbar navbar-expand-lg navbar-dark bg-transparent border-bottom border-secondary">
         <div class="container">
             <a class="navbar-brand d-flex align-items-center" href="/" style="font-family: 'Righteous', cursive; font-size: 1.8rem; color: #FF007F;">
diff --git a/static/css/custom.css b/static/css/custom.css
index 726cf00..8af0497 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -15,6 +15,79 @@ body {
         radial-gradient(at 100% 100%, rgba(0, 242, 255, 0.15) 0px, transparent 50%);
     min-height: 100vh;
     color: #eee;
+    overflow-x: hidden;
+}
+
+/* Background Vinyl Decoration */
+.bg-vinyl-wrapper {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    pointer-events: none;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    opacity: 0.12;
+}
+
+.bg-vinyl {
+    width: 1200px;
+    height: 1200px;
+    background: radial-gradient(circle, #222 0%, #111 20%, #050505 100%);
+    border-radius: 50%;
+    position: relative;
+    background-image: repeating-radial-gradient(
+        circle,
+        rgba(255,255,255,0.03) 0,
+        rgba(255,255,255,0.03) 2px,
+        transparent 2px,
+        transparent 6px
+    );
+    animation: spin 30s linear infinite;
+    box-shadow: 0 0 100px rgba(0,0,0,1);
+}
+
+.bg-vinyl::after {
+    content: '';
+    position: absolute;
+    top: 0; left: 0; right: 0; bottom: 0;
+    border-radius: 50%;
+    background: conic-gradient(
+        from 0deg,
+        transparent 0deg,
+        rgba(255,255,255,0.02) 45deg,
+        transparent 90deg,
+        rgba(255,255,255,0.02) 135deg,
+        transparent 180deg,
+        rgba(255,255,255,0.02) 225deg,
+        transparent 270deg,
+        rgba(255,255,255,0.02) 315deg,
+        transparent 360deg
+    );
+}
+
+.bg-vinyl-label {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 400px;
+    height: 400px;
+    background: #fff;
+    border-radius: 50%;
+    overflow: hidden;
+    border: 15px solid #111;
+}
+
+.bg-vinyl-label img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    opacity: 0.9;
 }
 
 .btn-primary {
@@ -248,6 +321,14 @@ body {
         height: 160px;
         right: 30px;
     }
+    .bg-vinyl {
+        width: 800px;
+        height: 800px;
+    }
+    .bg-vinyl-label {
+        width: 250px;
+        height: 250px;
+    }
 }
 
 @media (max-width: 576px) {
@@ -273,4 +354,12 @@ body {
         right: 20px;
         font-size: 25px;
     }
+    .bg-vinyl {
+        width: 600px;
+        height: 600px;
+    }
+    .bg-vinyl-label {
+        width: 180px;
+        height: 180px;
+    }
 }
\ No newline at end of file
diff --git a/staticfiles/css/custom.css b/staticfiles/css/custom.css
index 726cf00..8af0497 100644
--- a/staticfiles/css/custom.css
+++ b/staticfiles/css/custom.css
@@ -15,6 +15,79 @@ body {
         radial-gradient(at 100% 100%, rgba(0, 242, 255, 0.15) 0px, transparent 50%);
     min-height: 100vh;
     color: #eee;
+    overflow-x: hidden;
+}
+
+/* Background Vinyl Decoration */
+.bg-vinyl-wrapper {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    pointer-events: none;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    opacity: 0.12;
+}
+
+.bg-vinyl {
+    width: 1200px;
+    height: 1200px;
+    background: radial-gradient(circle, #222 0%, #111 20%, #050505 100%);
+    border-radius: 50%;
+    position: relative;
+    background-image: repeating-radial-gradient(
+        circle,
+        rgba(255,255,255,0.03) 0,
+        rgba(255,255,255,0.03) 2px,
+        transparent 2px,
+        transparent 6px
+    );
+    animation: spin 30s linear infinite;
+    box-shadow: 0 0 100px rgba(0,0,0,1);
+}
+
+.bg-vinyl::after {
+    content: '';
+    position: absolute;
+    top: 0; left: 0; right: 0; bottom: 0;
+    border-radius: 50%;
+    background: conic-gradient(
+        from 0deg,
+        transparent 0deg,
+        rgba(255,255,255,0.02) 45deg,
+        transparent 90deg,
+        rgba(255,255,255,0.02) 135deg,
+        transparent 180deg,
+        rgba(255,255,255,0.02) 225deg,
+        transparent 270deg,
+        rgba(255,255,255,0.02) 315deg,
+        transparent 360deg
+    );
+}
+
+.bg-vinyl-label {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 400px;
+    height: 400px;
+    background: #fff;
+    border-radius: 50%;
+    overflow: hidden;
+    border: 15px solid #111;
+}
+
+.bg-vinyl-label img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    opacity: 0.9;
 }
 
 .btn-primary {
@@ -248,6 +321,14 @@ body {
         height: 160px;
         right: 30px;
     }
+    .bg-vinyl {
+        width: 800px;
+        height: 800px;
+    }
+    .bg-vinyl-label {
+        width: 250px;
+        height: 250px;
+    }
 }
 
 @media (max-width: 576px) {
@@ -273,4 +354,12 @@ body {
         right: 20px;
         font-size: 25px;
     }
+    .bg-vinyl {
+        width: 600px;
+        height: 600px;
+    }
+    .bg-vinyl-label {
+        width: 180px;
+        height: 180px;
+    }
 }
\ No newline at end of file
