Sao không thấy ô nhập url và nút trích xuất

index.html

@@ -35,7 +35,6 @@
                 Extract article content and images from any URL with our powerful web scraping tool
             </p>
         </section>
-
         <!-- Main Scraper Interface -->
         <section class="max-w-4xl mx-auto bg-white rounded-2xl shadow-xl p-8 mb-8">
             <div class="flex items-center gap-3 mb-6">
@@ -46,7 +45,7 @@
             <form id="scraperForm" class="space-y-6">
                 <div class="space-y-2">
                     <label for="urlInput" class="block text-sm font-medium text-gray-700">
-                        Website URL
+                    Website URL
                     </label>
                     <input 
                         type="url" 
@@ -75,8 +74,7 @@
                 </div>
             </form>
         </section>
-
-        <!-- Loading State -->
+<!-- Loading State -->
         <div id="loading" class="hidden max-w-4xl mx-auto text-center p-8">
             <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto mb-4"></div>
             <p class="text-gray-600">Extracting content from website...</p>

style.css

@@ -1,3 +1,4 @@
+
 /* Shared styles across all pages */
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
 
@@ -78,4 +79,24 @@ body {
 
 .gallery-image:hover {
     transform: scale(1.05);
-}
+}
+
+/* Ensure form elements are visible */
+#scraperForm {
+    display: block !important;
+    visibility: visible !important;
+}
+
+#urlInput {
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+}
+
+/* Button visibility */
+button[type="submit"], 
+button[type="button"] {
+    display: flex !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+}