{{ ... }}
<main class="container mx-auto px-4 py-8">
    <h1 class="text-4xl font-bold mb-8 text-center gradient-text">Anya Core Features</h1>
    
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        <!-- Decentralized Banking -->
        <div class="feature-card bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition-all">
            <h2 class="text-2xl font-semibold mb-4 text-gray-800">Decentralized Banking</h2>
            <ul class="space-y-2 text-gray-600">
                <li>• Multi-signature transactions</li>
                <li>• Cross-chain support</li>
                <li>• Advanced encryption</li>
                <li>• Fraud detection</li>
                <li>• Market analysis</li>
            </ul>
        </div>

        <!-- AI Governance -->
        <div class="feature-card bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition-all">
            <h2 class="text-2xl font-semibold mb-4 text-gray-800">AI Governance</h2>
            <ul class="space-y-2 text-gray-600">
                <li>• Federated learning</li>
                <li>• Differential privacy</li>
                <li>• Automated decision-making</li>
                <li>• Risk assessment</li>
                <li>• Policy enforcement</li>
            </ul>
        </div>

        <!-- Technical Architecture -->
        <div class="feature-card bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition-all">
            <h2 class="text-2xl font-semibold mb-4 text-gray-800">Technical Architecture</h2>
            <ul class="space-y-2 text-gray-600">
                <li>• Modular design</li>
                <li>• Hexagonal architecture</li>
                <li>• libp2p networking</li>
                <li>• Kademlia DHT</li>
                <li>• Web5 integration</li>
            </ul>
        </div>

        <!-- Security Features -->
        <div class="feature-card bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition-all">
            <h2 class="text-2xl font-semibold mb-4 text-gray-800">Security</h2>
            <ul class="space-y-2 text-gray-600">
                <li>• Multi-signature support</li>
                <li>• Advanced encryption</li>
                <li>• Blockchain verification</li>
                <li>• Identity management</li>
                <li>• Privacy-preserving ML</li>
            </ul>
        </div>

        <!-- Cross-Platform -->
        <div class="feature-card bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition-all">
            <h2 class="text-2xl font-semibold mb-4 text-gray-800">Cross-Platform</h2>
            <ul class="space-y-2 text-gray-600">
                <li>• Windows support</li>
                <li>• macOS support</li>
                <li>• Linux support</li>
                <li>• Mobile-ready design</li>
                <li>• Web interface</li>
            </ul>
        </div>

        <!-- Development Tools -->
        <div class="feature-card bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition-all">
            <h2 class="text-2xl font-semibold mb-4 text-gray-800">Developer Tools</h2>
            <ul class="space-y-2 text-gray-600">
                <li>• Comprehensive API</li>
                <li>• Testing infrastructure</li>
                <li>• CI/CD integration</li>
                <li>• Documentation</li>
                <li>• Plugin system</li>
            </ul>
        </div>
    </div>
</main>
{{ ... }}