Enhance user communication and improve UI components

- Update CLAUDE.md to mandate informal "Du" form for user communication in all UI text and emails.
- Modify LoginForm and RegisterForm components to reflect informal language in validation messages and placeholders.
- Add secure connection indicators in LoginForm for user awareness.
- Update alert component styles for better visual feedback.
- Introduce experimenta company information document for user reference.

app/pages/auth.vue

@@ -31,7 +31,7 @@ onMounted(() => {
 // Error message from OAuth callback
 const errorMessage = computed(() => {
   if (route.query.error === 'login_failed') {
-    return 'Login fehlgeschlagen. Bitte versuchen Sie es erneut.'
+    return 'Login fehlgeschlagen. Bitte versuche es erneut.'
   }
   return null
 })
@@ -51,7 +51,7 @@ definePageMeta({
         Willkommen
       </h1>
       <p class="mt-3 text-lg text-white/80">
-        Melden Sie sich an oder erstellen Sie ein Konto
+        Melde dich an oder erstelle ein Konto
       </p>
     </div>
 
@@ -79,7 +79,7 @@ definePageMeta({
           <CardHeader class="px-0 pt-0">
             <CardTitle class="text-2xl font-medium">Anmelden</CardTitle>
             <CardDescription class="text-white/70 mt-2">
-              Melden Sie sich mit Ihrer E-Mail-Adresse an
+              Melde dich mit deiner E-Mail-Adresse an
             </CardDescription>
           </CardHeader>
           <CardContent class="px-0 pb-0">
@@ -94,7 +94,7 @@ definePageMeta({
           <CardHeader class="px-0 pt-0">
             <CardTitle class="text-2xl font-medium">Konto erstellen</CardTitle>
             <CardDescription class="text-white/70 mt-2">
-              Erstellen Sie ein neues experimenta-Konto
+              Erstelle ein neues experimenta-Konto
             </CardDescription>
           </CardHeader>
           <CardContent class="px-0 pb-0">

app/pages/internal/styleguide.vue

@@ -435,8 +435,8 @@ const copyCode = async (code: string) => {
             <!-- Error Messages -->
             <div>
               <label class="form-label">Form mit Fehlermeldung</label>
-              <input type="email" class="form-input border-red-500/50" placeholder="ihre.email@beispiel.de" />
-              <p class="form-error">Bitte geben Sie eine gültige E-Mail-Adresse ein</p>
+              <input type="email" class="form-input border-red-500/50" placeholder="deine.email@beispiel.de" />
+              <p class="form-error">Bitte gib eine gültige E-Mail-Adresse ein</p>
             </div>
 
             <!-- Error Message Styles -->