@props([
    'headline' => 'Kostenlos weiterlesen',
    'subline'  => 'Erstelle ein kostenloses Konto und lies den ganzen Artikel — plus Zugang zu allen Premium-Tools.',
])
@php
    $base = rtrim(config('app.url'), '/');
@endphp
<div class="kt-login-wall" style="position:relative;margin:-3rem auto 3.5rem;max-width:560px;background:#fff;border:1px solid #e8edf3;border-radius:22px;padding:2.4rem 2rem;text-align:center;box-shadow:0 30px 60px -40px rgba(15,23,42,.55);z-index:2;">
    <div style="width:52px;height:52px;border-radius:14px;background:#6D5AE6;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;">
        <i class="fas fa-lock" style="color:#fff;font-size:1.2rem;"></i>
    </div>
    <h2 style="font-size:1.4rem;font-weight:800;color:#0f172a;margin:0 0 .6rem;letter-spacing:-.02em;">{{ $headline }}</h2>
    <p style="color:#475569;line-height:1.6;margin:0 auto 1.6rem;max-width:420px;">{{ $subline }}</p>
    <div style="display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;">
        <a href="{{ $base }}/registrieren" style="background:#6D5AE6;color:#fff;text-decoration:none;padding:.85rem 1.6rem;border-radius:12px;font-weight:700;">Kostenlos registrieren</a>
        <a href="{{ $base }}/login" style="background:#f1f5f9;color:#334155;text-decoration:none;padding:.85rem 1.6rem;border-radius:12px;font-weight:700;">Ich habe ein Konto</a>
    </div>
    <p style="color:#94a3b8;font-size:.82rem;margin:1.2rem 0 0;">100 % kostenlos · keine Kreditkarte · sofort freigeschaltet</p>
</div>