Вход в систему
    <style>
        /* Фоновый рисунок, текстура (свой вариант или заменить на свой) */
        html {
            background: url('/images/login-bg.jpg') no-repeat center center fixed;
            background-size: cover;
            height: 100%;
            margin: 0;
            padding: 0;
            font-family: "Inter", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        }
        body {
            background: transparent;
            height: 100%;
            margin: 0;
            padding: 0;
        }


        .login-wrapper {
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background: transparent !important;
        }

        .login-card {
            background: rgba(0, 0, 0, 0.85);
            padding: 2rem 3rem;
            border-radius: 12px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
            width: 400px;
            max-width: 95vw;
            text-align: center;
        }


        /* Заголовок */
        .login-card h1 {
            margin-bottom: 1.5rem;
            font-weight: 700;
            color: #fff;
        }

        /* Поля ввода */
        .login-card input[type="email"],
        .login-card input[type="password"] {
            width: 100%;
            padding: 0.75rem 1rem;
            margin-bottom: 1rem;
            border-radius: 6px;
            border: none;
            background: #333;
            color: #eee;
            font-size: 1rem;
            transition: background-color 0.3s ease;
            box-sizing: border-box;
        }

        .login-card input[type="email"]:focus,
        .login-card input[type="password"]:focus {
            background-color: #444;
            outline: none;
        }

        /* Кнопка */
        .login-card button {
            width: 100%;
            padding: 0.75rem;
            border-radius: 6px;
            border: none;
            background-color: #e94560;
            color: #fff;
            font-weight: 600;
            cursor: pointer;
            font-size: 1rem;
            transition: background-color 0.3s ease;
        }

        .login-card button:hover {
            background-color: #d83450;
        }

        /* Сообщение об ошибке */
        .alert-danger {
            background-color: #660000;
            color: #f99;
            padding: 0.75rem 1rem;
            border-radius: 6px;
            margin-bottom: 1rem;
            font-size: 0.9rem;
        }

    </style>

    <div style="position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -10; overflow: hidden;">
        <img src="/images/login-bg.jpg" alt="Фон" style="width: 100%; height: 100%; object-fit: cover;">
    </div>

    <div class="login-wrapper" style="position: relative; z-index: 10;">
        <div class="login-card">
            <h1>PS</h1>

            
            <form method="post" action="/login">
                <input type="hidden" name="_csrf_token" value="csrf-token">

                <input type="email" name="_username" placeholder="Имя пользователя" value="" required autofocus>
                <input type="password" name="_password" placeholder="Пароль" required>

                <button type="submit">ВОЙТИ</button>
            </form>
        </div>
    </div>