<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Регистрация - Minecraft Launcher</title>
    <link rel="stylesheet" href="/static/css/minecraft-webfont.css">
    <link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
    <div class="launcher-header">
        <div class="launcher-logo">MINECRAFT LAUNCHER</div>
    </div>
    
    <div class="container">
        <div class="minecraft-panel">
            <div class="launcher-panel">
                <h1 class="title">Создание аккаунта</h1>
                
                <form method="POST" action="/register" class="form">
                    <div class="form-group">
                        <label for="username">Имя игрока</label>
                        <input type="text" id="username" name="username" required class="input-field" autocomplete="username" placeholder="Steve">
                    </div>
                    
                    <div class="form-group">
                        <label for="email">Email адрес</label>
                        <input type="email" id="email" name="email" required class="input-field" autocomplete="email" placeholder="steve@minecraft.net">
                    </div>
                    
                    <div class="form-group">
                        <label for="password">Пароль</label>
                        <input type="password" id="password" name="password" required class="input-field" autocomplete="new-password" placeholder="••••••••">
                    </div>
                    
                    <div class="button-group" style="margin-top: 30px;">
                        <button type="submit" class="btn btn-primary" style="width: 100%; padding: 12px;">СОЗДАТЬ ПРОФИЛЬ</button>
                    </div>
                </form>
                
                <p class="link-text" style="margin-top: 25px;">
                    Уже есть аккаунт? <a href="/login">Войти</a>
                </p>
                <p class="link-text">
                    <a href="/">← Назад</a>
                </p>
            </div>
        </div>
    </div>
</body>
</html>
