clean: remove useless label

public/css/app.css

@@ -27,6 +27,16 @@ h1 {
     color: #444;
 }
 
+.brand-mark {
+    position: fixed;
+    left: 1rem;
+    top: 1rem;
+    font-size: 0.85rem;
+    letter-spacing: 0.2em;
+    text-transform: uppercase;
+    color: #777;
+}
+
 .page-center h1 {
     margin-bottom: 0.5rem;
 }

templates/index.html.ep

@@ -1,15 +1,14 @@
 % layout 'default';
 % stash title => 'Urupam - URL Shortener';
 <main class="page">
-    <h1>Urupam</h1>
     <form id="shorten-form">
         <div class="form-group">
-            <label for="url">Enter URL to shorten:</label>
+            <input type="url" id="url" name="url" placeholder="https://example.com" required aria-label="URL to shorten">
-            <input type="url" id="url" name="url" placeholder="https://example.com" required>
         </div>
         <button type="submit" id="submit-btn">Shorten URL</button>
     </form>
     <div id="result" class="result"></div>
+    <div class="brand-mark">urupam</div>
     <script>
         const form = document.getElementById('shorten-form');
         const urlInput = document.getElementById('url');