Minimalist Shadow Card

<div
        class="max-w-md mx-6 p-6 bg-white border border-slate-50 shadow-[0_1px_3px_rgba(0,0,0,0.05),0_10px_20px_rgba(0,0,0,0.02)] rounded-2xl hover:border-slate-200 transition-colors">
        <h4 class="font-semibold text-slate-900 mb-2">Weekly Newsletter</h4>
        <p class="text-sm text-slate-500 mb-4">Get the latest design news delivered straight to your inbox every Sunday
            morning.</p>
        <div class="flex gap-2">
            <input type="text" placeholder="Email"
                class="flex-1 text-sm bg-slate-50 border-none rounded-lg px-3 py-2 outline-none focus:ring-2 focus:ring-indigo-500/20">
            <button
                class="bg-indigo-600 text-white text-sm px-4 py-2 rounded-lg font-bold active:scale-95 transition-all">Join</button>
        </div>
    </div>