{% extends "base.html" %}

{% block title %}ZeroGate - Zero Trust Security{% endblock %}

{% block content %}
<section class="hero">
    <h1>🛡️ <span>Zero</span>Gate</h1>
    <p>Zero Trust Authentication & Authorization Framework.<br>Never Trust, Always Verify.</p>
    <div class="hero-buttons">
        <a href="/login" class="btn btn-primary">Login</a>
        <a href="/register" class="btn" style="background: var(--surface);">Get Started</a>
    </div>
</section>

<section class="features">
    <div class="feature-card">
        <div class="icon">🔐</div>
        <h3>JWT Authentication</h3>
        <p>Secure token-based authentication with automatic expiration and refresh.</p>
    </div>
    <div class="feature-card">
        <div class="icon">👥</div>
        <h3>Role-Based Access</h3>
        <p>Granular permissions with customizable roles and access policies.</p>
    </div>
    <div class="feature-card">
        <div class="icon">🔄</div>
        <h3>Continuous Verification</h3>
        <p>Every request is validated. Trust is never assumed.</p>
    </div>
    <div class="feature-card">
        <div class="icon">📊</div>
        <h3>Trust Scoring</h3>
        <p>Device and context-based trust scores for adaptive security.</p>
    </div>
    <div class="feature-card">
        <div class="icon">📝</div>
        <h3>Audit Logging</h3>
        <p>Complete access logs for compliance and security monitoring.</p>
    </div>
    <div class="feature-card">
        <div class="icon">🖥️</div>
        <h3>Device Management</h3>
        <p>Track and manage trusted devices per user account.</p>
    </div>
</section>
{% endblock %}