diff --git a/templates/index.html b/templates/index.html
index cc659bd..c1c8120 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -5,6 +5,61 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Lottery Number Generator</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <style>
+      body {
+        font-family: Arial, sans-serif;
+        background-color: #f4f4f9;
+        color: #333;
+        text-align: center;
+        margin: 0;
+        padding: 0;
+      }
+      .container {
+        margin: 50px auto;
+        max-width: 600px;
+        padding: 20px;
+        background: #fff;
+        border-radius: 8px;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+      }
+      h1 {
+        color: #0073e6;
+      }
+      form {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+      label {
+        font-weight: bold;
+        margin-top: 10px;
+      }
+      select, input, button {
+        margin-top: 10px;
+        padding: 10px;
+        width: 80%;
+        border-radius: 5px;
+        border: 1px solid #ccc;
+      }
+      button {
+        background-color: #0073e6;
+        color: white;
+        cursor: pointer;
+      }
+      button:hover {
+        background-color: #005bb5;
+      }
+      .results {
+        margin-top: 20px;
+        padding: 15px;
+        background-color: #f9f9f9;
+        border-radius: 5px;
+      }
+      .line {
+        margin: 5px 0;
+        font-size: 16px;
+      }
+    </style>
   </head>
   <body>
     <div class="container">
@@ -16,20 +71,28 @@
           <option value="lotto">Lotto</option>
           <option value="eurodreams">EuroDreams</option>
         </select>
+
+        <label for="lines">Number of Lines:</label>
+        <input type="number" name="lines" id="lines" min="1" max="10" value="1" required>
+
         <button type="submit">Generate Numbers</button>
       </form>
-      
+
       {% if result %}
-      <div class="result">
-        <h2>Generated Numbers:</h2>
-        <p>Numbers: {{ result.numbers }}</p>
-        {% if result.lucky_stars %}
-        <p>Lucky Stars: {{ result.lucky_stars }}</p>
-        {% endif %}
-        {% if result.dream_number %}
-        <p>Dream Number: {{ result.dream_number }}</p>
-        {% endif %}
-      </div>
+        <div class="results">
+          <h2>Generated Numbers:</h2>
+          {% for line in result %}
+            <div class="line">
+              Numbers: {{ line.numbers }}
+              {% if line.lucky_stars %}
+                | Lucky Stars: {{ line.lucky_stars }}
+              {% endif %}
+              {% if line.dream_number %}
+                | Dream Number: {{ line.dream_number }}
+              {% endif %}
+            </div>
+          {% endfor %}
+        </div>
       {% endif %}
     </div>
   </body>
