@extends('layouts.static-page')

@section('meta_title', 'Terms & Conditions')
@section('meta_description', 'Terms and conditions for using the BlackSplit subscription sharing marketplace.')

@push('style')
<style>
    html,
    body {
        background: #f8efe6;
    }

    .legal-page {
        min-height: 100svh;
        padding: 2rem 1rem 3rem;
        background:
            radial-gradient(circle at top left, rgba(255, 255, 255, 0.72) 0, rgba(255, 255, 255, 0) 30%),
            linear-gradient(180deg, #f9f1e8 0%, #f7ede4 100%);
    }

    .legal-shell {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
    }

    .legal-card {
        border: 1px solid rgba(233, 215, 198, 0.9);
        border-radius: 24px;
        background: rgba(255, 252, 248, 0.96);
        box-shadow: 0 16px 36px rgba(152, 110, 62, 0.08);
        padding: 2rem 1.5rem;
        transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
        text-align: center;
    }

    .legal-card:hover {
        transform: translateY(-3px);
        border-color: rgba(201, 142, 74, 0.28);
        box-shadow: 0 22px 42px rgba(152, 110, 62, 0.12);
    }

    .legal-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.45rem 0.85rem;
        border-radius: 999px;
        background: rgba(201, 142, 74, 0.1);
        color: #a66f2f;
        font-size: 0.82rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .legal-title {
        margin: 1rem 0 0.65rem;
        font-size: clamp(2rem, 4vw, 3rem);
        line-height: 1;
        letter-spacing: -0.04em;
        color: #171311;
        font-weight: 800;
    }

    .legal-intro {
        margin: 0;
        color: #65584d;
        font-size: 1rem;
        line-height: 1.75;
        max-width: 760px;
        margin-left: auto;
        margin-right: auto;
    }

    .legal-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        margin-top: 1rem;
        text-align: left;
    }

    .legal-section {
        border: 1px solid rgba(233, 215, 198, 0.82);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.82);
        padding: 1.35rem 1.2rem;
        box-shadow: 0 10px 24px rgba(152, 110, 62, 0.05);
        transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;
    }

    .legal-section:hover {
        transform: translateY(-4px);
        border-color: rgba(201, 142, 74, 0.28);
        background: #fffdf9;
        box-shadow: 0 18px 34px rgba(152, 110, 62, 0.1);
    }

    .legal-section h2 {
        margin: 0 0 0.75rem;
        font-size: 1.2rem;
        font-weight: 800;
        color: #1f1915;
        line-height: 1.45;
    }

    .legal-section p,
    .legal-section li {
        color: #5a5047;
        font-size: 0.96rem;
        line-height: 1.8;
    }

    .legal-section ul {
        margin: 0.75rem 0 0;
        padding-left: 1.2rem;
    }

    @media (max-width: 575.98px) {
        .legal-page {
            padding: 1rem 0.75rem 2rem;
        }

        .legal-card {
            padding: 1.35rem 1rem;
            border-radius: 20px;
        }

        .legal-grid {
            grid-template-columns: 1fr;
        }

        .legal-section {
            padding: 1.1rem 1rem;
            border-radius: 18px;
        }
    }
</style>
@endpush

@section('content')
<div class="legal-page">
    <div class="legal-shell">
        <article class="legal-card">
            <span class="legal-eyebrow">BlackSplit Legal</span>
            <h1 class="legal-title">Terms &amp; Conditions</h1>
            <p class="legal-intro">
                These Terms &amp; Conditions govern the use of BlackSplit and its subscription-sharing marketplace.
                By registering an account, creating a listing, joining a shared subscription, or using any platform
                feature, you agree to follow the rules below.
            </p>

            <div class="legal-grid">
                <section class="legal-section">
                    <h2>1. Platform Purpose</h2>
                    <p>
                        BlackSplit provides a marketplace where users can discover, create, and manage shared subscription
                        listings. We facilitate discovery, communication, and account management features, but we do not
                        own, issue, or license the third-party digital services listed by users.
                    </p>
                </section>

                <section class="legal-section">
                    <h2>2. Eligibility and Account Use</h2>
                    <p>
                        You must provide accurate registration details and keep your login credentials secure. You are
                        responsible for all activity that happens through your account. You may not impersonate another
                        person, create misleading listings, or use the platform for unlawful, abusive, or fraudulent
                        activity.
                    </p>
                </section>

                <section class="legal-section">
                    <h2>3. Listings and Shared Subscriptions</h2>
                    <ul>
                        <li>Users who create listings must ensure that listing details, pricing, seat availability, and access terms are accurate.</li>
                        <li>Only subscriptions that may lawfully be shared may be listed on the platform.</li>
                        <li>BlackSplit may hide, pause, review, or remove listings that appear misleading, unsafe, inactive, or in violation of platform rules.</li>
                        <li>Public listing features, visibility controls, and account verification requirements may be updated to protect the marketplace.</li>
                    </ul>
                </section>

                <section class="legal-section">
                    <h2>4. Payments, Fees, and Refund Handling</h2>
                    <p>
                        Prices shown on the platform may vary by listing, country, seat count, and payment flow. Users are
                        responsible for understanding the listing terms before joining. Refund outcomes may depend on the
                        subscription owner, the payment state, the listing status, and the applicable platform rules in
                        place at the time of the transaction.
                    </p>
                </section>

                <section class="legal-section">
                    <h2>5. Acceptable Use</h2>
                    <ul>
                        <li>Do not misuse another user&apos;s account, credentials, payment information, or subscription access.</li>
                        <li>Do not upload harmful files, attempt unauthorized access, scrape private data, or interfere with platform security.</li>
                        <li>Do not use the service to distribute spam, abuse communication features, or mislead users through fake reviews or false claims.</li>
                    </ul>
                </section>

                <section class="legal-section">
                    <h2>6. Third-Party Services</h2>
                    <p>
                        BlackSplit may connect with third-party services such as social login providers, payment tools,
                        messaging tools, or verification systems. Their availability, policies, and reliability are outside
                        our direct control, and your use of those services may also be subject to their own terms.
                    </p>
                </section>

                <section class="legal-section">
                    <h2>7. Suspension and Termination</h2>
                    <p>
                        We may restrict, suspend, or terminate access to any account or listing where we reasonably believe
                        there has been fraud, misuse, policy violation, security risk, or conduct that harms other users or
                        the platform.
                    </p>
                </section>

                <section class="legal-section">
                    <h2>8. Disclaimer and Limitation</h2>
                    <p>
                        The marketplace is provided on an &quot;as available&quot; basis. While we work to keep listings and
                        platform features functional, we cannot guarantee uninterrupted access, continuous availability of
                        any third-party subscription, or the actions of independent users on the marketplace.
                    </p>
                </section>

                <section class="legal-section">
                    <h2>9. Updates to These Terms</h2>
                    <p>
                        We may update these Terms &amp; Conditions as the marketplace evolves. Continued use of the platform
                        after an update means you accept the revised terms.
                    </p>
                </section>
            </div>
        </article>
    </div>
</div>
@endsection