<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kayıt Formu</title>
    <link rel="stylesheet" href="styles.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
</head>
<body>
    <div class="floating-text">discord.gg/ozgurdusunce</div>

    <div class="container">
        <h1>Kayıt Formu</h1>
        <form id="registrationForm">
            <label for="discordName">Discord Adınız:</label>
            <input type="text" id="discordName" required>

            <label for="desiredName">Kayıt Olmak İstediğiniz İsim:</label>
            <input type="text" id="desiredName" required>

            <label for="age">Yaşınız:</label>
            <input type="number" id="age" required>

            <label for="gender">Cinsiyetiniz:</label>
            <select id="gender" required>
                <option value="">Seçiniz</option>
                <option value="Erkek">Erkek</option>
                <option value="Kadın">Kadın</option>
            </select>

            <button type="submit">Gönder</button>
        </form>
        <div id="successMessage" style="display: none;">Verileriniz Yetkililere Gönderildi</div>
    </div>

    <footer>
        <p>Kayıt Formunu Doldurmanız gerekmektedir.</p>
    </footer>

    <script src="script.js"></script>

    <video autoplay muted loop id="background-video">
        <source src="https://assets.mixkit.co/videos/1610/1610-720.mp4" type="video/mp4">
        Tarayıcınız video etiketini desteklemiyor.
    </video>
</body>
</html>
