<!DOCTYPE html>
<html lang="hu" class="h-full">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MythicIsland — Általános Szerződési Feltételek</title>
    <link rel="shortcut icon" href="https://cdn.mythicisland.hu/brand/server-icon.png">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <script src="https://cdn.tailwindcss.com/"></script>

    <script>
        const navigation = document.querySelector('.primary-navigation');
        const navigationHeight = navigation ? navigation.offsetHeight : 0;

        document.documentElement.style.setProperty(
            "--scroll-padding",
            navigationHeight + "px"
        );

        // Smooth scrolling with padding adjustment
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();

                const target = document.querySelector(this.getAttribute('href'));

                window.scrollTo({
                    top: target.offsetTop - navigationHeight,
                    behavior: 'smooth'
                });
            });
        });
    </script>

    <style>
        html {
            scroll-padding: var(--scroll-padding, 5rem);
        }
        body {
            font-family: 'Poppins', sans-serif;
        }
        .bg-minecraft {
            background-image: url('https://lunr.pics/i/Y4EAJhsP.png');
            background-size: cover;
            background-position: center;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -2;
        }
        .bg-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            z-index: -1;
        }
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.2);
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.2);
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.3);
        }
    </style>
</head>
<body class="bg-gray-900 text-white">
    <div class="bg-minecraft"></div>
    <div class="bg-overlay"></div>

    <div class="relative z-10 min-h-screen">
        <div class="container mx-auto p-6 lg:p-20">
            <div class="flex justify-center gap-8">
                <!-- Bal oldali navigáció -->
                <div class="w-[250px] shrink-0">
                    <div class="flex items-center gap-2 mb-8">
                        <img src="https://cdn.mythicisland.hu/brand/server-icon.png" alt="MythicIsland logo" class="h-8">
                        <span class="text-2xl font-bold text-white">MythicIsland</span>
                        <span class="px-2 py-1 rounded-full text-xs bg-yellow-500/10 text-yellow-400">
                            <a href="https://jupitr.hu">JupITr</a>
                        </span>
                    </div>

                    <div class="bg-black/20 backdrop-blur-sm p-6 rounded-lg sticky top-8">
                        <div class="space-y-2">
                            <a href="#1" class="block text-gray-400 hover:text-white py-1">1. § Szolgáltató adatai</a>
                            <a href="#2" class="block text-gray-400 hover:text-white py-1">2. § Szolgáltatások köre</a>
                            <a href="#3" class="block text-gray-400 hover:text-white py-1">3. § Felhasználási feltételek</a>
                            <a href="#4" class="block text-gray-400 hover:text-white py-1">4. § Vásárlási feltételek</a>
                            <a href="#5" class="block text-gray-400 hover:text-white py-1">5. § Felelősségvállalás</a>
                            <a href="#6" class="block text-gray-400 hover:text-white py-1">6. § Adatkezelés</a>
                            <a href="#7" class="block text-gray-400 hover:text-white py-1">7. § Technikai feltételek</a>
                            <a href="#8" class="block text-gray-400 hover:text-white py-1">8. § Szerzői jogok</a>
                            <a href="#9" class="block text-gray-400 hover:text-white py-1">9. § Záró rendelkezések</a>
                        </div>
                    </div>
                </div>

                <!-- Középső tartalom -->
                <div class="w-[800px]">
                    <h1 class="text-4xl font-bold text-white mb-8">Általános Szerződési Feltételek</h1>
                    <div class="grid grid-cols-4 gap-6">
                        <!-- Szolgáltató adatai -->
                        <div id="1" class="col-span-4 bg-gray-800/20 p-6 rounded-lg">
                            <h2 class="text-2xl font-bold text-white mb-6">1. § Szolgáltató adatai</h2>
                            <div class="grid grid-cols-2 gap-6">
                                <div class="bg-black/30 p-6 rounded-lg">
                                    <h3 class="text-lg font-semibold text-white mb-4">Kapcsolat</h3>
                                    <ul class="space-y-3 text-gray-400">
                                        <li>Név: MythicIsland (JupITr)</li>
                                        <li>Email: support@mythicisland.hu</li>
                                        <li>Üzemeltető: JupITr</li>
                                    </ul>
                                </div>
                                <div class="bg-black/30 p-6 rounded-lg">
                                    <h3 class="text-lg font-semibold text-white mb-4">Jogszabályok</h3>
                                    <ul class="space-y-3 text-gray-400">
                                        <li>2013. évi V. törvény (Ptk.)</li>
                                        <li>2001. évi CVIII. törvény (Eker. tv.)</li>
                                        <li>2012. évi C. törvény (Btk.)</li>
                                        <li>GDPR (2016/679/EU rendelet)</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- Szolgáltatások köre -->
                        <div id="2" class="col-span-4 bg-gray-800/20 p-6 rounded-lg">
                            <h2 class="text-2xl font-bold text-white mb-6">2. § Szolgáltatások köre</h2>
                            <div class="bg-black/30 p-6 rounded-lg">
                                <ul class="space-y-3 text-gray-400">
                                    <li>Minecraft szerverhez való hozzáférés biztosítása</li>
                                    <li>Egyedi játékmódok és minijátékok</li>
                                    <li>Virtuális termékek és rangok értékesítése</li>
                                    <li>MythicCoins virtuális fizetőeszköz forgalmazása</li>
                                    <li>Támogatói rendszer üzemeltetése</li>
                                    <li>Közösségi funkciók és események</li>
                                </ul>
                            </div>
                        </div>

                        <!-- További szekciók ... -->
                        <div id="3" class="col-span-4 bg-gray-800/20 p-6 rounded-lg">
                            <h2 class="text-2xl font-bold text-white mb-6">3. § Felhasználási feltételek</h2>
                            <div class="space-y-6">
                                <div class="bg-black/30 p-6 rounded-lg">
                                    <h3 class="text-lg font-semibold text-white mb-4">3.1 Regisztráció és életkor</h3>
                                    <ul class="space-y-3 text-gray-400">
                                        <li>14 év alatti felhasználók csak szülői felügyelettel</li>
                                        <li>Egy személy egy felhasználói fiókkal rendelkezhet</li>
                                        <li>Valós adatok megadása kötelező</li>
                                        <li>A felhasználó felelős a fiókja biztonságáért</li>
                                    </ul>
                                </div>
                                <div class="bg-black/30 p-6 rounded-lg">
                                    <h3 class="text-lg font-semibold text-white mb-4">3.2 Tiltott tevékenységek</h3>
                                    <ul class="space-y-3 text-gray-400">
                                        <li>Csaló programok, módosítások használata</li>
                                        <li>Más játékosok zaklatása (Btk. 222. §)</li>
                                        <li>DDoS vagy más támadások (Btk. 423. §)</li>
                                        <li>Személyes adatokkal visszaélés (Btk. 219. §)</li>
                                        <li>Virtuális javak valós pénzért értékesítése</li>
                                        <li>Bot programok használata</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div id="4" class="col-span-4 bg-gray-800/20 p-6 rounded-lg">
                            <h2 class="text-2xl font-bold text-white mb-6">4. § Vásárlási feltételek</h2>
                            <div class="space-y-6">
                                <div class="bg-black/30 p-6 rounded-lg">
                                    <h3 class="text-lg font-semibold text-white mb-4">4.1 MythicCoins</h3>
                                    <ul class="space-y-3 text-gray-400">
                                        <li>A szerver hivatalos virtuális fizetőeszköze</li>
                                        <li>Nem átváltható valós pénzre</li>
                                        <li>Fel nem használt egyenleg megmarad</li>
                                        <li>Átváltási arány módosításának jogát fenntartjuk</li>
                                    </ul>
                                </div>
                                <div class="bg-black/30 p-6 rounded-lg">
                                    <h3 class="text-lg font-semibold text-white mb-4">4.2 Visszatérítés</h3>
                                    <ul class="space-y-3 text-gray-400">
                                        <li>Technikai hiba esetén 24 órán belül igényelhető</li>
                                        <li>Aktivált vagy felhasznált termékekre nincs visszatérítés</li>
                                        <li>Visszaélés esetén a tranzakció visszavonható</li>
                                        <li>A visszatérítés az eredeti fizetési módra történik</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div id="5" class="col-span-4 bg-gray-800/20 p-6 rounded-lg">
                            <h2 class="text-2xl font-bold text-white mb-6">5. § Felelősségvállalás</h2>
                            <div class="space-y-6">
                                <div class="bg-black/30 p-6 rounded-lg">
                                    <h3 class="text-lg font-semibold text-white mb-4">5.1 Szolgáltató felelőssége</h3>
                                    <ul class="space-y-3 text-gray-400">
                                        <li>Szolgáltatás folyamatos működéséért</li>
                                        <li>Biztonsági mentések készítéséért</li>
                                        <li>Személyes adatok védelméért</li>
                                        <li>Technikai problémák elhárításáért</li>
                                    </ul>
                                </div>
                                <div class="bg-black/30 p-6 rounded-lg">
                                    <h3 class="text-lg font-semibold text-white mb-4">5.2 Felelősség kizárása</h3>
                                    <ul class="space-y-3 text-gray-400">
                                        <li>Vis maior események okozta károk</li>
                                        <li>Felhasználói szabályszegésből eredő károk</li>
                                        <li>Harmadik fél által okozott károk</li>
                                        <li>Internet kapcsolatból eredő problémák</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div id="6" class="col-span-4 bg-gray-800/20 p-6 rounded-lg">
                            <h2 class="text-2xl font-bold text-white mb-6">6. § Adatkezelés</h2>
                            <div class="bg-black/30 p-6 rounded-lg">
                                <ul class="space-y-3 text-gray-400">
                                    <li>GDPR-kompatibilis adatkezelés</li>
                                    <li>Minimális adatgyűjtés elve</li>
                                    <li>Titkosított adattárolás</li>
                                    <li>Rendszeres biztonsági mentések</li>
                                    <li>Felhasználói jogok biztosítása</li>
                                    <li>Részletes adatvédelmi tájékoztató elérhető</li>
                                </ul>
                            </div>
                        </div>

                        <div id="7" class="col-span-4 bg-gray-800/20 p-6 rounded-lg">
                            <h2 class="text-2xl font-bold text-white mb-6">7. § Technikai feltételek</h2>
                            <div class="space-y-6">
                                <div class="bg-black/30 p-6 rounded-lg">
                                    <h3 class="text-lg font-semibold text-white mb-4">7.1 Minimum követelmények</h3>
                                    <ul class="space-y-3 text-gray-400">
                                        <li>Hivatalos Minecraft kliens (legújabb verzió)</li>
                                        <li>Stabil internet (min. 10 Mbps)</li>
                                        <li>Minimum 4GB RAM</li>
                                        <li>Windows 10/11 vagy újabb</li>
                                    </ul>
                                </div>
                                <div class="bg-black/30 p-6 rounded-lg">
                                    <h3 class="text-lg font-semibold text-white mb-4">7.2 Ajánlott beállítások</h3>
                                    <ul class="space-y-3 text-gray-400">
                                        <li>OptiFine vagy Sodium használata</li>
                                        <li>Renderelési távolság: 12-16 chunk</li>
                                        <li>Részecske effektek: Minimális/Közepes</li>
                                        <li>VSync: Bekapcsolva</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div id="8" class="col-span-4 bg-gray-800/20 p-6 rounded-lg">
                            <h2 class="text-2xl font-bold text-white mb-6">8. § Szerzői jogok</h2>
                            <div class="space-y-6">
                                <div class="bg-black/30 p-6 rounded-lg">
                                    <h3 class="text-lg font-semibold text-white mb-4">8.1 Védett tartalmak</h3>
                                    <ul class="space-y-3 text-gray-400">
                                        <li>A szerver egyedi fejlesztései</li>
                                        <li>Grafikai elemek és textúrák</li>
                                        <li>Egyedi plugin rendszerek</li>
                                        <li>Weboldal és kapcsolódó tartalmak</li>
                                    </ul>
                                </div>
                                <div class="bg-black/30 p-6 rounded-lg">
                                    <h3 class="text-lg font-semibold text-white mb-4">8.2 Tilalmak</h3>
                                    <ul class="space-y-3 text-gray-400">
                                        <li>A szerver tartalmainak másolása</li>
                                        <li>Plugin rendszerek visszafejtése</li>
                                        <li>A szerver nevének jogosulatlan használata</li>
                                        <li>Tartalmak kereskedelmi célú felhasználása</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div id="9" class="col-span-4 bg-gray-800/20 p-6 rounded-lg">
                            <h2 class="text-2xl font-bold text-white mb-6">9. § Záró rendelkezések</h2>
                            <div class="space-y-6">
                                <div class="bg-black/30 p-6 rounded-lg">
                                    <h3 class="text-lg font-semibold text-white mb-4">9.1 Moderáció</h3>
                                    <ul class="space-y-3 text-gray-400">
                                        <li>A moderátorok döntése kötelező érvényű</li>
                                        <li>A büntetések fokozatosan súlyosbodnak</li>
                                        <li>Fellebbezés csak support ticketen keresztül</li>
                                        <li>Végleges kitiltás esetén nincs fellebbezés</li>
                                    </ul>
                                </div>
                                <div class="bg-black/30 p-6 rounded-lg">
                                    <h3 class="text-lg font-semibold text-white mb-4">9.2 ÁSZF módosítása</h3>
                                    <ul class="space-y-3 text-gray-400">
                                        <li>Az ÁSZF módosításának jogát fenntartjuk</li>
                                        <li>A módosításról 15 nappal korábban értesítünk</li>
                                        <li>A módosított ÁSZF a közzététel után lép életbe</li>
                                        <li>A használat folytatása elfogadásnak minősül</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>

                    <footer class="mt-12 text-gray-400 text-sm text-center">
                        <p>© <script>document.writeln(new Date().getFullYear())</script> MythicIsland. Minden jog fenntartva.</p>
                        <p>Utolsó módosítás: 2025. január 23.</p>
                    </footer>
                </div>
            </div>
        </div>
    </div>
</body>
</html>