<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MojaWyspa.co.uk — Pożegnanie</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Source+Sans+3:wght@300;400;600&display=swap" rel="stylesheet">
    <style>
        :root {
            --cream: #FAF6F1;
            --ink: #2C2824;
            --rust: #B8593B;
            --rust-light: #D4805F;
            --warm-gray: #8A817A;
            --border: #E2DCD5;
            --card-bg: rgba(255,255,255,0.65);
        }

        *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

        body {
            font-family: 'Source Sans 3', sans-serif;
            background: var(--cream);
            color: var(--ink);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            line-height: 1.7;
            font-weight: 300;
            overflow-x: hidden;
        }

        /* Subtle grain texture */
        body::before {
            content: '';
            position: fixed;
            inset: 0;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
            pointer-events: none;
            z-index: 0;
        }

        .page-wrapper {
            position: relative;
            z-index: 1;
            width: 100%;
            max-width: 720px;
            padding: 3rem 1.5rem 4rem;
        }

        /* Top decorative line */
        .top-accent {
            width: 60px;
            height: 3px;
            background: var(--rust);
            margin: 0 auto 2.5rem;
            border-radius: 2px;
            animation: fadeSlideDown 0.8s ease-out both;
        }

        header {
            text-align: center;
            margin-bottom: 3rem;
            animation: fadeSlideDown 0.8s ease-out 0.1s both;
        }

        .site-name {
            font-family: 'Playfair Display', serif;
            font-size: clamp(2rem, 5vw, 3rem);
            font-weight: 700;
            color: var(--ink);
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }

        .site-name span {
            color: var(--rust);
        }

        .subtitle {
            font-size: 0.95rem;
            color: var(--warm-gray);
            letter-spacing: 0.15em;
            text-transform: uppercase;
            font-weight: 400;
        }

        .divider {
            width: 100%;
            height: 1px;
            background: var(--border);
            margin: 2rem 0;
            position: relative;
        }

        .divider::after {
            content: '◆';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: var(--cream);
            padding: 0 1rem;
            color: var(--rust-light);
            font-size: 0.65rem;
        }

        .card {
            background: var(--card-bg);
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 2.5rem 2.25rem;
            margin-bottom: 2rem;
            backdrop-filter: blur(8px);
            animation: fadeSlideUp 0.7s ease-out both;
        }

        .card:nth-child(2) { animation-delay: 0.2s; }
        .card:nth-child(3) { animation-delay: 0.35s; }

        .card h2 {
            font-family: 'Playfair Display', serif;
            font-size: 1.45rem;
            font-weight: 700;
            margin-bottom: 1rem;
            color: var(--ink);
        }

        .card p {
            margin-bottom: 1rem;
            font-size: 1.05rem;
            color: #4A4540;
        }

        .card p:last-child {
            margin-bottom: 0;
        }

        .card.thanks-card {
            border-left: 3px solid var(--rust);
        }

        .card.gdpr-card {
            background: rgba(255,255,255,0.45);
        }

        .gdpr-card h2 {
            font-size: 1.2rem;
        }

        .gdpr-list {
            list-style: none;
            padding: 0;
            margin: 1rem 0;
        }

        .gdpr-list li {
            padding: 0.45rem 0 0.45rem 1.75rem;
            position: relative;
            font-size: 1rem;
            color: #4A4540;
        }

        .gdpr-list li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: var(--rust);
            font-weight: 600;
        }

        .signature {
            text-align: center;
            margin-top: 3rem;
            animation: fadeSlideUp 0.7s ease-out 0.5s both;
        }

        .signature p {
            font-family: 'Playfair Display', serif;
            font-style: italic;
            font-size: 1.15rem;
            color: var(--warm-gray);
            margin-bottom: 0.5rem;
        }

        .signature .team {
            font-family: 'Source Sans 3', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 0.9rem;
            color: var(--ink);
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }

        .years {
            display: inline-block;
            margin-top: 1.5rem;
            padding: 0.4rem 1.2rem;
            border: 1px solid var(--border);
            border-radius: 100px;
            font-size: 0.85rem;
            color: var(--warm-gray);
            letter-spacing: 0.05em;
        }

        footer {
            margin-top: 3rem;
            padding-top: 1.5rem;
            border-top: 1px solid var(--border);
            text-align: center;
            font-size: 0.8rem;
            color: var(--warm-gray);
            animation: fadeSlideUp 0.7s ease-out 0.6s both;
        }

        footer a {
            color: var(--rust-light);
            text-decoration: none;
        }

        footer a:hover {
            text-decoration: underline;
        }

        @keyframes fadeSlideDown {
            from { opacity: 0; transform: translateY(-12px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @keyframes fadeSlideUp {
            from { opacity: 0; transform: translateY(16px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @media (max-width: 520px) {
            .page-wrapper { padding: 2rem 1.15rem 3rem; }
            .card { padding: 1.75rem 1.35rem; }
        }
    </style>
</head>
<body>
    <div class="page-wrapper">
        <div class="top-accent"></div>

        <header>
            <div class="site-name">Moja<span>Wyspa</span>.co.uk</div>
            <div class="subtitle">Polski Portal w Wielkiej Brytanii</div>
        </header>

        <div class="card thanks-card">
            <h2>Dziękujemy i żegnamy się</h2>
            <p>
                Po wielu latach działalności podjęliśmy trudną decyzję o&nbsp;zamknięciu portalu MojaWyspa.co.uk.
            </p>
            <p>
                Chcielibyśmy z&nbsp;całego serca podziękować <strong>wszystkim</strong>, którzy tworzyli tę społeczność, naszym wiernym użytkownikom, moderatorom, autorom artykułów, reklamodawcom oraz każdemu, kto choć raz nas odwiedził. Przez lata wspólnie budowaliśmy miejsce, w&nbsp;którym Polacy w&nbsp;Wielkiej Brytanii mogli się spotkać, porozmawiać i&nbsp;wzajemnie sobie pomóc.
            </p>
            <p>
                To był zaszczyt móc Wam towarzyszyć w&nbsp;codziennych sprawach, ważnych życiowych decyzjach i&nbsp;chwilach, gdy potrzebowaliście rady lub po&nbsp;prostu rozmowy w&nbsp;ojczystym języku. Dziękujemy za każdy post, komentarz, ogłoszenie i&nbsp;artykuł. Dziękujemy za Waszą obecność.
            </p>
        </div>

        <div class="card gdpr-card">
            <h2>Informacja o&nbsp;ochronie danych osobowych (GDPR / RODO)</h2>
            <p>
                W&nbsp;związku z&nbsp;zamknięciem serwisu, informujemy, że zgodnie z&nbsp;postanowieniami Rozporządzenia Ogólnego o&nbsp;Ochronie Danych Osobowych (RODO / GDPR) oraz brytyjskiej ustawy UK&nbsp;GDPR:
            </p>
            <ul class="gdpr-list">
                <li>Wszystkie konta użytkowników zostały trwale usunięte.</li>
                <li>Wszelkie dane osobowe — w&nbsp;tym adresy e-mail, nazwy użytkowników, adresy IP oraz dane profilowe — zostały nieodwracalnie skasowane z&nbsp;naszych baz danych i&nbsp;kopii zapasowych.</li>
                <li>Treści opublikowane przez użytkowników (posty na forum, komentarze, ogłoszenia, zdjęcia) zostały usunięte.</li>
                <li>Dane nie zostały i&nbsp;nie zostaną przekazane, sprzedane ani udostępnione żadnym podmiotom trzecim.</li>
                <li>Wszelkie pliki cookies i&nbsp;dane analityczne związane z&nbsp;serwisem zostały usunięte.</li>
            </ul>
            <p>
                Jeśli mają Państwo jakiekolwiek pytania dotyczące usunięcia danych, prosimy o&nbsp;kontakt na adres: <a href="mailto:kontakt@mojawyspa.co.uk" style="color: var(--rust); text-decoration: none; font-weight: 400;">kontakt@mojawyspa.co.uk</a>
            </p>
        </div>

        <div class="signature">
            <p>Dziękujemy, że byliście z nami.</p>
            <div class="team">Zespół MojaWyspa.co.uk</div>
            <div class="years">2006 – 2026</div>
        </div>

        <footer>
            <p>&copy; MojaWyspa.co.uk. Wszelkie prawa zastrzeżone.</p>
        </footer>
    </div>
</body>
</html>
