<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
		    <!-- Open Graph Metadata -->
    <meta property="og:title" content="TDO > The Defense Organisation">
    <meta property="og:description" content="Welcome to TDO, the ultimate defensive alliance in Minecraft. Unity, Strength, Security. Join us today!">
    <meta property="og:url" content="tdo.pages.dev">
    <meta property="og:type" content="website">
    <!-- Twitter Card Metadata -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="TDO > The Defense Organisation">
    <meta name="twitter:description" content="Unity, Strength, Security. The ultimate Minecraft defensive alliance.">
    <title>TDO > The Defense Organisation</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 0;
            background: linear-gradient(120deg, #1e1e2f, #3c3c57);
            color: #fff;
            overflow-x: hidden;
        }

        header {
            text-align: center;
            padding: 60px 20px;
            background: linear-gradient(90deg, #3c3c57, #52527a);
            animation: fade-in 2s ease-in-out;
        }

        header h1 {
            margin: 0;
            font-size: 3.5em;
            text-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
        }
        
header hq {
    margin: 0;
    font-size: 3.5em;
    text-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    color: white;
}

	 
        header p {
            font-size: 1.5em;
            margin-top: 10px;
			 color: white;	
        }
		        header pq {
            font-size: 1.5em;
            margin-top: 10px;
        }
		
		         nav {
            text-align: center;
            background: #2b2b52;
            padding: 10px 0;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        }
		
		        h2 {
            color: #2b2b52;
            position: relative;
        }
        h2::after {
            content: '';
            display: block;
            width: 60px;
            height: 3px;
            background-color: #2b2b52;
            margin: 10px 0;
            animation: grow-line 1s ease-in-out;
        }

        nav a {
            color: #fff;
            text-decoration: none;
            margin: 0 15px;
            font-size: 1.3em;
            position: relative;
            overflow: hidden;
            transition: color 0.3s ease;
        }

        nav a:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 3px;
            background: #fff;
            left: 0;
            bottom: -5px;
            transform: scaleX(0);
            transform-origin: right;
            transition: transform 0.3s ease-in-out;
        }

        nav a:hover:after {
            transform: scaleX(1);
            transform-origin: left;
        }
		
        .container {
            max-width: 1100px;
            margin: 40px auto;
            padding: 20px;
            background-color: #414165;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
            border-radius: 10px;
            animation: fade-in 1.5s ease-in;
        }
        ul, p {
            animation: fade-in-up 1.5s ease-in-out;
        }
        ul li {
            margin: 10px 0;
        }
        .cta {
            text-align: center;
            margin: 30px 0;
        }
        .cta button {
            background-color: #2b2b52;
            color: #fff;
            padding: 15px 30px;
            font-size: 1.2em;
            border: none;
            cursor: pointer;
            border-radius: 5px;
            transition: transform 0.3s ease, background-color 0.3s ease;
            animation: bounce 2s infinite alternate;
        }
        .cta button:hover {
            background-color: #414165;
            transform: scale(1.1);
        }
        footer {
            text-align: center;
            background-color: #2b2b52;
            color: #fff;
            padding: 15px 0;
            margin-top: 20px;
            position: relative;
            animation: slide-up 1.5s ease-out;
        }
        footer a {
            color: #ccc;
            text-decoration: none;
        }
        footer a:hover {
            color: #fff;
        }

        /* Animations */
        @keyframes slide-in {
            from {
                transform: translateX(-100%);
            }
            to {
                transform: translateX(0);
            }
        }
        @keyframes fade-in {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        @keyframes fade-in-up {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        @keyframes grow-line {
            from {
                width: 0;
            }
            to {
                width: 60px;
            }
        }
        @keyframes bounce {
            from {
                transform: translateY(0);
            }
            to {
                transform: translateY(-10px);
            }
        }
        @keyframes slide-up {
            from {
                transform: translateY(100%);
            }
            to {
                transform: translateY(0);
            }
        }
    </style>
</head>
<body>
    <header>
        <hq>🛡️ TDO > The Defense Organisation 🛡️</hq>
        <p>"Unity, Strength, Security"</p>
		    <nav>
        <a href="index.html">Home</a>
        <a href="countries.html">Countries</a>
    </nav>
    </header>
    <div class="container">
        <h2>Are You Ready to Take Defense to the Next Level?</h2>
        <p>Welcome to <strong>TDO</strong>, the ultimate defensive alliance in Minecraft. Our mission: to protect, cooperate, and ensure stability across the server—because safety is our strength.</p>

        <h2>🛡️ About TDO</h2>
        <p>The Defense Organisation (TDO) operates like NATO, uniting nations and players under a shared commitment to mutual defense and peacekeeping.</p>

        <h2>🔗 What We Stand For:</h2>
        <ul>
            <li><strong>Collective Security:</strong> An attack on one member is an attack on all.</li>
            <li><strong>Proactive Defense:</strong> Protect your land, resources, and allies.</li>
            <li><strong>Global Collaboration:</strong> Forge alliances with like-minded nations and players.</li>
        </ul>

        <h2>💪 Why Join TDO?</h2>
        <ul>
            <li><strong>Strength in Numbers:</strong> Join a growing network of skilled players and nations.</li>
            <li><strong>Military Drills & Strategy:</strong> Master the art of defense and tactics.</li>
            <li><strong>Resource & Knowledge Sharing:</strong> Access communal resources and expert advice.</li>
            <li><strong>Peace Through Power:</strong> Together, we create stability on the server.</li>
        </ul>

        <div class="cta">
            <h2>📢 Ready to Join?</h2>
            <p>TDO is open to players and nations that value teamwork, security, and cooperation.</p>
            <p><strong>Contact us via Discord: .schlonny</strong></p>
            <button onclick="window.open('https://discord.com', '_blank')">Join TDO</button>
        </div>
    </div>
    <footer>
        <p>Secure your future with TDO. Together, we defend, thrive, and prevail.</p>
        <p>Discord: <a href="https://discord.com" target="_blank">.schlonny</a></p>
    </footer>
</body>
</html>
