@page "/terms"

<div class="max-w-4xl mx-auto py-24 px-8 animate-fade">
    <h1 class="text-5xl font-black tracking-tighter text-main mb-8 uppercase">Terms of Service</h1>
    <p class="text-sm text-muted mb-12 font-bold uppercase tracking-widest">Effective Date: May 2026</p>

    <div class="space-y-12 text-muted leading-relaxed">
        <section>
            <h2 class="text-xl font-bold text-main mb-4 uppercase tracking-tight">1. Acceptance of Terms</h2>
            <p>
                By accessing and using LibraryLuxe, you agree to be bound by these Terms of Service and all applicable laws and regulations.
            </p>
        </section>

        <section>
            <h2 class="text-xl font-bold text-main mb-4 uppercase tracking-tight">2. Use License</h2>
            <p>
                Permission is granted to temporarily download one copy of the materials on LibraryLuxe's website for personal, non-commercial transitory viewing only.
            </p>
        </section>

        <section>
            <h2 class="text-xl font-bold text-main mb-4 uppercase tracking-tight">3. User Conduct</h2>
            <p>
                Users are expected to return borrowed materials on time. Repeated late returns may lead to account suspension or loyalty point penalties.
            </p>
        </section>

        <section>
            <h2 class="text-xl font-bold text-main mb-4 uppercase tracking-tight">4. Account Termination</h2>
            <p>
                We reserve the right to terminate or suspend access to our service immediately, without prior notice or liability, for any reason whatsoever, including without limitation if you breach the Terms.
            </p>
        </section>

        <section class="p-8 bg-card rounded-3xl border border-border">
            <h2 class="text-xl font-bold text-main mb-4 uppercase tracking-tight">Questions?</h2>
            <p class="mb-4">If you have any questions about these Terms, please contact us.</p>
            <a href="/contact" class="text-primary font-bold hover:underline">Contact Support</a>
        </section>
    </div>
</div>