{% extends "base.html" %}
{% block title %}Login — FabledNetMon{% endblock %}
{% block content %}
<div style="max-width:400px;margin:4rem auto;">
    <div class="card">
        <h2 style="margin-bottom:1.5rem;color:#c0c0ff;">Sign In</h2>
        <form method="post" action="/login">
            <div class="form-group">
                <label>Username</label>
                <input type="text" name="username" autofocus required>
            </div>
            <div class="form-group">
                <label>Password</label>
                <input type="password" name="password" required>
            </div>
            <button type="submit">Sign In</button>
        </form>
    </div>
</div>
{% endblock %}