<div style="background:#121212; min-height:100vh; padding:40px; color:#fff;">

    <div style="max-width:800px; margin:0 auto;">

        <h2 style="color:#ff2d2d; margin-bottom:10px;">{{ post.title }}</h2>

        <p style="color:#777; font-size:14px; margin-bottom:20px;">

            {{ post.date }}

        </p>

        <div style="background:#1a1a1a; padding:20px; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.5);">

            {{ post.content|raw }}

        </div>

        <div style="margin-top:30px;">

            <a href="/blog" style="color:#ff2d2d; text-decoration:none;">← Back to Blog</a>

        </div>

    </div>

</div>