Update app.py

app.py

@@ -127,8 +127,7 @@ CUSTOM_CSS = """
     --terminal-font: 'VT323', monospace;
 }
 
-/* Body / root */
-html, body, .gradio-container {
+html, body {
     height: 100%;
     margin: 0;
     padding: 0;
@@ -137,9 +136,16 @@ html, body, .gradio-container {
     font-family: var(--terminal-font);
     font-size: 1.1rem;
     box-sizing: border-box;
+    overflow: hidden;
+}
+
+/* Gradio ana container - şeffaf ve üstte */
+.gradio-container {
+    background: transparent !important;
+    position: relative;
+    z-index: 2;
 }
 
-/* Parallax star layers (CSS versiyon) */
 #stars,
 #stars2,
 #stars3 {
@@ -162,7 +168,7 @@ html, body, .gradio-container {
     1600px 100px #FFF,
     1800px 220px #FFF;
   animation: animStar 60s linear infinite;
-  z-index: -3;
+  z-index: 0;
 }
 
 #stars2 {
@@ -177,7 +183,7 @@ html, body, .gradio-container {
     1550px 360px #FFF,
     1700px 300px #FFF;
   animation-duration: 100s;
-  z-index: -4;
+  z-index: 0;
 }
 
 #stars3 {
@@ -190,7 +196,7 @@ html, body, .gradio-container {
     1500px 540px #FFF,
     1750px 500px #FFF;
   animation-duration: 140s;
-  z-index: -5;
+  z-index: 0;
 }
 
 #stars::after,
@@ -211,27 +217,34 @@ html, body, .gradio-container {
 
 /* Header */
 .pb-header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
   text-align: center;
   color: #f5f7ff;
-  margin-bottom: 12px;
+  margin: 10px auto 12px;
+  max-width: 780px;
 }
 
 .pb-logo {
-  max-width: 360px;
+  max-width: 220px;
+  width: 40%;
+  min-width: 140px;
   border-radius: 16px;
-  box-shadow: 0 0 18px rgba(0,0,0,0.8);
+  box-shadow: 0 0 14px rgba(0,0,0,0.8);
 }
 
 .pb-header h1 {
-  margin: 18px 0 4px;
-  font-size: 1.8rem;
+  margin: 14px 0 4px;
+  font-size: 1.6rem;
   letter-spacing: 0.08em;
   text-transform: uppercase;
 }
 
 .pb-subtitle {
   margin: 0;
-  font-size: 0.95rem;
+  font-size: 0.9rem;
   opacity: 0.8;
 }