<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Авторизация</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="img/icon-2.png" type="image/png">
</head>
<body>
    <div class="background-image">
        <!-- Header -->
        <div class="header">
                <img src="img/icon-2.png" style="width: 50px; height: 50px; pointer-events: auto;">
            <div class="social-links">
                <h1 class="social-link" id="minimize">—</h1>
                <h1 class="social-link" id="maximize">⛶</h1>
                <h1 class="social-link" id="close">✕&nbsp;&nbsp;&nbsp;&nbsp;</h1>
            </div>
        </div>

        <!-- Auth Block -->
        <div class="auth-block">
            <div class="auth-content">
                <h1 class="auth-title">Авторизация</h1>
<form id="authForm" class="auth-form">
    <input name="login" type="text" class="input-field" placeholder="Введите e-mail или login" required>
    <input name="password" type="password" class="input-field" placeholder="Введите пароль" required>
    <div id="result"></div>
    <button type="submit" class="button-white">Войти</button>
</form>
<br>
      </div>
        </div>
    </div>

    <script src="preload.js"></script>
    <script src="auth.js"></script>
</body>
</html>
