PageSourceSearch

https://spreka.ai/register

html spreka.ai collected 2026-10-05 15:19:06 UTC 27,197 bytes, 335 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" class="dark">
3    <head>
4        <meta charset="utf-8" />
5<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
7<title>Spreka AI</title>
8
9<link rel="icon" href="/favicon.ico?v=3" sizes="48x48">
10<link rel="icon" href="/favicon.svg?v=3" type="image/svg+xml">
11<link rel="icon" href="/favicon-96x96.png?v=3" sizes="96x96" type="image/png">
12<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=3">
13
14
15<link rel="manifest" href="/manifest.webmanifest?v=3">
16<meta name="theme-color" content="#18181b">
17<meta name="apple-mobile-web-app-capable" content="yes">
18<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
19<meta name="apple-mobile-web-app-title" content="Spreka AI">
20
21<link rel="preconnect" href="https://fonts.bunny.net">
22<link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />
23
24<link rel="preload" as="style" href="https://spreka.ai/build/assets/app-BldHsAT5.css" /><link rel="modulepreload" as="script" href="https://spreka.ai/build/assets/app-9HlkqSRD.js" /><link rel="stylesheet" href="https://spreka.ai/build/assets/app-BldHsAT5.css" data-navigate-track="reload" />
24<script type="module" src="https://spreka.ai/build/assets/app-9HlkqSRD.js" data-navigate-track="reload"></script>
24<style>
25    :root.dark {
26        color-scheme: dark;
27    }
28</style>
29<script>
30    window.Flux = {
31        applyAppearance (appearance) {
32            let applyDark = () => document.documentElement.classList.add('dark')
33            let applyLight = () => document.documentElement.classList.remove('dark')
34
35            if (appearance === 'system') {
36                let media = window.matchMedia('(prefers-color-scheme: dark)')
37
38                window.localStorage.removeItem('flux.appearance')
39
40                media.matches ? applyDark() : applyLight()
41            } else if (appearance === 'dark') {
42                window.localStorage.setItem('flux.appearance', 'dark')
43
44                applyDark()
45            } else if (appearance === 'light') {
46                window.localStorage.setItem('flux.appearance', 'light')
47
48                applyLight()
49            }
50        }
51    }
52
53    window.Flux.applyAppearance(window.localStorage.getItem('flux.appearance') || 'system')
54</script>
54
55
56
57<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mdbassit/Coloris@latest/dist/coloris.min.css">
58<script src="https://cdn.jsdelivr.net/gh/mdbassit/Coloris@latest/dist/coloris.min.js"></script>
vendor: 1 bytes, line 58
58
59<script>
60    document.addEventListener('DOMContentLoaded', () => {
61        if (typeof Coloris !== 'undefined') {
62            Coloris({
63                themeMode: 'dark',
64                alpha: false,
65                format: 'hex',
66                swatches: [
67                    '#3b82f6', '#6366f1', '#8b5cf6', '#a855f7',
68                    '#ec4899', '#ef4444', '#f97316', '#eab308',
69                    '#22c55e', '#14b8a6', '#06b6d4', '#0891b2',
70                    '#ffffff', '#f1f5f9', '#0f172a', '#1e293b',
71                ],
72                onChange: (color, input) => {
73                    input.dispatchEvent(new Event('input', { bubbles: true }));
74                }
75            });
76        }
77    });
78</script>
78
79
80        <link rel="preconnect" href="https://fonts.bunny.net">
81        <link href="https://fonts.bunny.net/css?family=inter:300,400,500,600,700,800" rel="stylesheet" />
82        <style>
83            body { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; }
84        </style>
85    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
86</head>
87    <body class="min-h-screen bg-zinc-50 antialiased dark:bg-zinc-950">
88        
89        <nav class="fixed top-0 z-50 w-full border-b border-zinc-200 bg-white/80 backdrop-blur-xl dark:border-zinc-800 dark:bg-zinc-950/80">
90            <div class="mx-auto flex h-14 max-w-6xl items-center justify-between px-5 sm:px-8">
91                <a href="https://spreka.ai" class="flex items-center gap-2.5" wire:navigate>
92
93                    <span class="text-lg font-bold tracking-tight text-zinc-900 dark:text-white">Spreka AI</span>
94                </a>
95
96                
97                <div class="flex items-center gap-1 rounded-lg border border-zinc-200 px-1 py-0.5 dark:border-zinc-700">
98                    <form method="POST" action="https://spreka.ai/locale/en" class="inline">
99                        <input type="hidden" name="_token" value="yOhvdjdX93d38WauUDSFvZJL0NMTh7PKtOTatc9r" autocomplete="off">                        <button type="submit" class="rounded-md px-2 py-1 text-xs font-semibold transition-colors bg-indigo-600 text-white">EN</button>
100                    </form>
101                    <form method="POST" action="https://spreka.ai/locale/de" class="inline">
102                        <input type="hidden" name="_token" value="yOhvdjdX93d38WauUDSFvZJL0NMTh7PKtOTatc9r" autocomplete="off">                        <button type="submit" class="rounded-md px-2 py-1 text-xs font-semibold transition-colors text-zinc-500 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white">DE</button>
103                    </form>
104                </div>
105            </div>
106        </nav>
107
108        
109        <div class="flex min-h-screen flex-col items-center justify-center px-5 pt-14">
110            <div class="w-full max-w-sm">
111                <div class="flex flex-col gap-6">
112                    <div class="flex flex-col gap-6">
113        <div class="flex w-full flex-col text-center">
114            <h1 class="text-2xl font-bold tracking-tight text-zinc-900 dark:text-white">Create your account</h1>
115            <p class="mt-1.5 text-sm text-zinc-500 dark:text-zinc-400">Get started with your first AI voice agent</p>
116        </div>
117
118        <!-- Session Status -->
119        
120        <form method="POST" action="https://spreka.ai/register" class="flex flex-col gap-5">
121            <input type="hidden" name="_token" value="yOhvdjdX93d38WauUDSFvZJL0NMTh7PKtOTatc9r" autocomplete="off">
122            <!-- Name -->
123            <ui-field class="min-w-0 [&amp;:not(:has([data-flux-field])):has([data-flux-control][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-radio-group][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-checkbox-group][disabled])&gt;[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&amp;&gt;[data-flux-label]:has(+[data-flux-description])]:mb-2 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mt-0 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mb-3 [&amp;&gt;*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field>
124    <ui-label class="inline-flex items-center text-sm font-medium  [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white [&amp;:has([data-flux-label-trailing])]:flex" data-flux-label>
125    Full name
126
127    
128    
129    </ui-label>
130        
131        
132        <div class="w-full relative block group/input" data-flux-input>
133            
134            <input
135                type="text"
136                
137                class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] ps-3 pe-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" label="Full name" required="required" autofocus="autofocus" autocomplete="name" placeholder="Full name"
138                 name="name"                                                                                                 data-flux-control
139                data-flux-group-target
140                                            >
141
142                    </div>
143
144        
145                <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error>
146    </div>
147</ui-field>
148
149            <!-- Email Address -->
150            <ui-field class="min-w-0 [&amp;:not(:has([data-flux-field])):has([data-flux-control][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-radio-group][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-checkbox-group][disabled])&gt;[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&amp;&gt;[data-flux-label]:has(+[data-flux-description])]:mb-2 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mt-0 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mb-3 [&amp;&gt;*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field>
151    <ui-label class="inline-flex items-center text-sm font-medium  [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white [&amp;:has([data-flux-label-trailing])]:flex" data-flux-label>
152    Email address
153
154    
155    
156    </ui-label>
157        
158        
159        <div class="w-full relative block group/input" data-flux-input>
160            
161            <input
162                type="email"
163                
164                class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] ps-3 pe-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" label="Email address" required="required" autocomplete="email" placeholder="[email protected]"
165                 name="email"                                                                                                 data-flux-control
166                data-flux-group-target
167                                            >
168
169                    </div>
170
171        
172                <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error>
173    </div>
174</ui-field>
175
176            <!-- Password -->
177            <ui-field class="min-w-0 [&amp;:not(:has([data-flux-field])):has([data-flux-control][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-radio-group][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-checkbox-group][disabled])&gt;[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&amp;&gt;[data-flux-label]:has(+[data-flux-description])]:mb-2 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mt-0 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mb-3 [&amp;&gt;*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field>
178    <ui-label class="inline-flex items-center text-sm font-medium  [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white [&amp;:has([data-flux-label-trailing])]:flex" data-flux-label>
179    Password
180
181    
182    
183    </ui-label>
184        
185        
186        <div class="w-full relative block group/input" data-flux-input>
187            
188            <input
189                type="password"
190                
191                class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] ps-3 pe-10 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" label="Password" required="required" autocomplete="new-password" placeholder="Password"
192                 name="password"                                                                                                 data-flux-control
193                data-flux-group-target
194                                            >
195
196                            <div class="absolute top-0 bottom-0 flex items-center gap-x-1.5 pe-2 border-e border-transparent end-0 text-xs text-zinc-400">
197                    
198                    
199                    
200                    
201                    
202                    
203                                            <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md w-8 inline-flex -ms-1.5 -me-1.5 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white      -me-1" data-flux-button="data-flux-button" x-data="fluxInputVie
203wable" x-on:click="toggle()" x-bind:data-viewable-open="open" aria-label="Toggle password visibility">
204        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [[data-viewable-open]>&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
205  <path fill-rule="evenodd" d="M3.28 2.22a.75.75 0 0 0-1.06 1.06l14.5 14.5a.75.75 0 1 0 1.06-1.06l-1.745-1.745a10.029 10.029 0 0 0 3.3-4.38 1.651 1.651 0 0 0 0-1.185A10.004 10.004 0 0 0 9.999 3a9.956 9.956 0 0 0-4.744 1.194L3.28 2.22ZM7.752 6.69l1.092 1.092a2.5 2.5 0 0 1 3.374 3.373l1.091 1.092a4 4 0 0 0-5.557-5.557Z" clip-rule="evenodd"/>
206  <path d="m10.748 13.93 2.523 2.523a9.987 9.987 0 0 1-3.27.547c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 0 1 0-1.186A10.007 10.007 0 0 1 2.839 6.02L6.07 9.252a4 4 0 0 0 4.678 4.678Z"/>
207</svg>
208
209            <svg class="shrink-0 [:where(&amp;)]:size-5 block [[data-viewable-open]>&]:hidden" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
210  <path d="M10 12.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
211  <path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 0 1 0-1.186A10.004 10.004 0 0 1 10 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0 1 10 17c-4.257 0-7.893-2.66-9.336-6.41ZM14 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z" clip-rule="evenodd"/>
212</svg>
213    </button>
214                    
215                                    </div>
216                    </div>
217
218        
219                <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error>
220    </div>
221</ui-field>
222
223            <!-- Confirm Password -->
224            <ui-field class="min-w-0 [&amp;:not(:has([data-flux-field])):has([data-flux-control][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-radio-group][disabled])&gt;[data-flux-label]]:opacity-50 [&amp;:has(&gt;[data-flux-checkbox-group][disabled])&gt;[data-flux-label]]:opacity-50 block *:data-flux-label:mb-3 [&amp;&gt;[data-flux-label]:has(+[data-flux-description])]:mb-2 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mt-0 [&amp;&gt;[data-flux-label]+[data-flux-description]]:mb-3 [&amp;&gt;*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field>
225    <ui-label class="inline-flex items-center text-sm font-medium  [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white [&amp;:has([data-flux-label-trailing])]:flex" data-flux-label>
226    Confirm password
227
228    
229    
230    </ui-label>
231        
232        
233        <div class="w-full relative block group/input" data-flux-input>
234            
235            <input
236                type="password"
237                
238                class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] ps-3 pe-10 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" label="Confirm password" required="required" autocomplete="new-password" placeholder="Confirm password"
239                 name="password_confirmation"                                                                                                 data-flux-control
240                data-flux-group-target
241                                            >
242
243                            <div class="absolute top-0 bottom-0 flex items-center gap-x-1.5 pe-2 border-e border-transparent end-0 text-xs text-zinc-400">
244                    
245                    
246                    
247                    
248                    
249                    
250                                            <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md w-8 inline-flex -ms-1.5 -me-1.5 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white      -me-1" data-flux-button="data-flux-button" x-data="fluxInputVie
250wable" x-on:click="toggle()" x-bind:data-viewable-open="open" aria-label="Toggle password visibility">
251        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [[data-viewable-open]>&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
252  <path fill-rule="evenodd" d="M3.28 2.22a.75.75 0 0 0-1.06 1.06l14.5 14.5a.75.75 0 1 0 1.06-1.06l-1.745-1.745a10.029 10.029 0 0 0 3.3-4.38 1.651 1.651 0 0 0 0-1.185A10.004 10.004 0 0 0 9.999 3a9.956 9.956 0 0 0-4.744 1.194L3.28 2.22ZM7.752 6.69l1.092 1.092a2.5 2.5 0 0 1 3.374 3.373l1.091 1.092a4 4 0 0 0-5.557-5.557Z" clip-rule="evenodd"/>
253  <path d="m10.748 13.93 2.523 2.523a9.987 9.987 0 0 1-3.27.547c-4.258 0-7.894-2.66-9.337-6.41a1.651 1.651 0 0 1 0-1.186A10.007 10.007 0 0 1 2.839 6.02L6.07 9.252a4 4 0 0 0 4.678 4.678Z"/>
254</svg>
255
256            <svg class="shrink-0 [:where(&amp;)]:size-5 block [[data-viewable-open]>&]:hidden" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
257  <path d="M10 12.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
258  <path fill-rule="evenodd" d="M.664 10.59a1.651 1.651 0 0 1 0-1.186A10.004 10.004 0 0 1 10 3c4.257 0 7.893 2.66 9.336 6.41.147.381.146.804 0 1.186A10.004 10.004 0 0 1 10 17c-4.257 0-7.893-2.66-9.336-6.41ZM14 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z" clip-rule="evenodd"/>
259</svg>
260    </button>
261                    
262                                    </div>
263                    </div>
264
265        
266                <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error>
267    </div>
268</ui-field>
269
270            <!-- Language -->
271            <div>
272                <ui-label class="inline-flex items-center text-sm font-medium  [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white [&amp;:has([data-flux-label-trailing])]:flex" data-flux-label>
273    Language
274
275    
276    
277    </ui-label>
278                <div class="mt-2 flex gap-3">
279                    <label class="flex items-center gap-2 rounded-lg border border-zinc-200 dark:border-zinc-700 px-4 py-2.5 cursor-pointer has-[:checked]:border-indigo-500 has-[:checked]:bg-indigo-50 dark:has-[:checked]:bg-indigo-950 transition-colors">
280                        <input type="radio" name="locale" value="de" checked class="accent-indigo-600" />
281                        <span class="text-sm font-medium text-zinc-700 dark:text-zinc-300">Deutsch</span>
282                    </label>
283                    <label class="flex items-center gap-2 rounded-lg border border-zinc-200 dark:border-zinc-700 px-4 py-2.5 cursor-pointer has-[:checked]:border-indigo-500 has-[:checked]:bg-indigo-50 dark:has-[:checked]:bg-indigo-950 transition-colors">
284                        <input type="radio" name="locale" value="en"  class="accent-indigo-600" />
285                        <span class="text-sm font-medium text-zinc-700 dark:text-zinc-300">English</span>
286                    </label>
287                </div>
288            </div>
289
290            <!-- Terms & Privacy (required) -->
291            <div class="space-y-3">
292                <label class="flex items-start gap-3 cursor-pointer">
293                    <input type="checkbox" name="accepted_terms" value="1"  class="mt-0.5 size-4 shrink-0 rounded border-zinc-300 accent-indigo-600 dark:border-zinc-600" required />
294                    <span class="text-sm leading-snug text-zinc-600 dark:text-zinc-400">
295                        I accept the <a href="https://spreka.ai/terms" target="_blank" class="font-medium text-indigo-600 hover:underline dark:text-indigo-400">Terms of Service</a> and <a href="https://spreka.ai/privacy" target="_blank" class="font-medium text-indigo-600 hover:underline dark:text-indigo-400">Privacy Policy</a> and agree to receive system notifications (e.g. account updates, security alerts).
296                    </span>
297                </label>
298                
299                <!-- Newsletter (optional) -->
300                <label class="flex items-start gap-3 cursor-pointer">
301                    <input type="checkbox" name="accepts_newsletter" value="1"  class="mt-0.5 size-4 shrink-0 rounded border-zinc-300 accent-indigo-600 dark:border-zinc-600" />
302                    <span class="text-sm leading-snug text-zinc-600 dark:text-zinc-400">
303                        I would like to receive product updates and tips via email (optional).
304                    </span>
305                </label>
306            </div>
307
308            <div class="flex items-center justify-end">
309                <button type="submit" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)] *:transition-opacity [&amp;[disabled]&gt;:not([data-flux-loading-indicator])]:opacity-0 [&amp;[disabled]&gt;[data-flux-loading-indicator]]:opacity-100 [&amp;[disabled]]:pointer-events-none  w-full" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" data-test="register-user-button">
310        <div class="absolute inset-0 flex items-center justify-center opacity-0" data-flux-loading-indicator>
311                <svg class="shrink-0 [:where(&amp;)]:size-4 animate-spin" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-slot="icon">
312    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
313    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
314</svg>
315                    </div>
316        
317        
318                    
319            
320            <span>Create account</span>
321    </button>
322            </div>
323        </form>
324
325        <div class="space-x-1 rtl:space-x-reverse text-center text-sm text-zinc-500 dark:text-zinc-400">
326            <span>Already have an account?</span>
327            <a class="inline font-medium underline-offset-[6px] hover:decoration-current underline [[data-color]&gt;&amp;]:text-inherit [[data-color]&gt;&amp;]:decoration-current/20 dark:[[data-color]&gt;&amp;]:decoration-current/50 [[data-color]&gt;&amp;]:hover:decoration-current text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)]" href="https://spreka.ai/login" wire:navigate="" data-flux-link >Sign in</a>        </div>
328    </div>
329                </div>
330            </div>
331        </div>
332        
332<script src="https://spreka.ai/flux/flux.min.js?id=497da1a7" data-navigate-once></script>
332
333    
333<script src="https://spreka.ai/livewire-46e198e4/livewire.min.js?id=4735e441"   data-csrf="yOhvdjdX93d38WauUDSFvZJL0NMTh7PKtOTatc9r" data-module-url="https://spreka.ai/livewire-46e198e4" data-update-uri="https://spreka.ai/livewire-46e198e4/update" data-navigate-once="true"></script>
333
334</body>
335</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.