<template>
  <main class="min-h-screen bg-[#0f111a] text-white">
    <AppHeader />

    <section class="mx-auto max-w-[800px] px-4 pt-24 pb-16 sm:px-6 lg:px-8 xl:px-10">
      <h1 class="text-3xl font-black text-white mb-6">Điều khoản sử dụng</h1>

      <div class="space-y-6 text-sm text-slate-300 leading-relaxed">
        <div class="rounded-xl border border-white/10 bg-[#191b24] p-6">
          <h2 class="text-lg font-bold text-white mb-3">1. Dịch vụ</h2>
          <p>
            CineK cung cấp nền tảng xem phim trực tuyến miễn phí, tổng hợp nội dung từ nhiều nguồn công khai trên Internet. Chúng tôi không lưu trữ bất kỳ tệp phim nào trên máy chủ.
          </p>
        </div>

        <div class="rounded-xl border border-white/10 bg-[#191b24] p-6">
          <h2 class="text-lg font-bold text-white mb-3">2. Sử dụng hợp pháp</h2>
          <p>
            Người dùng chỉ được sử dụng CineK cho mục đích cá nhân, phi thương mại. Không được sao chép, phân phối, hoặc sử dụng nội dung trên CineK cho mục đích thương mại khi chưa được phép.
          </p>
        </div>

        <div class="rounded-xl border border-white/10 bg-[#191b24] p-6">
          <h2 class="text-lg font-bold text-white mb-3">3. Tài khoản</h2>
          <p>
            Bạn có trách nhiệm bảo mật tài khoản của mình. CineK có quyền tạm khóa hoặc xóa tài khoản nếu phát hiện hành vi vi phạm điều khoản sử dụng.
          </p>
        </div>

        <div class="rounded-xl border border-white/10 bg-[#191b24] p-6">
          <h2 class="text-lg font-bold text-white mb-3">4. Bản quyền</h2>
          <p>
            CineK không sở hữu bản quyền các nội dung phim trên nền tảng. Nếu bạn là chủ sở hữu bản quyền và muốn gỡ nội dung, vui lòng liên hệ chúng tôi.
          </p>
        </div>

        <div class="rounded-xl border border-white/10 bg-[#191b24] p-6">
          <h2 class="text-lg font-bold text-white mb-3">5. Thay đổi điều khoản</h2>
          <p>
            CineK có quyền thay đổi điều khoản sử dụng bất cứ lúc nào. Người dùng tiếp tục sử dụng dịch vụ đồng nghĩa với việc chấp nhận các thay đổi đó.
          </p>
        </div>

        <p class="text-slate-500">
          Cập nhật lần cuối: Tháng 7, 2026. Nếu có thắc mắc, vui lòng <NuxtLink to="/lien-he" class="text-yellow-300 hover:underline">liên hệ chúng tôi</NuxtLink>.
        </p>
      </div>
    </section>
  </main>
</template>
