Upload styles.css with huggingface_hub

styles.css

@@ -69,11 +69,8 @@ body {
     align-items: center;
     text-decoration: none;
     color: var(--color-text);
-}
-
-.logo svg {
-    width: 20px;
-    height: 20px;
+    font-size: 16px;
+    font-weight: 600;
 }
 
 .nav-links {
@@ -134,9 +131,9 @@ body {
 
 .btn-primary {
     padding: 0.4rem 0.875rem;
-    border: 1px solid var(--color-primary);
-    background: var(--color-primary);
-    color: #ffffff;
+    border: 1px solid var(--color-border);
+    background: var(--color-bg);
+    color: var(--color-text);
     font-size: 13px;
     font-weight: 500;
     border-radius: var(--radius-md);
@@ -145,8 +142,8 @@ body {
 }
 
 .btn-primary:hover {
-    background: #1a1a1a;
-    border-color: #1a1a1a;
+    background: var(--color-hover);
+    border-color: var(--color-border-hover);
 }
 
 /* Main Container */
@@ -160,6 +157,21 @@ body {
 .hero {
     text-align: center;
     padding: 4rem 0 5rem 0;
+    position: relative;
+}
+
+.hero-watermark {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 240px;
+    font-weight: 700;
+    color: rgba(0, 0, 0, 0.02);
+    letter-spacing: -0.05em;
+    z-index: 0;
+    pointer-events: none;
+    user-select: none;
 }
 
 .hero-title {
@@ -168,6 +180,8 @@ body {
     margin-bottom: var(--spacing-md);
     letter-spacing: -0.03em;
     line-height: 1.1;
+    position: relative;
+    z-index: 1;
 }
 
 .hero-subtitle {
@@ -175,6 +189,8 @@ body {
     color: var(--color-text-secondary);
     margin-bottom: var(--spacing-2xl);
     font-weight: 400;
+    position: relative;
+    z-index: 1;
 }
 
 /* Input Container */
@@ -188,7 +204,8 @@ body {
     border-radius: var(--radius-xl);
     background: var(--color-bg);
     transition: all 0.15s ease;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+    position: relative;
+    z-index: 1;
 }
 
 .input-container:hover {