<div id="mailing-list" class="glow-card p-6">
    <h3 class="text-sm font-semibold text-bright mb-2">Stay Updated</h3>
    <p class="text-body text-xs mb-4">Get notified about new releases and updates.</p>
    <div id="subscribe-result"></div>
    <form hx-post="/subscribe" hx-target="#subscribe-result" hx-swap="innerHTML">
        <div class="flex gap-2">
            <input type="email" name="email" placeholder="you@example.com" required
                   class="flex-1 px-3 py-2.5 bg-white border text-bright text-sm
                          placeholder-gray-400 focus:outline-none focus:border-sky-300 transition-colors"
                   style="border-color: rgba(100,130,180,0.15);" />
            <button type="submit" class="btn-glow btn-glow-primary text-xs">Subscribe</button>
        </div>
    </form>
</div>