<?php ?>
<div class="fade-in">
    <div class="card" style="padding: 3rem; max-width: 900px; margin: 2rem auto;">
        <h1 style="margin-top: 0; margin-bottom: 2rem; border-bottom: 2px solid var(--primary); padding-bottom: 1rem; color: var(--text);">
            <?= htmlspecialchars($page['title']) ?>
        </h1>
        
        <div class="page-content" style="line-height: 1.8; color: var(--text); font-size: 1.1rem;">
            <?= $page['content'] ?>
        </div>
    </div>
</div>

<style>
.page-content h2 { margin-top: 2rem; margin-bottom: 1rem; color: var(--primary); }
.page-content p { margin-bottom: 1.5rem; }
.page-content ul, .page-content ol { margin-bottom: 1.5rem; padding-left: 2rem; }
.page-content li { margin-bottom: 0.5rem; }
</style>
