<div style="background:#121212; min-height:100vh; padding:40px; color:#fff;">

    <div style="max-width:600px; margin:0 auto; background:#1a1a1a; padding:30px; border-radius:8px; box-shadow:0 0 15px rgba(0,0,0,0.6);">

        

        <h2 style="color:#ff2d2d; text-align:center; margin-bottom:25px;">Account Settings</h2>

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

            <label style="color:#fff;">Username</label>

            <input type="text" name="username" value="{{ user.username }}" style="width:100%; padding:10px; margin:10px 0; border:1px solid #333; border-radius:4px; background:#2a2a2a; color:#fff;">

            <label style="color:#fff;">Email</label>

            <input type="email" name="email" value="{{ user.email }}" style="width:100%; padding:10px; margin:10px 0; border:1px solid #333; border-radius:4px; background:#2a2a2a; color:#fff;">

            <label style="color:#fff;">New Password</label>

            <input type="password" name="new_password" style="width:100%; padding:10px; margin:10px 0 20px; border:1px solid #333; border-radius:4px; background:#2a2a2a; color:#fff;">

            <button type="submit" style="width:100%; padding:12px; background:#ff2d2d; border:none; color:#fff; border-radius:4px; font-weight:600; cursor:pointer;">

                Save Changes

            </button>

        </form>

    </div>

</div>