header {
        text-align: center;
        padding: 50px 20px;
    }

    h1 {
        font-size: 3em;
        margin: 0;
    }

    h2 {
        font-size: 1.5em;
        font-weight: normal;
        color: #999;
    }

    .section {
        padding: 30px 20px;
        text-align: center;
    }

    .team {
        background: linear-gradient(135deg, #1f1f1f, #292929);
        padding: 40px 20px;
        border-top: 2px solid #333;
        border-bottom: 2px solid #333;
    }

    .team h3 {
        font-size: 2em;
        margin-bottom: 20px;
    }

    .team-members {
        display: flex;
        justify-content: center;
        gap: 40px;
        font-size: 1.2em;
    }

    a.discord-link {
        color: #7289da;
        text-decoration: none;
        font-size: 1.1em;
    }

    a.discord-link:hover {
        text-decoration: underline;
    }

    .termine {
        color: #555;
        font-style: italic;
    }

    .form-section {
        padding: 40px 20px;
        text-align: left;
        max-width: 600px;
        margin: 0 auto;
    }

    form {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    label {
        font-weight: bold;
    }

    input, textarea {
        padding: 10px;
        border: none;
        border-radius: 5px;
        font-size: 1em;
        background-color: #222;
        color: #fff;
    }

    input[type="submit"] {
        background-color: #7289da;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    input[type="submit"]:hover {
        background-color: #5b6eae;
    }

    .note {
        font-size: 0.9em;
        color: #aaa;
        margin-top: 10px;
    }
</style>

<header>
    <h1>NM | Esport</h1>
    <h2>Esport Clan – Brawl Stars – Top 200 DE</h2>
</header>

<div class="section">
    <p>🎮 Trete unserem Discord bei: <a href="https://discord.gg/bT97M6M9" class="discord-link" target="_blank">Hier klicken</a></p>
</div>

<div class="team">
    <h3>Unser Team</h3>
    <div class="team-members">
        <div><strong>NM Nowas</strong></div>
        <div><strong>NM Fishy</strong></div>
        <div><strong>NM Henry</strong></div>
    </div>
</div>

<div class="section">
    <h3>Bevorstehende Termine</h3>
    <p class="termine">Noch keine Termine eingetragen.</p>
</div>

<div class="form-section">
    <h3>Bewerbungsformular</h3>
    <form action="#" method="POST">
        <label for="id">Spieler-ID:</label>
        <input type="text" id="id" name="id" required>

        <label for="reason">Warum bist du der Richtige?</label>
        <textarea id="reason" name="reason" rows="5" required></textarea>

        <input type="submit" value="Bewerbung absenden">
    </form>
    <p class="note">Wenn du angenommen wirst, adde bitte <strong>alex_der_fisch</strong> auf Discord.</p>
</div>