<div style="background:#121212; min-height:100vh; display:flex; justify-content:center; align-items:center; color:#fff;">

    <div style="background:#1a1a1a; padding:40px; border-radius:8px; width:100%; max-width:400px; box-shadow:0 0 10px rgba(0,0,0,0.5);">

        <h2 style="text-align:center; color:#ff2d2d; margin-bottom:30px;">Login</h2>

        <form method="post" action="/login">

            <div style="margin-bottom:20px;">

                <label for="username" style="display:block; margin-bottom:8px; color:#ccc;">Username</label>

                <input type="text" id="username" name="username"

                       style="width:100%; padding:10px; border:1px solid #333; border-radius:4px; background:#222; color:#fff;">

            </div>

            <div style="margin-bottom:20px;">

                <label for="password" style="display:block; margin-bottom:8px; color:#ccc;">Password</label>

                <input type="password" id="password" name="password"

                       style="width:100%; padding:10px; border:1px solid #333; border-radius:4px; background:#222; color:#fff;">

            </div>

            <button type="submit"

                    style="width:100%; background:#ff2d2d; padding:12px; border:none; border-radius:4px; color:#fff; cursor:pointer;">

                Login

            </button>

        </form>

    </div>

</div>