@php
    $h = 'font-display text-base font-semibold text-ink';
    $p = 'text-sm leading-relaxed text-ink-2';
    $li = 'text-sm leading-relaxed text-ink-2';
    $code = 'rounded bg-inset px-1.5 py-0.5 font-mono text-[12px] text-accent-text';
@endphp

<div class="space-y-3">
    <h3 class="{{ $h }}">Was ist Clusev?</h3>
    <p class="{{ $p }}">Clusev ist ein selbst-gehostetes Control-Panel, um eine Flotte von Linux-Servern aus einem
        Dashboard zu verwalten — agentenlos über SSH. Es installiert nichts auf den Zielservern, sondern steuert sie
        direkt (Befehle + Dateien über SSH). Die ganze Oberfläche ist sicherheitsorientiert: 2FA, verschlüsselter
        SSH-Zugangsdaten-Tresor und ein vollständiges Audit-Log.</p>
</div>

<div class="space-y-3">
    <h3 class="{{ $h }}">Erster Login</h3>
    <p class="{{ $p }}">Nach der Installation meldest du dich mit der Admin-E-Mail und dem <span class="text-ink">Initialpasswort</span>
        aus der Abschluss-Zusammenfassung des Installers an — ein zufällig generiertes Passwort, das nur einmal angezeigt wird.
        Die Standard-E-Mail ist <code class="{{ $code }}">admin@clusev.local</code>, sofern beim Installieren keine andere gesetzt
        wurde. Ein eigenes Passwort zu setzen ist <span class="text-ink">empfohlen</span> — ein Banner erinnert dich daran — aber
        nicht erzwungen, sodass dich eine verpasste Erinnerung nie aussperrt.</p>
</div>

<div class="space-y-3">
    <h3 class="{{ $h }}">Zugriff: Bare-IP oder Domain</h3>
    <ul class="ml-4 list-disc space-y-1.5">
        <li class="{{ $li }}"><span class="text-ink">Ohne Domain (Bare-IP):</span> erreichbar über
            <code class="{{ $code }}">http://&lt;Server-IP&gt;</code> per Klartext-HTTP. Diese Adresse bleibt immer als
            Wiederherstellungsweg erreichbar, auch wenn später eine Domain eingerichtet wird.</li>
        <li class="{{ $li }}"><span class="text-ink">Mit Domain:</span> entweder mit eingebautem TLS (Let's Encrypt,
            automatisch) oder hinter einem externen Reverse-Proxy. Details im Thema „Domain, TLS &amp; Reverse-Proxy".</li>
    </ul>
</div>

<div class="space-y-3">
    <h3 class="{{ $h }}">Wo finde ich was?</h3>
    <ul class="ml-4 list-disc space-y-1.5">
        <li class="{{ $li }}"><span class="text-ink">Dashboard:</span> Live-Metriken der Flotte.</li>
        <li class="{{ $li }}"><span class="text-ink">Server / Dienste / Dateien:</span> Server-Details, systemd-Dienste, SFTP-Dateimanager.</li>
        <li class="{{ $li }}"><span class="text-ink">Audit-Log:</span> wer hat wann was gemacht.</li>
        <li class="{{ $li }}"><span class="text-ink">Einstellungen:</span> Profil, Sicherheit/2FA, Benutzer, Sitzungen, E-Mail.</li>
        <li class="{{ $li }}"><span class="text-ink">System:</span> Domain, TLS &amp; Neustart. <span class="text-ink">Version:</span> Updates. <span class="text-ink">Hilfe:</span> diese Seite.</li>
    </ul>
    <p class="{{ $p }}">Tipp: <code class="{{ $code }}">Strg/⌘ K</code> öffnet die Befehls-Suche; mit <code class="{{ $code }}">g</code> + Buchstabe springst du direkt (z. B. <code class="{{ $code }}">g h</code> = Hilfe).</p>
</div>