more flow

src/routes/(components)/login.svelte

@@ -13,17 +13,12 @@
       <Card.Header>
         <Card.Title class="text-2xl">Login</Card.Title>
         <Card.Description
-          >Please enter credentials for an account that is allowed to create
+          >Please enter kiosk credentials.</Card.Description
-          runners and their selfservice links.</Card.Description
         >
       </Card.Header>
       <Card.Content class="grid gap-4">
         <div class="grid gap-2">
-          <Label for="email">Email</Label>
+          <Label for="password">Token</Label>
-          <Input id="email" type="email" placeholder="m@example.com" required />
-        </div>
-        <div class="grid gap-2">
-          <Label for="password">Password</Label>
           <Input id="password" type="password" required />
         </div>
       </Card.Content>

src/routes/(components)/signup.svelte

@@ -21,6 +21,11 @@
       progress: 50,
       showback: true,
     },
+    SIGNUP_MAIL_ACCEPT: {
+      name: "Accept terms",
+      progress: 75,
+      showback: true,
+    },
     SIGNIN: {
       name: "Signin",
       progress: 50,
@@ -136,6 +141,13 @@
             >
             <Input id="email" type="email" placeholder="m@example.com" />
           </div>
+          <Button
+            variant="default"
+            class="w-full"
+            on:click={() => {
+              currentStep = Steps.SIGNUP_MAIL_ACCEPT;
+            }}>Continue</Button
+          >
         {:else if currentStep.name == Steps.SIGNIN.name}
           <div class="grid gap-2">
             <Button