Add gradient divider between hero and animation

iYassr · claude · iYassr · commit 0886435255cd · 2026-01-02T02:10:15.000+03:00
🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
diff --git a/docs/index.html b/docs/index.html
@@ -678,6 +678,13 @@
     .transform-label.output {
       color: var(--accent);
     }
+
+    .divider {
+      height: 1px;
+      background: linear-gradient(90deg, transparent, var(--bg-light), var(--accent), var(--bg-light), transparent);
+      max-width: 600px;
+      margin: 0 auto;
+    }
   </style>
 </head>
 <body>
@@ -722,6 +729,8 @@ <h1>maskr<span>_</span></h1>
     </div>
   </section>
 
+  <div class="divider"></div>
+
   <!-- Transform Animation -->
   <section class="transform-animation">
     <div class="container">
